https://sunmarkweb.com/_next/static/chunks/2122.690f8435abed50e3.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];if(null!=a)for(var n in a)a.hasOwnProperty(n)&&(e[n]=a[n])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:note-front-custom-domain":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="69b289e6-5d49-4889-85a5-d080a5096e2e",e._sentryDebugIdIdentifier="sentry-dbid-69b289e6-5d49-4889-85a5-d080a5096e2e")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2122],{72122:(e,t,a)=>{a.r(t),a.d(t,{Notifications:()=>A});var n=a(50592),r=a(27031),l=a(62566),s=a(68136),i=a(19324),o=a(16239),c=a(97360),d=({scrollerRef:e,distance:t=0,onInfinite:a,loadingSlot:n})=>{let[r,l]=(0,i.useState)(!1),[s,o]=(0,i.useState)(!1),d=(0,i.useRef)(null),m=(0,i.useRef)(null),u=(0,i.useCallback)(()=>{s||e.current&&e.current.scrollHeight<=e.current.clientHeight||(l(!0),a({loaded:()=>l(!1),complete:()=>{l(!1),o(!0)}}))},[s,a,e]);return(0,i.useEffect)(()=>{let a=e.current,n=m.current;if(a&&n)return d.current=new IntersectionObserver(e=>{e[0].isIntersecting&&u()},{root:a,rootMargin:`${t}px`,threshold:[0,.5,1]}),d.current.observe(n),l(!1),o(!1),()=>{d.current?.disconnect()}},[t,u,e]),(0,c.jsx)("div",{ref:m,className:"h-px",children:r?(0,c.jsx)(c.Fragment,{children:n}):!s&&(0,c.jsx)("div",{className:"h-px"})})},m=a(8954),u={bulb:"アイデア",cracker:"お得情報",new_release:"新機能",event:"イベント",caution:"注意",letter:"お知らせ",house:"特集",article:"お知らせ"},x=({title:e,description:t,datetime:a,linkUrl:n,iconType:r,onClick:l})=>{let s=`https://assets.st-note.com/poc-image/manual/note-common-images/production/svg/notice-${r}.svg`,i=u[r];return(0,c.jsxs)("li",{className:"relative flex border-border-weak border-t p-4 first:border-t-0 md:hover:bg-background-secondary",children:[(0,c.jsx)("a",{href:n,target:"_blank",rel:"noopener",className:"absolute inset-0 z-10","aria-label":e,onClick:l,children:"\xa0"}),s?(0,c.jsx)("img",{src:s,alt:i,decoding:"async",className:"h-8 w-8 rounded bg-transparent object-cover",width:32,height:32}):(0,c.jsx)("span",{className:"h-8 w-8 rounded bg-transparent object-cover"}),(0,c.jsxs)("div",{className:"ml-4 font-palt tracking-[0.04em]",children:[(0,c.jsx)("p",{className:"break-all font-bold text-sm text-text-primary leading-normal underline sm:text-xs ",children:e}),(0,c.jsx)("p",{className:"mt-1 break-all text-sm text-text-secondary leading-normal sm:text-xs",children:t}),(0,c.jsx)("p",{className:"mt-2 text-text-clickable-icon text-xs leading-none",children:(0,c.jsx)("time",{dateTime:a,children:(0,m.K)(a)})})]})]})},f=a(98142),p=({node:e,handleLinkClick:t,className:a,noticeKind:n,allAreaUrl:r})=>{if("element"===e.type){if("a"===e.tagName){let l=[a,e.properties?.class].filter(Boolean).join(" ").trim();return(0,c.jsx)("a",{href:r,className:l,tabIndex:-1,onClick:e=>t(e,"text",n),children:e.children?.map((e,l)=>(0,c.jsx)(p,{node:e,handleLinkClick:t,className:a,noticeKind:n,allAreaUrl:r},l))})}if("p"===e.tagName)return(0,c.jsx)("p",{className:e.properties?.class,children:e.children?.map((e,l)=>(0,c.jsx)(p,{node:e,handleLinkClick:t,className:a,noticeKind:n,allAreaUrl:r},l))});if("br"===e.tagName)return(0,c.jsx)("br",{})}return"text"===e.type?(0,c.jsx)("span",{className:a,children:e.value}):null},h=({notice:e,onNotificationLinkClick:t})=>{let a=e.bodyAst?.content??[],n=(e,a,n)=>{e.preventDefault(),t?.({linkType:a,noticeKind:n}),window.location.assign(e.currentTarget.href)};return(0,c.jsxs)("li",{className:"relative flex border-border-weak border-t p-3 first:border-t-0 md:hover:bg-background-secondary",children:[(0,c.jsx)("div",{"aria-hidden":"true",children:(0,c.jsx)("a",{href:e.allAreaUrl,className:"absolute inset-0 z-10","data-link-type":"row",onClick:a=>{a.preventDefault(),t?.({linkType:"row",noticeKind:e.kind}),window.location.assign(e.allAreaUrl)},children:"\xa0"})}),(0,c.jsx)("div",{className:"relative z-20 h-full w-7 flex-none",children:(0,c.jsx)("div",{"aria-hidden":"true",children:(0,c.jsx)("a",{href:e.featuredAreaUrl,className:"block",tabIndex:-1,"data-link-type":"featured-area",onClick:a=>{a.preventDefault(),t?.({linkType:"featured-area",noticeKind:e.kind}),window.location.assign(e.featuredAreaUrl)},children:(0,c.jsx)("img",{src:e.featuredAreaImageUrl,decoding:"async",className:`h-7 w-7 rounded bg-surface-normal object-cover ${e.featuredAreaImageUrl.includes("default_note_logo_202212.png")?"rounded-full border border-border-default border-solid":""}`,width:28,height:28,alt:""})})})}),(0,c.jsxs)("div",{className:"ml-3 flex-1 font-palt tracking-[0.04em]",children:[e.actionUsers.length>0&&(0,c.jsx)("div",{className:"mb-2 flex [&_a:focus]:outline-2",children:e.actionUsers.map((a,n)=>(0,c.jsx)("a",{href:a.url,className:"relative z-30 flex [&+&]:ml-1",onClick:n=>{n.preventDefault(),t?.({linkType:"action-users",noticeKind:e.kind}),window.location.assign(a.url)},children:(0,c.jsx)(f.e,{src:a.userProfileImagePath,size:{base:"l",md:"m"},alt:a.name,"data-link-type":"action-users",isStatic:!0})},n))}),(0,c.jsx)("div",{className:"break-all text-sm text-text-primary [&_a]:relative [&_a]:z-30 [&_a]:font-[700] [&_p.bold]:font-[700] [&_p.welcome]:mt-1 [&_p.welcome]:whitespace-pre-wrap [&_p.welcome]:text-text-secondary [&_p.welcome]:leading-normal [&_p]:inline-block",children:0===a.length&&e.body?(0,c.jsx)("span",{className:"[&_a:focus]:outline-2",dangerouslySetInnerHTML:{__html:e.body}}):a.map((t,a)=>(0,c.jsx)(p,{node:t,handleLinkClick:n,noticeKind:e.kind,allAreaUrl:e.allAreaUrl},a))}),e.featuredContentName&&(0,c.jsx)("p",{className:"mt-2 line-clamp-1 text-sm text-text-secondary",children:e.featuredContentName}),e.noticedAt&&(0,c.jsx)("p",{className:"mt-2 text-text-clickable-icon text-xs leading-none",children:(0,c.jsx)("time",{dateTime:e.noticedAt,children:(0,m.K)(e.noticedAt)})})]}),!1===e.readFlag&&(0,c.jsx)("div",{className:"mx-3 flex h-auto items-center justify-center",children:(0,c.jsx)("span",{className:"pointer-events-none inline-block h-2 w-2 rounded-full bg-surface-badge","aria-hidden":"true"})})]})},b=a(67577),g=a(99025),y=a(95691),j=a(66286),N=a(2893),w=a(76854),v=(0,N.Y)(()=>"/v3/notices",async(e,t,a,n)=>(await e.get(t,(0,j.y)((0,j.y)({},n),{},{params:{page:null==a?void 0:a.page,per:(null==a?void 0:a.per)||12,body_ast:null==a?void 0:a.bodyAst}}))).data.data.map(e=>(0,w.bn)(e,{callerName:"fetchNoticesV3"}))),k="https://note.com/info/n/nea1b96233fbf",_={body:"",bodyAst:{content:[{type:"element",tagName:"a",properties:{href:k,class:"welcome"},children:[{type:"text",value:"noteをはじめたあなたに"}]},{type:"element",tagName:"p",properties:{class:"welcome"},children:[{type:"text",value:"noteへようこそ。\nこちらからnoteの基本的な使い方をご覧いただけます。"}]}]},allAreaUrl:k,featuredAreaUrl:k,featuredAreaImageUrl:"https://assets.st-note.com/poc-image/manual/note-common-images/production/logo/default_note_logo_202212.png?width=96",actionUsers:[],noticedAt:null,readFlag:!0},A=(0,i.forwardRef)(({unreadNoticeCount:e=0,unreadInfoNoticeCount:t=0,id:a,widthAuto:m=!1,heightMax:u=!1,navbarEventBus:f,markAllNoticesAsReadForcefully:p=!1,defaultActiveTabNavIndex:j=0,config:N},w)=>{let{notices:k,showWelcomeNotice:A,isNoticeLoading:S,isNoticeErrored:C,isNoticePageEnded:T,fetchNextPageNotices:I}=(e=>

