https://odetoyouth.web.app/5283.6fc6c8fa.chunk.js

1"use strict";(self.webpackChunkts_boilerplate=self.webpackChunkts_boilerplate||[]).push([[5283],{75283:function(n,e,t){t.r(e),t(12064),t(44465),t(31863),t(3940),t(32145),t(74277),t(57045),t(75868),t(42652),t(97152),t(65114),t(61445),t(94513),t(32242),t(60039),t(85062),t(51163),t(82758);var r,o,a,i,l,c,u,d,s,f=t(37953),p=t(84136),h=t(90113),m=t(70205),x=t.n(m),g=t(83483),y=t(79661),v=t(19730),b=t(80762),w=t(45435),k=t.n(w),A=t(14375),C=t(89339),E=t(30260),S=t(87833);function M(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var r,o,a=[],i=!0,l=!1;try{for(t=t.call(n);!(i=(r=t.next()).done)&&(a.push(r.value),!e||a.length!==e);i=!0);}catch(n){l=!0,o=n}finally{try{i||null==t.return||t.return()}finally{if(l)throw o}}return a}}(n,e)||function(n,e){if(n){if("string"==typeof n)return j(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?j(n,e):void 0}}(n,e)||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 j(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,r=new Array(e);t<e;t++)r[t]=n[t];return r}function z(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}var D=p.Ay.div(r||(r=z(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 190;\n  width: ","px;\n  max-width: calc(100vw - 32px);\n  cursor: move;\n"])),420),P=(0,p.Ay)(h.P.div)(o||(o=z(["\n  background: var(--backgroundColor);\n  border-radius: var(--cardBorderRadius);\n  border: 1px solid var(--lineColor);\n  box-shadow: ",";\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  user-select: none;\n  width: 100%;\n  max-height: calc(100dvh - 100px);\n"])),C.A.shadow.modal),O=p.Ay.div(a||(a=z(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 8px 14px 4px;\n  flex-shrink: 0;\n"]))),Y=p.Ay.div(i||(i=z(["\n  width: 100%;\n  text-align: center;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  padding: 5px 0;\n  background: var(--primaryColor);\n  color: #fff;\n  flex-shrink: 0;\n"]))),I=p.Ay.div(l||(l=z(["\n  display: flex;\n  align-items: center;\n  gap: 6px;\n"]))),T=p.Ay.span(c||(c=z(["\n  font-size: 12px;\n  color: var(--subTextColor);\n  min-width: 36px;\n  text-align: center;

1\n"]))),_=p.Ay.div(u||(u=z(["\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  max-height: 500px;\n  padding: 12px 20px 16px;\n\n  @media (max-width: 640px) {\n    max-height: none;\n  }\n  ","\n\n  img {\n    max-width: 100%;\n    height: auto;\n  }\n  line-height: 1.8;\n  font-size: 14px;\n  color: var(--textColor);\n  cursor: default; /* 본문은 텍스트 커서 */\n"])),A.kM),B=p.Ay.div(d||(d=z(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 10px 20px 14px;\n  border-top: 1px solid var(--lineColor);\n  flex-shrink: 0;\n  background: var(--cardBackgroundColor);\n"]))),R=p.Ay.button(s||(s=z(["\n  background: none;\n  border: none;\n  color: var(--subTextColor);\n  font-size: 12px;\n  cursor: pointer;\n  padding: 4px 0;\n  white-space: nowrap;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n\n  &:hover {\n    color: var(--textColor);\n  }\n"])));function U(n){var e=n.previewItem,t=n.onPreviewClose,r=!!e,o=(0,g.useDocument)(r?null:v.Mb.POPUP,{listen:!1}).data,a=M((0,f.useState)(new Set),2),i=a[0],l=a[1],c=M((0,f.useState)(0),2),u=c[0],d=c[1],s=(0,f.useRef)(null),p=(0,y.vc)(E.E);(0,f.useEffect)(function(){r||0!==p&&(l(new Set),d(0))},[p,r]);var h=(0,f.useMemo)(function(){return"undefined"!=typeof window?Math.max(16,(window.innerWidth-420)/2):100},[]),m=(0,f.useMemo)(function(){return r&&e?[e]:null!=o&&o.popups?o.popups.filter(function(n){return n.isActive&&(e=n,t=k()().startOf("day"),!(e.startDate&&k()(e.startDate).isAfter(t)||e.endDate&&k()(e.endDate).endOf("day").isBefore(t)))&&!function(n){try{var e=localStorage.getItem("".concat(S.j).concat(n));return!!e&&e===k()().format("YYYY-MM-DD")}catch(n){return!1}}(n.id)&&!i.has(n.id);var e,t}):[]},[r,e,o,i]);(0,f.useEffect)(function(){u>=m.length&&m.length>0&&d(m.length-1)},[m.length,u]),(0,f.useEffect)(function(){d(0)},[null==e?void 0:e.id]);var w=m[u],A=(0,f.useCallback)(function(){r?null==t||t():0!==m.length&&l(function(n){var e=new Set(n);return m.forEach(function(n){return e.add(n.id)}),e})},[r,t,m]),C=(0,f.useCallback)(function(){r?null==t||t():w&&(function(n){try{localStorage.setItem("".concat(S.j).concat(n),k()().format("YYYY-MM-DD"))}catch(n){}}(w.id),l(function(n){return new Set(n).add(w.id)}))},[r,t,w]),j=(0,f.useCallback)(function(n){n.stopPropagation(),d(function(n){return Math.max(0,n-1)})},[]),z=(0,f.useCallback)(function(n){n.stopPropagation(),d(function(n){return Math.min(m.length-1,n+1)})},[m.length]);return 0!==m.length&&w?f.createElement(x(),{nodeRef:s,defaultPosition:{x:h,y:80},bounds:"body",cancel:"button, a, .popup-body"},f.createElement(D,{ref:s},f.createElement(P,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.2}},r&&f.createElement(Y,null,"미리보기"),m.length>1&&f.createElement(O,null,f.createElement(I,null,f.createElement(b.A,{size:"sm",shape:"stroke",onClick:j,disabled:0===u},"이전"),f.createElement(T,null,u+1," / ",m.length),f.createElement(b.A,{size:"sm",shape:"stroke",onClick:z,disabled:u===m.length-1},"다음"))),f.createElement(_,{className:"popup-body",dangerouslySetInnerHTML:{__html:w.content}}),f.createElement(B,null,f.createElement(R,{onClick:C},"오늘 보지 않기"),f.createElement(b.A,{size:"sm",onClick:A},"닫기"))))):null}e.default=f.memo(U)}}]);
2//# sourceMappingURL=5283.6fc6c8fa.chunk.js.map