https://www.bumpofchicken.com/_next/static/chunks/pages/mypage/let…/important/[articleId]-834169d5baff76d5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5173],{62003:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/mypage/letter/important/[articleId]",function(){return n(65920)}])},99891:function(t,e,n){"use strict";var r=n(85893),a=n(67294),i=n(55257),c=n(9008),s=n.n(c),o=n(26509),u=n(39352);e.Z=function(t){var e=t.title,n=t.description,c=t.image,l=void 0===c?u.UF.OG_IMAGE:c,f=t.url,d=void 0===f?"":f,m=t.card,p=void 0===m?"summary_large_image":m,h=t.isNoindex,x=void 0!==h&&h,v=(0,i.$G)().t,g=(0,a.useMemo)((function(){return l.startsWith("/")?(0,o.Z)("https://www.bumpofchicken.com",l):l}),[l]);return(0,r.jsxs)(s(),{children:[(0,r.jsx)("title",{children:e||v("common.tdk.title.default")},u.Hl.TITLE),(0,r.jsx)("meta",{content:e||v("common.tdk.title.default"),property:"og:title"},u.Hl.OG_TITLE),(0,r.jsx)("meta",{name:"description",content:n||v("common.tdk.description.default",{ns:u.NS.COMMON})},u.Hl.DESCRIPTION),(0,r.jsx)("meta",{content:n||v("common.tdk.description.default",{ns:u.NS.COMMON}),property:"og:description"},u.Hl.OG_DESCRIPTION),(0,r.jsx)("meta",{content:g,property:"og:image"},u.Hl.OG_IMAGE),(0,r.jsx)("meta",{content:(0,o.Z)("https://www.bumpofchicken.com",d),property:"og:url"},u.Hl.OG_URL),(0,r.jsx)("meta",{content:p,name:"twitter:card"},u.Hl.TWITTER_CARD),x&&(0,r.jsx)("meta",{name:"robots",content:"noindex"})]})}},63385:function(t,e,n){"use strict";var r=n(26042),a=n(69396),i=n(99534),c=n(85893),s=n(67294),o=n(94184),u=n.n(o),l=n(39352),f=n(68847),d=(0,s.forwardRef)((function(t,e){var n=t.src,o=t.alt,d=t.className,m=t.variant,p=t.defaultImage,h=void 0===p?l.UF.THUMBNAIL:p,x=t.isShowDefaultImage,v=void 0!==x&&x,g=t.shouldPreload,b=void 0!==g&&g,N=(0,i.Z)(t,["src","alt","className","variant","defaultImage","isShowDefaultImage","shouldPreload"]),y=(0,s.useState)(),w=y[0],Z=y[1],j=(0,s.useCallback)((function(){v&&Z(h)}),[v,h]);return(0,s.useEffect)((function(){if(n)if(m){var t=(0,f.vv)(n,m);Z(t)}else Z(n);else Z(v?h:void 0)}),[n,v,h,m]),w?(0,c.jsx)("img",(0,a.Z)((0,r.Z)({src:w,alt:o,loading:b?void 0:"lazy"},N),{ref:e,onError:j,className:u()(d,"pointer-events-none")})):null}));d.displayName="DefaultImage",e.Z=d},26939:function(t,e,n){"use strict";var r=n(85893),a=n(67294),i=n(94184),c=n.n(i),s=n(11387),o=n(93491),u=n(10902);e.Z=function(t){var e=t.children,n=t.headerTitle,i=t.headerIcon,l=(0,o.F)().isSp,f=(0,s.d)(),d=f.modal,m=f.closeModal,p=(d||{}).isLarge,h=(0,a.useMemo)((function(){return!!n&&(!p||l)}),[n,p,l]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("header",{className:c()("fixed inset-x-0 top-0 z-modal-header flex h-60px items-center text-white tb:bg-none",{"bg-black tb:mt-5":p,"bg-dark-gray tb:inset-x-12 tb:top-12 tb:mx-10 tb:mt-10 tb:h-8":!p}),children:[h&&(0,r.jsx)("p",{className:"text-header-en tb:text-title-small-en grow text-center tb:text-left",children:n}),(0,r.jsxs)("div",{className:c()("absolute right-4 top-0 z-modal-header flex h-full items-center space-x-4",{"tb:right-9":p,"tb:right-0":!p}),children:[i,(0,r.jsx)("button",{type:"button",onClick:m,children:(0,r.jsx)(u.bM,{width:32,height:32,className:"fill-white"})})]})]}),(0,r.jsx)("div",{className:"h-full pt-60px tb:pt-0",children:e})]})}},5612:function(t,e,n){"use strict";var r=n(85893),a=n(31279),i=n(10902);e.Z=function(t){var e=t.href,n=t.text;return(0,r.jsxs)(a.Z,{href:e,className:"text-button-button32 flex h-6 items-center space-x-2",children:[(0,r.jsx)(i.UN,{width:16,height:16,className:"fill-black"}),n]})}},65920:function(t,e,n){"use strict";n.r(e),n.d(e,{__N_SSP:function(){return J},default:function(){return K}});var r=n(47568),a=n(34051),i=n.n(a),c=n(85893),s=n(67294),o=n(94184),u=n.n(o),l=n(27484),f=n.n(l),d=n(29387),m=n.n(d),p=n(70178),h=n.n(p),x=n(55257),v=n(32272),g=n(26565),b=n(99891),N=n(63385),y=n(26939),w=n(5612),Z=n(11387),j=n(83583),k=n(96071),I=n(36333),M=n(50585),O=n(93589),T=n(27771),E=n(18533);var _=function(t){return"string"==typeof t||!(0,T.Z)(t)&&(0,E.Z)(t)&&"[object String]"==(0,O.Z)(t)},F=n(57376),S=n(34148),R=Math.max;var C=function(t,e,n,r){t=(0,M.Z)(t)?t:(0,S.Z)(t),n=n&&!r?(0,F.Z)(n):0;var a=t.length;return n<0&&(n=R(a+n,0)),_(t)?n<=a&&t.indexOf(e,n)>-1:!!a&&(0,I.Z)(t,e,n)>-1},A=718,P="".concat(60,'px "Rock Salt"'),D="".concat(60,'px "851MkPOP"'),G="".concat(48,"px Mansalva"),H=/[\uff41-\uff5a\uff21-\uff3a\uff10-\uff19\u4E00-\u9FFF\u30A0-\u30FF\uFF61-\uFF9F\u3040-\u309F]/,L=["2023","2024","2025","2026"],U={2023:1116.48,2024:292,2025:292,2026:264},$={2023:1028.48,2024:204,2025:204,2026:184},Y={2023:"#000",2024:"#000",2025:"#000",2026:"#fff"},B=function(){var t=(0,r.Z)(i().mark((function t(e,n,r,a,c,s){return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",new Promise((function(t){var i=new Image(c,s);i.src=a,i.crossOrigin="Anonymous",i.onload=function(){e.drawImage(i,n,r,i.width,i.height),t(i)}})));case 1:case"end":return t.stop()}}),t)})));return function(e,n,r,a,i,c){return t.apply(this,arguments)}}(),z=function(){var t=(0,r.Z)(i().mark((function t(e,n,r,a){var c,s,o,u;return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if((s=e.createElement("canvas")).width=A,s.height=1276,o=s.getContext("2d")){t.next=7;break}return t.abrupt("return");case 7:return t.next=9,B(o,0,0,a,A,1276);case 9:return t.next=11,e.fonts.load(D);case 11:return t.next=13,e.fonts.load(P);case 13:return t.next=15,e.fonts.load(G);case 15:if(u=null===(c=a.match(/\b\d{4}\b/))||void 0===c?void 0:c[0],"string"===typeof(i=u)&&C(L,i)){t.next=18;break}return t.abrupt("return");case 18:return o.textAlign="center",o.textBaseline="middle",o.font=H.test(n)?D:P,o.fillStyle=Y[u],o.fillText(n,359,U[u],588),o.font=G,o.fillText(r,359,$[u]),t.abrupt("return",s.toDataURL("image/png",1));case 26:case"end":return t.stop()}var i}),t)})));return function(e,n,r,a){return t.apply(this,arguments)}}(),V=n(65634),W=n(10902),X=n(39352),q=n(75849);f().extend(h()),f().extend(m());var J=!0,K=function(t){var e=t.articleId,n=t.title,a=t.publishAt,o=t.body,l=t.noticeType,d=t.isRead,m=(0,s.use