1{let[t,a]=(0,i.useState)(0),[n,r]=(0,i.useState)([]),[l,s]=(0,i.useState)(!1),[o,c]=(0,i.useState)(!1),[d,m]=(0,i.useState)(!1),u=async()=>{if(!o){c(!0);try{let l=t+1,i=await v.call(b.A,void 0,{page:l,per:12,bodyAst:"1"},e);s(i.length<12),r([...n,...i]),a(l)}catch(e){console.error(e),m(!0)}finally{c(!1)}}};return{notices:n,showWelcomeNotice:(l||0===n.length)&&!o,isNoticeLoading:o,isNoticeErrored:d,isNoticePageEnded:l,fetchNextPageNotices:u}})(N),{infoNotices:U,isInfoNoticeLoading:P,isInfoNoticeErrored:E,isInfoNoticePageEnded:M,fetchNextPageInfoNotices:z}=(e=>{let[t,a]=(0,i.useState)(0),[n,r]=(0,i.useState)([]),[l,s]=(0,i.useState)(!1),[o,c]=(0,i.useState)(!1),[d,m]=(0,i.useState)(!1),u=async()=>{if(!o){c(!0);try{let l=t+1,i=await g.uS.call(b.A,void 0,{page:l,per:12},e);m(!1),s(i.length<12),r([...n,...i]),a(l)}catch(e){console.error(e),m(!0)}finally{c(!1)}}};return{infoNotices:n,isInfoNoticeLoading:o,isInfoNoticeErrored:d,isInfoNoticePageEnded:l,fetchNextPageInfoNotices:u}})(N),{unreadNoticeCount:D,unreadInfoNoticeCount:K,markAllNoticesAsRead:R,markAllInfoNoticesAsRead:O}=(0,y.O)(N),L=(0,i.useRef)(null),F=(0,i.useRef)(null),[$,q]=(0,i.useState)(j),[H,B]=(0,i.useState)(0),V=(0,i.useRef)(!1),Q=(0,i.useMemo)(()=>[{name:"通知",badge:(D||e)>0?String(D||e):void 0},{name:"お知らせ",badge:(K||t)>0?String(K||t):void 0}],[e,t,D,K]),W=(0,i.useCallback)(async()=>{I(),f?.emit("notificationOpen",void 0),(D>0||e>0||p)&&await R()},[I,f,e,D,p,R]),Y=(0,i.useCallback)(async()=>{z(),f?.emit("infoNotificationOpen",void 0),(K>0||t>0||p)&&await O()},[z,f,t,K,p,O]);(0,i.useEffect)(()=>{V.current||(V.current=!0,0===$?W():Y())},[$,W,Y]);let G=(0,i.useCallback)(e=>{if(null==e)return;let t=Number(e);B(e=>e+1),q(t),0===t?(f?.emit("notificationOpen",void 0),0===k.length&&I(),D>0&&R()):(f?.emit("infoNotificationOpen",void 0),0===U.length&&z(),K>0&&O())},[z,I,O,R,f,D,K,k.length,U.length]),J=(0,i.useCallback)(e=>{f?.emit("notificationLinkClick",e)},[f]);return(0,c.jsx)("div",{id:a,className:(0,o.QP)("flex max-h-full flex-col text-sm","md:-mt-2 md:w-[25rem] ",'[&_[aria-selected="false"]]:after:bg-transparent [&_[data-name=reaction-overlay]:before]:bg-transparent',"[&_[data-name=TabPanel]]:flex [&_[data-name=TabPanel]]:h-[calc(100%-3rem)] [&_[data-name=TabPanel]]:min-h-0","[&_[data-name=Tab]]:border-border-default [&_[data-name=Tab]]:border-b","[&_[data-name=Tabs]]:flex [&_[data-name=Tabs]]:flex-col [&_[data-name=Tabs]]:overflow-y-auto [&_[data-name=Tabs]]:md:h-[50rem]",m&&"md:w-full",u&&"md:h-[calc(100%-0.875rem)]"),ref:w,children:(0,c.jsxs)(n.Ay,{density:"fit","aria-label":"通知",selectedKey:String($),onSelectionChange:G,children:[(0,c.jsx)(n.wb,{children:Q.map((e,t)=>(0,c.jsx)(r.q,{textValue:e.name,children:(0,c.jsxs)("span",{className:"relative flex w-full items-center justify-center",children:[e.name,e.badge&&(0,c.jsx)("span",{className:"pointer-events-none ml-1 inline-block whitespace-nowrap rounded bg-surface-badge px-1 py-0.5 align-text-bottom font-bold text-whiteAlpha-900 text-xs leading-none",children:e.badge})]})},String(t)))}),(0,c.jsxs)(n.T2,{children:[(0,c.jsx)(r.q,{children:(0,c.jsxs)("ul",{ref:L,className:"min-h-0 flex-1 overflow-y-auto",children:[C&&(0,c.jsxs)("li",{className:"border-border-weak border-t px-4 py-4 text-center text-text-secondary",children:[(0,c.jsx)("p",{className:"mb-2",children:"通知の取得に失敗しました"}),(0,c.jsx)(l.A,{variant:"basic",size:"s",isFull:!0,onPress:I,children:"再試行"})]}),k.map((e,t)=>(0,c.jsx)(h,{notice:e,onNotificationLinkClick:J},t)),A&&(0,c.jsx)(h,{notice:_,onNotificationLinkClick:J},"welcome"),S&&(0,c.jsx)("li",{className:"px-4 py-4 text-center",children:(0,c.jsx)(s.A,{})}),(0,c.jsx)(d,{distance:200,onInfinite:e=>{T?e?.complete():I().then(()=>e?.loaded())},scrollerRef:L},`notice-${H}`),T&&(0,c.jsx)("li",{className:"border-border-weak border-t px-4 py-4 text-center text-text-secondary",children:"最新の通知は以上です"})]})},"0"),(0,c.jsx)(r.q,{children:(0,c.jsxs)("ul",{ref:F,className:"min-h-0 flex-1 overflow-y-auto",children:[E&&(0,c.jsxs)("li",{className:"border-border-weak border-t px-4 py-4 text-center text-text-secondary",children:[(0,c.jsx)("p",{className:"mb-2",children:"お知らせの取得に失敗しました"}),(0,c.jsx)(l.A,{variant:"basic",size:"s",isFull:!0,onPress:z,children:"再試

1行"})]}),U.map((e,t)=>(0,c.jsx)(x,{title:e.title,description:e.description,datetime:e.noticedAt,linkUrl:e.url,iconType:e.imageType,onClick:()=>f?.emit("infoNotificationClick",{key:e.key,index:t})},e.key)),P&&(0,c.jsx)("li",{className:"px-4 py-4 text-center",children:(0,c.jsx)(s.A,{})}),(0,c.jsx)(d,{distance:200,onInfinite:e=>{M?e?.complete():z().then(()=>e?.loaded())},scrollerRef:F},`info-${H}`),M&&(0,c.jsx)("li",{className:"border-border-weak border-t px-4 py-4 text-center text-text-secondary",children:"最新のお知らせは以上です"})]})},"1")]})]})})})}}]);