https://dead-roid-666.web.app/1667.d78c938f.chunk.js

1"use strict";(self.webpackChunkts_boilerplate=self.webpackChunkts_boilerplate||[]).push([[1667],{698:function(e,n,t){t.d(n,{JP:function(){return i},hT:function(){return o},tl:function(){return a},w7:function(){return l}});var r=t(79661),i=(0,r.eU)({key:"photocardAutoSetState",default:null}),o=((0,r.eU)({key:"photocardAutoSetLoadingState",default:!0}),(0,r.eU)({key:"mainPhotocardDataState",default:null})),a=(0,r.eU)({key:"representativeFormDataState",default:null}),l=(0,r.gD)({key:"mainCharacterState",get:function(e){var n=e.get,t=n(o),r=n(a);return t?{id:t.id||"",title:t.title||"",subTitle:t.subTitle,thumbnail:t.thumbnail,camp:t.camp,type:"photocard",photocard:t}:r?{id:r.id,title:r.title,subTitle:r.subTitle,thumbnail:r.thumbnail,camp:r.camp,type:"form",form:r}:null}})},1067:function(e,n,t){var r=t(97004),i=t(81097),o=t(54595),a=t(92636),l=t(57956),c=t(41551);r({target:"Array",proto:!0},{flat:function(){var e=arguments.length?arguments[0]:void 0,n=o(this),t=a(n.length),r=c(n,0);return r.length=i(r,n,n,t,0,void 0===e?1:l(e)),r}})},1310:function(e,n,t){t.d(n,{l:function(){return a}});var r=t(37953),i=t(96073),o=t(79661),a=function(e){var n=(0,o.lZ)(i.Q);(0,r.useEffect)(function(){return n(e),function(){return n(!e)}},[n])}},2355:function(e,n,t){var r;t.d(n,{J:function(){return r},S:function(){return i}}),function(e){e.ATTACK="attack",e.DEFENSE="defense",e.CRITICAL="critical",e.HP="hp",e.MP="mp",e.SPEED="speed",e.STATUS1="status1",e.STATUS2="status2",e.STATUS3="status3",e.STATUS4="status4",e.STATUS5="status5"}(r||(r={}));var i=[{key:r.ATTACK,value:"공격력",isActive:!0,type:"전투"},{key:r.CRITICAL,value:"관통력",isActive:!0,type:"전투"},{key:r.DEFENSE,value:"방어력",isActive:!0,type:"전투"},{key:r.HP,value:"체력",isActive:!0,type:"전투"},{key:r.MP,value:"마력",isActive:!0,type:"전투"},{key:r.SPEED,value:"속도",isActive:!0,type:"전투"},{key:r.STATUS1,value:"매력",isActive:!0,type:"커스텀"},{key:r.STATUS2,value:"솜씨",isActive:!0,type:"커스텀"},{key:r.STATUS3,value:"평판",isActive:!0,type:"커스텀"},{key:r.STATUS4,value:"마법방어",isActive:!0,type:"커스텀"},{key:r.STATUS5,value:"지식",isActive:!0,type:"커스텀"}]},4429:function(e,n,t){function r(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 i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?r(Object(t),!0).forEach(function(n){o(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):r(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function a(e){return function(e){if(Array.isArray(e))return c(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||l(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 l(e,n){if(e){if("string"==typeof e)return c(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)?c(e,n):void 0}}function c(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 u(e,n,t){return t.includes(e)&&!n.includes(e)?"skill":"item"}function s(e){var n=e.itemList||[],t=e.skillList||[],r=[].concat(a(n),a(t));if(0===r.length)return null;var o=(e.rewardChanceList||[]).map(function(e){return i(i({},e),{},{chance:Number(e.chance||0),type:e.type||u(e.id,n,t)})}).filter(function(e){return r.includes(e.id)&&e.chance>0}),c=o.reduce(function(e,n){return e+n.chance},0);if(c>0){var s,d=Math.random()*c,f=0,p=function(e){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];

1if(!n){if(Array.isArray(e)||(n=l(e))){n&&(e=n);var t=0,r=function(){};return{s:r,n:function(){return t>=e.length?{done:!0}:{done:!1,value:e[t++]}},e:function(e){throw e},f:r}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,o=!0,a=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){a=!0,i=e},f:function(){try{o||null==n.return||n.return()}finally{if(a)throw i}}}}(o);try{for(p.s();!(s=p.n()).done;){var m=s.value;if(d<(f+=m.chance))return{id:m.id,type:m.type}}}catch(e){p.e(e)}finally{p.f()}}var v=r[Math.floor(Math.random()*r.length)];return{id:v,type:u(v,n,t)}}t.d(n,{u:function(){return s}}),t(80545),t(43465),t(97152),t(85062),t(86608),t(77654),t(6110),t(3940),t(32145),t(74277),t(61445),t(57045),t(65114),t(32242),t(60039),t(42652),t(12064),t(75868),t(10475),t(82106),t(3233),t(51163),t(82758),t(20884),t(31863)},10840:function(e,n,t){t.r(n),t.d(n,{default:function(){return hr}}),t(97152),t(85062);var r,i,o,a,l=t(37953),c=t(19730),u=t(83483),s=t(56907),d=(t(12064),t(44465),t(31863),t(98611)),f=t(84136),p=t(60684),m=(t(3940),t(32145),t(74277),t(61445),t(57045),t(65114),t(32242),t(60039),t(42652),t(75868),t(71035));function v(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 y(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var h,g,b,x=f.Ay.div(r||(r=y(["\n  padding: 12px;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n\n  @media (max-width: 480px) {\n    display: none;\n  }\n"]))),w=f.Ay.div(i||(i=y(["\n  width: 100%;\n  max-width: 600px;\n  object-fit: contain;\n\n  img {\n    width: 100%;\n  }\n"]))),A=f.Ay.div(o||(o=y(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 12px;\n  border-radius: 12px;\n  background-color: var(--cardBackgroundColor);\n  border: 1px solid var(--cardLineColor);\n  font-size: 16px;\n  z-index: 1;\n  width: 100%;\n  text-align: center;\n  line-height: 1.4;\n"]))),E=f.Ay.div(a||(a=y(["\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--buttonBackgroundColor);\n  color: var(--buttonTextColor);\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  padding: 8px;\n  top: -36px;\n  left: 16px;\n  font-size: 14px;\n"]))),O=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var n,t,r="".concat(c.Gf.NPC),i="storeNpc",o=(0,u.useDocument)("".concat(r,"/").concat(i),{listen:!0}),a=o.data,s=(o.set,(0,u.useCollection)("".concat(r,"/").concat(i,"/").concat("scripts"),{listen:!0,orderBy:["createdAt","desc"]}).data),d=(n=(0,m.A)({randomList:s||[]}),t=1,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 v(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)?v(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.")}())[0];return(0,l.useEffect)(function(){},[]),l.createElement(x,{style:{flexDirection:"top"===(null==a?void 0:a.bubbleDir)?"column":"column-reverse"}},l.createElement(A,null,l.createElement(E,null,(null==a?void 0:a.name)||"npc명"),'"',d?d.contents:s&&s.length>0?s[0].contents:"",'"'),l.createElement(w,null,l.createElement("img",{src:null==a?void 0:a.imgURL,alt:"NPC"})))},S=(t(86608),t(38252)),k=(t(77654),t(89087)),C=t(44316),j=t(62310),I=(t(34068),t(10475),t(82106),t(3233),t(51163),t(82758),t(20884),t(82185),t(77135),t(60368),t(70300)),P=t(80762),T=t(79390),D=t(21551),z=t(77572),L=t(88382),M=t(53942),R=t(59007),U=t(45594),N=t(79661),H=t(79883),$=t(50926),B=t(925),G=t(698),_=t(83620),W=f.Ay.span(h||(g=["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  padding: 3px 6px;\n  border-radius: 4px;\n  border: 1px solid\n    ",";\n  color: ",";\n  background-color: var(--backgroundColor);\n  font-size: 11px;\n  line-height: 1.2;\n  white-space: nowrap;\n"],b||(b=g.slice(0)),h=Object.freeze(Object.defineProperties(g,{raw:{value:Object.freeze(b)}}))),function(e){return e.$isSoldOut?"var(--warningColor, var(--primaryColor))":"var(--lineColor)"},function(e){return e.$isSoldOut?"var(--warningColor, var(--primaryColor))":"var(--subTextColor)"});function F(e){var n=e.data,t=e.className,r=(0,_.sf)(n);return r?l.createElement(W,{className:t,$isSoldOut:r.isSoldOut},"재고 ",r.remaining," / ",r.total):null}var X,Y,K,J,Q,V,Z,q,ee=l.memo(F);function ne(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 te(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};

1n%2?ne(Object(t),!0).forEach(function(n){re(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ne(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function re(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function ie(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 oe(e){return function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){ie(o,r,i,a,l,"next",e)}function l(e){ie(o,r,i,a,l,"throw",e)}a(void 0)})}}function ae(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 ce(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var ue,se,de,fe=f.Ay.div(X||(X=ce(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 8px;\n  min-width: 0;\n  max-width: 100%;\n\n  @media (max-width: 480px) {\n    gap: 6px;\n  }\n"]))),pe=f.Ay.div(Y||(Y=ce(["\n  display: flex;\n  justify-content: flex-end;\n  width: 100%;\n  min-width: 0;\n"]))),me=f.Ay.div(K||(K=ce(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  min-width: 0;\n  flex-wrap: nowrap;\n\n  @media (max-width: 480px) {\n    gap: 6px;\n  }\n"]))),ve=f.Ay.div(J||(J=ce(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  gap: 4px;\n"]))),ye=(0,f.Ay)(T._m)(Q||(Q=ce(["\n  grid-template-rows: auto 1fr;\n"]))),he=(0,f.Ay)(T.rQ)(V||(V=ce(["\n  height: auto;\n  min-height: 72px;\n  align-items: start;\n  padding-top: 12px;\n  padding-bottom: 12px;\n\n  @media (max-width: 480px) {\n    min-height: 72px;\n  }\n"]))),ge=f.Ay.span(Z||(Z=ce(["\n  width: 100%;\n  color: var(--warningColor, var(--primaryColor));\n  font-size: 12px;\n  text-align: right;\n"]))),be=f.Ay.span(q||(q=ce(["\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  max-width: 100%;\n  padding: 3px 6px;\n  border-radius: 4px;\n  border: 1px solid var(--lineColor);\n  color: var(--subTextColor);\n  background-color: var(--backgroundColor);\n  font-size: 11px;\n  line-height: 1.2;\n  white-space: nowrap;\n"]))),xe=function(e){var n,t,r=e.data,i=e.closeModal,o=ae((0,l.useState)(""),2),a=o[0],s=o[1],d=(0,N.vc)(H.fj),f=(0,N.vc)(G.hT),p=(null==f?void 0:f.camp)||"",m=ae((0,l.useState)(!1),2),v=m[0],y=m[1],h=function(){i(),y(!1)},g=(0,N.vc)(H.Bs),b=(0,u.useDocument)(null!=r&&r.id?"".concat(c.Gf.STORE,"/").concat(r.id):null,{listen:!0}),x=b.data,w=b.loading,A=!1===(null==x?void 0:x.exists)?r:x||r,E=Number((null==A||null===(n=A.purchaseLimit)||void 0===n?void 0:n.perUser)||0),O=E>0&&Boolean(g),S=Boolean(null==r?void 0:r.id),k=(0,u.useDocument)(O?"".concat(c.Gf.STORE,"/").concat(r.id,"/purchaseUsers/").concat(g):null,{listen:!0}),C=k.data,j=k.loading,W=(0,u.useDocument)("".concat(c.Gf.CAMP,"/camp1"),{listen:!0}).data,F=(0,u.useDocument)("".concat(c.Gf.CAMP,"/camp2"),{listen:!0}).data,X=(0,u.useDocument)("".concat(c.Gf.CAMP,"/camp3"),{listen:!0}).data,Y=(0,u.useDocument)("".concat(c.Gf.CAMP,"/camp4"),{listen:!0}).data,K=(0,z.pc)({}),J=ae((0,L.zN)({amount:1}

1),2),Q=J[0].amount,V=J[1],Z=ae((0,l.useState)(!0),2),q=Z[0],ne=Z[1],re=ae((0,l.useState)(!1),2),ie=re[0],le=re[1],ce=(0,l.useRef)(!1),ue=Number(null!==(t=null==r?void 0:r.price)&&void 0!==t?t:0),se=Number(null!=Q?Q:0),de=Math.max(0,ue*se||0),xe=Number(d||0),we=se<=0,Ae=!(0,_.We)(A,p),Ee=S&&w||O&&j,Oe=Ee?"":(0,_.h0)(A,se),Se=Number((null==C?void 0:C.amount)||0),ke=!Ee&&E>0&&Se+se>E,Ce=E>0?Ee?"유저당 확인 중":"유저당 ".concat(Se," / ").concat(E):"",je=Ee?"구매 제한을 확인 중입니다.":ke?"":Oe,Ie=Ee||Boolean(Oe)||ke,Pe=!a||we||xe<de||Ae||Ie,Te=(0,l.useMemo)(function(){return new Map([{id:_.C4,title:"진영없음"},W,F,X,Y].filter(function(e){return Boolean(null==e?void 0:e.id)}).map(function(e){return[e.id,e.title]}))},[W,F,X,Y]),De=((null==A?void 0:A.purchasableCampIds)||[]).map(function(e){return Te.get(e)||e}).filter(Boolean).join(", "),ze="".concat(De||"허용된 진영"," 만 구매할 수 있습니다"),Le=[a?"":"아이템을 받을 캐릭터를 선택해주세요.",we?"구매 수량은 1개 이상이어야 합니다.":"",xe<de?"소지금이 부족합니다.":"",Ae?ze:"",je].filter(function(e){return Boolean(e)}),Me=Le[0],Re=(0,l.useCallback)(oe(regeneratorRuntime.mark(function e(){var n,t,i,o,l,u,s;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!ce.current){e.next=2;break}return e.abrupt("return");case 2:if(t=!0,i=Number(null!==(n=null==r?void 0:r.price)&&void 0!==n?n:0),o=Number(null!=Q?Q:0),l=Math.max(0,i*o||0),u=Number(d||0),!(!a||o<=0||u<l||Ae||Ie)){e.next=10;break}return alert(Me||"구매할 수 없습니다. 수량 또는 소지금을 확인해주세요."),e.abrupt("return");case 10:return e.prev=10,ce.current=!0,le(!0),e.next=15,(0,R.TJ)({collectionPath:"".concat(c.Gf.PHOTOCARD),photocardID:a,data:te(te({},A),{},{amount:Q}),amount:Q,buyerID:g||"",purchaserCampId:p,enforceStorePurchaseLimit:!0});case 15:y(t),e.next=22;break;case 18:e.prev=18,e.t0=e.catch(10),s=e.t0 instanceof Error?e.t0.message:"구매 처리 중 오류가 발생했습니다.",alert(s);case 22:return e.prev=22,ce.current=!1,le(!1),e.finish(22);case 26:case"end":return e.stop()}},e,null,[[10,18,22,26]])})),[A,a,g,Q,d,Ae,Ie,Me,p]);return(0,l.useEffect)(function(){!a&&null!=f&&f.id&&s(f.id)},[a,null==f?void 0:f.id]),(0,l.useEffect)(function(){ne(Pe||ie)},[Pe,ie]),r?l.createElement(l.Fragment,null,l.createElement(I.A,{outsideClick:h,contentStyle:{width:"min(460px, 100vw)",minWidth:"min(460px, 100vw)",maxWidth:"min(460px, 96vw)"}},l.createElement(ye,null,l.createElement(he,null,l.createElement(D.A,{onClick:i,shape:"stroke",size:"sm"}),l.createElement("div",null),K&&l.createElement(fe,null,l.createElement(pe,null,l.createElement(U.A,{selectedOwnerId:a,setSelectedOwnerId:s,label:"캐릭터",style:{width:"fit-content"}})),l.createElement(me,null,l.createElement(M.A,{value:Q,name:"amount",onChange:V,type:"number",placeholder:"1",style:{width:"60px"},min:0}),l.createElement(ve,null,l.createElement(ee,{data:A}),Ce&&l.createElement(be,null,Ce)),l.createElement(P.A,{onClick:Re,disabled:q,pending:ie},ie?"구매 중":Pe?"구매불가":"구매")),Pe&&Le.map(function(e){return l.createElement(ge,{key:e},e)}))),l.createElement(T.sC,null,l.createElement(B.A,{data:A,showWallet:!0,amount:Q})))),v&&l.createElement($.A,{closeModal:h,data:r})):null},we=t(12112),Ae=t(28669);function Ee(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 Oe(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)?Oe(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 Oe(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 Se(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var ke,Ce,je,Ie=f.Ay.div(ue||(ue=Se(["\n  position: relative;\n  width: 100%;\n  /* max-width: 120px; */\n  height: 100%;\n  padding: 12px;\n  border-radius: 8px;\n  border: 1px solid var(--lineColor);

1\n  background-color: var(--cardBackgroundColor);\n\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n\n  &:hover {\n    border: 1px solid var(--primaryColor);\n    cursor: var(--hoverCursorURL), pointer;\n  }\n"]))),Pe=f.Ay.div(se||(se=Se(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  justify-content: center;\n  align-items: center;\n  font-size: 14px;\n  line-height: 1.2;\n  word-break: break-word;\n  overflow-wrap: break-word;\n  max-width: 100%;\n  text-align: center;\n\n  .description {\n    color: var(--subTextColor);\n    font-size: 12px;\n    text-align: center;\n    word-break: keep-all;\n    line-height: 1.2;\n  }\n"]))),Te=f.Ay.div(de||(de=Se(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  padding: 4px;\n  isolation: isolate;\n\n  color: var(--buttonTextColor);\n  font-size: 13px;\n  font-weight: 800;\n\n  &::before {\n    position: absolute;\n    content: '';\n    top: 0;\n    left: 0;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 42px 60px 0 0;\n    border-color: var(--primaryColor) transparent transparent transparent;\n    border-top-left-radius: 4px;\n    transform: rotate(0deg);\n    z-index: -1;\n  }\n"]))),De=function(e){var n=e.data,t=(e.collectionPath,(0,l.useRef)(null)),r=(0,j.A)(t),i=Ee((0,l.useState)(!1),2),o=i[0],a=i[1],c=Ee((0,l.useState)(!1),2),u=c[0],s=c[1],d=Ee((0,l.useState)(0),2),f=(d[0],d[1]),p=(0,l.useCallback)(function(e){a(!0),f(e)},[]),m=(0,l.useCallback)(function(){s(!1)},[]);return l.createElement(Ie,{ref:t,onClick:function(){var e;a(!1),e=n.id,f(e),s(!0)},onMouseEnter:function(){a(!0),p(n.id)},onMouseLeave:function(){return a(!1)}},n.eventOn&&l.createElement(Te,null,n.bedgeText),l.createElement(Ae.A,{data:n}),l.createElement(Pe,null,l.createElement("div",{style:{textAlign:"center"}},n.title),l.createElement("span",{className:"description"},n.description),l.createElement(ee,{data:n})),l.createElement(we.Ay,{price:Number(n.price),isAbsolute:!1}),l.createElement(C.A,{data:n,targetRef:r,mouseOn:o&&!u}),l.createElement(k.N,null,u&&l.createElement(xe,{data:n,closeModal:m})))},ze=t(65010),Le=t(14375);function Me(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 Re(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)?Re(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 Re(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 Ue(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Ne,He,$e,Be,Ge,_e=f.Ay.div(ke||(ke=Ue(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n\n  @media (max-width: 480px) {\n    height: auto;\n    overflow: visible;\n  }\n"]))),We=f.Ay.div(Ce||(Ce=Ue(["\n  flex: 1;\n  position: relative;\n  overflow: hidden;\n\n  @media (max-width: 480px) {\n    flex: none;\n    overflow: visible;\n    height: auto;\n  }\n"]))),Fe=f.Ay.div(je||(je=Ue(["\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n  padding-top: 4px;\n  ",";\n\n  @media (max-width: 480px) {\n    height: auto;\n    overflow: visible;\n  }\n"])),Le.kM),Xe=function(e){var n=e.selectedHashtag,t=void 0===n?"all":n,r=e.showHashtag,i=void 0===r||r,o=e.showWallet,a=void 0===o||o,u=c.Gf.STORE,s=Me((0,l.useState)(),2),d=s[0],f=s[1],p=Me((0,l.useState)([]),2),m=p[0],v=p[1],y=(0,N.vc)(G.hT),h=(null==y?void 0:y.camp)||"",g=(0,l.useMemo)(function(){return(0,_.JS)(m)},[m]),b=(0,l.useCallback)(function(e){v(e)},[]),x=(0,l.useMemo)(function(){return(d||[]).filter(function(e){return(0,_.Wr)(e,h,g)})},[d,h,g]);return l.createElement(_e,null,l.createElement(S.A,{key:"hashtab-".concat(t),docLimit:1e3,collectionPath:u,setList:f,hiddenTopPagination:!0,noShowCount:!0,orderDir:"asc",orderBy:"order",hiddenBottomPagination:!0,noShowHashtag:!i,initialSelectedHashtag:t,hashtagFilter:function(e){return(0,_.$F)(e,h)},onHashtagListChange:b,list:l.createElement(l.Fragment,null,a&&l.createElement(we.Ay,{showMyWalet:!0}),l.createElement(We,null,l.createElement(Fe,null,l.createElement(ze.A,{line:4,mobileLine:2,gap:"8px"},d&&x.map(function(e){return l.createElement(De,{key:e.id,data:e,collectionPath:u})})))))}))},Ye=t(15548),Ke=f.Ay.div(Ne||(Ne=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}(["\n  display: flex;\n  gap: 8px;\n  padding: 12px 0;\n  width: 100%;\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;

1\n"]))),Je=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var n=(0,Ye.Zp)();return(0,z.RU)({})?l.createElement(Ke,null,l.createElement(P.A,{shape:"stroke",onClick:function(){return n("/".concat(c.Gf.STORE,"-npc"))}},"npc 관리"),l.createElement(P.A,{shape:"stroke",onClick:function(){return n("/".concat(c.Gf.STORE,"-luckydraw"))}},"아이템 뽑기 관리"),l.createElement(P.A,{onClick:function(){return n("/".concat(c.Gf.STORE,"-history"))}},"구매 히스토리"),l.createElement(P.A,{icon:"Wheel18",onClick:function(){return n("/".concat(c.Gf.STORE,"-edit"))}},"아이템 관리")):null},Qe=t(6508),Ve=(t(66706),t(31463)),Ze=t(52229);function qe(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var en=f.Ay.div(He||(He=qe(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  width: max-content;\n  font-size: 14px;\n  line-height: 1.5;\n"]))),nn=f.Ay.div($e||($e=qe(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 6px;\n  border-radius: 8px;\n  background-color: var(--cardBackgroundColor);\n  border: 1px solid var(--cardLineColor);\n  font-size: 13px;\n\n  ",";\n"])),function(e){var n=e.size;return we.x6[n]}),tn=f.Ay.div(Be||(Be=qe(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n  width: 100%;\n"])));f.Ay.div(Ge||(Ge=qe(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n"])));var rn,on,an,ln,cn=function(e){var n=e.data,t=e.style,r=e.handleClick,i=e.disabled,o=e.showButton,a=void 0===o||o,s=e.size,d=void 0===s?"md":s,f=e.showMaterial,p=void 0===f||f,m=e.showMyWallet,v=void 0!==m&&m,y=null==n?void 0:n.materialItemID,h=null==n?void 0:n.price,g=(0,u.useDocument)("".concat(c.Gf.STORE,"/").concat(y)).data;return l.createElement(en,{style:t},l.createElement(tn,null,p&&(y||(null==n?void 0:n.materialCount))&&l.createElement(nn,{size:d},y&&g&&l.createElement(Ae.A,{data:g,style:{width:20,height:20}}),(null==n?void 0:n.materialCount)&&l.createElement(l.Fragment,null,l.createElement("span",null,"X"),l.createElement("span",null,null==n?void 0:n.materialCount))),void 0!==h&&h>=0&&l.createElement(we.Ay,{price:h,size:d,isAbsolute:!1,showMyWalet:v,style:{width:"100%"}})),a&&l.createElement(P.A,{style:{width:"100%"},size:d,onClick:r,disabled:i},i?"구매 불가":(null==n?void 0:n.buttonText)||"뽑기"))},un=t(80558),sn=t(10842),dn=f.Ay.div(rn||(rn=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}(["\n  margin-bottom: 32px;\n"]))),fn=function(e){var n=e.data;return l.createElement(dn,null,l.createElement(sn.A,{itemIds:n.itemList,skillIds:n.skillList,title:"주요 보상 목록",titleStyle:"divider",titleFontSize:"12px",compact:!0,showEmpty:!1}))},pn=t(21028),mn=t(4429),vn=t(41625),yn=t(60180);function hn(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 gn(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?hn(Object(t),!0).forEach(function(n){bn(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):hn(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function bn(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function xn(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 wn(e){return function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){xn(o,r,i,a,l,"next",e)}function l(e){xn(o,r,i,a,l,"throw",e)}a(void 0)})}}function An(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}}

1(e,n)||function(e,n){if(e){if("string"==typeof e)return En(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)?En(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 En(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 On(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Sn,kn=f.Ay.div(on||(on=On(["\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n"]))),Cn=f.Ay.div(an||(an=On(["\n  width: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n\n  img {\n    height: 200px;\n    object-fit: contain;\n  }\n"]))),jn=f.Ay.div(ln||(ln=On(["\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 24px 0;\n\n  h6 {\n    font-size: 18px;\n  }\n"]))),In=function(e){var n=e.data,t=e.closeModal,r=n||{},i=r.title,o=r.contents,a=(r.imgURL,r.price),s=(r.materialCount,An((0,l.useState)(""),2)),d=s[0],f=s[1],p=An((0,l.useState)(!1),2),m=p[0],v=p[1],y=(0,N.vc)(H.Bs),h=(0,z.pc)({}),g=An((0,l.useState)(!1),2),b=g[0],x=g[1],w=An((0,l.useState)(),2),A=w[0],E=w[1],O=(0,N.vc)(H.fj),S=Number(O||0),k=Number(a||0),C=(0,yn.j)(n.rewardResellPrice),j=b||!d||S<k,P=(0,l.useCallback)(wn(regeneratorRuntime.mark(function e(){var t,r,i,o,l,s,f;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(d&&!(Number(O||0)<Number(a||0))){e.next=3;break}return alert("구매할 수 없습니다. 소지금/선택 상태를 확인하세요."),e.abrupt("return");case 3:if((t=n.openMode||Ze.A.INSTANT)!==Ze.A.INSTANT){e.next=30;break}if(r=(0,mn.u)(n)){e.next=8;break}return e.abrupt("return");case 8:return i=r.id,o="skill"===r.type,e.next=12,(0,R.MB)({itemID:i});case 12:if((l=e.sent)||!o){e.next=17;break}return e.next=16,u.fuego.db.collection(c.Gf.SKILLS).doc(i).get().then(function(e){return e.exists?e.data():null});case 16:l=e.sent;case 17:if(E(l),l){e.next=20;break}return e.abrupt("return");case 20:if(!o){e.next=25;break}return e.next=23,(0,vn.L9)({collectionPath:c.Gf.PHOTOCARD,docId:d,skillIDList:[i]});case 23:e.next=27;break;case 25:return e.next=27,(0,R.TJ)({collectionPath:"".concat(c.Gf.PHOTOCARD),photocardID:d,data:gn(gn(gn({},l),{},{price:n.price,id:i,isResellable:!0},void 0!==C?{resellPrice:C}:{}),{},{acquisitionSource:"luckyDraw"}),amount:1,buyerID:y||"",materialCount:n.materialCount||0,materialItemID:n.materialItemID||null});case 27:v(!0),e.next=37;break;case 30:if(t!==Ze.A.USE_ITEM&&t!==Ze.A.POST_UPLOAD){e.next=37;break}return s="randombox-".concat(n.id),f={id:s,title:"".concat(n.title),description:t===Ze.A.USE_ITEM?"".concat(n.title," 입니다. [뽑기 오픈]을 통해 랜덤 아이템을 획득할 수 있습니다."):"".concat(n.title," 입니다. 게시글 업로드 시 아이템을 오픈할 수 있습니다."),imgURL:n.randomBoxImgURL||n.imgURL||"",price:String(n.price||0),order:0,isShow:!0,isGiftable:!0,isResellable:!0,acquisitionSource:"luckyDraw",functionType:t===Ze.A.POST_UPLOAD?pn.aj.RANDOM_BOX_POST:pn.aj.RANDOM_BOX,randomBoxData:{luckydrawId:n.id,itemList:n.itemList,skillList:n.skillList,rewardChanceList:n.rewardChanceList,rewardResellPrice:null!=C?C:null,openMode:t},createdAt:new Date},e.next=35,(0,R.TJ)({collectionPath:"".concat(c.Gf.PHOTOCARD),photocardID:d,data:f,amount:1,buyerID:y||"",materialCount:n.materialCount||0,materialItemID:n.materialItemID||null});case 35:E(f),v(!0);case 37:case"end":return e.stop()}},e)})),[n,d,y,O,a,C,t]);return l.createElement(l.Fragment,null,l.createElement(I.A,{outsideClick:t,contentStyle:{minWidth:"500px"}},l.createElement(T._m,null,l.createElement(T.rQ,null,l.createElement(kn,null,l.createElement(D.A,{onClick:t}),l.createElement("h6",null,i)),l.createElement("div",null),h&&l.createElement(kn,null,l.createElement(U.A,{label:"캐릭터",selectedOwnerId:d,setSelectedOwnerId:f}))),l.createElement(T.sC,null,n.imgURL&&l.createElement(Cn,null,l.createElement("img",{src:n.imgURL,alt:"banner"})),l.createElement(jn,null,o&&l.createElement(l.Fragment,null,l.createElement("p",{dangerouslySetInnerHTML:{__html:(0,Ve.n)(o)}}))),l.createElement(fn,{data:n}),n.materialItemID&&l.createElement(un.A,{materialItemID:n.materialItemID||"",photocardID:d,setDisabled:x,materialCount:n.materialCount}),l.createElement(cn,{data:n,handleClick:P,disabled:j,size:"md",style:{width:"100%"},showMaterial:!1,showMyWallet:!0})))),m&&l.createElement($.A,{closeModal:function(){v(!1)},data:A}))};function Pn(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}}

1(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 Dn,zn,Ln,Mn,Rn,Un=f.Ay.div(Sn||(Sn=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}(["\n  padding: 12px;\n  width: 100%;\n  height: 260px;\n  object-fit: contain;\n  position: relative;\n  flex-shrink: 0;\n"]))),Nn=function(){var e="".concat(c.Gf.LUCKYDRAW),n=Pn((0,l.useState)(!1),2),t=n[0],r=n[1],i=Pn((0,l.useState)(),2),o=i[0],a=i[1],s=(0,u.useCollection)(e,{listen:!0,orderBy:["order","desc"]}).data,d=(0,l.useCallback)(function(e){a(e),r(!0)},[]);return l.createElement(l.Fragment,null,l.createElement(Un,null,l.createElement(Qe.A,{list:s||[],customContents:function(e){return l.createElement(cn,{style:{position:"absolute",left:"50%",bottom:50,transform:"translateX(-50%)"},data:e,handleClick:function(){return d(e)}})}})),t&&l.createElement(In,{data:o,closeModal:function(){return r(!1)}}))},Hn=t(18858);function $n(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var Bn,Gn,_n,Wn,Fn,Xn,Yn,Kn,Jn,Qn,Vn,Zn,qn,et,nt,tt,rt,it,ot,at,lt,ct=function(e){var n=e.setData;return e.visibleHashtagList,l.createElement(d.A,null,l.createElement(p.Ay,null,l.createElement(pt,null,l.createElement(Je,null)),l.createElement(ut,null,(null==n?void 0:n.logoImgURL)&&l.createElement(ft,null,l.createElement("img",{src:null==n?void 0:n.logoImgURL,alt:"logo"})),l.createElement(O,null),l.createElement(st,null,l.createElement(Nn,null),l.createElement(dt,null,l.createElement(Xe,null))))))},ut=f.Ay.div(Dn||(Dn=$n(["\n  width: 100%;\n  height: 90dvh;\n  overflow: hidden;\n\n  display: grid;\n  grid-template-columns: 1fr 1.5fr;\n  align-items: center;\n  position: relative;\n\n  @media (max-width: 480px) {\n    display: flex;\n    flex-direction: column;\n    height: auto;\n    overflow: visible;\n  }\n"]))),st=f.Ay.div(zn||(zn=$n(["\n  width: 100%;\n  height: 100%;\n  gap: 12px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  overflow: hidden;\n\n  @media (max-width: 480px) {\n    height: auto;\n    overflow: visible;\n  }\n"]))),dt=f.Ay.div(Ln||(Ln=$n(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  padding: 12px;\n  ","\n  \n  /* 내부 스크롤을 위한 설정 */\n  > div {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n  }\n\n  @media (max-width: 480px) {\n    overflow: visible;\n    height: auto;\n\n    > div {\n      overflow: visible;\n      height: auto;\n    }\n  }\n"])),Hn.Uk),ft=f.Ay.div(Mn||(Mn=$n(["\n  position: absolute;\n  width: 100%;\n  top: 0;\n  left: 0;\n\n  @media (max-width: 480px) {\n    position: relative;\n    img {\n      width: 100%;\n    }\n  }\n"]))),pt=f.Ay.div(Rn||(Rn=$n(["\n  @media (max-width: 480px) {\n    display: none;\n  }\n"]))),mt=t(31222);function vt(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function yt(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=bt(e))||n&&e&&"number"==typeof e.length){t&&(e=t);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var o,a=!0,l=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return a=e.done,e},e:function(e){l=!0,o=e},f:function(){try{a||null==t.return||t.return()}finally{if(l)throw o}}}}function ht(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 gt(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}}

1(e,n)||bt(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 bt(e,n){if(e){if("string"==typeof e)return xt(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)?xt(e,n):void 0}}function xt(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 wt,At,Et,Ot,St,kt,Ct,jt,It,Pt,Tt,Dt=function(e){var n=e.isSlider,t=void 0!==n&&n,r="".concat(c.Gf.LUCKYDRAW),i=gt((0,l.useState)(!1),2),o=i[0],a=i[1],s=gt((0,l.useState)(),2),d=s[0],f=s[1],p=gt((0,l.useState)({}),2),m=p[0],v=p[1],y=(0,N.vc)(mt.i3),h=y.moneyUnit,g=y.moneyImgURL,b=(0,u.useCollection)(r,{listen:!0,orderBy:["order","asc"]}).data;(0,l.useEffect)(function(){var e=function(){var e,n=(e=regeneratorRuntime.mark(function e(){var n,t,r,i,o;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(b){e.next=2;break}return e.abrupt("return");case 2:n={},t=yt(b),e.prev=4,t.s();case 6:if((r=t.n()).done){e.next=21;break}if(!(i=r.value).materialItemID){e.next=19;break}return e.prev=9,e.next=12,(0,R.MB)({itemID:i.materialItemID});case 12:(o=e.sent)&&(n[i.materialItemID]=o),e.next=19;break;case 16:e.prev=16,e.t0=e.catch(9),console.error("재료 아이템 정보 로드 실패:",e.t0);case 19:e.next=6;break;case 21:e.next=26;break;case 23:e.prev=23,e.t1=e.catch(4),t.e(e.t1);case 26:return e.prev=26,t.f(),e.finish(26);case 29:v(n);case 30:case"end":return e.stop()}},e,null,[[4,23,26,29],[9,16]])}),function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){ht(o,r,i,a,l,"next",e)}function l(e){ht(o,r,i,a,l,"throw",e)}a(void 0)})});return function(){return n.apply(this,arguments)}}();e()},[b]);var x=(0,l.useCallback)(function(e){f(e),a(!0)},[]);return l.createElement(l.Fragment,null,l.createElement(zt,{isSlider:t},b&&b.length>0?b.map(function(e){return l.createElement(Lt,{key:e.id,onClick:function(){return x(e)},"data-slide-item":!0},l.createElement(Mt,null),l.createElement(Rt,null,l.createElement(Ut,null,l.createElement(Nt,{src:e.imgURL},!e.imgURL&&l.createElement(Ht,null,"?"))),l.createElement($t,null,l.createElement(Bt,null,l.createElement(Gt,null,e.title),l.createElement(_t,null,"useItem"===(n=e.openMode)?"ITEM OPEN":"postUpload"===n?"POST OPEN":"INSTANT")),l.createElement(Wt,null,e.contents||"행운을 시험해보세요"),e.materialItemID&&m[e.materialItemID]&&l.createElement(Ft,null,m[e.materialItemID].imgURL&&l.createElement(Xt,{src:m[e.materialItemID].imgURL}),l.createElement(Yt,null,m[e.materialItemID].title),l.createElement(Kt,null,"x",e.materialCount||1))),l.createElement(Jt,null,l.createElement(Qt,null,e.price&&e.price>0?l.createElement(l.Fragment,null,g&&l.createElement(Vt,{src:g,alt:h}),l.createElement(Zt,null,(0,we.$g)(e.price))):l.createElement(Zt,null,"FREE")))));var n}):l.createElement(qt,null,"등록된 뽑기가 없습니다")),o&&l.createElement(In,{data:d,closeModal:function(){return a(!1)}}))},zt=f.Ay.div(Bn||(Bn=vt(["\n  width: 100%;\n  display: ",";\n  flex-direction: ",";\n  gap: ",";\n  padding: ",";\n  flex-wrap: ",";\n\n  ","\n"])),function(e){return e.isSlider,"flex"},function(e){return e.isSlider?"row":"column"},function(e){return e.isSlider?"16px":"8px"},function(e){return e.isSlider,"0"},function(e){return e.isSlider,"nowrap"},function(e){return e.isSlider&&"\n    > div {\n      min-width: 340px;\n      flex-shrink: 0;\n    }\n  "}),Lt=f.Ay.div(Gn||(Gn=vt(["\n  position: relative;\n  background: var(--cardBackgroundColor);\n  border: 1px solid var(--cardLineColor);\n  border-radius: var(--cardBorderRadius);\n  display: flex;\n  overflow: hidden;\n  transition: all 0.2s ease;

1\n  cursor: var(--hoverCursorURL), pointer;\n\n  &:hover {\n    border-color: color-mix(in srgb, var(--primaryColor) 50%, transparent);\n    background: color-mix(in srgb, var(--inkColor) 80%, var(--cardBackgroundColor));\n  }\n"]))),Mt=f.Ay.div(_n||(_n=vt(["\n  width: 4px;\n  flex-shrink: 0;\n  background: linear-gradient(\n    180deg,\n    var(--primaryColor) 0%,\n    color-mix(in srgb, var(--primaryColor) 40%, transparent) 100%\n  );\n"]))),Rt=f.Ay.div(Wn||(Wn=vt(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  padding: 16px;\n  min-height: 0;\n\n  @media (max-width: 480px) {\n    gap: 12px;\n    padding: 12px;\n  }\n"]))),Ut=f.Ay.div(Fn||(Fn=vt(["\n  flex-shrink: 0;\n"]))),Nt=f.Ay.div(Xn||(Xn=vt(["\n  width: 56px;\n  height: 56px;\n  border-radius: 8px;\n  background: ",";\n  background-size: contain;\n  background-position: center;\n  background-repeat: no-repeat;\n  border: 1px solid var(--lineColor);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n\n  @media (max-width: 480px) {\n    width: 44px;\n    height: 44px;\n  }\n"])),function(e){var n=e.src;return n?"url('".concat(n,"')"):"var(--inkColor)"}),Ht=f.Ay.span(Yn||(Yn=vt(["\n  font-size: 22px;\n  font-weight: 700;\n  color: var(--subTextColor);\n  opacity: 0.5;\n"]))),$t=f.Ay.div(Kn||(Kn=vt(["\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n"]))),Bt=f.Ay.div(Jn||(Jn=vt(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n"]))),Gt=f.Ay.span(Qn||(Qn=vt(["\n  font-size: 15px;\n  font-weight: 700;\n  color: var(--textColor);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"]))),_t=f.Ay.span(Vn||(Vn=vt(["\n  padding: 2px 6px;\n  background: color-mix(in srgb, var(--primaryColor) 15%, transparent);\n  border: 1px solid color-mix(in srgb, var(--primaryColor) 40%, transparent);\n  border-radius: 3px;\n  font-size: 10px;\n  color: var(--primaryColor);\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  white-space: nowrap;\n  flex-shrink: 0;\n"]))),Wt=f.Ay.p(Zn||(Zn=vt(["\n  font-size: 12px;\n  color: var(--subTextColor);\n  line-height: 1.4;\n  margin: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"]))),Ft=f.Ay.div(qn||(qn=vt(["\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  margin-top: 2px;\n"]))),Xt=f.Ay.img(et||(et=vt(["\n  width: 20px;\n  height: 20px;\n  object-fit: contain;\n  border-radius: 4px;\n  border: 1px solid var(--lineColor);\n  background: var(--inkColor);\n"]))),Yt=f.Ay.span(nt||(nt=vt(["\n  font-size: 11px;\n  color: var(--subTextColor);\n"]))),Kt=f.Ay.span(tt||(tt=vt(["\n  font-size: 11px;\n  color: var(--primaryColor);\n  font-weight: 700;\n"]))),Jt=f.Ay.div(rt||(rt=vt(["\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  min-width: 80px;\n\n  @media (max-width: 480px) {\n    min-width: 60px;\n  }\n"]))),Qt=f.Ay.div(it||(it=vt(["\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 6px 12px;\n  background: color-mix(in srgb, var(--buttonBackgroundColor) 20%, transparent);\n  border: 1px solid color-mix(in srgb, var(--primaryColor) 30%, transparent);\n  border-radius: 6px;\n\n  @media (max-width: 480px) {\n    padding: 4px 8px;\n  }\n"]))),Vt=f.Ay.img(ot||(ot=vt(["\n  width: 16px;\n  height: 16px;\n  object-fit: contain;\n  flex-shrink: 0;\n"]))),Zt=f.Ay.span(at||(at=vt(["\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--textColor);\n  white-space: nowrap;\n\n  @media (max-width: 480px) {\n    font-size: 12px;\n  }\n"]))),qt=f.Ay.div(lt||(lt=vt(["\n  text-align: center;\n  padding: 80px 20px;\n  color: var(--subTextColor);\n  font-size: 14px;\n"]))),er=t(99430),nr=t(82816);function tr(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function rr(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 ir=function(e){var n=e.setData,t=e.visibleHashtagList,r=e.isMobile,i=e.windowWidth;(0,nr.A)(!1);var o,a,c=(0,Ye.Zp)(),u=(o=(0,l.useState)("all"),a=2,function(e){if(Array.isArray(e))return e}(o)||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}}(o,a)||function(e,n){if(e){if("string"==typeof e)return rr(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)?rr(e,n):void 0}}

1(o,a)||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.")}()),s=u[0],f=u[1],p=(0,l.useCallback)(function(){c("/")},[c]),m=(0,l.useCallback)(function(e){f(e)},[]);return l.createElement(d.A,null,l.createElement(or,{$isMobile:r},l.createElement(ar,null,l.createElement(lr,null,l.createElement("div",{style:{display:"flex",gap:"12px",alignItems:"center"}},l.createElement(er.A,{onClick:p}),l.createElement(cr,null,null!=n&&n.logoImgURL?l.createElement("img",{src:n.logoImgURL,alt:"상점 로고"}):l.createElement("h5",null,"상점"))),l.createElement(Je,null)),r&&l.createElement(ur,null,l.createElement(sr,{$active:"luckydraw"===s,onClick:function(){return m("luckydraw")}},"뽑기"),l.createElement(sr,{$active:"all"===s,onClick:function(){return m("all")}},"전체"),null==t?void 0:t.map(function(e){return l.createElement(sr,{key:e.id,$active:s===e.id,onClick:function(){return m(e.id||"")}},e.value)})),l.createElement(dr,null,!r&&l.createElement(fr,null,l.createElement(pr,null,l.createElement(mr,{active:"luckydraw"===s,onClick:function(){return m("luckydraw")}},"뽑기 패키지"),l.createElement(mr,{active:"all"===s,onClick:function(){return m("all")}},"전체 아이템"),null==t?void 0:t.map(function(e){return l.createElement(mr,{key:e.id,active:s===e.id,onClick:function(){return m(e.id||"")}},e.value)}))),l.createElement(vr,null,"luckydraw"===s?l.createElement(Dt,null):l.createElement(Xe,{selectedHashtag:s,showHashtag:!1,showWallet:!1})),i>1024&&l.createElement(fr,null,l.createElement(O,null))))))},or=f.Ay.div(wt||(wt=tr(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-height: 100dvh;\n  padding: ",";\n\n  @media (max-width: 480px) {\n    padding: 0;\n    padding-top: env(safe-area-inset-top, 0px);\n    padding-bottom: env(safe-area-inset-bottom, 0px);\n  }\n"])),function(e){return e.$isMobile?"0":"20px"}),ar=f.Ay.div(At||(At=tr(["\n  width: 100%;\n  height: calc(\n    100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)\n  );\n  max-width: 1600px;\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  border-radius: 12px;\n  overflow: hidden;\n  position: relative;\n\n  @media (max-width: 480px) {\n    padding-top: env(safe-area-inset-top, 0px);\n    padding: env(safe-area-inset-top, 0px) 0 0 0;\n    border-radius: 0;\n    max-width: 100%;\n  }\n"]))),lr=f.Ay.div(Et||(Et=tr(["\n  width: 100%;\n  padding: 16px 24px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  flex-shrink: 0;\n\n  @media (max-width: 480px) {\n    padding: 12px 16px;\n  }\n"]))),cr=f.Ay.div(Ot||(Ot=tr(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n\n  img {\n    max-height: 50px;\n    object-fit: contain;\n  }\n\n  h5 {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--textColor);\n    margin: 0;\n  }\n"]))),ur=f.Ay.div(St||(St=tr(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 0 16px 12px;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  flex-shrink: 0;\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  ","\n"])),Le.bB),sr=f.Ay.button(kt||(kt=tr(["\n  flex-shrink: 0;\n  padding: 6px 16px;\n  border: 1.5px solid\n    ",";\n  background: ",";\n  color: ",";\n  font-size: 13px;\n  font-weight: 500;\n  border-radius: 20px;\n  cursor: pointer;\n  transition: all 0.2s;\n  white-space: nowrap;\n\n  &:hover {\n    background: ",";\n  }\n"])),function(e){return e.$active?"var(--primaryColor)":"var(--lineColor)"},function(e){return e.$active?"var(--primaryColor)":"transparent"},function(e){return e.$active?"white":"var(--textColor)"},function(e){return e.$active?"var(--primaryColor)":"var(--inkColor)"}),dr=f.Ay.div(Ct||(Ct=tr(["\n  display: grid;\n  grid-template-columns: 220px 1fr 420px;\n  gap: 20px;\n  padding: 20px;\n  flex: 1;\n  overflow: hidden;\n\n  @media (max-width: 1024px) {\n    grid-template-columns: 200px 1fr;\n  }\n\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n  }\n\n  @media (max-width: 480px) {\n    padding: 0 16px 16px;\n    gap: 12px;\n  }\n"]))),fr=f.Ay.div(jt||(jt=tr(["\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  overflow-y: auto;\n  ","\n\n  @media (max-width: 768px) {\n    height: auto;\n  }\n"])),Le.kM),pr=f.Ay.div(It||(It=tr(["\n  background: var(--cardBackgroun

1dColor);\n  backdrop-filter: blur(8px);\n  border: 1px solid color-mix(in srgb, var(--cardLineColor) 60%, transparent);\n  border-radius: var(--cardBorderRadius);\n  overflow: hidden;\n  padding: 6px;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n"]))),mr=f.Ay.button(Pt||(Pt=tr(["\n  width: 100%;\n  padding: 12px 14px;\n  border: none;\n  border-radius: 6px;\n  background: ",";\n  color: ",";\n  text-align: left;\n  font-size: 14px;\n  font-weight: ",";\n  cursor: pointer;\n  transition: all 0.2s;\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  position: relative;\n  letter-spacing: 0.02em;\n\n  &::before {\n    content: '';\n    width: 3px;\n    height: ",";\n    background: var(--primaryColor);\n    border-radius: 2px;\n    position: absolute;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    transition: height 0.25s ease;\n  }\n\n  &:hover {\n    background: ",";\n    color: ",";\n\n    &::before {\n      height: ",";\n      background: ",";\n    }\n  }\n"])),function(e){return e.active?"color-mix(in srgb, var(--primaryColor) 18%, transparent)":"transparent"},function(e){return e.active?"var(--primaryColor)":"var(--textColor)"},function(e){return e.active?"600":"400"},function(e){return e.active?"60%":"0%"},function(e){return e.active?"color-mix(in srgb, var(--primaryColor) 22%, transparent)":"color-mix(in srgb, var(--inkColor) 60%, transparent)"},function(e){return e.active?"var(--primaryColor)":"var(--textColor)"},function(e){return e.active?"60%":"30%"},function(e){return e.active?"var(--primaryColor)":"var(--subTextColor)"}),vr=f.Ay.div(Tt||(Tt=tr(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  height: 100%;\n  overflow-y: auto;\n  ","\n"])),Le.kM),yr=t(1310),hr=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e),(0,yr.l)(!1);var n=(0,s.A)(),t=n<=480,r="".concat(c.Gf.NPC),i=(0,u.useDocument)("".concat(r,"/").concat("storeSetting"),{listen:!0}).data,o=(null==i?void 0:i.layoutType)||"default",a=(0,u.useCollection)("".concat(c.Gf.STORE,"Hashtag"),{listen:!0,orderBy:["order","asc"]}).data,d=l.useMemo(function(){return a?a.filter(function(e){return!1!==e.isShow}):[]},[a]);return"default"===o?l.createElement(ct,{setData:i,visibleHashtagList:d}):l.createElement(ir,{setData:i,visibleHashtagList:d,isMobile:t,windowWidth:n})}},10842:function(e,n,t){t.d(n,{A:function(){return S}}),t(97152),t(42652),t(32242),t(65114),t(61445),t(94513),t(60039),t(85062),t(86608),t(12064),t(44465),t(31863);var r,i,o,a,l,c,u,s,d,f,p,m,v,y=t(37953),h=t(84136),g=t(83483),b=t(19730),x=t(28669);function w(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function A(e){var n=e.id,t=e.size,r=void 0===t?48:t,i=e.showName,o=void 0===i||i,a=(0,g.useDocument)("".concat(b.Gf.STORE,"/").concat(n),{listen:!1}).data;return a?y.createElement(z,{$showName:o},y.createElement(x.A,{data:a,style:{width:r,height:r}}),o&&y.createElement(L,null,a.title)):y.createElement(z,{$showName:o},y.createElement(N,{$size:r},y.createElement("span",null,"🎁")),o&&y.createElement(L,null,n))}function E(e){var n=e.id,t=e.size,r=void 0===t?48:t,i=e.showName,o=void 0===i||i,a=(0,g.useDocument)("".concat(b.Gf.SKILLS,"/").concat(n),{listen:!1}).data;return a?y.createElement(z,{$showName:o},y.createElement(x.A,{data:a,style:{width:r,height:r}}),o&&y.createElement(L,null,a.title)):null}function O(e){var n=e.itemIds,t=void 0===n?[]:n,r=e.skillIds,i=void 0===r?[]:r,o=e.textRewards,a=void 0===o?[]:o,l=e.title,c=void 0===l?"주요 보상":l,u=e.showTitle,s=void 0===u||u,d=e.titleStyle,f=void 0===d?"default":d,p=e.titleFontSize,m=void 0===p?"14px":p,v=e.itemSize,h=void 0===v?48:v,g=e.showItemName,b=void 0===g||g,x=e.emptyMessage,w=void 0===x?"설정된 보상이 없습니다":x,O=e.showEmpty,S=void 0===O||O,D=e.className,z=e.style,L=e.gap,N=void 0===L?12:L,H=e.compact,$=void 0!==H&&H,B=$?32:h,G=!$&&b,_=$?4:N,W=Array.from(new Set(t.filter(Boolean))),F=Array.from(new Set(i.filter(Boolean))),X=W.length>0,Y=F.length>0,K=a&&a.filter(Boolean).length>0,J=!X&&!Y&&!K;return J&&!S?null:y.createElement(k,{className:D,style:z},s&&("divider"===f?y.createElement(j,null,y.createElement(I,null),y.createElement(P,{$fontSize:m},c),y.createElement(I,null)):y.createElement(C,{$fontSize:m},c)),(X||Y)&&y.createElement(T,{$gap:_},W.map(function(e){return y.createElement(A,{key:e,id:e,size:B,showName:G})}),F.map(function(e){return y.createElement(E,{key:e,id:e,size:B,showName:G})}

1)),K&&y.createElement(M,null,a.filter(Boolean).map(function(e,n){return y.createElement(R,{key:n},e)})),J&&S&&y.createElement(U,null,w))}var S=y.memo(O),k=h.Ay.div(r||(r=w(["\n  width: 100%;\n"]))),C=h.Ay.h4(i||(i=w(["\n  color: var(--textColor);\n  font-size: ",";\n  font-weight: 600;\n  margin: 0 0 12px 0;\n"])),function(e){return e.$fontSize||"14px"}),j=h.Ay.div(o||(o=w(["\n  display: flex;\n  align-items: center;\n  margin: 16px 0;\n  gap: 12px;\n"]))),I=h.Ay.div(a||(a=w(["\n  flex: 1;\n  height: 1px;\n  background: var(--lineColor);\n"]))),P=h.Ay.span(l||(l=w(["\n  font-size: ",";\n  color: var(--subTextColor);\n  font-weight: 600;\n  white-space: nowrap;\n"])),function(e){return e.$fontSize||"14px"}),T=h.Ay.div(c||(c=w(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ","px;\n  margin-bottom: 12px;\n"])),function(e){return e.$gap||12}),D=(0,h.AH)(u||(u=w(["\n  padding: 8px;\n  background: var(--inkColor);\n  border: 1px solid var(--lineColor);\n  border-radius: 8px;\n  min-width: 72px;\n  max-width: 90px;\n  transition: all 0.2s ease;\n"]))),z=h.Ay.div(s||(s=w(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 6px;\n  transition: all 0.2s ease;\n  ","\n  \n  &:hover {\n    border-color: var(--primaryColor);\n    background: var(--primaryColor)10;\n  }\n"])),function(e){return e.$showName&&D}),L=h.Ay.span(d||(d=w(["\n  font-size: 11px;\n  color: var(--textColor);\n  text-align: center;\n  font-weight: 500;\n  line-height: 1.3;\n  word-break: keep-all;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n"]))),M=h.Ay.div(f||(f=w(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 8px;\n"]))),R=h.Ay.span(p||(p=w(["\n  display: inline-flex;\n  align-items: center;\n  border-radius: 9999px;\n  font-size: 12px;\n  font-weight: 500;\n  padding: 4px 10px;\n  background: var(--inkColor);\n  color: var(--textColor);\n  border: 1px solid var(--lineColor);\n"]))),U=h.Ay.p(m||(m=w(["\n  color: var(--subTextColor);\n  font-size: 12px;\n  font-style: italic;\n  margin: 8px 0 0 0;\n"]))),N=h.Ay.div(v||(v=w(["\n  width: ","px;\n  height: ","px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--inkColor);\n  border: 1px dashed var(--lineColor);\n  border-radius: 8px;\n  \n  span {\n    font-size: ","px;\n  }\n"])),function(e){return e.$size},function(e){return e.$size},function(e){var n=e.$size;return Math.max(16,.4*n)})},31463:function(e,n,t){function r(e,n){if(!e)return"";var t=e.split(/(<[^>]+>)/g),r=/\[(https?:\/\/[^\s]+)]/g,i=/(https?:\/\/[^\s]+)/g;return t.map(function(e){return e.match(/^<[^>]+>$/)?e:e.replace(r,function(e,n){return'<a href="'.concat(n,'" target="_blank" class="boardLink">').concat(n,"</a>")}).replace(i,function(e){return'<a href="'.concat(e,'" target="_blank" class="boardLink">').concat(e,"</a>")}).replace(/(?:\r\n|\r|\n)/g,"<br />")}).join("")}t.d(n,{n:function(){return r}}),t(62469),t(55722),t(60368),t(86608),t(48547),t(49374),t(97152)},41625:function(e,n,t){t.d(n,{L9:function(){return v},Wb:function(){return p},uX:function(){return y}}),t(82185),t(97152),t(65114),t(61445),t(34068),t(32242),t(60039),t(86608),t(66706),t(35827),t(85062),t(43732),t(10475),t(82106),t(32145),t(3233),t(51163),t(82758),t(20884),t(31863),t(3940),t(74277),t(57045),t(12064),t(75868),t(42652);var r=t(59352),i=t(42457),o=t(19730);function a(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 l(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 c(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach(function(n){u(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function u(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}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 d(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 f=r.default.firestore();function p(e){return m.apply(this,arguments)}function m(){return(m=d(regeneratorRuntime.mark(function e(n){var t,r,o,l,u,s,d,p,m,v,y;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=n.collectionPath,r=n.docId,o=n.data,l=n.fileList,u=f.collection(t),s=l.selectedFile,d=l.prevImgURL,r){e.next=8;break}return e.next=6,u.add(o).then(function(e){return e.id});case 6:return p=e.sent,e.abrupt("return",u.doc(p).set({id:p},{merge:!0}));case 8:return e.next=10,(0,i.updateImgAndGetURL)({selectedFile:s,prevImgURL:d,collectionPath:"".concat(t)});case 10:if(m=e.sent,!r){e.next=15;break}return v=c(c({},o),{},{imgURL:m}),y=Object.fromEntries(Object.entries(v).filter(function(e){return void 0!==(n=e,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 a(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)?a(e,n):void 0}}

1(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.")}())[1];var n,t})),e.abrupt("return",u.doc(r).set(y,{merge:!0}).catch(function(e){return console.log(e.message)}));case 15:case"end":return e.stop()}},e)}))).apply(this,arguments)}function v(e){var n=e.collectionPath,t=e.docId,r=e.skillIDList,i=n||o.Gf.PHOTOCARD,a=f.collection("".concat(i,"/").concat(t,"/").concat(o.Gf.SKILLS));return Promise.all(r.map(function(){var e=d(regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",a.doc(n).set({originItemID:n,skillId:n,createdAt:new Date,__snapshot:""},{merge:!0}));case 1:case"end":return e.stop()}},e)}));return function(n){return e.apply(this,arguments)}}())).catch(function(e){throw alert(e.message),e})}function y(e){var n=e.collectionPath,t=e.docId,r=e.skillId,i=n||o.Gf.PHOTOCARD;return f.collection("".concat(i,"/").concat(t,"/").concat(o.Gf.SKILLS)).doc(r).delete()}},52229:function(e,n,t){var r;t.d(n,{A:function(){return r}}),function(e){e.INSTANT="instant",e.USE_ITEM="useItem",e.POST_UPLOAD="postUpload"}(r||(r={}))},60180:function(e,n,t){function r(e){if(""!==e&&null!=e){var n=Number(e);if(Number.isFinite(n))return Math.max(0,Math.floor(n))}}t.d(n,{j:function(){return r}}),t(77654),t(4298)},62310:function(e,n,t){t.d(n,{A:function(){return f}});var r=t(37953),i=r["undefined"!=typeof document&&void 0!==document.createElement?"useLayoutEffect":"useEffect"],o=function(e,n,t,o){const a=r.useRef(t),l=r.useRef(o);i(()=>{a.current=t,l.current=o}),i(()=>{const t=e&&"current"in e?e.current:e;if(!t)return;let r=0;function i(...e){r||a.current.apply(this,e)}t.addEventListener(n,i);const o=l.current;return()=>{r=1,t.removeEventListener(n,i),o&&o()}},[e,n])};const a="undefined"!=typeof performance?performance:Date;function l(e,n=30,t=!1){const i=(e=>{const n=r.useRef(e);return r.useEffect(()=>{n.current=e}),n})(e),o=1e3/n,l=r.useRef(0),c=r.useRef(),u=()=>c.current&&clearTimeout(c.current),s=[n,t,i];function d(){l.current=0,u()}return r.useEffect(()=>d,s),r.useCallback(function(){const e=arguments,n=a.now(),r=()=>{l.current=n,u(),i.current.apply(null,e)},s=l.current;if(t&&0===s)return r();if(n-s>o){if(s>0)return r();l.current=n}u(),c.current=setTimeout(()=>{r(),l.current=0},o)},s)}function c(e,n){if("undefined"==typeof window)return e;const{event:t,element:r}=n;let i;i="touches"in t?t.touches[0]:t;const{clientX:o,clientY:a,screenX:l,screenY:c,pageX:u=0,pageY:s=0}=i,d=r.getBoundingClientRect(),f=u-d.left-(window.pageXOffset||window.scrollX),p=s-d.top-(window.pageYOffset||window.scrollY);return"touches"in t&&(f<0||p<0||f>d.width||p>d.height)?{...e,context:{...e.context,hoverStatus:"leave",touchStatus:"end"}}:{context:{...e.context,hoverStatus:"enter"},mouse:{...e.mouse,x:f,y:p,pageX:u,pageY:s,clientX:o,clientY:a,screenX:l,screenY:c,elementWidth:d.width,elementHeight:d.height,isOver:!0,isTouch:"touches"in t}}}function u(e,n){const{mouse:t,context:r}=e,i=c;return"mousemove"===n.type?"end"===r.touchStatus?e:i(e,n):"touchmove"===n.type?i({context:{...r,touchStatus:"start"},mouse:t},n):"touchdown"===n.type?i({context:{...r,touchStatus:"start"},mouse:{...t,isDown:!0}},n):"mousedown"===n.type?{context:r,mouse:{...t,isDown:!0}}:"mouseup"===n.type?{context:r,mouse:{...t,isDown:!1}}:"mouseleave"===n.type?{context:{...r,hoverStatus:"leave"},mouse:{...t,isOver:!1}}:"touchleave"===n.type?{context:{...r,hoverStatus:"leave",touchStatus:"end"},mouse:{...t,isOver:!1,isDown:!1}}:"activeStatus"===n.type?{context:{...r,activeStatus:n.value},mouse:t}:e}const s={x:null,y:null,pageX:null,pageY:null,clientX:null,clientY:null,screenX:null,screenY:null,elementWidth:null,elementHeight:null,isOver:!1,isDown:!1,isTouch:!1},d={hoverStatus:"idle",touchStatus:"idle",activeStatus:"inactive"};var f=function(e,n={}){const{fps:t=30,enterDelay:i=0,leaveDelay:a=0}=n,[c,f]=r.useReducer(u,{mouse:s,context:d}),p=l(n=>{const t=e&&"current"in e?e.current:e;t&&f({type:"mousemove",event:n,element:t})},t,!0),m=l(n=>{const t=e&&"current"in e?e.current:e;t&&f({type:"touchmove",event:n,element:t})},t,!0),v=l(()=>f({type:"mouseleave"}),t,!1),y=l(n=>{const t=e&&"current"in e?e.current:e;t&&f("touches"in n?{type:"touchdown",element:t,event:n}:{type:"mousedown",element:t,event:n})},t,!0),h=l(()=>f({type:"mouseup"}),t,!1),g=l(()=>f({type:"touchleave"}),t,!1);function b(){return f({type:"activeStatus",value:"active"})}function x(){return f({type:"activeStatus",value:"inactive"})}return o(e,"mouseenter",p),o(e,"mousemove",p),o(e,"mouseleave",v),o(e,"mousedown",y),o("undefined"!=typeof window?window:null,"mousedown",y),o("undefined"!=typeof window?window:null,"mouseup",h),o(e,"touchstart",y),o(e,"touchmove",m),o(e,"touchend",g),o(e,"touchcancel",g),r.useEffect(()=>{if("enter"===c.context.hoverStatus){if(i){const e=setTimeout(b,i);return()=>clearTimeout(e)}f({type:"activeStatus",value:"active"})}else{if(a){const e=setTimeout(x,a);return()=>clearTimeout(e)}f({type:"activeStatus",value:"inactive"})}},[c.context.hoverStatus,i,a]),"active"===c.context.activeStatus?c.mouse:s}},65010:function(e,n,t){t(12064),t(44465),t(31863),t(10475),t(82106),t(32145),t(85062),t(3233),t(51163),t(82758),t(20884),t(86608);var r,i,o,a,l,c,u,s,d,f,p,m,v,y,h,g,b,x,w,A,E,O=t(37953),S=t(84136),k=t(90113),C=t(83483),j=t(19730),I=t(14375);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 T(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};

1n%2?P(Object(t),!0).forEach(function(n){D(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 D(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function z(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var L={grid1:(0,S.AH)(r||(r=z([""]))),grid2:(0,S.AH)(i||(i=z(["\n    display: grid;\n    gap: 12px;\n    grid-template-columns: repeat(2, 1fr);\n\n    @media (max-width: 768px) {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    @media (max-width: 480px) {\n      grid-template-columns: repeat(1, 1fr);\n    }\n  "]))),grid3:(0,S.AH)(o||(o=z(["\n    display: grid;\n    gap: 16px 12px;\n    grid-template-columns: repeat(3, 1fr);\n\n    @media (max-width: 768px) {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    @media (max-width: 480px) {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 12px;\n    }\n  "]))),grid4:(0,S.AH)(a||(a=z(["\n    display: grid;\n    gap: 16px 24px;\n    grid-template-columns: repeat(4, 1fr);\n\n    @media (max-width: 768px) {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    @media (max-width: 480px) {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  "]))),wrap:(0,S.AH)(l||(l=z(["\n    flex-direction: row;\n    gap: 16px 24px;\n  "]))),column:(0,S.AH)(c||(c=z(["\n    flex-direction: column;\n    align-items: flex-start;\n    width: 100%;\n  "]))),columnReverse:(0,S.AH)(u||(u=z(["\n    flex-direction: column-reverse;\n    align-items: flex-start;\n  "]))),autofill:(0,S.AH)(s||(s=z(["\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));\n    gap: 16px 12px;\n    grid-auto-flow: row dense;\n    grid-auto-rows: 10vh;\n  "]))),masonry:(0,S.AH)(d||(d=z([""])))},M={grid3:(0,S.AH)(f||(f=z([""]))),grid4:(0,S.AH)(p||(p=z([""]))),wrap:(0,S.AH)(m||(m=z([""]))),column:(0,S.AH)(v||(v=z(["\n    width: 100%;\n  "]))),columnReverse:(0,S.AH)(y||(y=z(["\n    width: 100%;\n  "]))),autofill:(0,S.AH)(h||(h=z([""]))),masonry:(0,S.AH)(g||(g=z([""])))},R=(0,S.Ay)(k.P.div)(b||(b=z(["\n  position: relative;\n  justify-content: center;\n\n  ","\n  ","\n\n  ","\n\n  @media (max-width: 768px) {\n    justify-content: center;\n  }\n"])),I.bB,function(e){var n=e.direction;return n&&L[n]},function(e){var n=e.direction,t=e.line,r=e.mobileLine,i=e.gapValue;return"masonry"===n?(0,S.AH)(x||(x=z(["\n          display: block;\n          column-count: ",";\n          column-gap: ",";\n\n          @media (max-width: 480px) {\n            column-count: ",";\n          }\n        "])),t,i,r):(0,S.AH)(w||(w=z(["\n          display: grid;\n          gap: ",";\n          grid-template-columns: repeat(",", minmax(0, 1fr));\n\n          @media (max-width: 480px) {\n            grid-template-columns: repeat(",", minmax(0, 1fr));\n          }\n        "])),i,t,r)}),U=(0,S.Ay)(k.P.div)(A||(A=z(["\n  ","\n\n  @media (max-width: 480px) {\n    width: 100%;\n  }\n\n  ","\n"])),function(e){var n=e.direction;return n&&M[n]},function(e){var n=e.direction,t=e.gapValue;return"masonry"===n&&(0,S.AH)(E||(E=z(["\n      break-inside: avoid;\n      margin-bottom: ",";\n      width: 100%;\n    "])),t||"16px")}),N={hidden:{opacity:0},show:{opacity:1,transition:{staggerChildren:.1}}},H={hidden:{opacity:0,y:50},show:{opacity:1,y:0}};n.A=function(e){var n=e.children,t=e.direction,r=void 0===t?"wrap":t,i=e.line,o=void 0===i?1:i,a=e.mobileLine,l=void 0===a?1:a,c=e.style,u=e.layout,s=(e.rows,e.gap),d=(0,C.useDocument)(j.Mb.HOMEPAGE,{listen:!1}).data,f=s||"16px";return O.createElement(R,{variants:null!=d&&d.pageEffect?N:{},initial:"hidden",animate:"show",direction:r,line:o,mobileLine:l,transition:{ease:"easeInOut"},layout:u,gapValue:f,style:T({gap:f},c)},n&&O.Children.map(n,function(e,n){if(e)return O.createElement(U,{variants:null!=d&&d.pageEffect?H:{},key:n,direction:r,gapValue:f},e)}))}},65397:function(e,n,t){var r=t(97004),i=t(86333),o=t(75080),a=t(99569),l=t(48793),c=t(38091),u=t(30932),s=t(75748);if(r({target:"Promise",proto:!0,real:!0,forced:!!o&&a(function(){o.prototype.finally.call({then:function(){}},function(){})})},{finally:function(e){var n=c(this,l("Promise")),t="function"==typeof e;return this.then(t?function(t){return u(n,e()).then(function(){return t})}:e,t?function(t){return u(n,e()).then(function(){throw t})}:e)}}),!i&&"function"==typeof o){var d=l("Promise").prototype.finally;o.prototype.finally!==d&&s(o.prototype,"finally",d,{unsafe:!0})}},71035:function(e,n,t){t(33001),t(3940),t(32145),t(74277),t(61445),t(57045),t(65114),t(32242),t(60039),t(12064),t(75868),t(42652);var r=t(37953);function i(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}}

1(e,n)||function(e,n){if(e){if("string"==typeof e)return o(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)?o(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 o(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}n.A=function(e){var n=e.randomList,t=e.setCustomStatus,o=e.timer,a=i((0,r.useState)(),2),l=a[0],c=a[1],u=i((0,r.useState)(0),2),s=u[0],d=u[1],f=(0,r.useCallback)(function(){return Math.floor(120*Math.random())+1},[]);return(0,r.useEffect)(function(){var e=setInterval(function(){var e=f();d(e)},o||1e4);return function(){return clearInterval(e)}},[o]),(0,r.useEffect)(function(){setTimeout(function(){var e=n.length,r=Math.floor(Math.random()*e),i=n[r];c(i),t&&t(i)},100*s)},[s]),[l]}},80558:function(e,n,t){t(12064),t(44465),t(31863),t(3940),t(32145),t(74277),t(61445),t(57045),t(65114),t(32242),t(60039),t(75868),t(42652),t(10475),t(82106),t(3233),t(51163),t(82758),t(20884),t(97152),t(85062),t(77654);var r,i,o=t(37953),a=t(84136),l=t(83483),c=t(19730),u=t(28669);function s(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 d(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?s(Object(t),!0).forEach(function(n){f(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function f(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function p(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 m(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)?m(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 m(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 v(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var y=a.Ay.div(r||(r=v(["\n  padding: 8px;\n  width: 100%;\n  background-color: var(--cardBackgroundColor);\n  border-radius: 8px;\n  font-size: 13px;\n  font-weight: 800;\n  border: 1px solid var(--lineColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 6px;\n  margin: 4px 0;\n"]))),h=a.Ay.div(i||(i=v(["\n  width: 52px;\n  height: 52px;\n  background: var(--backgroundColor);\n  border-radius: 8px;\n  font-size: 11px;\n  border: 1px solid var(--lineColor);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  object-fit: contain;\n  position: relative;\n  font-weight: 300;\n  color: var(--subTextColor);\n"])));function g(e){var n=e.materialItemID,t=e.photocardID,r=e.setDisabled,i=e.materialCount,a=p((0,o.useState)(!1),2),s=a[0],f=a[1],m=p((0,o.useState)(""),2),v=m[0],g=m[1],b=p((0,o.useState)(),2),x=b[0],w=b[1],A=(0,l.useCollection)("".concat(c.Gf.PHOTOCARD,"/").concat(t,"/inventory"),{listen:!0}).data,E=(0,l.useDocument)("".concat(c.Gf.STORE,"/").concat(v),{listen:!0}).data,O=(0,l.useDocument)("".concat(c.Gf.STORE,"/").concat(n)).data;return(0,o.useEffect)(function(){var e,t,o,a=A?A.filter(function(e){return e.id===n}):[];a&&a[0]?(f(!0),w(a[0]),g(a[0].originItemID||"")):(f(!1),w(void 0),g(""));var l=null!==(e=null==a||null===(t=a[0])||void 0===t||null===(o=t.multiple)||void 0===o?void 0:o.length)&&void 0!==e?e:0,c=Number(i);r(l<c)},[A,r,n,i]),o.createElement(y,null,o.createElement("span",null,"소비 재료"),o.createElement(u.A,{style:{width:40,height:40},data:d(d({},O),{}

1,{reinforceCount:i||0})}),o.createElement("span",{style:{color:"var(--primaryColor)"}},"내 인벤토리 재고"),s&&E?o.createElement(u.A,{data:d(d({},E),x),style:{width:40,height:40,border:"1px solid var(--primaryColor)"}}):o.createElement(h,null,"재료 없음"))}n.A=o.memo(g)},82816:function(e,n,t){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])}},83620:function(e,n,t){t.d(n,{$F:function(){return a},$y:function(){return u},C4:function(){return r},Gf:function(){return d},Hm:function(){return s},JS:function(){return o},We:function(){return c},Wr:function(){return l},h0:function(){return p},m9:function(){return f},sf:function(){return m}}),t(98832),t(3940),t(80545),t(43465),t(65114),t(77135),t(61445),t(32242),t(60039),t(51163),t(82758),t(85062),t(86608),t(90252),t(77654);var r="__NO_CAMP__",i=function(e,n){return!Array.isArray(e)||0===e.length||e.includes(function(e){return e&&e.trim().length>0?e:r}(n))},o=function(e){var n=new Map;return(e||[]).forEach(function(e){null!=e&&e.id&&n.set(e.id,e)}),n},a=function(e,n){return i(e.visibleCampIds,n)},l=function(e,n,t){if(null==e||!e.isShow)return!1;if(!i(e.visibleCampIds,n))return!1;var r=e.hashtagIdList||[];if(!t||0===r.length)return!0;var o=r.map(function(e){return t.get(e)}).filter(Boolean);return 0===o.length||o.some(function(e){return a(e,n)})},c=function(e,n){return i(e.purchasableCampIds,n)},u=function(e){var n;return null===(n=null==e?void 0:e.isGiftable)||void 0===n||n},s=function(e){return!(null==e||!e.isPresent)||!(null==e||!e.giftingCharID)},d=function(e,n){return!s(e)&&u(n||e)},f=function(e){var n;return null===(n=null==e?void 0:e.isResellable)||void 0===n||n},p=function(e,n){var t=e.purchaseLimit;if(!t)return"";var r=Number(t.total||0),i=Number(t.totalPurchased||0);return r>0&&i+n>r?"전체 판매 수량이 부족합니다. 남은 수량: ".concat(Math.max(0,r-i)):""},m=function(e){var n,t,r=Number((null==e||null===(n=e.purchaseLimit)||void 0===n?void 0:n.total)||0);if(r<=0)return null;var i=Number((null==e||null===(t=e.purchaseLimit)||void 0===t?void 0:t.totalPurchased)||0),o=Math.max(0,r-i);return{remaining:o,total:r,isSoldOut:o<=0}}},84285:function(e,n,t){var r=t(31222),i=t(79661);n.A=function(){return(0,i.vc)(r.WJ)}},85261:function(e,n,t){function r(e){return e?"function"==typeof e.toMillis?e.toMillis():e instanceof Date?e.getTime():"number"==typeof e?e:"number"==typeof e.seconds?1e3*e.seconds:null:null}function i(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Date.now(),t=r(e.expiresAt);return null!==t&&t<=n}function o(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:Date.now(),t=r(e);if(null===t)return"수동 해제";var i=Math.ceil((t-n)/6e4);if(i<=0)return"해제 예정";var o=Math.floor(i/1440),a=Math.floor(i%1440/60),l=i%60;return o>0?"".concat(o,"일 ").concat(a,"시간"):a>0?"".concat(a,"시간 ").concat(l,"분"):"".concat(i,"분")}function a(e){var n=e.characterPath,t=e.characterId,r=e.effectId;return"".concat(n,"_").concat(t,"_").concat(r).replace(/[\/\s]+/g,"_")}function l(e,n){return(e.sortOrder||0)-(n.sortOrder||0)}t.d(n,{JZ:function(){return l},kr:function(){return a},lj:function(){return o},rE:function(){return r},w5:function(){return i}}),t(66706),t(24075),t(97152),t(62469),t(49374)},94330:function(e,n,t){t.d(n,{I5:function(){return o},Qb:function(){return l},Yb:function(){return a},eo:function(){return c},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:"chatActiveState",default:!1}),(0,r.eU)({key:"chatDetailIdState",default:""}))},96073:function(e,n,t){t.d(n,{Q:function(){return r}});var r=(0,t(79661).eU)({key:"gameUiVisibleState",default:!0})},98611:function(e,n,t){t(12064),t(44465),t(31863);var r,i,o,a=t(37953),l=t(90113),c=t(79661),u=t(31222),s=t(84136),d={initial:{opacity:0}

1,in:{opacity:1},out:{opacity:0}},f={type:"spring",damping:20,stiffness:300},p=(0,s.Ay)(l.P.div)(r||(i=["\n  width: 100%;\n  min-height: fit-content;\n  position: relative;\n"],o||(o=i.slice(0)),r=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(o)}}))));n.A=function(e){var n=e.children,t=e.style,r=e.variants,i=void 0===r?d:r,o=(0,c.vc)(u.LK);return a.createElement(p,{initial:"initial",animate:"in",exit:"out",variants:null!=o&&o.pageEffect?i:{},transition:f,style:t},n)}},99430:function(e,n,t){var r=t(37953),i=t(79661),o=t(31222),a=t(59672);function l(e){var n=e.onClick,t=e.style,l=e.color,c=e.backgroundColor,u=e.pointColor,s=e.design,d=(0,i.vc)(o.LK),f=null==d?void 0:d.arrowButton,p=l||(null==f?void 0:f.color),m=c||(null==f?void 0:f.backgroundColor),v=u||(null==f?void 0:f.pointColor),y=s||(null==f?void 0:f.design)||"diaArrow",h=(0,r.useMemo)(function(){return(0,a.v)(y)},[y]),g=(0,r.useCallback)(function(){n&&n()},[n]);return r.createElement("button",{onClick:g,style:t,"data-sound-type":"default"},r.createElement(h,{color:p,backgroundColor:m,pointColor:v,direction:"left"}))}n.A=r.memo(l)}}]);
2//# sourceMappingURL=1667.d78c938f.chunk.js.map