1State)(),p=m[0],h=m[1],I=(0,s.useState)(!0),M=I[0],O=I[1],T=(0,s.useRef)(!1),E=(0,x.$G)().t,_=(0,Z.d)(),F=_.modal,S=_.openModal,R=(0,k.B)(),C=R.isWebView,A=R.sendToNative,P=(0,j.p)().openErrorToast,D=(0,s.useMemo)((function(){return(0,V.I)(a,"YYYY.MM.DD")}),[a]),G=(0,s.useMemo)((function(){return l===q.N7.BIRTHDAY}),[l]),H=(0,s.useCallback)((function(t){var e=f()(t).tz("Asia/Tokyo"),n=f()(a).tz("Asia/Tokyo"),r=e.get("month"),i=e.get("date"),c=n.get("year");return"".concat(c,".").concat(r+1,".").concat(i)}),[a]);(0,s.useEffect)((function(){C&&A("setUIAppearance",F?{navigationBarStyle:"hidden",showsFloatingPlayer:!0,isFullScreen:!0}:{navigationBarStyle:"opaque",showsFloatingPlayer:!0,pageTitle:n,isFullScreen:!0})}),[C,F,A,n]),(0,s.useEffect)((function(){d||(0,r.Z)(i().mark((function t(){return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(!T.current){t.next=2;break}return t.abrupt("return");case 2:return T.current=!0,t.prev=3,t.next=6,v.oF.apiV1ImportantNoticesArticleIdReadPost(e.toString());case 6:t.next=10;break;case 8:t.prev=8,t.t0=t.catch(3);case 10:case"end":return t.stop()}}),t,null,[[3,8]])})))()}),[d,T,e]),(0,s.useEffect)((function(){G&&M&&(0,r.Z)(i().mark((function t(){var e,n,r,a,c,s,u;return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,v.oF.apiV1MemberInfoGet();case 3:if(e=t.sent,n=e.data,r=n.birthday.date,a=n.memberCard.nickname,c=H(r)){t.next=10;break}return t.abrupt("return");case 10:if(s=o.imageUrl){t.next=13;break}return t.abrupt("return");case 13:return t.next=15,z(document,a,c,s);case 15:u=t.sent,h(u),t.next=22;break;case 19:t.prev=19,t.t0=t.catch(0),P(E("default",{ns:X.NS.ERROR}));case 22:O(!1);case 23:case"end":return t.stop()}}),t,null,[[0,19]])})))()}),[G,M,H,o,P,O,E]);var L=(0,s.useCallback)((function(){S({children:(0,c.jsx)(y.Z,{headerIcon:(0,c.jsx)("a",{href:p,download:"birthday.png",children:(0,c.jsx)(W.Dj,{width:32,height:32,className:"stroke-white"})}),children:(0,c.jsx)("div",{className:"flex h-full items-center justify-center px-2 py-5",children:(0,c.jsx)(N.Z,{src:p,alt:"",className:"max-h-full rounded-20px"})})})})}),[S,p]),U=(0,s.useCallback)((function(){O(!0)}),[]),$=(0,s.useMemo)((function(){return(0,c.jsxs)(c.Fragment,{children:[M||p?(0,c.jsx)(g.Z,{category:X.N4.PRIMARY,height:X.FZ.FORTY_EIGHT,text:E("mypageLetterImportantDetail.button.openPresent",{ns:X.NS.COMMON}),onClick:L,disabled:!p,className:"mt-6"}):(0,c.jsx)(g.Z,{category:X.N4.PRIMARY_OUTLINE,height:X.FZ.FORTY_EIGHT,text:E("common.button.reload",{ns:X.NS.COMMON}),onClick:U,className:"mt-6"}),(0,c.jsx)("p",{className:"text-body-caption mt-4 text-black-40",children:E("mypageLetterImportantDetail.button.caption",{ns:X.NS.COMMON})})]})}),[M,p,L,U,E]);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(b.Z,{title:E("common.tdk.title.withPageTitle",{ns:X.NS.COMMON,title:n})}),(0,c.jsx)("div",{className:u()("flex items-center justify-center tb:mt-0",{"mt-4":C,"mt-6":!C}),children:(0,c.jsxs)("div",{className:"w-full tb:w-default-layout-content-pc",children:[!C&&(0,c.jsx)(w.Z,{href:X.kA.MY_PAGE_LETTER,text:E("mypageLetterImportantDetail.back.link",{ns:X.NS.COMMON})}),(0,c.jsx)("h1",{className:u()("text-title-small-line160 line-clamp-2",{"mt-0":C,"mt-7":!C}),children:n}),(0,c.jsx)("p",{className:"text-list-small-line0-en mt-4 text-black-30",children:D}),o.text&&(0,c.jsx)("p",{className:"text-body-normal mt-8 whitespace-pre-line",children:o.text}),G&&$]})})]})}},9008:function(t,e,n){t.exports=n(5443)},74073:function(t,e){"use strict";e.Z=function(t,e){for(var n=-1,r=null==t?0:t.length,a=Array(r);++n<r;)a[n]=e(t[n],n,t);return a}},36333:function(t,e,n){"use strict";n.d(e,{Z:function(){return c}});var r=function(t,e,n,r){for(var a=t.length,i=n+(r?1:-1);r?i--:++i<a;)if(e(t[i],i,t))return i;return-1};var a=function(t){return t!==t};var i=function(t,e,n){for(var r=n-1,a=t.length;++r<a;)if(t[r]===e)return r;return-1};var c=function(t,e,n){return e===e?i(t,e,n):r(t,a,n)}},43461:function(t,e,n){"use strict";n.d(e,{Z:function(){return c}});var r=/\s/;var a=function(t){for(var e=t.length;e--&&r.test(t.charAt(e)););return e},i=/^\s+/;var c=function(t){return t?t.slice(0,a(t)+1).replace(i,""):t}},72714:function(t,e,n){"use strict";var r=n(93589),a=n(18533);e.Z=function(t){return"symbol"==typeof t||(0,a.Z)(t)&&"[object Symbol]"==(0,r.Z)(t)}},57376:function(t,e,n){"use strict";n.d(e,{Z:function(){return c}});var r=n(25742),a=1/0;var i=function(t){return t?(t=(0,r.Z)(t))===a||t===-1/0?17976931348623157e292*(t<0?-1:1):t===t?t:0:0===t?t:0};var c=function(t){var e=i(t),n=e%1;return e===e?n?e-n:e:0}},25742:function(t,e,n){"use strict";var r=n(43461),a=n(77226),i=n(72714),c=/^[-+]0x[0-9a-f]+$/i,s=/^0b[01]+$/i,o=/^0o[0-7]+$/i,u=parseInt;e.Z=function(t){if("number"==typeof t)return t;if((0,i.Z)(t))return NaN;if((0,a.Z)(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=(0,a.Z)(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=(0,r.Z)(t);var n=s.test(t);return n||o.test(t)?u(t.slice(2),n?2:8):c.test(t)?NaN:+t}},34148:function(t,e,n){"use strict";n.d(e,{Z:function(){return c}});var r=n(74073);var a=function(t,e){return(0,r.Z)(e,(function(e){return t[e]}))},i=n(27387);var c=function(t){return null==t?[]:a(t,(0,i.Z)(t))}},26509:function(t,e,n){"use strict";function r(t){var e=[];

1if(0===t.length)return"";if("string"!==typeof t[0])throw new TypeError("Url must be a string. Received "+t[0]);if(t[0].match(/^[^/:]+:\/*$/)&&t.length>1){var n=t.shift();t[0]=n+t[0]}t[0].match(/^file:\/\/\//)?t[0]=t[0].replace(/^([^/:]+):\/*/,"$1:///"):t[0]=t[0].replace(/^([^/:]+):\/*/,"$1://");for(var r=0;r<t.length;r++){var a=t[r];if("string"!==typeof a)throw new TypeError("Url must be a string. Received "+a);""!==a&&(r>0&&(a=a.replace(/^[\/]+/,"")),a=r<t.length-1?a.replace(/[\/]+$/,""):a.replace(/[\/]+$/,"/"),e.push(a))}var i=e.join("/"),c=(i=i.replace(/\/(\?|&|#[^!])/g,"$1")).split("?");return i=c.shift()+(c.length>0?"?":"")+c.join("&")}function a(){return r("object"===typeof arguments[0]?arguments[0]:[].slice.call(arguments))}n.d(e,{Z:function(){return a}})}},function(t){t.O(0,[7387,9774,2888,179],(function(){return e=62003,t(t.s=e);var e}));var e=t.O();_N_E=e}]);