https://corn-ch2se.web.app/6314.0f2c6501.chunk.js

1"use strict";(self.webpackChunkts_boilerplate_legacy=self.webpackChunkts_boilerplate_legacy||[]).push([[6314],{36314:function(e,t,n){n.r(t),n.d(t,{default:function(){return ce}}),n(12064),n(44465),n(31863),n(3940),n(32145),n(74277),n(61445),n(57045),n(65114),n(32242),n(60039),n(75868),n(42652),n(34068),n(82185),n(97152),n(85062),n(86608);var r=n(37953),o=n(83483),a=n(84136),l=n(45699),i=n(21866),u=n(93090),c=n(52585),f=(n(10475),n(82106),n(3233),n(51163),n(82758),n(20884),n(8299)),s=n(85803),d=n(28104),m=n(15548),p=n(79661),y=n(18789),v=n(42474),b=n(43947);function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function h(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach(function(t){w(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t,n,r,o,a,l){try{var i=e[a](l),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(r,o)}function O(e){return function(){var t=this,n=arguments;return new Promise(function(r,o){var a=e.apply(t,n);function l(e){E(a,r,o,l,i,"next",e)}function i(e){E(a,r,o,l,i,"throw",e)}l(void 0)})}}function A(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return k(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?k(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function k(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var C,j,x,I,P=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e);var t=A((0,r.useState)(!1),2),n=t[0],o=(t[1],(0,m.Zp)()),a=(0,l.Fj)(),i=A((0,p.L4)(b.vG),2),u=i[0],g=i[1],w=A((0,p.L4)(y.ag),2),E=w[0],k=w[1],C=(0,r.useCallback)(O(regeneratorRuntime.mark(function e(){return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,(0,v.et)({collectionPath:c.Gf.MAINHOME,docId:"".concat(a,"Page"),themeSet:h({},u),bgFileList:E});case 2:j(),o("/".concat(a));case 4:case"end":return e.stop()}},e)})),[a,u,E]),j=(0,r.useCallback)(function(){g({}),k({})},[]),x=(0,r.useCallback)(function(){o("/".concat(a))},[a]);return r.createElement(s.tt,null,r.createElement(f.A,{onClick:function(){return(0,d.A)({handleExit:x})},shape:"stroke"},"나가기"),r.createElement(s.lz,null,r.createElement(f.A,{onClick:C,pending:n},"내용 저장 후 나가기")))},T=(n(79974),n(59551)),L=n(38667),S=n(98045),R=n(92161),U=n(79335),V=n(19534),z=n(82252),D=["data","style"];function F(e,t,n,r,o,a,l){try{var i=e[a](l),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(r,o)}function G(e){return function(){var t=this,n=arguments;return new Promise(function(r,o){var a=e.apply(t,n);function l(e){F(a,r,o,l,i,"next",e)}function i(e){F(a,r,o,l,i,"throw",e)}l(void 0)})}}function M(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return B(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?B(e,t):void 0}}

1(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function B(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function H(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var N=(0,a.AH)(C||(C=H(["\n  border-radius: var(--cardBorderRadius);\n  background-color: var(--cardBackgroundColor);\n  border: 0;\n"]))),_=a.Ay.div(j||(j=H(["\n  padding: 0 12px 0 32px;\n  margin-bottom: 4px;\n  box-sizing: border-box;\n  width: 100%;\n  color: var(--textColor);\n  background-color: var(--cardBackgroundColor);\n  border-radius: var(--cardBorderRadius);\n  border-bottom: 1px solid var(--lineColor);\n  transition: background-color 0.2s;\n  position: relative; // swap icon 고정시키기용\n\n  display: grid;\n  grid-template-columns: 0.4fr 1fr auto auto;\n  align-items: center;\n  gap: 12px;\n\n  ","\n"])),function(e){return e.isDrag&&N}),Z=a.Ay.div(x||(x=H(["\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n"]))),$=a.Ay.div(I||(I=H(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  width: 100%;\n  padding: 8px 0;\n"])));function J(e,t){var n=e.data,o=(e.style,function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,D)),a=M((0,r.useState)(n?n.accessType:R.KC.PUBLIC),2),i=a[0],c=(a[1],(0,l.Fj)()),s=M((0,r.useState)(!1),2),d=s[0],m=s[1],p=M((0,r.useState)(null),2),y=p[0],v=p[1],b=M((0,U.zN)({menuValue:n.menuValue||""}),3),g=b[0].menuValue,h=b[1],w=(b[2],(0,r.useCallback)(G(regeneratorRuntime.mark(function e(){var t,r;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return m(!0),t={selectedFile:y,prevImgURL:n?n.imgURL:null},r={menuValue:g},e.next=5,(0,u.K_)({data:r,docId:n.id,fileList:t,collectionPath:c});case 5:m(!1);case 6:case"end":return e.stop()}},e)})),[g,i,n,y,c])),E=(0,r.useCallback)(function(){confirm("메뉴를 정말 삭제하시겠습니까?")&&(0,z.G)({imgURL:n.imgURL,boardId:n.id,collectionPath:c})},[n,c]),O=(0,r.useCallback)(function(){n&&(0,V.deleteImg)({imgURL:n.imgURL,docId:n.id,key:"imgURL",collectionPath:c})},[n,c]);return n?r.createElement(_,null,r.createElement(L.A,o),r.createElement(Z,null,n.title,r.createElement(T.A,{name:"menuValue",value:g,onChange:h,placeholder:"메뉴명"})),r.createElement($,null,r.createElement(S.A,{id:"menu-icon-".concat(n.id),setSelectedFile:v,prevImgURL:null==n?void 0:n.imgURL,text:"이미지 추가",customDelete:O,label:"이미지 (최적 200 * 80)",style:{minWidth:180,height:60}})),r.createElement($,null,r.createElement(f.A,{onClick:w,size:"md",pending:d},"저장"),r.createElement(f.A,{onClick:E,size:"md",shape:"stroke"},"삭제"))):null}var K,W,Y=(0,r.forwardRef)(J),q=n(10346),Q=n(30278),X=n(89464),ee=n(82784),te=n(66456),ne=n(14427);function re(e,t,n,r,o,a,l){try{var i=e[a](l),u=i.value}catch(e){return void n(e)}i.done?t(u):Promise.resolve(u).then(r,o)}function oe(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,a=[],l=!0,i=!1;try{for(n=n.call(e);!(l=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);l=!0);}catch(e){i=!0,o=e}finally{try{l||null==n.return||n.return()}finally{if(i)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ae(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ae(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ae(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function le(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}n(33001);var ie=a.Ay.div(K||(K=le(["\n  padding: 80px 0;\n  margin: 0 auto;\n  width: 100%;\n  max-width: 920px;\n  height: 100%;\n"]))),ue=a.Ay.div(W||(W=le(["\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 12px;\n"]))),ce=function(e){!function(e){if(null==e)throw new TypeError("Cannot destructure undefined")}(e),(0,i.A)(!1);var t=(0,l.Fj)(),n=oe((0,r.useState)(null),2),a=n[0],s=n[1],d=oe((0,p.L4)(b.vG),2),m=d[0],g=(d[1],oe((0,p.L4)(y.ag),2)),h=g[0],w=(g[1],(0,o.useCollection)("".concat(t),{listen:!0,orderBy:["order","asc"]}).data),E=(0,o.useDocument)("".concat(c.Gf.MAINHOME,"/").concat(t,"Page"),{listen:!0}),O=E.data,A=E.set,k=(0,r.useCallback)(function(e){A({layoutType:e},{merge:!0})},[]),C=null==w?void 0:w.filter(function(e,t){return!0===e.isImpact}),j=(0,r.useCallback)(function(){w&&(0,v.we)({collectionPath:t,data:{title:"1000",

1subTitle:"타이틀",description:"설명",order:0,contents:"내용 없음",dir:"right"},bgFileList:h})},[t,w,m,h]);return(0,r.useEffect)(function(){function e(){var n;return n=regeneratorRuntime.mark(function e(){var n;return regeneratorRuntime.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:a&&(n={selectedFile:a,prevImgURL:(null==O?void 0:O.bgImgURL)||""},(0,u.C)({fileList:n,docId:"".concat(t,"Page")}));case 1:case"end":return e.stop()}},e)}),e=function(){var e=this,t=arguments;return new Promise(function(r,o){var a=n.apply(e,t);function l(e){re(a,r,o,l,i,"next",e)}function i(e){re(a,r,o,l,i,"throw",e)}l(void 0)})},e.apply(this,arguments)}(function(){return e.apply(this,arguments)})().then(function(){s(null)})},[a,O]),function(e){var t=e.data,n=e.resetOnDataLoad,o=void 0===n||n;(0,r.useEffect)(function(){window.scrollTo(0,0)},[]),(0,r.useEffect)(function(){if(o&&t&&t.length>0){var e=setTimeout(function(){window.scrollTo(0,0),document.documentElement.scrollTop=0,document.body.scrollTop=0},100);return function(){return clearTimeout(e)}}},[t,o]),(0,r.useEffect)(function(){var e=[setTimeout(function(){return window.scrollTo(0,0)},50),setTimeout(function(){return window.scrollTo(0,0)},200),setTimeout(function(){return window.scrollTo(0,0)},500)];return function(){e.forEach(function(e){return clearTimeout(e)})}},[])}({data:w,resetOnDataLoad:!1}),r.createElement(r.Fragment,null,r.createElement(P,null),r.createElement(ie,null,r.createElement(X.a,null,r.createElement(X.C5,null,"상단 메뉴 편집"),r.createElement(X.SB,null,"'강조'선택 된 메뉴가 상단에 등록되어 클릭 시 해당 연표로 스크롤 이동합니다."),r.createElement(ne.A,{list:C,handleUpdateOrder:u.d,collectionPath:t},r.createElement(Y,null))),r.createElement(X.a,null,r.createElement(X.C5,null,"레이아웃 선택"),r.createElement(ue,null,te.Vc.map(function(e,t){return r.createElement(ee.A,{key:t,value:e.value,id:"historyLayoutGroup-".concat(e.key),name:"historyLayoutGroup",checked:O&&O.layoutType?O.layoutType===e.key:e.key===te.J5.VERTICAL,onChange:function(){return k(e.key)},shape:"box"},r.createElement("span",null,e.value))}))),r.createElement(X.a,null,r.createElement(X.C5,null,"디자인 설정"),r.createElement(Q.A,{data:(null==O?void 0:O.themeSet)||{},collectionPath:c.Gf.MAINHOME,docId:c.kV.HISTORYPAGE||"",options:{themeColors:!0,bgm:!0,bgImg:!0,setCustomTheme:!0,font:!0}})),r.createElement(X.a,null,r.createElement(X.C5,null,"내용 편집"),r.createElement(f.A,{shape:"stroke",onClick:j},"연표 추가"),r.createElement(q.A,{isEdit:!0}))))}},66456:function(e,t,n){var r;function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,{J5:function(){return a},Vc:function(){return i}}),n(86608),n(82106),n(10475);var a={VERTICAL:"vertical",HORIZONTAL:"horizontal"},l=(o(r={},a.VERTICAL,"세로형"),o(r,a.HORIZONTAL,"가로형"),r),i=Object.keys(l).map(function(e){return{key:e,value:l[e]}})}}]);
2//# sourceMappingURL=6314.0f2c6501.chunk.js.map