1"use strict";(self.webpackChunkts_boilerplate_legacy=self.webpackChunkts_boilerplate_legacy||[]).push([[4309],{8412:function(e,n,t){var r=t(37953),i=t(68051),o=t(92161),a=t(27086);n.A=function(e){var n=e.accessType,t=e.direction,l=void 0===t?"top":t,c=e.style;return n?r.createElement(r.Fragment,null,n!==o.KC.PUBLIC&&r.createElement(i.A,{direction:l,message:o.Po[n]},r.createElement(a.A,{name:"Lock14",color:"var(--subTextColor)",style:c}))):null}},9198:function(e,n,t){t.d(n,{s:function(){return o}}),t(80545),t(43465),t(6110),t(93116),t(60368);var r=t(41364),i=t(37953);function o(e){var n=e.docLayout,t=e.pageSetting,o=e.defaultLayout;return[t.includes(n)?n:o,(0,i.useMemo)(function(){return Object.values(r.Ik).reduce(function(e,n){return t.includes(n)&&(e[n]=!0),e},{})},[t.join(",")])]}},10397: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,m,p,g,h,y,v,b,x,E,A,w,k=t(37953),L=t(84136),C=t(90113),S=t(83483),j=t(52585),O=t(24862);function I(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 P(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?I(Object(t),!0).forEach(function(n){T(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):I(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function T(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function R(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var U={grid1:(0,L.AH)(r||(r=R([""]))),grid2:(0,L.AH)(i||(i=R(["\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,L.AH)(o||(o=R(["\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,L.AH)(a||(a=R(["\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,L.AH)(l||(l=R(["\n flex-direction: row;\n gap: 16px 24px;\n "]))),column:(0,L.AH)(c||(c=R(["\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n "]))),columnReverse:(0,L.AH)(u||(u=R(["\n flex-direction: column-reverse;\n align-items: flex-start;\n "]))),autofill:(0,L.AH)(s||(s=R(["\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,L.AH)(d||(d=R([""])))},M={grid3:(0,L.AH)(f||(f=R([""]))),grid4:(0,L.AH)(m||(m=R([""]))),wrap:(0,L.AH)(p||(p=R([""]))),column:(0,L.AH)(g||(g=R(["\n width: 100%;\n "]))),columnReverse:(0,L.AH)(h||(h=R(["\n width: 100%;\n "]))),autofill:(0,L.AH)(y||(y=R([""]))),masonry:(0,L.AH)(v||(v=R([""])))},H=(0,L.Ay)(C.P.div)(b||(b=R(["\n position: relative;\n justify-content: center;\n\n ","\n ","\n\n ","\n\n @media (max-width: 768px) {\n justify-content: center;\n }\n"])),O.bB,function(e){var n=e.direction;return n&&U[n]},function(e){var n=e.direction,t=e.line,r=e.mobileLine,i=e.gapValue;return"masonry"===n?(0,L.AH)(x||(x=R(["\n display: block;\n column-count: ",";\n column-gap: ",";\n\n @media (max-width: 480px) {\n column-count: ",";\n }\n "])),t,i,r):(0,L.AH)(E||(E=R(["\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)}),D=(0,L.Ay)(C.P.div)(A||(A=R(["\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,L.AH)(w||(w=R(["\n break-inside: avoid;\n margin-bottom: ",";\n width: 100%;\n "])),t||"16px")}),z={hidden:{opacity:0}
1,show:{opacity:1,transition:{staggerChildren:.1}}},B={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,S.useDocument)(j.Mb.HOMEPAGE,{listen:!0}),f=d.data,m=(d.set,s||"16px");return k.createElement(H,{variants:null!=f&&f.pageEffect?z:{},initial:"hidden",animate:"show",direction:r,line:o,mobileLine:l,transition:{ease:"easeInOut"},layout:u,gapValue:m,style:P({gap:m},c)},n&&k.Children.map(n,function(e,n){if(e)return k.createElement(D,{variants:null!=f&&f.pageEffect?B:{},key:n,direction:r,gapValue:m},e)}))}},12489:function(e,n,t){t(12064),t(44465),t(31863),t(10475);var r,i,o=t(27086),a=t(37953),l=t(84136),c=t(92161),u=t(67159);function s(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function d(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var f=l.Ay.div(r||(r=d(["\n border-radius: var(--cardBorderRadius);\n background-color: var(--cardBackgroundColor);\n padding: 20px;\n display: flex;\n align-items: center;\n backdrop-filter: blur(6px);\n"]))),m=l.Ay.div(i||(i=d(["\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--subTextColor);\n font-size: 13px;\n"])));n.A=function(e){e.children;var n,t=e.accessType,r=e.numberId,i=e.style,l=(s(n={},c.KC.MEMBER,a.createElement(a.Fragment,null,r&&a.createElement(u.l,null,"No.",r),a.createElement("span",null,"ë©¤ë² ê³µê° ê²ìê¸"))),s(n,c.KC.SECRET,a.createElement(a.Fragment,null,r&&a.createElement(u.l,null,"No.",r),a.createElement("span",null,"ë¹ê³µê° ê²ìê¸"))),s(n,c.KC.PASSWORD,a.createElement(a.Fragment,null,r&&a.createElement(u.l,null,"No.",r),a.createElement("span",null,"ë¹ê³µê°(ë¹ë°ë²í¸) ê²ìê¸"))),n);return a.createElement(f,{style:i},a.createElement(m,null,a.createElement(o.A,{name:"Lock14",color:"var(--subTextColor)"}),l[t]))}},54309:function(e,n,t){t.r(n),t.d(n,{default:function(){return Cn}}),t(76602),t(66706),t(61445),t(42575),t(3940),t(32145),t(74277),t(57045),t(65114),t(32242),t(60039),t(12064),t(75868),t(42652);var r,i,o,a,l,c,u,s,d,f,m,p,g,h,y=t(37953),v=t(67927),b=(t(86608),t(44465),t(31863),t(10475),t(34068),t(82185),t(84136)),x=t(80720),E=t(68051),A=t(72373),w=t(92161),k=t(12489),L=t(84173),C=t(18285),S=t(8412),j=t(41364),O=t(27086);function I(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 P(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 T(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function R(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var U,M,H,D,z,B,Y,F,N,K,$,_,W=(0,b.AH)(r||(r=R(["\n .albumImage {\n transform: scale(1.05);\n position: relative;\n cursor: var(--hoverCursorURL), pointer;\n opacity: 1;\n }\n"]))),V=b.Ay.div(i||(i=R(["\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 6px;\n\n position: absolute;\n right: 12px;\n top: 12px;\n"]))),G=b.Ay.div(o||(o=R(["\n padding: 4px 0;\n display: grid;\n align-items: center;\n gap: 4px;\n grid-template-columns: auto auto 1fr;\n"]))),Z=b.Ay.span(a||(a=R(["\n font-weight: 700;\n font-size: 12px;\n width: -webkit-fill-available;\n"]))),q=b.Ay.span(l||(l=R(["\n font-weight: 300;\n font-size: 12px;\n width: 100%;\n text-align: right;\n flex: 1 1 auto;\n min-width: 0;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n"]))),J=b.Ay.span(c||(c=R(["\n display: inline-flex;\n align-items: center;\n gap: 4px;\n padding: 2px 6px;\n font-size: 11px;\n color: #fff;\n line-height: 1.2;\n font-weight: 700;\n position: absolute;\n bottom: 4px;\n right: 4px;\n"]))),Q=(T(d={},j.Ik.MASONRY,(0,b.AH)(u||(u=R(["\n height: auto;\n border-radius: var(--cardBorderRadius);\n "])))),T(d,j.Ik.DEFAULT,(0,b.AH)(s||(s=R(["\n height: ",";\n "])),function(e){return e.contentHeight||"300px"})),d),X=b.Ay.div(f||(f=R(["\n position: relative;\n margin: 4px;\n width: 100%;\n ",";\n overflow: hidden;\n box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2);\n z-index: 0;\n backdrop-filter: blur(12px);
1\n\n &:hover {\n cursor: var(--hoverCursorURL), pointer;\n ",";\n }\n"])),function(e){var n=e.docLayout;return Q[n]},function(e){return!e.isEdit&&W}),ee=(0,b.i7)(m||(m=R(["\n 0% {\n background-position: 0 -200%;\n }\n 100% {\n background-position: 0 200%;\n }\n"]))),ne=b.Ay.div(p||(p=R(["\n width: 100%;\n height: ",";\n background: linear-gradient(\n 180deg,\n var(--cardBgColor, #f0f0f0) 25%,\n var(--lineColor, #e0e0e0) 50%,\n var(--cardBgColor, #f0f0f0) 75%\n );\n background-size: 100% 200%;\n animation: "," 1.5s infinite ease-in-out;\n"])),function(e){var n=e.isMasonry,t=e.contentHeight;return n?"200px":t||"100%"},ee),te=b.Ay.img(g||(g=R(["\n width: 100%;\n height: ",";\n object-fit: cover;\n display: ",";\n transition: transform ease-in-out 0.2s;\n"])),function(e){return e.isMasonry?"auto":"100%"},function(e){return e.isLoaded?"block":"none"}),re=b.Ay.div(h||(h=R(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 10px 12px;\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: space-between;\n color: #fff;\n font-size: 12px;\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0%,\n rgba(0, 0, 0, 0.65) 100%\n );\n transform: translateY(100%);\n opacity: 0;\n transition: all 0.2s ease-in-out;\n\n ",":hover & {\n transform: translateY(0);\n opacity: 1;\n }\n"])),X),ie=function(e){var n,t,r=e.list,i=e.isEdit,o=e.collectionPath,a=e.contentHeight,l=e.docLayout,c=(n=(0,y.useState)(!1),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 P(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)?P(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.")}()),u=c[0],s=c[1],d=r.imgURL,f=r.imgURLList,m=r.title,p=r.date,g=r.id,h=r.objectID,v=r.accessType,b=r.authorUid,T=d||(null==f?void 0:f[0]);(0,y.useEffect)(function(){s(!1)},[T]);var R=(0,A.LU)(p,"YYYY-MM-DD"),U=(0,y.useCallback)(function(){var e,n=(e=regeneratorRuntime.mark(function e(n){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(n.stopPropagation(),!confirm("ê°¤ë¬ë¦¬ë¥¼ ìì íìê² ìµëê¹?")){e.next=7;break}return e.next=4,(0,x.c)({docId:g||h||"",imgURL:r&&r.imgURL||"",hashtagIdList:null==r?void 0:r.hashtagIdList,collectionPath:o});case 4:close&&close(),e.next=8;break;case 7:return e.abrupt("return");case 8: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){I(o,r,i,a,l,"next",e)}function l(e){I(o,r,i,a,l,"throw",e)}a(void 0)})});return function(e){return n.apply(this,arguments)}}(),[d,o,r]),M=l===j.Ik.MASONRY,H=f&&f.length||(d?1:0),D=(0,L.TO)({accessType:v||w.KC.PUBLIC,authorUid:b||""}),z=(0,y.useMemo)(function(){return H>1?y.createElement(J,null,y.createElement(O.A,{name:"Block14",color:"#fff"}),H):null},[H]);return D?y.createElement(y.Fragment,null,y.createElement(X,{isEdit:i,docLayout:l,contentHeight:a},!u&&y.createElement(ne,{isMasonry:M,contentHeight:a}),y.createElement(te,{className:"albumImage",src:T,alt:m||"gallery image",isMasonry:M,isLoaded:u,onLoad:function(){return s(!0)}}),z,M&&y.createElement(re,null,y.createElement(Z,null,R),y.createElement("div",{style:{display:"flex",alignItems:"center",gap:6}},y.createElement(S.A,{accessType:v}),y.createElement(q,null,m))),i&&y.createElement(V,null,y.createElement(E.A,{message:"ìì ",direction:"bottom"},y.createElement(C.A,{onClick:U,icon:"Trash14"})))),!M&&y.createElement(G,null,y.createElement(Z,null,R),y.createElement(S.A,{accessType:v}),y.createElement(q,null,m))):y.createElement(k.A,{accessType:v,style:{height:"100%",
1justifyContent:"center"}})},oe=t(10397),ae=(t(97152),t(89087)),le=t(16600),ce=t(83483),ue=t(5470),se=t(45699),de=t(86802),fe=t(46148),me=t(65638),pe=t(75847),ge=t(88451),he=t(76911),ye=t(24862);function ve(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 be(e){return function(){var n=this,t=arguments;return new Promise(function(r,i){var o=e.apply(n,t);function a(e){ve(o,r,i,a,l,"next",e)}function l(e){ve(o,r,i,a,l,"throw",e)}a(void 0)})}}function xe(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 Ee(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)?Ee(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 Ee(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 Ae(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var we=b.Ay.div(U||(U=Ae(["\n position: absolute;\n z-index: 10;\n width: 54px;\n height: 54px;\n\n top: 50%;\n transform: translateY(-50%);\n left: 12px;\n"]))),ke=b.Ay.div(M||(M=Ae(["\n position: absolute;\n z-index: 10;\n width: 54px;\n height: 54px;\n\n top: 50%;\n transform: translateY(-50%);\n right: 12px;\n"]))),Le=b.Ay.div(H||(H=Ae(["\n display: flex;\n flex-direction: column;\n height: 88vh;\n width: 90vw;\n max-width: 1200px;\n background: var(--backgroundColor);\n border-radius: var(--cardBorderRadius);\n overflow: hidden;\n position: relative;\n"]))),Ce=b.Ay.div(D||(D=Ae(["\n flex-shrink: 0;\n height: 60px;\n background: var(--backgroundColor);\n border-bottom: 1px solid var(--lineColor);\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n position: relative;\n z-index: 2;\n"]))),Se=b.Ay.div(z||(z=Ae(["\n flex: 1;\n overflow: hidden;\n position: relative;\n display: flex;\n flex-direction: column;\n"]))),je=b.Ay.div(B||(B=Ae(["\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n"]))),Oe=b.Ay.div(Y||(Y=Ae(["\n flex: 1;\n display: flex;\n gap: 16px;\n position: relative;\n overflow: hidden;\n padding: 20px;\n"]))),Ie=b.Ay.div(F||(F=Ae(["\n flex: 1;\n overflow-y: auto;\n padding-right: 8px;\n ","\n"])),ye.kM),Pe=b.Ay.div(N||(N=Ae(["\n margin-bottom: 16px;\n \n &:last-child {\n margin-bottom: 0;\n }\n \n img {\n width: 100%;\n height: auto;\n border-radius: var(--cardBorderRadius);\n display: block;\n }\n"]))),Te=b.Ay.div(K||(K=Ae(["\n width: 110px;\n flex-shrink: 0;\n border-left: 1px solid var(--lineColor);\n padding-left: 12px;\n overflow-y: auto;\n ","\n"])),ye.kM),Re=b.Ay.button($||($=Ae(["\n width: 100%;\n border: 0;\n border-radius: 8px;\n padding: 0;\n margin-bottom: 10px;\n cursor: pointer;\n overflow: hidden;\n background: transparent;\n box-shadow: ",";\n opacity: ",";\n transition: opacity 0.15s ease, box-shadow 0.15s ease;\n\n &:last-child {\n margin-bottom: 0;\n }\n"])),function(e){return e.$active?"0 0 0 2px var(--pointColor)":"0 0 0 1px var(--lineColor)"},function(e){return e.$active?1:.75}),Ue=b.Ay.img(_||(_=Ae(["\n width: 100%;\n height: 72px;\n object-fit: cover;\n display: block;\n"]))),Me=function(e){var n,t,r,i=e.docId,o=e.close,a=(0,se.pv)(1),l=xe((0,y.useState)(i),2),c=l[0],u=l[1],s=xe((0,y.useState)(!1),2),d=s[0],f=s[1],m=xe((0,y.useState)(0),2),p=m[0],g=m[1],h=(0,y.useRef)([]),v=(0,ce.useDocument)("".concat(a,"/").concat(c),{listen:!0}).data,b=xe((0,y.useState)(1),2),E=b[0],A=b[1],k=(0,y.useCallback)(be(regeneratorRuntime.mark(function e(){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return A(0),e.next=3,(0,me.Bb)({collectionPath:a,currentDocId:c,orderBy:"date"});case 3:(n=e.sent)&&u(n.id);case 5:case"end":return e.stop()}},e)})),[c]),C=(0,y.useCallback)(be(regeneratorRuntime.mark(function e(){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return A(1),e.next=3,(0,me.Zj)({collectionPath:a,currentDocId:c,orderBy:"date"});case 3:(n=e.sent)&&u(n.id);case 5:case"end":return e.stop()}},e)})),[c]),S=(0,y.useCallback)(be(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!confirm("ê°¤ë¬ë¦¬ë¥¼ ìì íìê² ìµëê¹?")){e.next=6;break}return e.next=3,(0,x.c)({docId:c,imgURL:v&&v.imgURL||"",hashtagIdList:null==v?void 0:v.hashtagIdList,collectionPath:a});case 3:o&&o(),e.next=7;break;case 6:return e.abrupt("return");case 7:case"end":return e.stop()}},e)})),[c,a,v]),j=(0,y.useCallback)(function(){f(!0)},[]);(0,y.useLayoutEffect)(function(){return document.body.style.overflow="hidden",function(){document.body.style.overflow="auto"}},[]),(0,y.useLayoutEffect)(function(){g(0),h.current=[]},[c]);var O=(0,y.useCallback)(function(e){var n;g(e),null===(n=h.current[e])||void 0===n||n.scrollIntoView({behavior:"smooth",block:"start"})},[]),I=(0,L.TO)({accessType:(null==v?void 0:v.accessType)||w.KC.PUBLIC,authorUid:(null==v?void 0:v.authorUid)||""}),P=((null==v||null===(n=v.imgURLList)||void 0===n?void 0:n.length)||0)>1;return y.createElement(y.Fragment,null,y.createElement(he.A,{outsideClick:o,contentStyle:{padding:0,overflow:"hidden",backgroundColor:"transparent",boxShadow:"none",display:"flex",alignItems:"center",justifyContent:"center"}},y.createElement(Le,null,y.createElement(Ce,null,y.createElement(le.A,{onClick:o,color:"var(--textColor)"}),y.createElement("div",{style:{textAlign:"left",flex:1,marginLeft:"20px"}},y.createElement("div",{style:{fontSize:16,color:"var(--textColor)",fontWeight:700}},v&&v.title),y.createElement("p",{style:{fontSize:13,color:"var(--subTextColor)",marginTop:4,lineHeight:1}},v&&v.accessType!==w.KC.PUBLIC&&y.createElement("span",null,w.TN[v.accessType]),v&&v.accessType!==w.KC.PUBLIC&&v.description&&y.createElement("span",null," â¢Â "),v&&v.description&&y.createElement("span",null,v&&v.description))),y.createElement(de.A,{handleEdit:j,handleDelete:S,authorUid:(null==v?void 0:v.authorUid)||""})),y.createElement(Se,null,y.createElement(ae.N,{custom:E,exitBeforeEnter:!0},I?y.createElement(y.Fragment,null,null!=v&&v.imgURL?y.createElement(je,null,y.createElement(pe.A,{dir:E,customKey:c,imgTitle:(null==v?void 0:v.title)||"",imgURL:(null==v?void 0:v.imgURL)||""}),y.createElement(we,{className:"slideLeftBtn",onClick:k},y.createElement(ue.A,{direction:"left"})),y.createElement(ke,{className:"slideRightBtn",onClick:C},y.createElement(ue.A,{direction:"right"}))):y.createElement(Oe,null,y.createElement(Ie,null,null==v||null===(t=v.imgURLList)||void 0===t?void 0:t.map(function(e,n){return y.createElement(Pe,{key:n,ref:function(e){h.current[n]=e},onMouseEnter:function(){return g(n)}},y.createElement("img",{src:e,alt:"Image ".concat(n+1)}))})),P&&y.createElement(Te,null,null==v||null===(r=v.imgURLList)||void 0===r?void 0:r.map(function(e,n){return y.createElement(Re,{key:"thumb-".concat(n),type:"button",$active:p===n,onClick:function(){return O(n)}}
1,y.createElement(Ue,{src:e,alt:"Thumbnail ".concat(n+1)}))})),y.createElement(we,{className:"slideLeftBtn",onClick:k},y.createElement(ue.A,{direction:"left"})),y.createElement(ke,{className:"slideRightBtn",onClick:C},y.createElement(ue.A,{direction:"right"})))):y.createElement(fe.A,{accessType:(null==v?void 0:v.accessType)||w.KC.PUBLIC,type:"contents"}))))),d&&y.createElement(ge.A,{docId:c,close:function(){return f(!1)}}))},He=t(6165);function De(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 ze(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)?ze(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 ze(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 Be,Ye,Fe,Ne,Ke,$e,_e=function(e){var n=e.list,t=e.isEdit,r=e.collectionPath,i=e.line,o=e.isExtendsModal,a=e.contentHeight,l=e.docLayout,c=De((0,y.useState)(!1),2),u=c[0],s=c[1],d=De((0,y.useState)(""),2),f=d[0],m=d[1],p=function(){return s(!1)},g=l===j.Ik.MASONRY;return n?y.createElement(y.Fragment,null,y.createElement(oe.A,{line:i,direction:g?"masonry":void 0},n.map(function(e,n){return y.createElement("div",{key:n,onClick:function(){s(!0),m(e.id||e.objectID)}},y.createElement(ie,{list:e,isEdit:t,collectionPath:r,contentHeight:a,docLayout:l}))})),u&&(o?y.createElement(He.default,{docId:f||"",close:p}):y.createElement(Me,{docId:f||"",close:p}))):null},We=(t(77135),t(51163),t(82758),t(19224),t(4031),t(33001),t(8299));function Ve(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 Ge(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)?Ge(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 Ge(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 Ze(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var qe,Je,Qe,Xe=b.Ay.div(Be||(Be=Ze(["\n margin-bottom: 32px;\n"]))),en=b.Ay.h3(Ye||(Ye=Ze(["\n font-weight: 800;\n margin-bottom: 12px;\n"]))),nn=b.Ay.div(Fe||(Fe=Ze(["\n display: grid;\n grid-template-columns: repeat(",", minmax(0, 1fr));\n gap: 12px;\n\n @media (max-width: 480px) {\n grid-template-columns: repeat(\n ",",\n minmax(0, 1fr)\n );\n }\n"])),function(e){return e.line||4},function(e){return e.mobileLine||2}),tn=b.Ay.button(Ne||(Ne=Ze(["\n width: 100%;\n aspect-ratio: 3 / 4;\n border-radius: 12px;\n border: 1px solid var(--lineColor);\n overflow: hidden;\n position: relative;\n background: #ccc;\n cursor: var(--hoverCursorURL), pointer;\n padding: 0;\n transition: transform 0.6s ease;\n transform-style: preserve-3d;\n &.flipped {\n transform: rotateY(180deg);\n }\n\n &:hover {\n outline: 2px solid var(--primaryColor);\n }\n"]))),rn=b.Ay.div(Ke||(Ke=Ze(["\n width: 100%;\n height: 100%;\n background: ",";\n"])),function(e){var n=e.src;return n?"center / cover no-repeat url(".concat(n,")"):"#b3b3b3"}),on=b.Ay.div($e||($e=Ze(["\n position: absolute;\n bottom: 8px;\n left: 8px;\n right: 8px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n color: #fff;\n text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);\n font-weight: 800;\n font-size: 16px;\n"]))),an=function(e){var n=e.items,t=(e.isEdit,e.collectionPath,e.line),r=e.mobileLine,i=e.onSelectMonth,o=Ve((0,y.useState)(2),2),a=o[0],l=o[1],c=Ve((0,y.useState)(null),2),u=c[0],s=c[1],d=(0,y.useMemo)(function(){var e=new Map;
1return n.forEach(function(n){var t,r,i,o=(null==n||null===(t=n.date)||void 0===t||null===(r=t.toDate)||void 0===r?void 0:r.call(t))||new Date(null!=n&&null!==(i=n.date)&&void 0!==i&&i._seconds?1e3*n.date._seconds:null==n?void 0:n.date),a=o.getFullYear(),l=o.getMonth()+1;e.has(a)||e.set(a,new Map);var c=e.get(a);c.has(l)||c.set(l,[]),c.get(l).push(n)}),Array.from(e.entries()).sort(function(e,n){return n[0]-e[0]}).map(function(e){var n=Ve(e,2),t=n[0],r=n[1];return{year:t,months:Array.from(r.entries()).sort(function(e,n){return e[0]-n[0]})}})},[n]),f=d.slice(0,a),m=d.length>a;return y.createElement(y.Fragment,null,f.map(function(e){var n=e.year,o=e.months;return y.createElement(Xe,{key:n},y.createElement(en,null,n),y.createElement(nn,{line:t||4,mobileLine:r},Array.from({length:12},function(e,n){return n+1}).map(function(e){var t,r,a,l,c=o.find(function(n){return Ve(n,1)[0]===e}),d=c?c[1]:[],f=d.length>0?(null==(t=d)||null===(r=t[0])||void 0===r?void 0:r.imgURL)||(null==t||null===(a=t[0])||void 0===a||null===(l=a.imgURLList)||void 0===l?void 0:l[0])||"":void 0,m="".concat(n,"-").concat(e);return y.createElement(tn,{key:m,className:u===m?"flipped":"",onClick:function(){0!==d.length&&(s(m),setTimeout(function(){return s(null)},600),i({year:n,month:e,list:d}))},disabled:0===d.length,style:{opacity:0===d.length?.35:1}},y.createElement(rn,{src:f}),y.createElement(on,null,y.createElement("h6",null,e.toString().padStart(2,"0")),y.createElement("span",null,d.length)))})))}),m&&y.createElement("div",{style:{margin:"8px 0 24px"}},y.createElement(We.A,{shape:"stroke",onClick:function(){return l(function(e){return e+2})}},"ë 보기 (ëë¨¸ì§ ",d.length-a,"ë
)")))};function ln(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 cn(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)?cn(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 cn(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 un(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var sn=b.Ay.div(qe||(qe=un(["\n margin-bottom: 32px;\n"]))),dn=b.Ay.h4(Je||(Je=un(["\n font-weight: 800;\n margin: 0 0 10px;\n display: flex;\n align-items: baseline;\n gap: 6px;\n span {\n font-size: 12px;\n color: var(--subTextColor);\n }\n"]))),fn=b.Ay.div(Qe||(Qe=un(["\n cursor: pointer;\n"]))),mn=function(e){var n=e.items,t=e.isEdit,r=e.collectionPath,i=e.contentHeight,o=e.line,a=e.mobileLine,l=ln((0,y.useState)(6),2),c=l[0],u=l[1],s=ln((0,y.useState)(!1),2),d=s[0],f=s[1],m=ln((0,y.useState)(""),2),p=m[0],g=m[1],h=(0,y.useMemo)(function(){var e=new Map;return n.forEach(function(n){var t,r,i,o=(null==n||null===(t=n.date)||void 0===t||null===(r=t.toDate)||void 0===r?void 0:r.call(t))||new Date(null!=n&&null!==(i=n.date)&&void 0!==i&&i._seconds?1e3*n.date._seconds:null==n?void 0:n.date),a=o.getFullYear(),l=o.getMonth()+1,c="".concat(a,"-").concat(l);e.has(c)||e.set(c,{year:a,month:l,list:[]}),e.get(c).list.push(n)}),Array.from(e.values()).sort(function(e,n){return e.year!==n.year?n.year-e.year:n.month-e.month})},[n]);return y.createElement(y.Fragment,null,h.slice(0,c).map(function(e){var n=e.year,l=e.month,c=e.list;return y.createElement(sn,{key:"".concat(n,"-").concat(l)},y.createElement(dn,null,l.toString().padStart(2,"0"),y.createElement("span",null,n)),y.createElement(oe.A,{line:o||6,mobileLine:a||2},c.map(function(e){return y.createElement(fn,{key:e.id||e.objectID,onClick:function(){g(e.id||e.objectID||""),f(!0)}},y.createElement(ie,{list:e,isEdit:t,collectionPath:r,contentHeight:i,docLayout:j.Ik.DEFAULT}))})))}),h.length>c&&y.createElement("div",{style:{margin:"8px 0 24px"}},y.createElement(We.A,{shape:"stroke",onClick:function(){return u(function(e){return e+4})}},"ë 보기 (ëë¨¸ì§ ",h.length-c,"ê°ì)")),d&&p&&y.createElement(Me,{docId:p,close:function(){return f(!1)}}))},pn=t(74310),gn=t(79661),hn=t(19665),yn=t(63121),vn=t(17572),bn=t(30425),xn=t(11950),En=t(38472),An=t(75552),wn=t(9198);function kn(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 Ln(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)?Ln(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 Ln(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 Cn=function(){var e=kn((0,y.useState)(!1),2),n=e[0],t=e[1],r=(0,se.pv)(1),i=kn((0,gn.L4)(hn.ln),2),o=i[0],a=i[1],l=kn((0,y.useState)(),2),c=l[0],u=l[1],s=kn((0,y.useState)(null),2),d=s[0],f=s[1],m=(0,y.useCallback)(function(){return t(!n)},[n]),p=(0,vn.A)({collectionPath:r}),g=p.docLayout,h=p.orderBy,b=p.orderDir,x=p.docWidth,E=p.docLine,A=p.isExtendsModal,w=p.writeAuthType,k=p.docLimit,L=p.allCount,C=p.hashtagType,S=p.contentHeight,O=p.isRealtimeEnabled,I=kn((0,y.useState)(0),2),P=I[0],T=I[1],R=(0,En.D)({collectionPath:r,orderBy:h,orderDir:b,hitsPerPage:k||20}),U=R.searchResultData,M=R.searchError,H=R.isSearching,D=R.paginationInfo,z=R.goToSearchPage,B=kn((0,wn.s)({docLayout:g,pageSetting:[j.Ik.DEFAULT,j.Ik.MASONRY,j.Ik.YEARLY,j.Ik.MONTH_GROUP],defaultLayout:j.Ik.DEFAULT}),2),Y=B[0],F=B[1],N=(0,y.useCallback)(function(){f(null)},[]);return y.createElement(y.Fragment,null,y.createElement(pn.A,null,y.createElement(v.Ay,{style:{maxWidth:(0,An.R$)(x,"100%")}},y.createElement(yn.A,{uploadText:"ì¶ê°",editText:n?"í¸ì§ ìë£":"í¸ì§",handleEdit:m,handleUpload:function(){return a(!0)},writeAuthType:w||xn.Yj.MASTER,hashtagLayout:C,pageLayoutSetting:F,showLine:!0,showWidth:!0,showLimit:!0,showSortOrder:!0,showModalLayout:!0,showContentsHeight:!0,showHashtagType:!0,isRealtimeEnabled:O,onRefresh:function(){return T(function(e){return e+1})}}),d?y.createElement("div",{style:{marginTop:32}},y.createElement(We.A,{shape:"stroke",onClick:N},"< 목ë¡ì¼ë¡ ëìê°ê¸°"),y.createElement("div",{style:{marginTop:12,marginBottom:8}},y.createElement("h4",{style:{margin:0,fontWeight:800}},d.year,"ë ",d.month.toString().padStart(2,"0"),"ì")),y.createElement(_e,{docLayout:j.Ik.DEFAULT,isExtendsModal:A||!1,line:E||4,list:d.list,isEdit:n,collectionPath:r,contentHeight:S||"340px"})):y.createElement(bn.A,{collectionPath:r,setList:u,orderDir:b||"desc",orderBy:h||"createdAt",searchError:M,isSearching:H,searchResultData:U,searchPaginationInfo:D,goToSearchPage:z,list:Y===j.Ik.YEARLY?y.createElement(an,{items:U||c||[],isEdit:n,collectionPath:r,line:E||4,mobileLine:2,onSelectMonth:function(e){var n=e.year,t=e.month,r=e.list;f({year:n,month:t,list:r})}}):Y===j.Ik.MONTH_GROUP?y.createElement(mn,{items:U||c||[],isEdit:n,collectionPath:r,contentHeight:S||"340px",line:E||6,mobileLine:2}):y.createElement(_e,{docLayout:Y,isExtendsModal:A||!1,line:E||4,list:U||c,isEdit:n,collectionPath:r,contentHeight:S||"340px"}),docLimit:k,allCount:L,hashtagLayout:C,isRealtimeEnabled:O,refreshTrigger:P}))),o&&y.createElement(ge.A,{docId:"",close:function(){return a(!1)}}))}},67159:function(e,n,t){var r;t.d(n,{l:function(){return a}}),t(12064),t(44465),t(31863);var i,o,a=t(84136).Ay.span(r||(i=["\n font-weight: 700;\n color: var(--subTextColor);\n font-size: 13px;\n margin-right: 12px;\n"],o||(o=i.slice(0)),r=Object.freeze(Object.defineProperties(i,{raw:{value:Object.freeze(o)}}))))}}]); 2//# sourceMappingURL=4309.59ead22c.chunk.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.