"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[999],{80603:function(e,n){n.Z={src:"/_next/static/media/cloud.81481cd4.svg",height:512,width:512,blurWidth:0,blurHeight:0}},59331:function(e,n){n.Z={src:"/_next/static/media/coin.6e803db8.svg",height:256,width:256,blurWidth:0,blurHeight:0}},98103:function(e,n){n.Z={src:"/_next/static/media/hash.24b53fc7.svg",height:512,width:448,blurWidth:0,blurHeight:0}},96097:function(e,n){n.Z={src:"/_next/static/media/icon.9258f97d.svg",height:512,width:512,blurWidth:0,blurHeight:0}},45731:function(e,n){n.Z={src:"/_next/static/media/rocket.60e4b7bf.svg",height:512,width:512,blurWidth:0,blurHeight:0}},18842:function(e,n){n.Z={src:"/_next/static/media/sun.ba04fb21.svg",height:512,width:512,blurWidth:0,blurHeight:0}},19501:function(e,n,i){i.d(n,{w:function(){return ArticleCardSkeleton}});var t=i(85893),a=i(71059);i(67294);let ArticleCardSkeleton=()=>(0,t.jsxs)(a.M5,{w:"100%",h:"100%",flexDirection:"column",children:[(0,t.jsx)(a.Od,{w:"100%",h:"55%",borderRadius:12}),(0,t.jsxs)(a.M5,{w:"100%",h:"45%",px:2,flexDirection:"column",alignItems:"start",justifyContent:"start",children:[(0,t.jsx)(a.xu,{h:3}),(0,t.jsx)(a.Od,{w:"100%",h:4,borderRadius:8}),(0,t.jsx)(a.xu,{h:4}),(0,t.jsx)(a.Od,{w:"100%",h:4,borderRadius:8})]})]})},78759:function(e,n,i){i.r(n),i.d(n,{ArticleLeftSide:function(){return ArticleLeftSide}});var t=i(82729),a=i(85893);i(67294);var l=i(90999),r=i(89583),d=i(38138),o=i(3791),s=i(33478),u=i(68806),c=i(50319);let m={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"ReportArticle"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"reportArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}]}]}}]};var k=i(1578);function _templateObject(){let e=(0,t._)(["\n  fragment ArticleLeftSide_ArticleOutput on ArticleOutput {\n    id\n    contentAndMetaData(previewToken: $previewToken) {\n      id\n      content {\n        id\n        title\n      }\n    }\n    likeCount\n    likedByViewer\n    bookmarkedByViewer\n    viewerCanLike\n    viewerCanBookmark\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  mutation ReportArticle($articleID: String!) {\n    reportArticle(articleID: $articleID)\n  }\n"]);return _templateObject1=function(){return e},e}(0,u.Ps)(_templateObject()),(0,u.Ps)(_templateObject1());let ArticleLeftSide=e=>{let{articleID:n,likeCount:i,likedByViewer:t,bookmarkedByViewer:u,contentAndMetaData:v,viewerCanLike:x,viewerCanBookmark:h}=e,[p,{data:f,error:g,loading:S}]=(0,c.D)(m);(0,s.Jx)({dep:g,message:"エラー",type:"allError"}),(0,s.K7)({dep:f,message:"送信を完了しました"});let{confirmModal:N,openModal:j,closeModal:b}=(0,l.tv)({text:"本当に通報しますか？",positive:{text:"通報する",onClick:()=>p({variables:{articleID:n}}),isLoading:S},negative:{text:"キャンセル",onClick:()=>b()}});return(0,s.Ky)({data:f,function:b}),(0,a.jsxs)(a.Fragment,{children:[N,(0,a.jsxs)(l.M5,{w:14,flexDirection:"column",zIndex:"dropdown",children:[(0,a.jsx)(l.dJ,{size:28,articleID:n,likedByViewer:t,isDisabled:!x}),(0,a.jsx)(l.xv,{color:o.YZ,fontSize:14,children:i}),(0,a.jsx)(l.xu,{h:4}),(0,a.jsx)(l.eZ,{size:28,articleID:n,bookmarkedByViewer:u,isDisabled:!h}),(0,a.jsx)(l.xu,{h:6}),(0,a.jsx)(l.rU,{href:"".concat("https://twitter.com/intent/tweet","?url=").concat((0,k.Td)(k.VW.article._articleID(n).$url()),"&text=").concat(v.content.title,"&hashtags=Overridon"),isExternal:!0,children:(0,a.jsx)(l.B8,{isDisabled:!x,children:(0,a.jsx)(r.fWC,{fontSize:24,color:o.YZ})})}),(0,a.jsx)(l.xu,{h:6}),(0,a.jsxs)(l.v2,{autoSelect:!1,children:[(0,a.jsx)(l.j2,{children:(0,a.jsx)(r.LCi,{fontSize:20,color:o.YZ})}),(0,a.jsx)(l.qy,{children:(0,a.jsx)(l.sN,{onClick:()=>j(),isDisabled:!x,children:(0,a.jsxs)(l.M5,{children:[(0,a.jsx)(d.YD6,{size:20,color:o.YZ}),(0,a.jsx)(l.xu,{w:2}),(0,a.jsx)(l.xv,{children:"通報"})]})})})]})]})]})}},71983:function(e,n,i){i.r(n),i.d(n,{ArticleRightSide:function(){return ArticleRightSide}});var t=i(85893),a=i(90999),l=i(82729),r=i(68806),d=i(67294),o=i(92866),s=i.n(o),u=i(3791);function _templateObject(){let e=(0,l._)(["\n  fragment ArticleTOC_ArticleArticleContentOutput on ArticleContentOutput {\n    body\n  }\n"]);return _templateObject=function(){return e},e}(0,r.Ps)(_templateObject());let TOCContainer=e=>{let{body:n}=e;return(0,d.useEffect)(()=>(s().init({tocSelector:".toc",contentSelector:".body",headingSelector:"h1, h2",collapseDepth:6}),()=>s().destroy()),[]),(0,d.useEffect)(()=>{s().refresh()},[n]),(0,t.jsxs)(a.M5,{w:"100%",borderRadius:14,background:u.Yf,p:5,flexDirection:"column",alignItems:"start",boxShadow:"sm",children:[(0,t.jsx)(a.xv,{children:"目次"}),(0,t.jsx)(a.xu,{h:4}),(0,t.jsx)(a.xu,{className:"toc"})]})},ArticleRightSide=e=>(0,t.jsx)(a.M5,{w:260,flexDirection:"column",children:(0,t.jsx)(TOCContainer,{...e})})},41938:function(e,n,i){i.r(n),i.d(n,{BadgeContainer:function(){return BadgeContainer}});var t=i(82729),a=i(85893),l=i(68806);i(67294);var r=i(79352),d=i(90999),o=i(3791);function _templateObject(){let e=(0,t._)(["\n  fragment ArticleBadgeContainer_BadgeWithSendUserOutput on BadgeWithSendUserOutput {\n    id\n    badge {\n      id\n      imageURL\n    }\n    user {\n      id\n      profile {\n        id\n        displayName\n        URLSafeName\n        avatarURL\n      }\n    }\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  fragment BadgeContainer_ArticleOutput on ArticleOutput {\n    id\n    viewerCanPurchaseBadge\n  }\n"]);return _templateObject1=function(){return e},e}(0,l.Ps)(_templateObject()),(0,l.Ps)(_templateObject1());let BadgeContainer=e=>{let{articleID:n,article:i,badgingList:t}=e,{purchaseBadgeModal:l,openModal:s}=(0,d.iF)({articleID:n}),{badgingListModal:u,openModal:c}=(0,d.C1)({badgingList:t});return(0,a.jsxs)(d.M5,{w:"100%",px:{base:4,sm:8},py:5,background:o.Yf,borderRadius:{sm:0,md:14},justifyContent:"start",children:[l,u,(0,a.jsxs)(d.rj,{w:"100%",templateColumns:{base:"repeat(auto-fill, minmax(50px, 1fr))",sm:"repeat(auto-fill, minmax(60px, 1fr))",md:"repeat(auto-fill, minmax(70px, 1fr))"},rowGap:6,columnGap:4,children:[t.map(e=>(0,a.jsx)(d.B8,{onClick:()=>c(e.badge.id),children:(0,a.jsx)(d.XF,{src:e.badge.imageURL,objectFit:"cover"})},e.id)),(0,a.jsx)(d.M5,{h:"100%",children:(0,a.jsx)(d.zx,{colorScheme:"gray",px:2,onClick:s,isDisabled:!i.viewerCanPurchaseBadge,children:(0,a.jsx)(r.UWI,{})})})]})]})}},97016:function(e,n,i){i.r(n),i.d(n,{CommentContainer:function(){return CommentContainer}});var t=i(82729),a=i(85893),l=i(67294),r=i(90999),d=i(68806),o=i(1578),s=i(3791),u=i(31812),c=i(1604),m=i(87536),k=i(56312),v=i(87603);let x=c.z.object({comment:c.z.string().min(v.Dj,"".concat(v.Dj," 文字以上 ").concat(v.K8," 文字以内で入力して下さい")).max(v.K8,"".concat(v.Dj," 文字以上 ").concat(v.K8," 文字以内で入力して下さい"))}),useArticleCommentFormData=()=>{let{register:e,handleSubmit:n,watch:i,setValue:t,formState:{errors:a,isValid:l,isDirty:r}}=(0,m.cI)({resolver:(0,k.F)(x),mode:"onChange",defaultValues:{comment:""}});return{register:e,handleSubmit:n,watch:i,setValue:t,errors:a,isValid:l,isDirty:r}};var h=i(50319),p=i(33478);let f={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"uploadArticleImage"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"file"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Upload"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"uploadArticleImage"},arguments:[{kind:"Argument",name:{kind:"Name",value:"file"},value:{kind:"Variable",name:{kind:"Name",value:"file"}}}]}]}}]};function _templateObject(){let e=(0,t._)(["\n  mutation uploadArticleImage($file: Upload!) {\n    uploadArticleImage(file: $file)\n  }\n"]);return _templateObject=function(){return e},e}(0,d.Ps)(_templateObject());let ArticleCommentForm=e=>{var n,i,t;let{articleID:d,isDisabled:o}=e,{data:u}=(0,p.Nx)(),[c,{data:m,error:k,loading:x}]=(0,h.D)(f),{createComment:g,data:S,loading:N,error:j}=(0,p.bN)();(0,p.Jx)({dep:j,message:"エラー",type:"allError"}),(0,p.K7)({dep:S,message:"コメントを送信しました"}),(0,p.Jx)({dep:k,message:"エラー",type:"networkError"}),(0,p.Jx)({dep:k,message:"".concat(v.yv," MB 以下の画像のみアップロードできます"),type:"graphQLError",errorStatusCode:v.kZ}),(0,p.Jx)({dep:k,message:"今月のアップロード制限を超えています ( ".concat(v.MN," MB )"),type:"graphQLError",errorStatusCode:v.r7});let[b,F]=(0,l.useState)(!1),{register:y,handleSubmit:w,watch:C,setValue:D,isValid:A,isDirty:I}=useArticleCommentFormData(),O=(0,l.useRef)(null),_=(0,l.useCallback)(async e=>{await g(d,e.comment)},[d,g]),M=(0,l.useCallback)(async e=>{e.target.files&&!(e.target.files.length<1)&&await c({variables:{file:Array.from(e.target.files)[0]}})},[c]);return(0,l.useEffect)(()=>{S&&(D("comment","",{shouldValidate:!0,shouldDirty:!0}),F(!1))},[S,D]),(0,l.useEffect)(()=>{if(!m||!O.current)return;let e="![image](".concat(m.uploadArticleImage,")"),n="".concat(C("comment").substring(0,O.current.selectionStart)).concat(e).concat(C("comment").substring(O.current.selectionStart));D("comment",n,{shouldDirty:!0,shouldValidate:!0})},[D,m,C]),(0,a.jsxs)("form",{style:{width:"100%",height:"100%"},onSubmit:w(_),children:[(null==u?void 0:null===(n=u.viewer)||void 0===n?void 0:n.profile.avatarURL)&&(0,a.jsxs)(r.M5,{w:"100%",h:"100%",justifyContent:"start",children:[(0,a.jsx)(r.XF,{boxSize:{base:8,sm:12},src:null!==(t=null==u?void 0:null===(i=u.viewer)||void 0===i?void 0:i.profile.avatarURL)&&void 0!==t?t:"",borderRadius:"50%",objectFit:"cover"}),(0,a.jsx)(r.xu,{w:5}),(0,a.jsx)(r.xv,{color:b?s.RE:s.Sx,fontWeight:"medium",cursor:"pointer",onClick:()=>F(!1),children:"Edit"}),(0,a.jsx)(r.xu,{w:3}),(0,a.jsx)(r.xv,{color:b?s.Sx:s.RE,fontWeight:"medium",cursor:"pointer",onClick:()=>F(!0),children:"Preview"})]}),(0,a.jsx)(r.xu,{h:6}),b?(0,a.jsx)(r.xu,{w:"100%",h:"100%",minH:200,children:(0,a.jsx)(r.g4,{body:C("comment")})}):(0,a.jsx)(r._R,{minH:200,p:0,borderWidth:0,placeholder:"コメントを入力...",...y("comment"),ref:e=>{y("comment").ref(e),O.current=e},isDisabled:o}),(0,a.jsx)(r.xu,{h:10}),(0,a.jsx)(r.iz,{}),(0,a.jsx)(r.xu,{h:4}),(0,a.jsxs)(r.M5,{w:"100%",justifyContent:"end",children:[(0,a.jsx)(r.QM,{fontSize:22,onChange:M,isLoading:x,isDisabled:o}),(0,a.jsx)(r.LZ,{}),(0,a.jsx)(r.zx,{colorScheme:"blue",type:"submit",isLoading:N,isDisabled:!A||!I||o,children:"投稿する"})]})]})};function commentContainer_templateObject(){let e=(0,t._)(["\n  fragment ArticleCommentContainer_CommentOutputDTO on CommentOutputDTO {\n    id\n    body\n    createdAt\n    updatedAt\n    author {\n      id\n      profile {\n        id\n        displayName\n        URLSafeName\n        avatarURL\n      }\n    }\n  }\n"]);return commentContainer_templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  fragment CommentContainer_ArticleOutput on ArticleOutput {\n    id\n    viewerCanComment\n  }\n"]);return _templateObject1=function(){return e},e}(0,d.Ps)(commentContainer_templateObject()),(0,d.Ps)(_templateObject1());let CommentContainer=e=>{let{articleID:n,article:i,comments:t}=e;return(0,a.jsxs)(r.xu,{w:"100%",py:4,background:s.Yf,borderRadius:{sm:0,md:14},flexDirection:"column",justifyContent:"start",children:[(0,a.jsx)(r.M5,{w:"100%",children:(0,a.jsx)(r.xv,{fontSize:30,fontWeight:"medium",children:"Discussion"})}),(0,a.jsx)(r.xu,{h:4}),(0,a.jsx)(r.iz,{}),t.map(e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.xu,{h:8}),(0,a.jsxs)(r.M5,{w:"100%",px:{base:4,sm:10},justifyContent:"start",children:[e.author?(0,a.jsx)(r.rU,{href:o.VW.user._URLSafeUserName(e.author.profile.URLSafeName).$url(),children:(0,a.jsx)(r.XF,{boxSize:{base:8,sm:12},src:e.author.profile.avatarURL,borderRadius:"50%",objectFit:"cover"})}):(0,a.jsx)(r.XF,{boxSize:{base:8,sm:12},src:"",borderRadius:"50%",objectFit:"cover"}),(0,a.jsx)(r.xu,{w:3}),e.author?(0,a.jsx)(r.rU,{href:o.VW.user._URLSafeUserName(e.author.profile.URLSafeName).$url(),children:(0,a.jsx)(r.xv,{fontSize:16,fontWeight:"medium",children:e.author.profile.URLSafeName})}):(0,a.jsx)(r.xv,{fontSize:16,fontWeight:"medium",children:"削除済のユーザー"}),(0,a.jsx)(r.xu,{w:3}),(0,a.jsx)(r.xv,{fontSize:12,color:s.YZ,children:(0,o.MX)(e.createdAt)})]}),(0,a.jsx)(r.xu,{h:6}),(0,a.jsx)(r.xu,{px:{base:4,sm:10},children:(0,a.jsx)(u.g,{body:e.body})}),(0,a.jsx)(r.xu,{h:4}),(0,a.jsx)(r.iz,{})]})),(0,a.jsx)(r.xu,{h:8}),(0,a.jsx)(r.M5,{px:{base:4,sm:10},children:(0,a.jsx)(ArticleCommentForm,{articleID:n,isDisabled:!i.viewerCanComment})})]})}},50341:function(e,n,i){i.d(n,{e:function(){return FollowButton}});var t=i(85893),a=i(67294),l=i(90999),r=i(33478);let FollowButton=e=>{let{children:n,userID:i,isFollowing:d,...o}=e,{data:s}=(0,r.Nx)(),{follow:u,unfollow:c,followError:m,unfollowError:k}=(0,r.OM)();(0,r.Jx)({dep:m,message:"エラー",type:"allError"}),(0,r.Jx)({dep:k,message:"エラー",type:"allError"});let v=(0,a.useCallback)(async()=>{(null==s?void 0:s.viewer)&&await u({followeeID:i,followerID:s.viewer.id})},[null==s?void 0:s.viewer,u,i]),x=(0,a.useCallback)(async()=>{(null==s?void 0:s.viewer)&&await c({followeeID:i,followerID:s.viewer.id})},[null==s?void 0:s.viewer,c,i]);return(0,t.jsx)(l.zx,{...o,onClick:()=>d?x():v(),isDisabled:!(null==s?void 0:s.viewer),children:n})}},64780:function(e,n,i){i.d(n,{F:function(){return Head}});var t=i(85893),a=i(9008),l=i.n(a);i(67294);let Head=e=>{let{pageURL:n,pageTitle:i,pageDescription:a,pageImage:r,canonicalURL:d,noindex:o,referrer:s}=e;return(0,t.jsxs)(l(),{children:[n&&(0,t.jsx)("meta",{property:"og:url",content:n}),(0,t.jsx)("meta",{property:"og:title",content:i}),r&&(0,t.jsx)("meta",{property:"og:image",content:r}),a&&(0,t.jsx)("meta",{property:"og:description",content:a}),(0,t.jsx)("meta",{property:"og:site_name",content:"Overridon"}),(0,t.jsx)("meta",{property:"og:type",content:"article"}),(0,t.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,t.jsx)("link",{rel:"apple-touch-icon",sizes:"180x180",href:"/favicons/apple-touch-icon.png"}),(0,t.jsx)("link",{rel:"icon",type:"image/png",sizes:"32x32",href:"/favicons/favicon-32x32.png"}),(0,t.jsx)("link",{rel:"icon",type:"image/png",sizes:"16x16",href:"/favicons/favicon-16x16.png"}),(0,t.jsx)("link",{rel:"manifest",href:"/favicons/site.webmanifest"}),(0,t.jsx)("title",{children:i}),a&&(0,t.jsx)("meta",{name:"description",content:a}),s&&(0,t.jsx)("meta",{name:"referrer",content:s}),o&&(0,t.jsx)("meta",{name:"robots",content:"noindex"}),d&&(0,t.jsx)("link",{rel:"canonical",href:d})]})}},13142:function(e,n,i){i.d(n,{d2:function(){return Article},Tn:function(){return ArticleCard},wZ:function(){return v.w},_R:function(){return g._R},eZ:function(){return BookmarkButton},xu:function(){return g.xu},zx:function(){return g.zx},B8:function(){return g.B8},M5:function(){return g.M5},XZ:function(){return g.XZ},W2:function(){return g.W2},iz:function(){return g.iz},ML:function(){return Editor},Kt:function(){return Error403},l3:function(){return Error404},Vm:function(){return Error500},eg:function(){return et.e},S4:function(){return FullScreenLoading},rj:function(){return g.rj},Fb:function(){return ek.F},cu:function(){return g.cu},QM:function(){return imagePickerButton_ImagePickerButton},n4:function(){return ImagePickerRoundButton},II:function(){return g.II},BZ:function(){return g.BZ},xH:function(){return g.xH},dJ:function(){return LikeButton},rU:function(){return g.rU},g4:function(){return A.g},v2:function(){return g.v2},j2:function(){return g.j2},R:function(){return g.R},sN:function(){return g.sN},qy:function(){return g.qy},u_:function(){return g.u_},fe:function(){return g.fe},ol:function(){return g.ol},hz:function(){return g.hz},ZA:function(){return g.ZA},XF:function(){return g.XF},cH:function(){return PaymentCard},J2:function(){return g.J2},b:function(){return g.b},yk:function(){return g.yk},Yt:function(){return g.Yt},xo:function(){return g.xo},h_:function(){return g.h_},ic:function(){return PreviewArticle},Y8:function(){return g.Y8},Ee:function(){return g.Ee},fs:function(){return SCTA},Od:function(){return g.Od},LZ:function(){return g.LZ},$j:function(){return g.$j},xv:function(){return g.xv},gx:function(){return g.gx},u:function(){return g.u},Eq:function(){return g.Eq},Uc:function(){return g.Uc}});var t=i(82729),a=i(85893),l=i(67294),r=i(90999),d=i(1578),o=i(3791),s=i(47516),u=i(4010),c=i(98103),m=i(18842),k=i(68806);function _templateObject(){let e=(0,t._)(["\n  fragment StickyNote_ArticleOutput on ArticleOutput {\n    id\n    contentAndMetaData {\n      id\n      content {\n        id\n        title\n      }\n      metaData {\n        id\n        status\n        firstPublishedAt\n        previewToken\n        category\n        author {\n          id\n          profile {\n            id\n            URLSafeName\n            avatarURL\n          }\n        }\n        tags {\n          tag {\n            id\n            imageURL\n          }\n          isMain\n        }\n      }\n    }\n    likeCount\n  }\n"]);return _templateObject=function(){return e},e}(0,k.Ps)(_templateObject());let ArticleCard=e=>{var n,i,t,l,k,v,x;let{article:h,shouldLinkPreview:p=!1,menuItems:f}=e;return(0,a.jsxs)(r.M5,{w:"100%",h:"100%",flexDirection:"column",children:[(0,a.jsxs)(r.M5,{w:"100%",h:{base:"45%",sm:"55%"},borderRadius:12,position:"relative",background:o.Yf,children:[(0,a.jsx)(r.rU,{w:"100%",h:"100%",href:p?d.VW.article._articleID(h.id).preview._previewToken(null!==(t=h.contentAndMetaData.metaData.previewToken)&&void 0!==t?t:"").$url():d.VW.article._articleID(h.id).$url(),underline:"none",children:(0,a.jsx)(r.zx,{w:"100%",h:"100%",background:o.Yf,borderRadius:12,children:(0,a.jsx)(r.XF,{boxSize:12,src:h.contentAndMetaData.metaData.category===u.WD.Tech?null!==(l=h.contentAndMetaData.metaData.tags.find(e=>e.isMain).tag.imageURL)&&void 0!==l?l:c.Z:m.Z,objectFit:"contain"})})}),h.contentAndMetaData.metaData.status===u.af.Suspended&&(0,a.jsx)(r.M5,{w:5,h:5,top:-2.5,right:-3,position:"absolute",background:o.lq,borderRadius:50,children:(0,a.jsx)(r.xv,{fontSize:12,fontWeight:"bold",color:o.Yf,children:"凍"})})]}),(0,a.jsxs)(r.M5,{w:"100%",h:{base:"55%",sm:"45%"},flexDirection:"column",alignItems:"start",justifyContent:"start",children:[(0,a.jsx)(r.xu,{h:2}),(0,a.jsxs)(r.M5,{w:"100%",alignItems:"start",justifyContent:"start",children:[(0,a.jsx)(r.rU,{href:h.contentAndMetaData.metaData.author?d.VW.user._URLSafeUserName(h.contentAndMetaData.metaData.author.profile.URLSafeName).$url():void 0,children:(0,a.jsx)(r.XF,{boxSize:6,src:null!==(k=null===(n=h.contentAndMetaData.metaData.author)||void 0===n?void 0:n.profile.avatarURL)&&void 0!==k?k:"",borderRadius:"50%",objectFit:"cover"})}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsxs)(r.M5,{w:"100%",flexDirection:"column",justifyContent:"start",alignItems:"start",children:[(0,a.jsxs)(r.M5,{w:"100%",alignItems:"start",children:[(0,a.jsx)(r.rU,{href:p?d.VW.article._articleID(h.id).preview._previewToken(null!==(v=h.contentAndMetaData.metaData.previewToken)&&void 0!==v?v:"").$url():d.VW.article._articleID(h.id).$url(),underline:"hover",children:(0,a.jsx)(r.xv,{w:"100%",noOfLines:{base:3,sm:2},fontSize:{base:"sm",sm:"md"},fontWeight:"bold",children:h.contentAndMetaData.content.title})}),(0,a.jsx)(r.LZ,{}),f&&f.length>0&&(0,a.jsxs)(r.M5,{flexDirection:"column",children:[(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.v2,{autoSelect:!1,children:[(0,a.jsx)(r.j2,{children:(0,a.jsx)(r.xu,{cursor:"pointer",color:o.YZ,children:(0,a.jsx)(s.T41,{})})}),(0,a.jsx)(r.qy,{children:f})]})]})]}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsx)(r.rU,{href:h.contentAndMetaData.metaData.author?d.VW.user._URLSafeUserName(h.contentAndMetaData.metaData.author.profile.URLSafeName).$url():"",underline:"hover",children:(0,a.jsx)(r.xv,{maxW:120,fontSize:13,noOfLines:1,color:o.YZ,children:null!==(x=null===(i=h.contentAndMetaData.metaData.author)||void 0===i?void 0:i.profile.URLSafeName)&&void 0!==x?x:"削除済ユーザー"})}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsx)(r.xv,{fontSize:12,color:o.YZ,noOfLines:1,children:"".concat(h.likeCount," likes")}),(0,a.jsx)(r.xv,{fontSize:12,color:o.YZ,noOfLines:1,children:"・"}),(0,a.jsx)(r.xv,{fontSize:12,color:o.YZ,noOfLines:1,children:h.contentAndMetaData.metaData.firstPublishedAt?(0,d.MX)(h.contentAndMetaData.metaData.firstPublishedAt):"not published yet"})]})]})]})]})]})};var v=i(19501),x=i(12598),h=i(70607),p=i(8193),f=i(49217),g=i(71059),S=i(7963),N=i(56705),j=i(33478);let ButtonsForCreate=()=>{let{data:e}=(0,j.Nx)(),{createArticle:n,data:i,loading:t,error:o}=(0,j.QZ)();(0,j.Jx)({dep:o,message:"エラー",type:"allError"});let{article:s,updateID:c,isValid:m,errors:k}=(0,N.Ao)(),v=(0,l.useCallback)(async()=>{(null==e?void 0:e.viewer)&&await n({article:{newArticle:{isDraft:s.status===u.af.Draft,body:s.body,title:s.title,tags:s.URLSafeTagNames.map((e,n)=>({URLSafeTagName:e,isMain:0===n})),category:s.category}},userID:e.viewer.id})},[null==e?void 0:e.viewer,n,s.status,s.body,s.title,s.URLSafeTagNames,s.category]),x=(0,S.p)(),h=(0,j.tv)();return(0,l.useEffect)(()=>{if(i&&h){if(i.createArticle.contentAndMetaData.metaData.status!==u.af.Published){c(i.createArticle.id),history.replaceState("","",(0,d.Td)(d.VW.article._articleID(i.createArticle.id).edit.$url())),x({title:"下書きで保存しました",status:"success",isClosable:!0});return}h.push(d.VW.article._articleID(i.createArticle.id).$url()),x({title:"記事を公開しました",status:"success",isClosable:!0})}},[i,h,x,c]),(0,a.jsx)(r.u,{label:k.title?k.title.message:k.body?k.body.message:k.tag?k.tag.message:"",placement:"bottom",openDelay:400,hasArrow:!0,children:(0,a.jsx)(r.zx,{px:{base:1,sm:2,md:3},h:{base:9,md:10},fontSize:{base:"xs",sm:"sm",md:"md"},borderRadius:10,onClick:v,isLoading:t,colorScheme:"blue",isDisabled:!m,children:s.status===u.af.Published?"公開する":"下書き保存"})})},ButtonsForEdit=()=>{let{data:e}=(0,j.Nx)(),{updateArticle:n,data:i,loading:t,error:d}=(0,j.P0)();(0,j.Jx)({dep:d,message:"エラー",type:"allError"});let{article:o,isValid:s,errors:c}=(0,N.Ao)(),m=(0,l.useCallback)(async()=>{null!==o.id&&(null==e?void 0:e.viewer)&&await n({article:{updateArticle:{id:o.id,title:o.title,body:o.body,status:o.status===u.af.Suspended?void 0:o.status,tags:o.URLSafeTagNames.map((e,n)=>({URLSafeTagName:e,isMain:0===n})),category:o.category}},userID:e.viewer.id})},[o.id,o.title,o.body,o.status,o.category,o.URLSafeTagNames,null==e?void 0:e.viewer,n]),k=(0,S.p)(),v=(0,j.tv)();return(0,l.useEffect)(()=>{i&&v&&(k({title:"記事を更新しました",status:"success",isClosable:!0}),i.updateArticle.contentAndMetaData.metaData.status===u.af.Published&&v.push(f.V.article._articleID(i.updateArticle.id).$url()))},[i,v,k]),(0,a.jsx)(r.u,{label:c.title?c.title.message:c.body?c.body.message:c.tag?c.tag.message:"",placement:"bottom",openDelay:400,hasArrow:!0,children:(0,a.jsx)(r.zx,{px:{base:1,sm:2,md:3},h:{base:9,md:10},fontSize:{base:"xs",sm:"sm",md:"md"},borderRadius:10,onClick:m,isLoading:t,colorScheme:"blue",isDisabled:!s,children:"内容を更新"})})};var b=i(20967),F=i(71617);function tagSelector_templateObject(){let e=(0,t._)(["\n  fragment TagSelector_TagOutput on TagOutput {\n    id\n    displayName\n    URLSafeName\n    imageURL\n  }\n"]);return tagSelector_templateObject=function(){return e},e}(0,k.Ps)(tagSelector_templateObject());let TagSelector=e=>{let{availableTags:n}=e,{article:i,removeTag:t,addTag:d}=(0,N.Ao)(),{tagSelector:{input:s,shouldShowSuggestion:u},updateInput:c,updateShouldShowSuggestion:m,isValid:k,reset:v}=(0,N.Tg)(),[x,h]=(0,l.useState)([]),[p,f]=(0,l.useState)(0),[g,S]=(0,l.useState)(!1),j=(0,l.useCallback)(e=>{v(),d(e),f(0)},[d,v]),b=(0,l.useCallback)(e=>{switch(e.code){case"Enter":if(!k||g)break;void 0!==x[p]&&(v(),d(x[p]),f(0));break;case"ArrowUp":f(p>0?p-1:0);break;case"ArrowDown":f(p<x.length-1?p+1:x.length-1)}},[p,d,g,x,k,v]),F=(0,l.useCallback)(e=>c(e.target.value),[c]);return(0,l.useEffect)(()=>{if(f(0),!k){m(!1),h([]);return}let e=n.map(e=>e.URLSafeName).filter(e=>e.toLowerCase().indexOf(s.toLowerCase())>-1);e.includes(s.toLowerCase())||e.unshift(s.toLowerCase()),h(e),m(!0)},[k,s,n,m]),(0,a.jsxs)(r.M5,{position:"relative",w:"100%",px:2,py:4,borderRadius:10,background:o.H3,zIndex:10,children:[(0,a.jsx)(r.M5,{w:"100%",h:"100%",justifyContent:"start",children:(0,a.jsxs)(r.Eq,{spacingY:"14px",children:[i.URLSafeTagNames.map(e=>(0,a.jsx)(r.Uc,{children:(0,a.jsxs)(r.M5,{h:"100%",p:2,borderRadius:10,background:o.Yf,children:[(0,a.jsx)(r.xv,{fontSize:"sm",children:e}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:10,cursor:"pointer",onClick:()=>t(e),children:"X"})]})},e)),i.URLSafeTagNames.length<5&&(0,a.jsx)(r.Uc,{children:(0,a.jsx)(r.M5,{w:"100%",h:"100%",children:(0,a.jsx)(r.II,{w:"100%",maxW:120,px:2,h:1,py:3,borderWidth:0,placeholder:"5つまで入力...",value:s,autoFocus:!0,onChange:F,onKeyDown:b,onCompositionStart:()=>S(!0),onCompositionEnd:()=>S(!1)})})})]})}),u&&(0,a.jsx)(r.M5,{position:"absolute",w:"100%",py:2,top:20,borderRadius:10,boxShadow:"lg",borderWidth:1,background:o.Yf,children:(0,a.jsx)(r.M5,{w:"100%",maxH:200,overflowY:"auto",flexDirection:"column",justifyContent:"start",children:x.map((e,n)=>(0,a.jsx)(r.zx,{w:"100%",py:2,borderRadius:0,isActive:p===n,background:o.Yf,onClick:()=>j(e),children:(0,a.jsx)(r.xv,{fontSize:"md",children:e})},e))})})]})};var y={src:"/_next/static/media/pc.2aaa1f0c.png",height:422,width:513,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAOVBMVEWrqa9WV1y2s7tsbXHa2N/KyMxxcnbb292sqrH////l5eecnJ+Vl5nu7u/KysySk5W9vcDQ0NKzsrdDGNdaAAAAEXRSTlP0tpu4TOW4/tID///////+/vs3RH8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAA4SURBVHicHcKJDcAgDASwg/LkT2D/YSshG5lmltYg+1mIijp1Pri4+PYFVTVVNBDhgtDBY8YczD9JLwITds+VGgAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:7};let useTagSelectorModal=e=>{let{availableTags:n}=e,{isOpen:i,onOpen:t,onClose:d}=(0,b.q)(),{article:s,updateCategory:c}=(0,h.A)(),{tagSelector:k,reset:v,updateShouldShowSuggestion:x,errors:p}=(0,F.T)(),f=(0,l.useCallback)(()=>{d(),v()},[d,v]),g=(0,a.jsxs)(r.u_,{isOpen:i,onClose:f,size:"lg",isCentered:!0,children:[(0,a.jsx)(r.ZA,{}),(0,a.jsxs)(r.hz,{onClick:()=>x(!1),children:[(0,a.jsx)(r.ol,{}),(0,a.jsx)(r.fe,{children:(0,a.jsx)(r.M5,{w:"100%",px:{base:4,sm:8},minH:400,py:8,flexDirection:"column",children:(0,a.jsxs)(r.M5,{w:"100%",flexDirection:"column",alignItems:"start",children:[(0,a.jsx)(r.xv,{fontWeight:"bold",fontSize:20,children:"Settings"}),(0,a.jsx)(r.xu,{h:{base:6,sm:8}}),(0,a.jsxs)(r.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsx)(r.xv,{fontWeight:"bold",color:o.YZ,fontSize:14,children:"タグ"}),k.input&&p.input&&(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:12,color:o.Ox,children:p.input.message})]})]}),(0,a.jsx)(r.xu,{h:4}),(0,a.jsx)(TagSelector,{availableTags:n}),(0,a.jsx)(r.xu,{h:8}),(0,a.jsx)(r.xv,{fontWeight:"bold",color:o.YZ,fontSize:14,children:"カテゴリー"}),(0,a.jsx)(r.xu,{h:4}),(0,a.jsxs)(r.M5,{h:40,borderRadius:10,children:[(0,a.jsxs)(r.M5,{w:"100%",h:"100%",p:6,borderRadius:14,borderWidth:1,flexDirection:"column",justifyContent:"start",alignItems:"start",background:s.category===u.WD.Tech?o.H3:o.Yf,onClick:()=>c(u.WD.Tech),cursor:"pointer",children:[(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.XF,{boxSize:30,src:y}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontWeight:"bold",children:u.WD.Tech})]}),(0,a.jsx)(r.xu,{h:4}),(0,a.jsx)(r.xv,{fontSize:14,children:"プログラミングなど技術に関する知識"})]}),(0,a.jsx)(r.xu,{w:8}),(0,a.jsxs)(r.M5,{w:"100%",h:"100%",p:6,borderRadius:14,borderWidth:1,flexDirection:"column",justifyContent:"start",alignItems:"start",background:s.category===u.WD.Idea?o.H3:o.Yf,onClick:()=>c(u.WD.Idea),cursor:"pointer",children:[(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.XF,{boxSize:30,src:m.Z}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontWeight:"bold",children:u.WD.Idea})]}),(0,a.jsx)(r.xu,{h:4}),(0,a.jsx)(r.xv,{fontSize:14,children:"チームビルディングやキャリア論など"})]})]})]})})})]})]});return{tagSelectorModal:g,openModal:t}},RoundButton=e=>{let{fontSize:n,isLoading:i,onClicked:t,color:l,children:r}=e;return(0,a.jsx)(g.zx,{minW:0,minH:0,h:"100%",p:2,fontSize:n,borderRadius:50,boxShadow:"md",background:o.Yf,color:l,_hover:{background:"transparent",transform:"scale(1.1)"},_focus:{background:"transparent"},onClick:t,isLoading:i,children:r})};var w=i(50319);let C={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"uploadArticleImage"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"file"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Upload"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"uploadArticleImage"},arguments:[{kind:"Argument",name:{kind:"Name",value:"file"},value:{kind:"Variable",name:{kind:"Name",value:"file"}}}]}]}}]};var D=i(87603);function ImagePickerButton_templateObject(){let e=(0,t._)(["\n  mutation uploadArticleImage($file: Upload!) {\n    uploadArticleImage(file: $file)\n  }\n"]);return ImagePickerButton_templateObject=function(){return e},e}(0,k.Ps)(ImagePickerButton_templateObject());let ImagePickerButton=e=>{let{bodyRef:n}=e,[i,{data:t,error:d,loading:o}]=(0,w.D)(C);(0,j.Jx)({dep:d,message:"エラー",type:"networkError"}),(0,j.Jx)({dep:d,message:"".concat(D.yv," MB 以下の画像のみアップロードできます"),type:"graphQLError",errorStatusCode:D.kZ}),(0,j.Jx)({dep:d,message:"今月のアップロード制限を超えています ( ".concat(D.MN," MB )"),type:"graphQLError",errorStatusCode:D.r7});let{article:s,updateBody:u}=(0,N.Ao)(),c=(0,l.useCallback)(async e=>{e.target.files&&!(e.target.files.length<1)&&await i({variables:{file:Array.from(e.target.files)[0]}})},[i]);return(0,l.useEffect)(()=>{if(!t||!n.current)return;let e="![image](".concat(t.uploadArticleImage,")"),i=n.current.selectionStart,a="".concat(s.body.substring(0,i)).concat(e).concat(s.body.substring(i));u(a)},[t,u,n]),(0,a.jsx)(r.n4,{fontSize:{base:18,md:22},onChange:c,isLoading:o})},Header=e=>{let{initArticle:n,availableTags:i,bodyRef:t}=e,{article:l,updateStatus:r}=(0,h.A)(),{tagSelectorModal:d,openModal:s}=useTagSelectorModal({availableTags:i});return(0,a.jsxs)(g.M5,{w:"100%",py:3,background:o.H3,children:[d,(0,a.jsxs)(g.M5,{w:"100%",maxW:1600,alignItems:"center",justifyContent:"center",children:[(0,a.jsx)(g.rU,{href:f.V.$url(),children:(0,a.jsx)(g.xu,{fontSize:20,children:(0,a.jsx)(p.kyg,{})})}),(0,a.jsx)(g.LZ,{}),(0,a.jsx)(ImagePickerButton,{bodyRef:t}),(0,a.jsx)(g.xu,{w:4}),(0,a.jsx)(RoundButton,{fontSize:{base:18,md:22},color:0===l.URLSafeTagNames.length?o.Ox:o.pI,onClicked:s,isLoading:!1,children:(0,a.jsx)(p.w8$,{})}),(0,a.jsx)(g.xu,{w:4}),(0,a.jsx)(g.xv,{color:o.YZ,children:"|"}),(0,a.jsx)(g.xu,{w:4}),(0,a.jsx)(g.XZ,{onChange:e=>r(e.target.checked?u.af.Published:u.af.Draft),defaultChecked:n.status===u.af.Published,isDisabled:n.status===u.af.Suspended,children:(0,a.jsx)(g.xv,{children:"公開"})}),(0,a.jsx)(g.xu,{w:4}),(0,a.jsx)(g.xv,{color:o.YZ,children:"|"}),(0,a.jsx)(g.xu,{w:4}),null===l.id?(0,a.jsx)(ButtonsForCreate,{}):(0,a.jsx)(ButtonsForEdit,{})]})]})};var A=i(31812);let OnePanelBody=e=>{let{bodyRef:n}=e,{article:i,updateBody:t,updateTitle:d}=(0,h.A)(),[s,u]=(0,l.useState)("edit");return(0,a.jsxs)(r.M5,{w:"100%",h:"100%",flexDirection:"column",justifyContent:"start",children:[(0,a.jsxs)(r.M5,{w:"100%",h:"10%",children:[(0,a.jsx)(r.II,{w:"100%",px:0,fontSize:{base:"2xl",sm:"3xl"},placeholder:"Title...",fontWeight:"bold",borderWidth:0,onChange:e=>d(e.target.value),value:i.title,autoFocus:!0}),(0,a.jsx)(r.xu,{w:4}),(0,a.jsx)(r.LZ,{}),(0,a.jsxs)(r.M5,{w:"100%",maxW:{base:100,sm:120},px:{base:1,sm:3},py:2,borderRadius:10,background:o.Yf,boxShadow:"sm",children:[(0,a.jsx)(r.xv,{fontSize:{base:"xs",sm:"sm"},fontWeight:"medium",color:"edit"===s?o.Sx:o.RE,cursor:"pointer",onClick:()=>u("edit"),children:"edit"}),(0,a.jsx)(r.xu,{w:{base:1,sm:2}}),(0,a.jsx)(r.xv,{color:o.YZ,fontSize:{base:"xs",sm:"sm"},children:"|"}),(0,a.jsx)(r.xu,{w:{base:1,sm:2}}),(0,a.jsx)(r.xv,{fontSize:{base:"xs",sm:"sm"},fontWeight:"medium",color:"preview"===s?o.Sx:o.RE,cursor:"pointer",onClick:()=>u("preview"),children:"preview"})]})]}),(0,a.jsx)(r.xu,{h:2}),(0,a.jsx)(r.M5,{w:"100%",h:"90%",alignItems:"start",children:"edit"===s?(0,a.jsx)(r.M5,{w:"100%",h:"100%",py:4,alignItems:"start",background:o.Yf,borderRadius:12,boxShadow:"sm",children:(0,a.jsx)(r.gx,{w:"100%",h:"100%",px:6,borderWidth:0,ref:n,placeholder:"Post content...",resize:"none",onChange:e=>t(e.target.value),value:i.body})}):(0,a.jsx)(r.M5,{w:"100%",h:"100%",py:4,justifyContent:"start",alignItems:"start",background:o.Yf,borderRadius:12,boxShadow:"sm",children:(0,a.jsx)(r.xu,{w:"100%",h:"100%",px:6,overflowY:"auto",children:""===i.body?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.xu,{h:2}),(0,a.jsx)(r.xv,{color:o.YZ,children:"Preview"})]}):(0,a.jsx)(A.g,{body:i.body})})})})]})},TwoPanelBody=e=>{let{bodyRef:n}=e,{article:i,updateBody:t,updateTitle:l}=(0,h.A)();return(0,a.jsxs)(r.M5,{w:"100%",h:"100%",flexDirection:"column",justifyContent:"start",children:[(0,a.jsx)(r.II,{w:"100%",h:"10%",px:0,fontSize:{base:"2xl",sm:"3xl"},placeholder:"Title...",fontWeight:"bold",borderWidth:0,onChange:e=>l(e.target.value),value:i.title,autoFocus:!0}),(0,a.jsx)(r.xu,{h:2}),(0,a.jsxs)(r.M5,{w:"100%",h:"90%",alignItems:"start",children:[(0,a.jsx)(r.M5,{w:"50%",h:"100%",py:4,alignItems:"start",background:o.Yf,borderRadius:12,boxShadow:"sm",children:(0,a.jsx)(r.gx,{w:"100%",h:"100%",px:6,borderWidth:0,ref:n,placeholder:"Post content...",onChange:e=>t(e.target.value),value:i.body})}),(0,a.jsx)(r.xu,{w:{base:4,sm:8}}),(0,a.jsx)(r.M5,{w:"50%",h:"100%",py:4,justifyContent:"start",alignItems:"start",background:o.Yf,borderRadius:12,boxShadow:"sm",children:(0,a.jsx)(r.xu,{w:"100%",h:"100%",px:6,overflowY:"auto",children:""===i.body?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(r.xu,{h:2}),(0,a.jsx)(r.xv,{color:o.YZ,children:"Preview"})]}):(0,a.jsx)(r.g4,{body:i.body})})})]})]})},Editor=e=>{let{initArticle:n,availableTags:i}=e,{update:t,reset:d}=(0,h.A)(),s=(0,x.S)({base:!0,md:!1},{ssr:!1}),u=(0,l.useRef)(null);return(0,l.useEffect)(()=>(t(n),()=>d()),[d,t,n]),(0,a.jsx)(r.M5,{w:"100%",h:"100vh",background:o.H3,flexDirection:"column",justifyContent:"start",children:(0,a.jsxs)(r.M5,{w:"100%",h:"100%",px:{base:4,sm:8},flexDirection:"column",children:[(0,a.jsx)(Header,{initArticle:n,availableTags:i,bodyRef:u}),(0,a.jsx)(r.M5,{w:"100%",maxW:1600,h:"90%",flexDirection:"column",justifyContent:"start",children:s?(0,a.jsx)(OnePanelBody,{bodyRef:u}):(0,a.jsx)(TwoPanelBody,{bodyRef:u})}),(0,a.jsx)(r.xu,{h:8})]})})};var I=i(6812),O=i(27484),_=i.n(O);function articleBodyHeader_templateObject(){let e=(0,t._)(["\n  fragment ArticleBodyHeader_ArticleOutput on ArticleOutput {\n    id\n    contentAndMetaData(previewToken: $previewToken) {\n      id\n      content {\n        id\n        title\n      }\n      metaData {\n        id\n        author {\n          id\n          profile {\n            id\n            URLSafeName\n            avatarURL\n          }\n          scta {\n            id\n            businessName\n          }\n        }\n        category\n        tags {\n          tag {\n            id\n            URLSafeName\n            imageURL\n          }\n          isMain\n        }\n        firstPublishedAt\n        updatedAt\n      }\n    }\n  }\n"]);return articleBodyHeader_templateObject=function(){return e},e}(0,k.Ps)(articleBodyHeader_templateObject());let ArticleBodyHeader=e=>{var n,i,t,l,d,s;let{contentAndMetaData:k}=e;return(0,a.jsxs)(r.M5,{w:"100%",flexDirection:"column",alignItems:"start",children:[(0,a.jsxs)(r.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsx)(r.rU,{href:k.metaData.author?f.V.user._URLSafeUserName(k.metaData.author.profile.URLSafeName).$url():void 0,children:(0,a.jsx)(r.XF,{boxSize:12,src:null!==(l=null===(n=k.metaData.author)||void 0===n?void 0:n.profile.avatarURL)&&void 0!==l?l:"",borderRadius:"50%",objectFit:"cover",priority:!0})}),(0,a.jsx)(r.xu,{w:3}),(0,a.jsxs)(r.M5,{flexDirection:"column",alignItems:"start",children:[(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.rU,{href:k.metaData.author?f.V.user._URLSafeUserName(k.metaData.author.profile.URLSafeName).$url():void 0,children:(0,a.jsx)(r.xv,{fontSize:"sm",children:null!==(d=null===(i=k.metaData.author)||void 0===i?void 0:i.profile.URLSafeName)&&void 0!==d?d:"削除済ユーザー"})}),(null===(t=k.metaData.author)||void 0===t?void 0:t.scta.businessName)&&(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:"xs",color:o.YZ,children:"・"}),(0,a.jsx)(r.rU,{href:k.metaData.author?f.V.user._URLSafeUserName(k.metaData.author.profile.URLSafeName).scta.$url():void 0,children:(0,a.jsx)(r.xv,{fontSize:"sm",children:"特商法表記"})})]})]}),(0,a.jsxs)(r.M5,{children:[k.metaData.firstPublishedAt&&(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:"xs",color:o.YZ,suppressHydrationWarning:!0,children:"published at ".concat(_()(k.metaData.firstPublishedAt).format("YYYY-MM-DD"))}),(0,a.jsx)(r.xv,{fontSize:"xs",color:o.YZ,children:"・"})]}),(0,a.jsx)(r.xv,{fontSize:"xs",color:o.YZ,suppressHydrationWarning:!0,children:"updated at ".concat(_()(k.metaData.firstPublishedAt).format("YYYY-MM-DD"))})]})]})]}),(0,a.jsx)(r.xu,{h:6}),(0,a.jsx)(r.xv,{fontSize:{base:"2xl",md:"3xl"},fontWeight:"bold",children:k.content.title}),(0,a.jsx)(r.xu,{h:6}),(0,a.jsxs)(r.Eq,{w:"100%",spacingX:2,spacingY:3,children:[k.metaData.tags.map(e=>{var n;return(0,a.jsx)(r.M5,{justifyContent:"start",children:(0,a.jsx)(r.rU,{href:f.V.tag._URLSafeTagName(e.tag.URLSafeName).article.trend.$url(),underline:"none",children:(0,a.jsx)(r.zx,{p:0,h:"100%",background:o.Yf,borderRadius:20,children:(0,a.jsxs)(r.M5,{px:3,py:1.5,borderWidth:1,borderColor:o.kQ,borderRadius:20,children:[(0,a.jsx)(r.XF,{boxSize:5,src:null!==(n=e.tag.imageURL)&&void 0!==n?n:c.Z,priority:!0}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:13,children:e.tag.URLSafeName})]})})})},e.tag.id)}),(0,a.jsxs)(r.M5,{px:3,py:1.5,borderWidth:1,borderColor:o.kQ,borderRadius:20,children:[(0,a.jsx)(r.XF,{boxSize:5,src:k.metaData.category===u.WD.Tech?y:m.Z,priority:!0}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:13,fontWeight:"medium",children:k.metaData.category})]})]}),(0,a.jsx)(r.xu,{h:8}),(0,a.jsx)(r.M5,{w:"100%",h:{base:72,sm:96},borderRadius:6,background:o.H3,children:(0,a.jsx)(r.XF,{boxSize:{base:32,sm:40},src:k.metaData.category===u.WD.Tech?null!==(s=k.metaData.tags.find(e=>e.isMain).tag.imageURL)&&void 0!==s?s:c.Z:m.Z,priority:!0})})]})},M={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"purchaseArticleAtUserExpense"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"purchaseArticleAtUserExpense"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"article"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"body"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"isFullBody"}}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"orderer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"coin"}}]}}]}}]}}]}}]}}]},R={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"purchaseArticleAtOrgExpense"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"orgID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"purchaseArticleAtOrgExpense"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}},{kind:"Argument",name:{kind:"Name",value:"orgID"},value:{kind:"Variable",name:{kind:"Name",value:"orgID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"article"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"body"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"isFullBody"}}]}}]}}]}}]}}]}}]},U={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchViewerOrgs"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"viewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"organizations"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}},{kind:"Field",name:{kind:"Name",value:"viewerInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerCanBeBorneCost"}},{kind:"Field",name:{kind:"Name",value:"isViewersDefaultPayer"}}]}}]}}]}}]}}]};function org_templateObject(){let e=(0,t._)(["\n  query FetchViewerOrgs {\n    viewer {\n      id\n      organizations {\n        id\n        profile {\n          id\n          URLSafeName\n          avatarURL\n        }\n        viewerInfo {\n          id\n          viewerCanBeBorneCost\n          isViewersDefaultPayer\n        }\n      }\n    }\n  }\n"]);return org_templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  fragment CardToEncouragePurchaseAtOrgExpense_ArticleOutput on ArticleOutput {\n    id\n    contentAndMetaData(previewToken: $previewToken) {\n      id\n      content {\n        id\n        body\n      }\n    }\n    viewerCanPurchaseAccessRightAtOrgExpense\n  }\n"]);return _templateObject1=function(){return e},e}(0,k.Ps)(org_templateObject()),(0,k.Ps)(_templateObject1());let CardToEncouragePurchaseAtOrgExpense=e=>{var n,i,t,d;let{article:u,onClickedPurchase:c,isLoading:m}=e,{data:k}=(0,I.a)(U,{ssr:!1}),{isOpen:v,onClose:x,onOpen:h}=(0,b.q)(),[p,f]=(0,l.useState)({orgID:"",URLSafeName:""});return(0,l.useEffect)(()=>{var e;if(!(null==k?void 0:null===(e=k.viewer)||void 0===e?void 0:e.organizations))return;let n=k.viewer.organizations.find(e=>e.viewerInfo.isViewersDefaultPayer);n&&f({orgID:n.id,URLSafeName:n.profile.URLSafeName})},[null==k?void 0:null===(n=k.viewer)||void 0===n?void 0:n.organizations]),(0,a.jsx)(r.M5,{w:"100%",py:{base:5,sm:6},px:10,borderRadius:20,background:o.H3,children:(0,a.jsxs)(r.M5,{w:"100%",flexDirection:"column",alignItems:"start",children:[(0,a.jsxs)(r.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsx)(r.xv,{children:"組織負担で購入"}),(0,a.jsx)(r.LZ,{}),(0,a.jsx)(s.ovN,{size:50,color:o.Yf})]}),(0,a.jsx)(r.xu,{h:{base:1,sm:2}}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"残り:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"約 ".concat(Math.round(u.contentAndMetaData.content.body.length/D.B_*(1-D.B_)).toLocaleString()," 文字")})]}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"請求先:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsxs)(r.v2,{autoSelect:!1,children:[(0,a.jsx)(r.j2,{children:(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:p.URLSafeName})}),(0,a.jsx)(r.qy,{children:null==k?void 0:null===(i=k.viewer)||void 0===i?void 0:i.organizations.map(e=>(0,a.jsx)(r.sN,{onClick:()=>f({orgID:e.id,URLSafeName:e.profile.URLSafeName}),children:(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.XF,{boxSize:8,src:e.profile.avatarURL,borderRadius:"50%",objectFit:"cover"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{children:e.profile.URLSafeName})]})},e.id))})]})]}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"料金:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"".concat(D.QM," 円 ( 税込 )")})]}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"備考:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"アクセス権は ".concat(D.cy," 時間のみ有効です")})]}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"( ページ遷移しなければ、無限に記事の全文を読めます )"}),(0,a.jsx)(r.xu,{h:{base:5,sm:7}}),(0,a.jsxs)(r.J2,{isOpen:v,onClose:x,children:[(0,a.jsx)(r.xo,{children:(0,a.jsx)(r.zx,{w:120,colorScheme:"blue",onClick:h,isDisabled:!u.viewerCanPurchaseAccessRightAtOrgExpense||!(null==k?void 0:null===(d=k.viewer)||void 0===d?void 0:null===(t=d.organizations.find(e=>e.id===p.orgID))||void 0===t?void 0:t.viewerInfo.viewerCanBeBorneCost),children:(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},children:"確認画面を表示"})})}),(0,a.jsx)(r.h_,{children:(0,a.jsxs)(r.yk,{w:260,borderRadius:8,children:[(0,a.jsx)(r.Yt,{background:o.Yf,borderTopRadius:8,children:(0,a.jsx)(r.M5,{borderTopRadius:20,children:(0,a.jsx)(r.xv,{children:"アクセス権の購入"})})}),(0,a.jsx)(r.b,{px:8,py:8,children:(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.zx,{colorScheme:"red",onClick:x,children:"キャンセル"}),(0,a.jsx)(r.xu,{w:4}),(0,a.jsx)(r.zx,{colorScheme:"blue",onClick:()=>c(p.orgID),isLoading:m,children:"購入する"})]})})]})})]}),(0,a.jsx)(r.xu,{h:2})]})})};var L=i(63750);function user_templateObject(){let e=(0,t._)(["\n  fragment CardToEncouragePurchaseAtUserExpense_ArticleOutput on ArticleOutput {\n    id\n    contentAndMetaData(previewToken: $previewToken) {\n      id\n      content {\n        id\n        body\n      }\n    }\n    viewerCanPurchaseAccessRightAtUserExpense\n  }\n"]);return user_templateObject=function(){return e},e}(0,k.Ps)(user_templateObject());let CardToEncouragePurchaseAtUserExpense=e=>{var n,i;let{article:t,onClickedPurchase:l,isLoading:d}=e,{data:s}=(0,j.Nx)(),{isOpen:u,onClose:c,onOpen:m}=(0,b.q)();return(0,a.jsx)(r.M5,{w:"100%",py:{base:5,sm:6},px:10,borderRadius:20,background:o.H3,children:(0,a.jsxs)(r.M5,{w:"100%",flexDirection:"column",alignItems:"start",children:[(0,a.jsxs)(r.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsx)(r.xv,{children:"個人負担で購入"}),(0,a.jsx)(r.LZ,{}),(0,a.jsx)(L.O5U,{size:50,color:o.Yf})]}),(0,a.jsx)(r.xu,{h:{base:1,sm:2}}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"残り:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"約 ".concat(Math.round(t.contentAndMetaData.content.body.length/D.B_*(1-D.B_)).toLocaleString()," 文字")})]}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"請求先:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"".concat(null!==(i=null==s?void 0:null===(n=s.viewer)||void 0===n?void 0:n.profile.URLSafeName)&&void 0!==i?i:"")})]}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"必要コイン:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"".concat(D.qj," 枚 ( 税込 )")})]}),(0,a.jsx)(r.xu,{h:1}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"備考:"}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"アクセス権は ".concat(D.cy," 時間のみ有効です")})]}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},color:o.YZ,children:"( ページ遷移しなければ、無限に記事の全文を読めます )"}),(0,a.jsx)(r.xu,{h:{base:5,sm:7}}),(0,a.jsxs)(r.J2,{isOpen:u,onClose:c,children:[(0,a.jsx)(r.xo,{children:(0,a.jsx)(r.zx,{w:120,colorScheme:"blue",onClick:m,isDisabled:!t.viewerCanPurchaseAccessRightAtUserExpense,children:(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},children:"確認画面を表示"})})}),(0,a.jsx)(r.h_,{children:(0,a.jsxs)(r.yk,{w:260,borderRadius:8,children:[(0,a.jsx)(r.Yt,{background:o.Yf,borderTopRadius:8,children:(0,a.jsx)(r.M5,{borderTopRadius:20,children:(0,a.jsx)(r.xv,{children:"アクセス権の購入"})})}),(0,a.jsx)(r.b,{px:8,py:8,children:(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.zx,{colorScheme:"red",onClick:c,children:"キャンセル"}),(0,a.jsx)(r.xu,{w:4}),(0,a.jsx)(r.zx,{colorScheme:"blue",onClick:l,isLoading:d,children:"購入する"})]})})]})})]}),(0,a.jsx)(r.xu,{h:2})]})})};function articleBody_templateObject(){let e=(0,t._)(["\n  fragment ArticleBody_ArticleOutput on ArticleOutput {\n    id\n    contentAndMetaData(previewToken: $previewToken) {\n      id\n      content {\n        body\n      }\n      metaData {\n        isFullBody\n      }\n    }\n  }\n"]);return articleBody_templateObject=function(){return e},e}function articleBody_templateObject1(){let e=(0,t._)(["\n  mutation purchaseArticleAtUserExpense($articleID: String!) {\n    purchaseArticleAtUserExpense(articleID: $articleID) {\n      article {\n        id\n        contentAndMetaData {\n          id\n          content {\n            id\n            body\n          }\n          metaData {\n            id\n            isFullBody\n          }\n        }\n      }\n      orderer {\n        id\n        privateInfo {\n          id\n          wallet {\n            id\n            coin\n          }\n        }\n      }\n    }\n  }\n"]);return articleBody_templateObject1=function(){return e},e}function _templateObject2(){let e=(0,t._)(["\n  mutation purchaseArticleAtOrgExpense($articleID: String!, $orgID: String!) {\n    purchaseArticleAtOrgExpense(articleID: $articleID, orgID: $orgID) {\n      article {\n        id\n        contentAndMetaData {\n          id\n          content {\n            id\n            body\n          }\n          metaData {\n            id\n            isFullBody\n          }\n        }\n      }\n    }\n  }\n"]);return _templateObject2=function(){return e},e}(0,k.Ps)(articleBody_templateObject()),(0,k.Ps)(articleBody_templateObject1()),(0,k.Ps)(_templateObject2());let ArticleBody=e=>{let{articleID:n,article:i}=e,[t,{data:d,loading:s,error:u}]=(0,w.D)(M),[c,{data:m,loading:k,error:v}]=(0,w.D)(R);(0,j.Jx)({dep:u,message:"エラー",type:"allError"}),(0,j.Jx)({dep:v,message:"エラー",type:"allError"}),(0,j.K7)({dep:d,message:"購入しました"}),(0,j.K7)({dep:m,message:"購入しました"});let x=(0,l.useCallback)(async()=>{await t({variables:{articleID:n}})},[n,t]),h=(0,l.useCallback)(async e=>{await c({variables:{articleID:n,orgID:e}})},[n,c]);return(0,a.jsxs)(r.xu,{w:"100%",px:{base:4,md:16},py:10,borderRadius:{base:0,md:14},background:o.Yf,boxShadow:"sm",children:[(0,a.jsx)(ArticleBodyHeader,{...i}),(0,a.jsx)(r.xu,{h:8}),(0,a.jsx)(A.g,{body:i.contentAndMetaData.content.body}),(0,a.jsx)(r.xu,{h:8}),!i.contentAndMetaData.metaData.isFullBody&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.M5,{w:"100%",children:[(0,a.jsx)(r.xu,{w:"100%",h:.1,background:o.RE}),(0,a.jsx)(r.xu,{w:{base:12,sm:20}}),(0,a.jsx)(r.xv,{fontSize:{base:"sm",sm:"md"},flexShrink:0,children:"続きをみるにはアクセス権が必要です"}),(0,a.jsx)(r.xu,{w:{base:12,sm:20}}),(0,a.jsx)(r.xu,{w:"100%",h:.1,background:o.RE})]}),(0,a.jsx)(r.xu,{h:12})]}),!i.contentAndMetaData.metaData.isFullBody&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(r.M5,{w:"100%",flexDirection:{base:"column",sm:"row"},children:[(0,a.jsx)(CardToEncouragePurchaseAtOrgExpense,{article:i,onClickedPurchase:h,isLoading:k}),(0,a.jsx)(r.xu,{w:{base:0,sm:20},h:{base:10,sm:0}}),(0,a.jsx)(CardToEncouragePurchaseAtUserExpense,{article:i,onClickedPurchase:x,isLoading:s})]}),(0,a.jsx)(r.xu,{h:8})]})]})},T={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchArticle"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"previewToken"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"article"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},arguments:[{kind:"Argument",name:{kind:"Name",value:"previewToken"},value:{kind:"Variable",name:{kind:"Name",value:"previewToken"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleTOC_ArticleArticleContentOutput"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"comments"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleCommentContainer_CommentOutputDTO"}}]}},{kind:"Field",name:{kind:"Name",value:"badges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleBadgeContainer_BadgeWithSendUserOutput"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleBodyHeader_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleBody_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleBodyHeader_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleBody_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleLeftSide_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"BadgeContainer_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"CommentContainer_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"CardToEncouragePurchaseAtUserExpense_ArticleOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"CardToEncouragePurchaseAtOrgExpense_ArticleOutput"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleTOC_ArticleArticleContentOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleContentOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"body"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleCommentContainer_CommentOutputDTO"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"CommentOutputDTO"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"body"}},{kind:"Field",name:{kind:"Name",value:"createdAt"}},{kind:"Field",name:{kind:"Name",value:"updatedAt"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleBadgeContainer_BadgeWithSendUserOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"BadgeWithSendUserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"badge"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"user"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleBodyHeader_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},arguments:[{kind:"Argument",name:{kind:"Name",value:"previewToken"},value:{kind:"Variable",name:{kind:"Name",value:"previewToken"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}},{kind:"Field",name:{kind:"Name",value:"scta"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"businessName"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"category"}},{kind:"Field",name:{kind:"Name",value:"tags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"isMain"}}]}},{kind:"Field",name:{kind:"Name",value:"firstPublishedAt"}},{kind:"Field",name:{kind:"Name",value:"updatedAt"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleBody_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},arguments:[{kind:"Argument",name:{kind:"Name",value:"previewToken"},value:{kind:"Variable",name:{kind:"Name",value:"previewToken"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"body"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"isFullBody"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleLeftSide_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},arguments:[{kind:"Argument",name:{kind:"Name",value:"previewToken"},value:{kind:"Variable",name:{kind:"Name",value:"previewToken"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"likeCount"}},{kind:"Field",name:{kind:"Name",value:"likedByViewer"}},{kind:"Field",name:{kind:"Name",value:"bookmarkedByViewer"}},{kind:"Field",name:{kind:"Name",value:"viewerCanLike"}},{kind:"Field",name:{kind:"Name",value:"viewerCanBookmark"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"BadgeContainer_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerCanPurchaseBadge"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CommentContainer_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerCanComment"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CardToEncouragePurchaseAtUserExpense_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},arguments:[{kind:"Argument",name:{kind:"Name",value:"previewToken"},value:{kind:"Variable",name:{kind:"Name",value:"previewToken"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"body"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"viewerCanPurchaseAccessRightAtUserExpense"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CardToEncouragePurchaseAtOrgExpense_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},arguments:[{kind:"Argument",name:{kind:"Name",value:"previewToken"},value:{kind:"Variable",name:{kind:"Name",value:"previewToken"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"body"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"viewerCanPurchaseAccessRightAtOrgExpense"}}]}}]};var z=i(5152),B=i.n(z);let P={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"ReportArticle"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"reportArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}]}]}}]};var V=i(89583),E=i(38138);function articleFixedFooter_templateObject(){let e=(0,t._)(["\n  fragment ArticleFixedFooter_ArticleOutput on ArticleOutput {\n    id\n    contentAndMetaData(previewToken: $previewToken) {\n      id\n      content {\n        id\n        title\n      }\n    }\n    likeCount\n    likedByViewer\n    bookmarkedByViewer\n    viewerCanLike\n    viewerCanBookmark\n  }\n"]);return articleFixedFooter_templateObject=function(){return e},e}function articleFixedFooter_templateObject1(){let e=(0,t._)(["\n  mutation ReportArticle($articleID: String!) {\n    reportArticle(articleID: $articleID)\n  }\n"]);return articleFixedFooter_templateObject1=function(){return e},e}(0,k.Ps)(articleFixedFooter_templateObject()),(0,k.Ps)(articleFixedFooter_templateObject1());let ArticleFixedFooter=e=>{let{articleID:n,likeCount:i,likedByViewer:t,bookmarkedByViewer:l,contentAndMetaData:s,viewerCanLike:u,viewerCanBookmark:c}=e,[m,{data:k,error:v,loading:x}]=(0,w.D)(P);(0,j.Jx)({dep:v,message:"エラー",type:"allError"}),(0,j.K7)({dep:k,message:"送信を完了しました"});let{confirmModal:h,openModal:p,closeModal:f}=(0,r.tv)({text:"本当に通報しますか？",positive:{text:"通報する",onClick:()=>m({variables:{articleID:n}}),isLoading:x},negative:{text:"キャンセル",onClick:()=>f()}});return(0,j.Ky)({data:k,function:f}),(0,a.jsxs)(a.Fragment,{children:[h,(0,a.jsxs)(r.M5,{w:"100%",px:14,h:14,zIndex:"dropdown",borderTopWidth:1,borderColor:o.kQ,background:o.H3,position:"fixed",bottom:0,children:[(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.dJ,{size:26,articleID:n,likedByViewer:t,isDisabled:!u}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{color:o.YZ,fontSize:14,children:i})]}),(0,a.jsx)(r.LZ,{}),(0,a.jsx)(r.eZ,{size:26,articleID:n,bookmarkedByViewer:l,isDisabled:!c}),(0,a.jsx)(r.LZ,{}),(0,a.jsx)(r.rU,{href:"".concat("https://twitter.com/intent/tweet","?url=").concat((0,d.Td)(d.VW.article._articleID(n).$url()),"&text=").concat(s.content.title,"&hashtags=Overridon"),isExternal:!0,children:(0,a.jsx)(r.B8,{isDisabled:!u,children:(0,a.jsx)(V.fWC,{fontSize:24,color:o.YZ})})}),(0,a.jsx)(r.LZ,{}),(0,a.jsxs)(r.v2,{autoSelect:!1,children:[(0,a.jsx)(r.j2,{children:(0,a.jsx)(V.LCi,{fontSize:20,color:o.YZ})}),(0,a.jsx)(r.qy,{children:(0,a.jsx)(r.sN,{onClick:()=>p(),isDisabled:!u,children:(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(E.YD6,{size:20,color:o.YZ}),(0,a.jsx)(r.xu,{w:2}),(0,a.jsx)(r.xv,{children:"通報"})]})})})]})]})]})};function viewer_templateObject(){let e=(0,t._)(["\n  query FetchArticleForOGPImage($articleID: String!, $previewToken: String) {\n    article(articleID: $articleID) {\n      id\n      contentAndMetaData(previewToken: $previewToken) {\n        id\n        content {\n          id\n          title\n        }\n        metaData {\n          id\n          author {\n            id\n            profile {\n              id\n              avatarURL\n              URLSafeName\n            }\n          }\n          tags {\n            isMain\n            tag {\n              id\n              imageURL\n              URLSafeName\n            }\n          }\n        }\n      }\n    }\n  }\n"]);return viewer_templateObject=function(){return e},e}function viewer_templateObject1(){let e=(0,t._)(["\n  query FetchArticle($articleID: String!, $previewToken: String) {\n    article(articleID: $articleID) {\n      id\n      contentAndMetaData(previewToken: $previewToken) {\n        id\n        content {\n          id\n          ...ArticleTOC_ArticleArticleContentOutput\n        }\n      }\n      comments {\n        id\n        ...ArticleCommentContainer_CommentOutputDTO\n      }\n      badges {\n        id\n        ...ArticleBadgeContainer_BadgeWithSendUserOutput\n      }\n      ...ArticleBodyHeader_ArticleOutput\n      ...ArticleBody_ArticleOutput\n      ...ArticleBodyHeader_ArticleOutput\n      ...ArticleBody_ArticleOutput\n      ...ArticleLeftSide_ArticleOutput\n      ...BadgeContainer_ArticleOutput\n      ...CommentContainer_ArticleOutput\n      ...CardToEncouragePurchaseAtUserExpense_ArticleOutput\n      ...CardToEncouragePurchaseAtOrgExpense_ArticleOutput\n    }\n  }\n"]);return viewer_templateObject1=function(){return e},e}let $=B()(()=>Promise.resolve().then(i.bind(i,78759)).then(e=>e.ArticleLeftSide),{loadableGenerated:{webpack:()=>[78759]},ssr:!1,loading:()=>(0,a.jsx)(r.M5,{w:14})}),W=B()(()=>Promise.resolve().then(i.bind(i,71983)).then(e=>e.ArticleRightSide),{loadableGenerated:{webpack:()=>[71983]},ssr:!1,loading:()=>(0,a.jsx)(r.M5,{w:260})}),Z=B()(()=>Promise.resolve().then(i.bind(i,41938)).then(e=>e.BadgeContainer),{loadableGenerated:{webpack:()=>[41938]},ssr:!1}),q=B()(()=>Promise.resolve().then(i.bind(i,97016)).then(e=>e.CommentContainer),{loadableGenerated:{webpack:()=>[97016]},ssr:!1}),Y=B()(()=>i.e(2674).then(i.bind(i,72674)).then(e=>e.RelatedArticle),{loadableGenerated:{webpack:()=>[72674]},ssr:!1});(0,k.Ps)(viewer_templateObject()),(0,k.Ps)(viewer_templateObject1());let Article=e=>{let{articleID:n}=e,{data:i}=(0,I.a)(T,{variables:{articleID:n},fetchPolicy:"cache-only"});return i?(0,a.jsxs)(r.W2,{background:o.H3,children:[(0,a.jsx)(r.xu,{h:{base:6,sm:12}}),(0,a.jsxs)(r.M5,{w:"100%",px:{base:0,lg:4},flexDirection:"column",children:[(0,a.jsxs)(r.M5,{w:"100%",alignItems:"flex-start",children:[(0,a.jsx)(r.M5,{position:"sticky",top:5,display:{base:"none",lg:"flex"},zIndex:10,children:(0,a.jsx)($,{articleID:i.article.id,...i.article})}),(0,a.jsx)(r.xu,{w:{base:0,lg:7}}),(0,a.jsxs)(r.M5,{w:"100%",maxW:920,flexDirection:"column",children:[(0,a.jsx)(ArticleBody,{articleID:i.article.id,article:{...i.article}}),(0,a.jsx)(r.xu,{h:5}),(0,a.jsx)(Z,{articleID:i.article.id,badgingList:i.article.badges,article:i.article}),(0,a.jsx)(r.xu,{h:5}),(0,a.jsx)(q,{articleID:i.article.id,comments:i.article.comments,article:i.article})]}),(0,a.jsx)(r.xu,{w:{base:0,lg:7}}),(0,a.jsx)(r.M5,{position:"sticky",top:5,display:{base:"none",lg:"block"},children:(0,a.jsx)(W,{body:i.article.contentAndMetaData.content.body})})]}),(0,a.jsx)(r.xu,{h:{base:16,sm:24}}),(0,a.jsx)(Y,{articleID:i.article.id,taggings:i.article.contentAndMetaData.metaData.tags}),(0,a.jsx)(r.xu,{h:{base:16,sm:24}})]}),(0,a.jsx)(r.M5,{w:"100%",display:{base:"block",lg:"none"},children:(0,a.jsx)(ArticleFixedFooter,{articleID:i.article.id,...i.article})})]}):(0,a.jsx)(r.S4,{})};var H=i(73359),J=i(48325),X={src:"/_next/static/media/hammer.bad1d439.png",height:461,width:512,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAMFBMVEVMaXFvb29ucHBmZGVqamq8vMC/v796e3xUgLNRfLDPzc1mZmhZg7VrbG17m8NfjMKV/Z11AAAADXRSTlMACrHWfF84/Ypk3Wvqb/EpMwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADJJREFUeJwtiscNACAMxJwECJ39t0WU+9iyDkBH4E7M25XkZqelGlGFMiOIUFZ+z/65ARSlAKwZmjeeAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:7};let Error500=()=>(0,a.jsxs)(g.M5,{w:"100%",px:J.F,minH:{base:500,sm:700},flexDirection:"column",background:o.H3,children:[(0,a.jsx)(g.XF,{src:X,boxSize:{base:140,sm:220}}),(0,a.jsx)(g.xu,{h:10}),(0,a.jsxs)(g.M5,{children:[(0,a.jsx)(g.xv,{fontSize:{base:30,sm:50},fontWeight:"bold",children:"500"}),(0,a.jsx)(g.xu,{w:4}),(0,a.jsx)(g.xv,{fontSize:{base:24,sm:40},fontWeight:"bold",children:"Server Error"})]}),(0,a.jsx)(g.xu,{w:10}),(0,a.jsx)(g.xv,{fontSize:{base:18,sm:24},fontWeight:"medium",color:o.YZ,children:"サーバーエラーが発生しました。時間を空けてから再度読み込んでください。"})]});var G={src:"/_next/static/media/stop.d190720a.svg",height:512,width:512,blurWidth:0,blurHeight:0};let Error403=()=>(0,a.jsxs)(r.M5,{w:"100%",px:J.F,minH:{base:500,sm:700},flexDirection:"column",background:o.H3,children:[(0,a.jsx)(r.XF,{boxSize:{base:140,sm:220},src:G}),(0,a.jsx)(r.xu,{h:10}),(0,a.jsxs)(r.M5,{children:[(0,a.jsx)(r.xv,{fontSize:{base:30,sm:50},fontWeight:"bold",children:"403"}),(0,a.jsx)(r.xu,{w:4}),(0,a.jsx)(r.xv,{fontSize:{base:24,sm:40},fontWeight:"bold",children:"Forbidden"})]}),(0,a.jsx)(r.xu,{w:10}),(0,a.jsx)(r.xv,{fontSize:{base:18,sm:24},fontWeight:"medium",color:o.YZ,children:"アクセス権限がありません。"})]});var K=i(78759),Q=i(41938),ee=i(97016),en=i(71983),ei=i(45731);let Error404=()=>(0,a.jsxs)(g.M5,{w:"100%",px:J.F,minH:{base:500,sm:700},flexDirection:"column",background:o.H3,children:[(0,a.jsx)(g.XF,{boxSize:{base:140,sm:220},src:ei.Z}),(0,a.jsx)(g.xu,{h:10}),(0,a.jsxs)(g.M5,{children:[(0,a.jsx)(g.xv,{fontSize:{base:30,sm:50},fontWeight:"bold",children:"404"}),(0,a.jsx)(g.xu,{w:4}),(0,a.jsx)(g.xv,{fontSize:{base:24,sm:40},fontWeight:"bold",children:"Not Found"})]}),(0,a.jsx)(g.xu,{w:10}),(0,a.jsx)(g.xv,{fontSize:{base:18,sm:24},fontWeight:"medium",color:o.YZ,children:"お探しのページは既に削除されているか、URL が変更されています。"})]}),PreviewArticle=e=>{let{articleID:n,previewToken:i}=e,[t,{data:r,error:d}]=(0,H.t)(T);if((0,l.useEffect)(()=>{n&&i&&t({variables:{articleID:n,previewToken:i},fetchPolicy:"network-only"})},[n,t,i]),d&&0!==d.graphQLErrors.length){var s;let e=null===(s=d.graphQLErrors[0].extensions.originalError)||void 0===s?void 0:s.statusCode;return e===D.CR?(0,a.jsx)(Error403,{}):e===D.Pt?(0,a.jsx)(Error404,{}):(0,a.jsx)(Error500,{})}return r?(0,a.jsxs)(g.W2,{background:o.H3,children:[(0,a.jsx)(g.M5,{w:"100%",h:6,background:o.lq,flexDirection:"column",children:(0,a.jsx)(g.xv,{fontSize:14,children:"プレビューを表示中 \uD83E\uDD78"})}),(0,a.jsx)(g.xu,{h:{base:6,sm:12}}),(0,a.jsxs)(g.M5,{w:"100%",px:{base:0,lg:4},flexDirection:"column",children:[(0,a.jsxs)(g.M5,{w:"100%",alignItems:"flex-start",children:[(0,a.jsx)(g.M5,{position:"sticky",top:5,display:{base:"none",lg:"flex"},zIndex:10,children:(0,a.jsx)(K.ArticleLeftSide,{articleID:r.article.id,...r.article})}),(0,a.jsx)(g.xu,{w:{base:0,lg:7}}),(0,a.jsxs)(g.M5,{w:"100%",maxW:920,flexDirection:"column",children:[(0,a.jsx)(ArticleBody,{articleID:r.article.id,article:r.article}),(0,a.jsx)(g.xu,{h:5}),(0,a.jsx)(Q.BadgeContainer,{articleID:r.article.id,badgingList:r.article.badges,article:r.article}),(0,a.jsx)(g.xu,{h:5}),(0,a.jsx)(ee.CommentContainer,{articleID:r.article.id,comments:r.article.comments,article:r.article})]}),(0,a.jsx)(g.xu,{w:{base:0,lg:7}}),(0,a.jsx)(g.M5,{position:"sticky",top:5,display:{base:"none",lg:"block"},children:(0,a.jsx)(en.ArticleRightSide,{body:r.article.contentAndMetaData.content.body})})]}),(0,a.jsx)(g.xu,{h:{base:16,sm:24}})]})]}):(0,a.jsx)(g.M5,{w:"100%",h:"100vh",background:o.H3,children:(0,a.jsx)(g.$j,{})})};var et=i(50341),ea=i(80471);let imagePickerButton_ImagePickerButton=e=>{let{fontSize:n,onChange:i,isLoading:t,isDisabled:r}=e,d=(0,l.useRef)(null);return(0,a.jsxs)("label",{children:[(0,a.jsx)("input",{ref:d,hidden:!0,accept:".jpg, .jpeg, .png, .webp, .gif",type:"file",onChange:i}),(0,a.jsx)(g.zx,{minW:0,minH:0,h:"100%",p:0,fontSize:n,background:"transparent",_hover:{background:"transparent"},_focus:{background:"transparent"},onClick:()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.click()},isLoading:t,isDisabled:r,children:(0,a.jsx)(ea.cr$,{})})]})},ImagePickerRoundButton=e=>{let{fontSize:n,onChange:i,isLoading:t}=e,r=(0,l.useRef)(null);return(0,a.jsxs)("label",{children:[(0,a.jsx)("input",{ref:r,hidden:!0,accept:".jpg, .jpeg, .png, .webp, .gif",type:"file",onChange:i}),(0,a.jsx)(RoundButton,{fontSize:n,isLoading:t,onClicked:()=>{var e;return null===(e=r.current)||void 0===e?void 0:e.click()},children:(0,a.jsx)(ea.cr$,{})})]})};var el=i(41588),er=i(10572);let BookmarkButton=e=>{let{articleID:n,bookmarkedByViewer:i,isDisabled:t,size:r}=e,{data:d}=(0,el.N)(),{addBookmark:s,addError:u,removeBookmark:c,removeError:m}=(0,er.B)();(0,j.Jx)({dep:u,message:"エラー",type:"allError"}),(0,j.Jx)({dep:m,message:"エラー",type:"allError"});let k=(0,l.useCallback)(async()=>{(null==d?void 0:d.viewer)&&await s({articleID:n,userID:d.viewer.id})},[null==d?void 0:d.viewer,s,n]),v=(0,l.useCallback)(async()=>{(null==d?void 0:d.viewer)&&await c({articleID:n,userID:d.viewer.id})},[null==d?void 0:d.viewer,c,n]);return(0,a.jsx)(g.B8,{onClick:i?v:k,isDisabled:t,children:i?(0,a.jsx)(V.VF9,{fontSize:r,color:o.lq}):(0,a.jsx)(V.mCg,{fontSize:r,color:o.YZ})})},LikeButton=e=>{let{articleID:n,likedByViewer:i,isDisabled:t,size:d}=e,{data:s}=(0,j.Nx)(),{like:u,unlike:c,likeError:m,unlikeError:k}=(0,j.U3)();(0,j.Jx)({dep:m,message:"エラー",type:"allError"}),(0,j.Jx)({dep:k,message:"エラー",type:"allError"});let v=(0,l.useCallback)(async()=>{(null==s?void 0:s.viewer)&&await u(n)},[n,u,null==s?void 0:s.viewer]),x=(0,l.useCallback)(async()=>{(null==s?void 0:s.viewer)&&await c(n)},[n,null==s?void 0:s.viewer,c]);return(0,a.jsx)(r.B8,{onClick:i?x:v,isDisabled:t,children:i?(0,a.jsx)(V.$0H,{color:o.Ox,fontSize:d}):(0,a.jsx)(V.BgW,{color:o.YZ,fontSize:d})})};var ed={src:"/_next/static/media/visa.10ca2d8d.svg",height:471,width:750,blurWidth:0,blurHeight:0},eo={src:"/_next/static/media/mastercard.62cf4ef0.svg",height:800,width:800,blurWidth:0,blurHeight:0},es={src:"/_next/static/media/jcb.29396145.svg",height:800,width:800,blurWidth:0,blurHeight:0},eu={src:"/_next/static/media/amex.faf08483.svg",height:800,width:800,blurWidth:0,blurHeight:0},ec={src:"/_next/static/media/diners.0f3a2f1b.svg",height:800,width:800,blurWidth:0,blurHeight:0},em={src:"/_next/static/media/discover.68f62bde.svg",height:800,width:800,blurWidth:0,blurHeight:0};function paymentCard_templateObject(){let e=(0,t._)(["\n  fragment PaymentCard_PaymentCardOutput on PaymentCardOutput {\n    isMain\n    brand\n    last4\n    exp\n  }\n"]);return paymentCard_templateObject=function(){return e},e}(0,k.Ps)(paymentCard_templateObject());let PaymentCard=e=>{let{paymentCard:n,onClickedUpdateToMain:i,onClickedDelete:t,shouldShowMenu:l}=e;return(0,a.jsxs)(g.M5,{w:350,h:200,p:8,borderRadius:20,boxShadow:"md",flexDirection:"column",alignItems:"start",background:o.H3,children:[(0,a.jsxs)(g.M5,{w:"100",children:[(0,a.jsx)(g.XF,{src:"visa"===n.brand?ed:"mastercard"===n.brand?eo:"jcb"===n.brand?es:"amex"===n.brand?eu:"diners"===n.brand?ec:"discover"===n.brand?em:"",boxSize:10}),(0,a.jsx)(g.xu,{w:8}),(0,a.jsx)(g.xv,{children:"**** **** **** ".concat(n.last4)}),(0,a.jsx)(g.xu,{w:4}),(0,a.jsx)(g.xv,{fontSize:"2xs",children:n.isMain?"メイン":"予備"})]}),(0,a.jsx)(g.xu,{h:6}),(0,a.jsxs)(g.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsx)(g.xv,{children:"有効期限: ".concat(n.exp)}),(0,a.jsx)(g.LZ,{}),l&&(0,a.jsxs)(g.v2,{autoSelect:!1,children:[(0,a.jsx)(g.j2,{children:(0,a.jsx)(g.xu,{cursor:"pointer",color:o.YZ,children:(0,a.jsx)(s.Q81,{})})}),(0,a.jsxs)(g.qy,{children:[!n.isMain&&(0,a.jsx)(g.sN,{py:0,onClick:i,children:(0,a.jsx)(g.M5,{h:8,children:(0,a.jsx)(g.xv,{fontSize:16,children:"メインにする"})})}),(0,a.jsx)(g.sN,{py:0,onClick:t,children:(0,a.jsx)(g.M5,{h:8,children:(0,a.jsx)(g.xv,{fontSize:16,children:"削除"})})})]})]})]})]})};var ek=i(64780);let SCTA=e=>{let{businessName:n,isPlatformSCTA:i}=e,t="\n".concat(n?"### 販売業社の名称・運営統括責任者":"","\n").concat(n||"","\n\n### 所在地\n電子メール等の請求により遅滞なく開示いたします\n\n### 電話番号\n電子メール等の請求により遅滞なく開示いたします\n\n### メールアドレス\noverridon@gmail.com\n\n### 販売価格\nデジタルコンテンツの購入ページに表示されている金額となります\n\n### 受け付け可能な決済手段\nデジタルコンテンツの購入ページに表示されている方法となります ( コイン or クレジットカード )\n\n").concat(i?"### 追加手数料等の追加料金":"","\n").concat(i?"販売には以下 2 点の手数料がかかります":"","\n").concat(i?"- 決済手数料 ".concat(100*D.C3," %"):"","\n").concat(i?"- プラットフォーム利用料 ".concat(100*D.Tg," %"):"","\n\n### 引渡時期\n決済後すぐに有料コンテンツを閲覧できるようになります\n\n### 決済期間\n個人負担での購入か組織負担での購入かで決済のタイミングが異なります\n\n- 個人負担での購入\n  - 即時決済となります\n- 組織負担での購入\n  - 当該月の負担分をまとめて翌月 ").concat(D.MJ," 日に決済させて頂きます\n\n### 返金ポリシー\nデジタルコンテンツのため、返品・キャンセルは受け付けておりません\n\n### ソフトウェアの動作環境\n最新版の chrome でのみ動作を保証しています\n");return(0,a.jsxs)(g.xu,{w:"100%",maxW:940,px:{base:8,md:16},py:10,borderRadius:{base:0,md:14},background:o.Yf,boxShadow:"sm",children:[(0,a.jsx)(g.M5,{children:(0,a.jsx)(g.xv,{fontSize:30,fontWeight:"bold",children:"特定商取引法に基づく表記"})}),(0,a.jsx)(g.xu,{h:4}),(0,a.jsx)(A.g,{body:t})]})},FullScreenLoading=()=>(0,a.jsx)(r.M5,{h:"100vh",children:(0,a.jsx)(r.$j,{})})},31812:function(e,n,i){i.d(n,{g:function(){return MarkdownProcessor}});var t,a=i(85893),l=i(67294),r=i(78205),d=i(1681),o=i(68057),s=i(24087),u=i(1241),c=i(30399),m=i(413),k=i(38931),v=i(70575),x=i(71059),h=i(21623);let traverse=e=>{e.forEach(e=>{var n;if(!("children"in e))return;if("a"!==e.tagName){traverse(e.children);return}let i=null===(n=e.properties)||void 0===n?void 0:n.href;e.properties&&i&&(/^#user-content-fnref-[0-9]$/.test(i)||/^#user-content-fn-[0-9]$/.test(i)||(e.properties.target="_blank",e.properties.rel="noreferrer noopener nofollow"))})};var p=i(3791),f=i(76135);let g=/^https?:\/\/codepen.io\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+\/(pen|embed)\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+/,isCodePenURL=e=>g.test(e),generateCodePenRehypeNode=e=>({type:"element",tagName:"iframe",properties:{src:e.replace("/pen/","/embed/"),loading:"lazy",width:"100%",height:"400",style:"marginBottom:20px"},children:[]}),S=/^https?:\/\/codesandbox.io\/(s|embed)\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+/,isCodeSandboxURL=e=>S.test(e),generateCodeSandboxRehypeNode=e=>({type:"element",tagName:"iframe",properties:{src:e.replace("/s/","/embed/"),loading:"lazy",width:"100%",height:"400",style:"marginBottom:20px"},children:[]}),N=/^https?:\/\/www.figma.com\/file\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+/,isFigmaURL=e=>N.test(e),generateFigmaRehypeNode=e=>({type:"element",tagName:"iframe",properties:{src:"".concat("https://www.figma.com/embed?embed_host=iframe&url=").concat(e),loading:"lazy",width:"100%",height:"400",style:"marginBottom:20px;borderWidth:1px"},children:[]}),generateLinkCardRehypeNode=e=>({type:"element",tagName:"abbr",properties:{src:e},children:[]}),j=/^https?:\/\/www.slideshare.net\/slideshow\/embed_code\/key\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+/,isSlideShareURL=e=>j.test(e),generateSlideShareRehypeNode=e=>({type:"element",tagName:"iframe",properties:{src:e,loading:"lazy",width:"100%",height:"400",style:"marginBottom:20px"},children:[]}),b=/^https?:\/\/speakerdeck.com\/player\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+/,isSpeakerDeckURL=e=>b.test(e),generateSpeakerDeckRehypeNode=e=>({type:"element",tagName:"iframe",properties:{src:e,loading:"lazy",width:"100%",height:"400",style:"marginBottom:20px"},children:[]}),F=/^https?:\/\/twitter.com\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+\/status\/[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+/,isTweetURL=e=>F.test(e),generateTweetRehypeNode=e=>({type:"element",tagName:"div",properties:{style:"marginBottom:30px"},children:[{type:"element",tagName:"blockquote",properties:{class:"twitter-tweet"},children:[{type:"element",tagName:"a",properties:{href:e},children:[{type:"text",value:"loading tweet"}]}]}]}),y=/^https?:\/\/www.youtube.com\/watch\?v=[-_.!~*'()a-zA-Z0-9;\/?:@&=+$,%#\u3000-\u30FE\u4E00-\u9FA0\uFF01-\uFFE3]+/,isYoutubeURL=e=>y.test(e),generateYoutubeRehypeNode=e=>({type:"element",tagName:"iframe",properties:{src:"".concat("https://www.youtube.com/embed/").concat(e.replace("https://www.youtube.com/watch?v=","")),loading:"lazy",width:"100%",height:"400",style:"marginBottom:20px"},children:[]});var w=i(87603),C=i(1642),D=i(96486),A=i.n(D);function isObject(e){return"object"==typeof e&&null!==e}function isNode(e){return isObject(e)&&"type"in e}function isRoot(e){return isNode(e)&&"root"===e.type}function isParagraph(e){return isNode(e)&&"paragraph"===e.type}function isText(e){return isObject(e)&&"value"in e&&"text"===e.type}let I=-1,O=[];function threeColonHandler(e){return(n,i)=>({type:"element",tagName:"div",properties:{className:e},children:(0,C.$6)(n,i)})}let useLoadEmbedScript=e=>{(0,l.useEffect)(()=>{if(window.twttr){window.twttr.widgets.load();return}let e=document.createElement("script");e.src="https://platform.twitter.com/widgets.js",document.body.appendChild(e)},[e])};var _=i(90999),M=i(84283),R=i(39395),U=i(95573),L=i.n(U);let T=(0,v.l)().use(m.Z).use((t=["info","caution","warning"],()=>e=>{t.forEach(n=>{var i,t;I=-1,O=[],(0,h.Vn)(e,(i={startIdentifier:"".concat(":::").concat(n),endIdentifier:":::"},e=>{if(!isParagraph(e))return!1;let n=e.children[0],t=e.children[e.children.length-1],a=isText(n)&&"value"in n&&(n.value===i.startIdentifier||n.value.startsWith("".concat(i.startIdentifier,"\n"))),l=isText(t)&&"value"in t&&(t.value===i.endIdentifier||t.value.endsWith("\n".concat(i.endIdentifier)));return a||l}),(t={startIdentifier:"".concat(":::").concat(n),endIdentifier:":::",nodeType:n},(e,n,i)=>{if(!isRoot(i))return;let a=e.children[0],l=e.children[e.children.length-1];if(isText(a)&&"value"in a&&a.value.startsWith("".concat(t.startIdentifier,"\n"))&&isText(l)&&"value"in l&&l.value.endsWith("\n".concat(t.endIdentifier))){if(1===e.children.length){a.value=a.value.replace("".concat(t.startIdentifier,"\n"),"").replace("\n".concat(t.endIdentifier),"").replace(t.endIdentifier,""),i.children[n]={type:t.nodeType,children:e.children};return}a.value==="".concat(t.startIdentifier,"\n")?e.children.shift():a.value=a.value.replace("".concat(t.startIdentifier,"\n"),""),l.value==="\n".concat(t.endIdentifier)?e.children.pop():l.value=l.value.replace("\n".concat(t.endIdentifier),""),i.children[n]={type:t.nodeType,children:e.children};return}if(isText(a)&&"value"in a&&a.value.startsWith(t.startIdentifier)){I=n;return}if(!(isText(l)&&"value"in l&&l.value.endsWith(t.endIdentifier)))return;let r=i.children[I];if(!isParagraph(r))return;let d=r.children[0];if(!(isText(d)&&"value"in d))return;let o=A().range(I+1,n).map(e=>i.children[e]),s=d.value.replace("".concat(t.startIdentifier,"\n"),"").replace(t.startIdentifier,"");""===s?r.children.shift():d.value=s,0!==r.children.length&&o.unshift(r);let u=l.value.replace("\n".concat(t.endIdentifier),"").replace(t.endIdentifier,"");""===u?e.children.pop():l.value=u,0!==e.children.length&&o.push(e),i.children[I]={type:t.nodeType,children:o},A().range(I+1,n+1).forEach(e=>O.push(e)),I=-1})),isRoot(e)&&(O.sort((e,n)=>e-n),O.forEach((n,i)=>e.children.splice(n-i,1)))})})).use(s.Z).use(u.Z,{singleTilde:!1}).use(c.Z).use(k.Z,{footnoteLabel:"脚注",footnoteLabelTagName:"h3",handlers:{info:threeColonHandler("info"),caution:threeColonHandler("caution"),warning:threeColonHandler("warning")}}).use(o.Z).use(r.Z).use(()=>e=>(e.children.forEach((n,i)=>{var t;if("element"!==n.type||"p"!==n.tagName||1!==n.children.length)return;let a=n.children[0];if("element"!==a.type||"a"!==a.tagName)return;let l=null===(t=a.properties)||void 0===t?void 0:t.href;if(!l||a.children[0]&&"value"in a.children[0]&&a.children[0].value!==l)return;let r=null;isYoutubeURL(l)?r=generateYoutubeRehypeNode(l):isTweetURL(l)?r=generateTweetRehypeNode(l):isCodePenURL(l)?r=generateCodePenRehypeNode(l):isCodeSandboxURL(l)?r=generateCodeSandboxRehypeNode(l):isSpeakerDeckURL(l)?r=generateSpeakerDeckRehypeNode(l):isSlideShareURL(l)?r=generateSlideShareRehypeNode(l):isFigmaURL(l)?r=generateFigmaRehypeNode(l):w.iX.test(l)&&(r=generateLinkCardRehypeNode(l)),r&&(e.children[i]=r)}),e)).use(()=>e=>{(0,h.Vn)(e,"element",e=>{traverse(e.children)})}).use(d.Z,{createElement:l.createElement,components:{abbr:e=>{var n,i,t,r;let{...d}=e,o=d.src,s=(0,l.useMemo)(()=>encodeURIComponent(o),[o]),fetcher=async e=>{let n=await fetch(e);if(!n.ok)throw Error();return n.json()},{data:u}=(0,f.Z)("".concat("https://overridon.com/api/ogp","/").concat(s),fetcher);return u?(0,a.jsx)(x.rU,{w:"100%",href:o,underline:"none",isExternal:!0,rel:o.startsWith(location.origin)?"":"noreferrer noopener nofollow",children:(0,a.jsxs)(x.M5,{w:"100%",h:140,borderRadius:10,borderWidth:1,borderColor:p.kQ,marginBottom:6,justifyContent:"start",_hover:{backgroundColor:p.H3},children:[(0,a.jsxs)(x.M5,{px:5,flexDirection:"column",alignItems:"start",flexShrink:1,minW:0,children:[(0,a.jsx)(x.xv,{fontWeight:"bold",fontSize:17,color:p.Sx,noOfLines:2,as:"div",children:null!==(r=null===(n=u.ogpData)||void 0===n?void 0:n.title)&&void 0!==r?r:o}),(0,a.jsx)(x.xu,{h:4}),(0,a.jsxs)(x.M5,{children:[(0,a.jsx)(x.cu,{h:4,src:"".concat("https://www.google.com/s2/favicons?sz=14&domain_url=").concat(s)}),(0,a.jsx)(x.xu,{w:2}),(0,a.jsx)(x.xv,{fontWeight:"medium",fontSize:13,color:p.YZ,noOfLines:1,as:"div",minW:0,children:null===(i=u.ogpData)||void 0===i?void 0:i.siteName})]})]}),(0,a.jsx)(x.LZ,{}),(0,a.jsx)(x.xu,{w:4}),(null===(t=u.ogpData)||void 0===t?void 0:t.imageURL)&&(0,a.jsx)(x.xu,{h:"100%",maxW:{base:140,sm:300},flexShrink:0,children:(0,a.jsx)(x.cu,{h:"100%",fit:"cover",src:u.ogpData.imageURL,borderRightRadius:10})})]})}):(0,a.jsxs)(x.M5,{w:"100%",h:140,px:8,borderRadius:10,borderWidth:1,borderColor:p.kQ,marginBottom:6,flexDirection:"column",children:[(0,a.jsx)(x.Od,{h:12,w:"100%",borderRadius:10}),(0,a.jsx)(x.xu,{h:6}),(0,a.jsx)(x.Od,{h:6,w:"100%",borderRadius:10})]})},img:e=>{let{...n}=e,i=n.src,t=(0,l.useMemo)(()=>{let e=i.match(/#(\d+)x*(\d+)*/);return{width:e?parseInt(e[1],10):void 0,height:e?parseInt(e[2],10):void 0}},[i]),r=n.title,d=n.alt;return(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(_.cu,{w:t.width,h:t.height,src:i,title:r,alt:d})})},pre:e=>{var n;let{...i}=e,t=i.children,[l,r]=(null!==(n=t[0].props.className)&&void 0!==n?n:"").replace("language-","").split(":");return(0,a.jsxs)(_.M5,{w:"100%",flexDirection:"column",alignItems:"start",children:[r&&(0,a.jsx)(_.xu,{px:3,py:.5,borderTopRadius:"0.3em",fontSize:14,background:p.eO,color:p.Yf,children:L()(r)}),(0,a.jsx)(R.Z,{language:l,style:M.YC,customStyle:{margin:"0px 0px 16px 0px",borderTopLeftRadius:r?0:"0.3em",width:"100%",fontSize:"0.9em"},children:t[0].props.children[0]})]})}}}),MarkdownProcessor=e=>{let{body:n}=e;return useLoadEmbedScript(n),(0,a.jsx)(x.xu,{w:"100%",className:"markdown-body body",children:T.processSync(n).result})}},71059:function(e,n,i){i.d(n,{_R:function(){return en},xu:function(){return r},zx:function(){return o},B8:function(){return s},M5:function(){return c},XZ:function(){return Checkbox},W2:function(){return v},iz:function(){return Divider},rj:function(){return Grid},cu:function(){return ImageComponent},II:function(){return b},BZ:function(){return InputGroup},xH:function(){return InputRightElement},rU:function(){return Link},v2:function(){return Menu},j2:function(){return M},R:function(){return MenuDivider},sN:function(){return MenuItem},qy:function(){return MenuList},u_:function(){return Modal},fe:function(){return ModalBody},ol:function(){return ModalCloseButton},hz:function(){return ModalContent},xB:function(){return ModalHeader},ZA:function(){return ModalOverlay},XF:function(){return NextImageComponent},J2:function(){return Popover},b:function(){return PopoverBody},yk:function(){return PopoverContent},Yt:function(){return PopoverHeader},xo:function(){return PopoverTrigger},h_:function(){return Portal},Y8:function(){return Radio},Ee:function(){return RadioGroup},Od:function(){return Skeleton},LZ:function(){return Spacer},$j:function(){return Spinner},xv:function(){return Text},gx:function(){return ee},u:function(){return Tooltip},Eq:function(){return Wrap},Uc:function(){return WrapItem}});var t=i(85893),a=i(16554),l=i(57747);let r=(0,a.G)((e,n)=>{let{children:i,...a}=e;return(0,t.jsx)(l.xu,{...a,ref:n,children:i})});var d=i(14225);let o=(0,a.G)((e,n)=>{let{children:i,...a}=e;return(0,t.jsx)(d.z,{_focus:{boxShadow:"none"},...a,ref:n,children:i})}),s=(0,a.G)((e,n)=>{let{children:i,...a}=e;return(0,t.jsx)(d.z,{minW:0,minH:0,h:"100%",p:0,background:"transparent",_hover:{background:"transparent"},_focus:{boxShadow:"none"},...a,ref:n,children:i})});var u=i(27239);let c=(0,a.G)((e,n)=>{let{children:i,...a}=e;return(0,t.jsx)(u.M,{...a,ref:n,children:i})});var m=i(53468);let Checkbox=e=>{let{...n}=e;return(0,t.jsx)(m.X,{...n})};var k=i(22338);let v=(0,a.G)((e,n)=>{let{children:i,...a}=e;return(0,t.jsx)(k.W,{maxW:"100%",p:0,...a,ref:n,children:i})});var x=i(49289);let Divider=e=>{let{...n}=e;return(0,t.jsx)(x.i,{...n})};var h=i(79078);let Grid=e=>{let{children:n,...i}=e;return(0,t.jsx)(h.r,{...i,children:n})};var p=i(6089),f=i(25675),g=i.n(f);let ImageComponent=e=>{let{...n}=e;return(0,t.jsx)(p.E,{...n,alt:n.alt?n.alt:"error",loading:"lazy"})},NextImageComponent=e=>{let{src:n,objectFit:i,borderRadius:a,borderRightRadius:l,priority:r,...d}=e;return(0,t.jsx)(c,{...d,position:"relative",borderRadius:a,borderRightRadius:l,children:(0,t.jsx)(g(),{width:0,height:0,src:n,priority:r,alt:"error",style:{width:"100%",height:"100%",borderTopRightRadius:l,borderBottomRightRadius:l,borderRadius:a,objectFit:i}})})};var S=i(53694),N=i(32735),j=i(33090);let InputGroup=e=>{let{children:n,...i}=e;return(0,t.jsx)(S.B,{...i,children:n})},InputRightElement=e=>{let{children:n,...i}=e;return(0,t.jsx)(N.x,{...i,children:n})},b=(0,a.G)((e,n)=>{let{...i}=e;return(0,t.jsx)(j.I,{...i,_focus:{boxShadow:"none"},ref:n})});var F=i(72821),y=i(32883),w=i(41664),C=i.n(w);i(67294);let Link=e=>{let{children:n,href:i,underline:a,...l}=e;return i?(0,t.jsx)(F.r,{as:C(),href:i,_focus:{boxShadow:"none"},...l,textDecoration:"all-time"===a?"underline":"none",style:"none"===a?{textDecoration:"none"}:{},children:n}):(0,t.jsx)(y.r,{_focus:{boxShadow:"none"},...l,textDecoration:"all-time"===a?"underline":"none",style:"none"===a?{textDecoration:"none"}:{},children:n})};var D=i(66712),A=i(91170),I=i(4040),O=i(78230),_=i(62658);let Menu=e=>{let{children:n,...i}=e;return(0,t.jsx)(D.v,{...i,children:n})},M=(0,a.G)((e,n)=>{let{children:i,...a}=e;return(0,t.jsx)(A.j,{...a,ref:n,children:i})}),MenuList=e=>{let{children:n,...i}=e;return(0,t.jsx)(I.q,{...i,children:n})},MenuItem=e=>{let{children:n,...i}=e;return(0,t.jsx)(O.s,{...i,children:n})},MenuDivider=e=>{let{children:n,...i}=e;return(0,t.jsx)(_.R,{...i,children:n})};var R=i(35541),U=i(54346),L=i(66205),T=i(57197),z=i(64859),B=i(19778);let Modal=e=>{let{children:n,...i}=e;return(0,t.jsx)(R.u_,{...i,children:n})},ModalBody=e=>{let{children:n,...i}=e;return(0,t.jsx)(U.f,{...i,children:n})},ModalCloseButton=e=>{let{...n}=e;return(0,t.jsx)(L.o,{...n,_focus:{border:"none"}})},ModalContent=e=>{let{children:n,...i}=e;return(0,t.jsx)(T.h,{...i,children:n})},ModalHeader=e=>{let{children:n,...i}=e;return(0,t.jsx)(z.x,{...i,children:n})},ModalOverlay=e=>{let{children:n,...i}=e;return(0,t.jsx)(B.Z,{...i,children:n})};var P=i(17191),V=i(50151),E=i(1702),$=i(64325),W=i(74574),Z=i(82509);let Popover=e=>{let{children:n,...i}=e;return(0,t.jsx)(P.J,{...i,children:n})},PopoverTrigger=e=>{let{children:n}=e;return(0,t.jsx)(V.x,{children:n})},Portal=e=>{let{children:n,...i}=e;return(0,t.jsx)(E.h,{...i,children:n})},PopoverContent=e=>{let{children:n,...i}=e;return(0,t.jsx)($.y,{...i,_focus:{boxShadow:"none"},children:n})},PopoverHeader=e=>{let{children:n,...i}=e;return(0,t.jsx)(W.Y,{...i,children:n})},PopoverBody=e=>{let{children:n,...i}=e;return(0,t.jsx)(Z.b,{...i,children:n})};var q=i(51607),Y=i(24259);let RadioGroup=e=>{let{children:n,...i}=e;return(0,t.jsx)(q.E,{...i,children:n})},Radio=e=>{let{children:n,...i}=e;return(0,t.jsx)(Y.Y,{...i,_focus:{boxShadow:"none"},children:n})};var H=i(96854);let Skeleton=e=>{let{children:n,...i}=e;return(0,t.jsx)(H.O,{...i,children:n})};var J=i(65028);let Spacer=e=>{let{children:n,...i}=e;return(0,t.jsx)(J.L,{...i,children:n})};var X=i(81136);let Spinner=e=>{let{children:n,...i}=e;return(0,t.jsx)(X.$,{...i,children:n})};var G=i(71293);let Text=e=>{let{children:n,...i}=e;return(0,t.jsx)(G.x,{...i,children:n})};var K=i(57169),Q=i(93463);let ee=(0,a.G)((e,n)=>{let{...i}=e;return(0,t.jsx)(K.g,{...i,ref:n,resize:"none",_focus:{boxShadow:"none"}})}),en=(0,a.G)((e,n)=>(0,t.jsx)(ee,{w:"100%",minH:"unset",minRows:1,overflow:"hidden",resize:"none",ref:n,as:Q.Z,...e}));var ei=i(32568);let Tooltip=e=>{let{children:n,...i}=e;return(0,t.jsx)(ei.u,{...i,children:n})};var et=i(47710);let Wrap=e=>{let{children:n,...i}=e;return(0,t.jsx)(et.E,{...i,children:n})},WrapItem=e=>{let{children:n,...i}=e;return(0,t.jsx)(et.U,{...i,children:n})}},90999:function(e,n,i){i.d(n,{$j:function(){return t.$j},B8:function(){return t.B8},BZ:function(){return t.BZ},C1:function(){return a.C1},D3:function(){return a.D3},Ee:function(){return t.Ee},Eq:function(){return t.Eq},Fb:function(){return t.Fb},HI:function(){return a.HI},II:function(){return t.II},J2:function(){return t.J2},Kt:function(){return t.Kt},LZ:function(){return t.LZ},M5:function(){return t.M5},ML:function(){return t.ML},NK:function(){return a.NK},Od:function(){return t.Od},QM:function(){return t.QM},QU:function(){return a.QU},R:function(){return t.R},S4:function(){return t.S4},Tn:function(){return t.Tn},Uc:function(){return t.Uc},Vm:function(){return t.Vm},W2:function(){return t.W2},XF:function(){return t.XF},XZ:function(){return t.XZ},Y8:function(){return t.Y8},Yt:function(){return t.Yt},ZA:function(){return t.ZA},_R:function(){return t._R},b:function(){return t.b},cH:function(){return t.cH},cu:function(){return t.cu},d2:function(){return t.d2},dJ:function(){return t.dJ},eZ:function(){return t.eZ},eg:function(){return t.eg},fe:function(){return t.fe},fs:function(){return t.fs},g4:function(){return t.g4},gx:function(){return t.gx},h_:function(){return t.h_},hz:function(){return t.hz},iF:function(){return a.iF},ic:function(){return t.ic},iz:function(){return t.iz},j2:function(){return t.j2},l3:function(){return t.l3},n4:function(){return t.n4},ol:function(){return t.ol},qG:function(){return a.qG},qJ:function(){return a.qJ},qy:function(){return t.qy},rU:function(){return t.rU},rj:function(){return t.rj},sN:function(){return t.sN},tv:function(){return a.tv},u:function(){return t.u},u_:function(){return t.u_},v2:function(){return t.v2},wS:function(){return a.wS},wZ:function(){return t.wZ},wt:function(){return a.wt},xH:function(){return t.xH},xo:function(){return t.xo},xu:function(){return t.xu},xv:function(){return t.xv},yg:function(){return a.yg},yk:function(){return t.yk},zx:function(){return t.zx}});var t=i(13142),a=i(99620)},99620:function(e,n,i){let t;i.d(n,{HI:function(){return HeaderAndFooterLayout},C1:function(){return useBadgingListModal},tv:function(){return eb.t},qG:function(){return useFixTagModal},qJ:function(){return useFollowerModal},D3:function(){return useFollowingModal},QU:function(){return useInviteModal},NK:function(){return useLoginModal},iF:function(){return usePurchaseBadgeModal},wS:function(){return useSaveOrgPaymentCardModal},wt:function(){return useSavePaymentCardModal},yg:function(){return useWithdrawEarningsConfirmModal}});var a=i(85893),l=i(5152),r=i.n(l),d=i(67294),o=i(33478),s=i(82729),u=i(90999),c=i(1578),m=i(63750),k=i(89583),v=i(20967),x=i(49217),h=i(71059),p=i(3791),f=i(68806),g=i(50319),S=i(6812),N=i(97894);function getStripePromise(){return!t&&(t=(0,N.loadStripe)("pk_live_51OtooqCxCxSakIDfCyEnRuBkToP1ap0IJAWCyPav8hLoM5VjxzS1gvhy8DiPSCt4lcP4LR1AOPUuaogL9vBGmJ6M00TdxG69QF")),t}let j={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchCreditCard"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"viewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"paymentCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"brand"}},{kind:"Field",name:{kind:"Name",value:"exp"}},{kind:"Field",name:{kind:"Name",value:"last4"}},{kind:"Field",name:{kind:"Name",value:"isMain"}},{kind:"Field",name:{kind:"Name",value:"paymentMethodID"}}]}}]}}]}}]}}]}}]},b={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"CreateClientSecretForPurchasingCoinByCredit"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"amount"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"createClientSecretForPurchasingCoinByCredit"},arguments:[{kind:"Argument",name:{kind:"Name",value:"amount"},value:{kind:"Variable",name:{kind:"Name",value:"amount"}}}]}]}}]},F={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"purchaseCoinByCredit"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"paymentIntentID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"purchaseCoinByCredit"},arguments:[{kind:"Argument",name:{kind:"Name",value:"paymentIntentID"},value:{kind:"Variable",name:{kind:"Name",value:"paymentIntentID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"coin"}}]}}]}}]}}]}}]};var y=i(59331);function _templateObject(){let e=(0,s._)(["\n  query FetchCreditCard {\n    viewer {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          paymentCards {\n            brand\n            exp\n            last4\n            isMain\n            paymentMethodID\n          }\n        }\n      }\n    }\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,s._)(["\n  mutation CreateClientSecretForPurchasingCoinByCredit($amount: Int!) {\n    createClientSecretForPurchasingCoinByCredit(amount: $amount)\n  }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,s._)(["\n  mutation purchaseCoinByCredit($paymentIntentID: String!) {\n    purchaseCoinByCredit(paymentIntentID: $paymentIntentID) {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          coin\n        }\n      }\n    }\n  }\n"]);return _templateObject2=function(){return e},e}(0,f.Ps)(_templateObject()),(0,f.Ps)(_templateObject1()),(0,f.Ps)(_templateObject2());let PurchaseCoinModalBody=e=>{var n;let{purchaseAmount:i,onClickedPurchase:t}=e,[l,{error:r}]=(0,g.D)(b),{data:s}=(0,S.a)(j),c=(0,d.useMemo)(()=>{var e;return s&&s.viewer&&null!==(e=s.viewer.privateInfo.wallet.paymentCards.find(e=>e.isMain))&&void 0!==e?e:null},[s]),[m,{data:k,error:v}]=(0,g.D)(F);(0,o.Jx)({dep:r,message:"エラー",type:"allError"}),(0,o.Jx)({dep:v,message:"エラー",type:"allError"}),(0,o.K7)({dep:k,message:"購入しました"});let[x,h]=(0,d.useState)(!1),f=(0,d.useCallback)(async()=>{var e;let n=await getStripePromise();if(!n)return;h(!0);let a=await l({variables:{amount:i}});if(!(null===(e=a.data)||void 0===e?void 0:e.createClientSecretForPurchasingCoinByCredit)){h(!1);return}let r=await n.confirmCardPayment(a.data.createClientSecretForPurchasingCoinByCredit,{return_url:location.href});if(r.error||"requires_capture"!==r.paymentIntent.status){h(!1);return}await m({variables:{paymentIntentID:r.paymentIntent.id}}),h(!1),t()},[l,t,i,m]);return s?(0,a.jsxs)(u.M5,{flexDirection:"column",children:[(0,a.jsxs)(u.M5,{w:"100%",flexDirection:"column",borderTopRadius:14,background:p.H3,children:[(0,a.jsx)(u.xu,{h:6}),(0,a.jsx)(u.xv,{fontWeight:"bold",children:"お支払い内容のご確認"}),(0,a.jsx)(u.xu,{h:6})]}),(0,a.jsxs)(u.M5,{w:"100%",px:10,borderBottomRadius:14,flexDirection:"column",alignItems:"start",children:[(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"購入商品 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.XF,{boxSize:5,src:y.Z}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7"}),(0,a.jsx)(u.xu,{w:1}),(0,a.jsx)(u.xv,{children:"".concat(i.toLocaleString()," 枚")})]})]}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"支払金額 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xa5 ".concat(i.toLocaleString())})]}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"支払方法 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"クレカ ( **** **** ".concat(null!==(n=null==c?void 0:c.last4)&&void 0!==n?n:""," )")})]}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"注意事項 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"お取り消しはできません"})]}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsx)(u.iz,{})]}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsxs)(u.M5,{w:"100%",children:[(0,a.jsx)(u.zx,{colorScheme:"red",onClick:t,children:"キャンセル"}),(0,a.jsx)(u.xu,{w:6}),(0,a.jsx)(u.zx,{colorScheme:"blue",onClick:f,isLoading:x,children:"購入を確定"})]}),(0,a.jsx)(u.xu,{h:10})]}):null},usePurchaseCoinByCreditConfirmModal=()=>{let{isOpen:e,onOpen:n,onClose:i}=(0,v.q)(),[t,l]=(0,d.useState)(0),r=(0,d.useCallback)(e=>{l(e),n()},[n]),o=(0,a.jsxs)(h.u_,{size:"sm",isOpen:e,onClose:i,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsx)(h.hz,{borderRadius:14,children:(0,a.jsx)(h.fe,{p:0,children:(0,a.jsx)(PurchaseCoinModalBody,{purchaseAmount:t,onClickedPurchase:i})})})]});return{purchaseConfirmModal:o,openModal:r,closeModal:i}},w={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchPaymentCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"viewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"paymentCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"brand"}},{kind:"Field",name:{kind:"Name",value:"exp"}},{kind:"Field",name:{kind:"Name",value:"last4"}},{kind:"Field",name:{kind:"Name",value:"isMain"}},{kind:"Field",name:{kind:"Name",value:"paymentMethodID"}}]}}]}}]}}]}}]}}]};function coinMenuBody_templateObject(){let e=(0,s._)(["\n  query FetchPaymentCards {\n    viewer {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          paymentCards {\n            brand\n            exp\n            last4\n            isMain\n            paymentMethodID\n          }\n        }\n      }\n    }\n  }\n"]);return coinMenuBody_templateObject=function(){return e},e}(0,f.Ps)(coinMenuBody_templateObject());let CoinMenuBody=e=>{let{onClickedResisterCredit:n,onSelectedItem:i}=e,{data:t,loading:l}=(0,S.a)(w),r=(0,d.useMemo)(()=>{var e;return t&&t.viewer&&null!==(e=t.viewer.privateInfo.wallet.paymentCards.find(e=>e.isMain))&&void 0!==e?e:null},[t]);return l?(0,a.jsx)(u.M5,{w:"100%",minH:100,children:(0,a.jsx)(u.$j,{})}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(u.M5,{w:"100",children:[(0,a.jsx)(u.XF,{boxSize:7,src:y.Z}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7 100"}),(0,a.jsx)(u.LZ,{}),(0,a.jsx)(u.zx,{h:8,w:24,borderRadius:20,colorScheme:"blue",onClick:()=>i(100),isDisabled:null===r,children:(0,a.jsx)(u.xv,{children:"\xa5 100"})})]}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{w:"100",children:[(0,a.jsx)(u.XF,{boxSize:7,src:y.Z}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7 300"}),(0,a.jsx)(u.LZ,{}),(0,a.jsx)(u.zx,{h:8,w:24,borderRadius:20,colorScheme:"blue",onClick:()=>i(300),isDisabled:null===r,children:(0,a.jsx)(u.xv,{children:"\xa5 300"})})]}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{w:"100",children:[(0,a.jsx)(u.XF,{boxSize:7,src:y.Z}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7 500"}),(0,a.jsx)(u.LZ,{}),(0,a.jsx)(u.zx,{h:8,w:24,borderRadius:20,colorScheme:"blue",onClick:()=>i(500),isDisabled:null===r,children:(0,a.jsx)(u.xv,{children:"\xa5 500"})})]}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{w:"100",children:[(0,a.jsx)(u.XF,{boxSize:7,src:y.Z}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7 1,000"}),(0,a.jsx)(u.LZ,{}),(0,a.jsx)(u.zx,{h:8,w:24,borderRadius:20,colorScheme:"blue",onClick:()=>i(1e3),isDisabled:null===r,children:(0,a.jsx)(u.xv,{children:"\xa5 1,000"})})]}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{w:"100",children:[(0,a.jsx)(u.XF,{boxSize:7,src:y.Z}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7 5,000"}),(0,a.jsx)(u.LZ,{}),(0,a.jsx)(u.zx,{h:8,w:24,borderRadius:20,colorScheme:"blue",onClick:()=>i(5e3),isDisabled:null===r,children:(0,a.jsx)(u.xv,{children:"\xa5 5,000"})})]}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{w:"100",children:[(0,a.jsx)(u.XF,{boxSize:7,src:y.Z}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7 10,000"}),(0,a.jsx)(u.LZ,{}),(0,a.jsx)(u.zx,{h:8,w:24,borderRadius:20,colorScheme:"blue",onClick:()=>i(1e4),isDisabled:null===r,children:(0,a.jsx)(u.xv,{children:"\xa5 10,000"})})]}),!r&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.xv,{children:["※ クレジットカードを",(0,a.jsx)(u.rU,{color:p.rR,px:1,onClick:n,children:"登録"}),"して下さい"]})]})]})};function coinMenu_templateObject(){let e=(0,s._)(["\n  fragment CoinMenu_ViewerOutput on UserOutput {\n    id\n    privateInfo {\n      id\n      wallet {\n        id\n        coin\n      }\n    }\n  }\n"]);return coinMenu_templateObject=function(){return e},e}(0,f.Ps)(coinMenu_templateObject());let CoinMenu=()=>{var e,n;let{data:i}=(0,o.Nx)(),{isOpen:t,onClose:l,onOpen:r}=(0,v.q)(),{purchaseConfirmModal:s,openModal:c}=usePurchaseCoinByCreditConfirmModal(),m=(0,o.tv)(),k=(0,d.useCallback)(async()=>{m&&(await m.push(x.V.settings.payment.$url()),l())},[l,m]),h=(0,d.useCallback)(e=>{c(e),l()},[l,c]);return(0,a.jsxs)(u.J2,{isOpen:t,onClose:l,isLazy:!0,children:[s,(0,a.jsx)(u.xo,{children:(0,a.jsxs)(u.M5,{px:{base:2,md:3},py:1,borderWidth:1,borderColor:p.kQ,borderRadius:20,cursor:"pointer",onClick:r,children:[(0,a.jsx)(u.XF,{boxSize:{base:6,md:8},src:y.Z,priority:!0}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:null!==(n=null==i?void 0:null===(e=i.viewer)||void 0===e?void 0:e.privateInfo.wallet.coin.toLocaleString())&&void 0!==n?n:0})]})}),(0,a.jsx)(u.h_,{children:(0,a.jsxs)(u.yk,{w:300,minH:300,children:[(0,a.jsx)(u.Yt,{children:(0,a.jsx)(u.M5,{children:(0,a.jsx)(u.xv,{children:"コインの購入"})})}),(0,a.jsx)(u.b,{px:6,py:6,children:(0,a.jsx)(CoinMenuBody,{onSelectedItem:h,onClickedResisterCredit:k})})]})})]})};var C=i(8193),D=i(80471),A=i(60155),I=i(5434);let O={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"logout"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"logout"}}]}}]};function iconMenu_templateObject(){let e=(0,s._)(["\n  fragment IconMenu_ViewerOutput on UserOutput {\n    id\n    profile {\n      id\n      avatarURL\n    }\n  }\n"]);return iconMenu_templateObject=function(){return e},e}function iconMenu_templateObject1(){let e=(0,s._)(["\n  mutation logout {\n    logout\n  }\n"]);return iconMenu_templateObject1=function(){return e},e}(0,f.Ps)(iconMenu_templateObject()),(0,f.Ps)(iconMenu_templateObject1());let IconMenu=()=>{let{data:e}=(0,o.Nx)(),[n,{error:i}]=(0,g.D)(O);(0,o.Jx)({dep:i,message:"エラー",type:"allError"});let t=(0,d.useCallback)(async()=>{await n(),location.replace((0,c.Td)(c.VW.$url()))},[n]);return(null==e?void 0:e.viewer)?(0,a.jsxs)(u.v2,{autoSelect:!1,children:[(0,a.jsx)(u.j2,{children:(0,a.jsx)(u.XF,{boxSize:{base:8,sm:12},src:e.viewer.profile.avatarURL,borderRadius:"50%",objectFit:"cover",priority:!0})}),(0,a.jsxs)(u.qy,{children:[(0,a.jsx)(u.rU,{href:c.VW.user._URLSafeUserName(e.viewer.profile.URLSafeName).$url(),underline:"none",children:(0,a.jsx)(u.sN,{children:(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(D.Mdg,{size:"20",color:p.YZ}),(0,a.jsx)(u.xu,{w:3}),(0,a.jsx)(u.xv,{children:"プロフィール"})]})})}),(0,a.jsx)(u.rU,{href:c.VW.dashboard.withdraw.$url(),underline:"none",children:(0,a.jsx)(u.sN,{children:(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(A.Bsi,{size:"20",color:p.YZ}),(0,a.jsx)(u.xu,{w:3}),(0,a.jsx)(u.xv,{children:"収益ダッシュボード"})]})})}),(0,a.jsx)(u.rU,{href:c.VW.history.purchase.article.$url(),underline:"none",children:(0,a.jsx)(u.sN,{children:(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(C.wYb,{size:"20",color:p.YZ}),(0,a.jsx)(u.xu,{w:3}),(0,a.jsx)(u.xv,{children:"購入履歴"})]})})}),(0,a.jsx)(u.rU,{href:c.VW.settings.profile.$url(),underline:"none",children:(0,a.jsx)(u.sN,{children:(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(m.FBj,{size:"20",color:p.YZ}),(0,a.jsx)(u.xu,{w:3}),(0,a.jsx)(u.xv,{children:"設定"})]})})}),(0,a.jsx)(u.R,{m:1}),(0,a.jsx)(u.rU,{onClick:t,underline:"none",children:(0,a.jsxs)(u.sN,{children:[(0,a.jsx)(I.IUz,{size:"20",color:p.YZ}),(0,a.jsx)(u.xu,{w:3}),(0,a.jsx)(u.xv,{children:"ログアウト"})]})})]})]}):null};var _=i(348),M=i(41588);let R={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchNotifications"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"first"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"after"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"viewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"notifications"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"Variable",name:{kind:"Name",value:"first"}}},{kind:"Argument",name:{kind:"Name",value:"after"},value:{kind:"Variable",name:{kind:"Name",value:"after"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"notification"},selectionSet:{kind:"SelectionSet",selections:[{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NotificationFollowOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"actor"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"displayName"}}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NotificationCommentOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"actor"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"displayName"}}]}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NotificationInvitationOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"actor"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"displayName"}}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NotificationPurchaseBadgeOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"actor"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"displayName"}}]}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}}]}},{kind:"InlineFragment",typeCondition:{kind:"NamedType",name:{kind:"Name",value:"NotificationSuspendArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]}}]}}]};var U=i(80603);function notificationMenuBody_templateObject(){let e=(0,s._)(["\n  query FetchNotifications($first: Int!, $after: String) {\n    viewer {\n      id\n      privateInfo {\n        id\n        notifications(first: $first, after: $after) {\n          edges {\n            node {\n              notification {\n                ... on NotificationFollowOutput {\n                  actor {\n                    id\n                    imageURL\n                    URLSafeName\n                    displayName\n                  }\n                }\n                ... on NotificationCommentOutput {\n                  actor {\n                    id\n                    imageURL\n                    URLSafeName\n                    displayName\n                  }\n                  content {\n                    id\n                    title\n                  }\n                }\n                ... on NotificationInvitationOutput {\n                  actor {\n                    id\n                    imageURL\n                    URLSafeName\n                    displayName\n                  }\n                }\n                ... on NotificationPurchaseBadgeOutput {\n                  actor {\n                    id\n                    imageURL\n                    URLSafeName\n                    displayName\n                  }\n                  content {\n                    id\n                    title\n                  }\n                }\n                ... on NotificationSuspendArticleOutput {\n                  content {\n                    id\n                    title\n                  }\n                }\n              }\n            }\n            cursor\n          }\n          pageInfo {\n            endCursor\n            hasNextPage\n          }\n        }\n      }\n    }\n  }\n"]);return notificationMenuBody_templateObject=function(){return e},e}(0,f.Ps)(notificationMenuBody_templateObject());let NotificationMenuBody=e=>{var n,i;let{onClickedNotification:t}=e,{data:l}=(0,M.N)(),{data:r,loading:s,fetchMore:u}=(0,S.a)(R,{variables:{first:20},notifyOnNetworkStatusChange:!0}),{readNotification:c,error:m}=(0,_.S)();(0,o.Jx)({dep:m,message:"エラー",type:"allError"});let k=(0,d.useCallback)(async()=>{var e;(null==r?void 0:null===(e=r.viewer)||void 0===e?void 0:e.privateInfo.notifications.pageInfo.hasNextPage)&&await u({variables:{after:r.viewer.privateInfo.notifications.pageInfo.endCursor,first:20}})},[r,u]);return((0,d.useEffect)(()=>{var e;(null==l?void 0:null===(e=l.viewer)||void 0===e?void 0:e.id)&&c(l.viewer.id)},[null==l?void 0:null===(n=l.viewer)||void 0===n?void 0:n.id,c]),(null==r?void 0:null===(i=r.viewer)||void 0===i?void 0:i.privateInfo.notifications)&&(null==l?void 0:l.viewer))?(0,a.jsxs)(h.M5,{w:"100%",py:1,flexDirection:"column",alignItems:"start",children:[r.viewer.privateInfo.notifications.edges.map(e=>{var n,i;return(0,a.jsx)(h.rU,{w:"100%",href:"NotificationFollowOutput"===e.node.notification.__typename?x.V.user._URLSafeUserName(e.node.notification.actor.URLSafeName).$url():"NotificationCommentOutput"===e.node.notification.__typename?x.V.article._articleID(e.node.notification.content.id).$url():"NotificationPurchaseBadgeOutput"===e.node.notification.__typename?x.V.article._articleID(e.node.notification.content.id).$url():"NotificationInvitationOutput"===e.node.notification.__typename?x.V.settings.organization.invitation.$url():"NotificationSuspendArticleOutput"===e.node.notification.__typename?x.V.user._URLSafeUserName(null!==(i=null===(n=l.viewer)||void 0===n?void 0:n.profile.URLSafeName)&&void 0!==i?i:"").article.draft.$url():void 0,onClick:t,underline:"none",children:(0,a.jsxs)(h.M5,{w:"100%",px:3,py:2,_hover:{backgroundColor:p.H3},children:[(0,a.jsx)(h.rU,{href:"actor"in e.node.notification?x.V.user._URLSafeUserName(e.node.notification.actor.URLSafeName).$url():void 0,children:(0,a.jsx)(h.XF,{boxSize:10,src:"actor"in e.node.notification?e.node.notification.actor.imageURL:"",borderRadius:"50%",objectFit:"cover"})}),(0,a.jsx)(h.xu,{w:3}),(0,a.jsx)(h.xv,{w:"100%",fontSize:14,noOfLines:2,children:"NotificationFollowOutput"===e.node.notification.__typename?"".concat(e.node.notification.actor.URLSafeName," さんがあなたをフォローしました。"):"NotificationCommentOutput"===e.node.notification.__typename?"".concat(e.node.notification.actor.URLSafeName," さんが記事にコメントをしました。「").concat(e.node.notification.content.title,"」"):"NotificationPurchaseBadgeOutput"===e.node.notification.__typename?"".concat(e.node.notification.actor.URLSafeName," さんが記事にバッジを贈りました。「").concat(e.node.notification.content.title,"」"):"NotificationInvitationOutput"===e.node.notification.__typename?"組織に招待されました。「".concat(e.node.notification.actor.URLSafeName,"」"):"NotificationSuspendArticleOutput"===e.node.notification.__typename?"記事が凍結されました。「".concat(e.node.notification.content.title,"」"):""})]})},e.node.notification.__typename)}),r.viewer.privateInfo.notifications.pageInfo.hasNextPage&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(h.xu,{h:6}),(0,a.jsx)(h.zx,{isLoading:s,onClick:k,children:"もっとみる"}),(0,a.jsx)(h.xu,{h:4})]}),(null==r?void 0:r.viewer.privateInfo.notifications.edges.length)===0&&(0,a.jsxs)(h.M5,{w:"100%",flexDirection:"column",children:[(0,a.jsx)(h.xu,{h:10}),(0,a.jsx)(h.XF,{boxSize:24,src:U.Z}),(0,a.jsx)(h.xu,{h:2}),(0,a.jsx)(h.xv,{fontSize:"md",fontWeight:"bold",color:p.RE,children:"No notification"})]})]}):(0,a.jsx)(h.M5,{w:"100%",minH:200,children:(0,a.jsx)(h.$j,{})})};function notificationMenu_templateObject(){let e=(0,s._)(["\n  fragment NotificationMenu_ViewerOutput on UserOutput {\n    id\n    privateInfo {\n      id\n      unreadNotificationCount\n    }\n  }\n"]);return notificationMenu_templateObject=function(){return e},e}(0,f.Ps)(notificationMenu_templateObject());let NotificationMenu=()=>{let{data:e}=(0,M.N)(),{isOpen:n,onClose:i,onOpen:t}=(0,v.q)();return(null==e?void 0:e.viewer)?(0,a.jsxs)(h.J2,{isOpen:n,onClose:i,isLazy:!0,children:[(0,a.jsx)(h.xo,{children:(0,a.jsxs)(h.xu,{cursor:"pointer",onClick:t,position:"relative",children:[(0,a.jsx)(k.Ivv,{}),0!==e.viewer.privateInfo.unreadNotificationCount&&(0,a.jsx)(h.M5,{w:5,h:5,top:-2.5,right:-3,position:"absolute",background:p.lq,borderRadius:50,children:(0,a.jsx)(h.xv,{fontSize:10,fontWeight:"bold",color:p.Yf,children:e.viewer.privateInfo.unreadNotificationCount})})]})}),(0,a.jsx)(h.h_,{children:(0,a.jsxs)(h.yk,{w:320,_focus:{boxShadow:"none"},children:[(0,a.jsx)(h.Yt,{children:(0,a.jsx)(h.M5,{children:(0,a.jsx)(h.xv,{children:"Notification"})})}),(0,a.jsx)(h.b,{p:0,minH:300,maxH:300,overflowY:"auto",children:(0,a.jsx)(NotificationMenuBody,{onClickedNotification:i})})]})})]}):(0,a.jsx)(k.Ivv,{})};var L=i(56705);let SearchBox=()=>{let e=(0,d.useRef)(null),{searchKeyword:n,update:i}=(0,L.fw)(),t=(0,o.tv)(),l=(0,d.useCallback)(async()=>{var i;""!==n&&t&&(await t.push(x.V.search._keyword(n).article.trend.$url()),null===(i=e.current)||void 0===i||i.blur())},[t,n]),r=(0,d.useCallback)(e=>i(e.target.value),[i]),s=(0,d.useCallback)(async e=>{"Enter"===e.key&&await l()},[l]);return(0,a.jsxs)(u.M5,{w:"100%",px:4,borderWidth:0,borderRadius:12,background:p.H3,children:[(0,a.jsx)(u.xu,{color:p.YZ,onClick:l,cursor:"pointer",children:(0,a.jsx)(C.RB5,{})}),(0,a.jsx)(u.II,{h:9,placeholder:"Search",borderWidth:0,onKeyPress:s,onChange:r,value:n,ref:e})]})};var T=i(37106),z=i(7322);let SearchIcon=()=>{let{searchKeyword:e,update:n,reset:i}=(0,z.f)(),{isOpen:t,onClose:l,onOpen:r}=(0,v.q)(),s=(0,o.tv)(),c=(0,d.useCallback)(async()=>{""!==e&&s&&(l(),await s.push(x.V.search._keyword(e).article.trend.$url()),i())},[l,i,s,e]),m=(0,d.useCallback)(e=>n(e.target.value),[n]),k=(0,d.useCallback)(async e=>{"Enter"===e.key&&await c()},[c]);return(0,a.jsxs)(u.J2,{isOpen:t,onClose:l,children:[(0,a.jsx)(u.xo,{children:(0,a.jsx)(u.xu,{cursor:"pointer",onClick:r,position:"relative",children:(0,a.jsx)(T.adB,{})})}),(0,a.jsx)(u.h_,{children:(0,a.jsx)(u.yk,{borderWidth:1,borderRadius:12,children:(0,a.jsx)(u.b,{p:0,children:(0,a.jsxs)(u.M5,{w:"100%",px:4,borderWidth:0,borderRadius:12,background:p.Yf,children:[(0,a.jsx)(u.xu,{color:p.YZ,onClick:c,cursor:"pointer",children:(0,a.jsx)(C.RB5,{})}),(0,a.jsx)(u.II,{h:9,placeholder:"Search",borderWidth:0,onKeyPress:k,onChange:m,value:e})]})})})})]})};var B=i(96097);function builder_templateObject(){let e=(0,s._)(["\n  fragment Header_ViewerOutput on UserOutput {\n    id\n    profile {\n      id\n      URLSafeName\n    }\n  }\n"]);return builder_templateObject=function(){return e},e}(0,f.Ps)(builder_templateObject());let Header=()=>{let{data:e}=(0,o.Nx)(),{loginModal:n,openLoginModal:i}=(0,u.NK)();return(0,a.jsxs)(u.M5,{w:"100%",py:2,children:[n,(0,a.jsx)(u.rU,{href:c.VW.$url(),children:(0,a.jsx)(u.XF,{boxSize:{base:8,sm:10},src:B.Z,priority:!0})}),!1,(0,a.jsx)(u.LZ,{}),e&&(0,a.jsxs)(u.M5,{children:[(0,a.jsxs)(u.M5,{w:"100%",maxW:250,display:{base:"none",md:"flex"},children:[(0,a.jsx)(SearchBox,{}),(0,a.jsx)(u.xu,{w:8})]}),(0,a.jsxs)(u.M5,{display:{base:"flex",md:"none"},children:[(0,a.jsx)(SearchIcon,{}),(0,a.jsx)(u.xu,{w:{base:4,sm:7}})]}),e.viewer&&(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.rU,{href:c.VW.user._URLSafeUserName(e.viewer.profile.URLSafeName).bookmark.$url(),children:(0,a.jsx)(u.u,{label:"bookmark",placement:"bottom",openDelay:400,hasArrow:!0,children:(0,a.jsx)(u.xu,{children:(0,a.jsx)(k.mCg,{})})})}),(0,a.jsx)(u.xu,{w:{base:4,sm:8}}),(0,a.jsxs)(u.M5,{display:{base:"none",md:"flex"},children:[(0,a.jsx)(u.rU,{href:c.VW.article.create.$url(),children:(0,a.jsx)(u.u,{label:"write",placement:"bottom",openDelay:400,hasArrow:!0,children:(0,a.jsx)(u.xu,{children:(0,a.jsx)(m.jox,{})})})}),(0,a.jsx)(u.xu,{w:8})]}),(0,a.jsx)(NotificationMenu,{}),(0,a.jsx)(u.xu,{w:{base:4,sm:6}}),(0,a.jsx)(u.xv,{color:p.YZ,children:"|"}),(0,a.jsx)(u.xu,{w:{base:3,sm:6}}),(0,a.jsx)(CoinMenu,{}),(0,a.jsx)(u.xu,{w:{base:3,sm:6}}),(0,a.jsx)(IconMenu,{})]}),!e.viewer&&(0,a.jsx)(u.zx,{size:{base:"sm",sm:"md"},colorScheme:"gray",variant:"outline",onClick:i,children:(0,a.jsx)(u.xv,{fontWeight:"medium",children:"Login"})})]})]})};var P=i(4010),V=i(48325);let E=r()(()=>i.e(2233).then(i.bind(i,92233)).then(e=>e.Footer),{loadableGenerated:{webpack:()=>[92233]},ssr:!1}),HeaderAndFooterLayout=e=>{var n;let{headerColor:i,children:t,needFooter:l=!1}=e,{data:r}=(0,o.Nx)();return(0,a.jsxs)(h.M5,{w:"100%",flexDirection:"column",backgroundColor:i,children:[(0,a.jsx)(h.M5,{w:"100%",maxW:1600,px:V.F,h:16,children:(0,a.jsx)(Header,{})}),(null==r?void 0:null===(n=r.viewer)||void 0===n?void 0:n.privateInfo.status)===P.J0.Suspended&&(0,a.jsx)(h.M5,{w:"100%",h:6,background:p.q9,children:(0,a.jsx)(h.xv,{fontSize:14,children:"凍結中"})}),t,l&&(0,a.jsx)(h.M5,{w:"100%",maxW:1400,px:V.F,py:10,children:(0,a.jsx)(E,{})})]})};var $=i(50341);let W={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchFollowers"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"first"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"after"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"user"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeUserName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"followers"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"Variable",name:{kind:"Name",value:"first"}}},{kind:"Argument",name:{kind:"Name",value:"after"},value:{kind:"Variable",name:{kind:"Name",value:"after"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}},{kind:"Field",name:{kind:"Name",value:"viewerInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerIsFollowing"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]}}]};function followerModalBody_templateObject(){let e=(0,s._)(["\n  query FetchFollowers($URLSafeName: String!, $first: Int!, $after: String) {\n    user(URLSafeUserName: $URLSafeName) {\n      id\n      followers(first: $first, after: $after) {\n        edges {\n          node {\n            id\n            profile {\n              id\n              displayName\n              URLSafeName\n              avatarURL\n            }\n            viewerInfo {\n              id\n              viewerIsFollowing\n            }\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n    }\n  }\n"]);return followerModalBody_templateObject=function(){return e},e}(0,f.Ps)(followerModalBody_templateObject());let FollowerModalBody=e=>{let{URLSafeFolloweeName:n,onClickedClose:i}=e,{data:t}=(0,M.N)(),{data:l,error:r,loading:o,fetchMore:s}=(0,S.a)(W,{variables:{URLSafeName:n,first:48},notifyOnNetworkStatusChange:!0}),u=(0,d.useCallback)(async()=>{var e;(null==l?void 0:null===(e=l.user)||void 0===e?void 0:e.followers.pageInfo.hasNextPage)&&await s({variables:{after:l.user.followers.pageInfo.endCursor,first:48}})},[l,s]);return(null==l?void 0:l.user)&&!r&&t?(0,a.jsxs)(h.M5,{w:"100%",flexDirection:"column",children:[l.user.followers.edges.map(e=>{var n;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(h.M5,{w:"100%",children:[(0,a.jsx)(h.rU,{href:x.V.user._URLSafeUserName(e.node.profile.URLSafeName).$url(),onClick:i,children:(0,a.jsx)(h.XF,{boxSize:12,src:e.node.profile.avatarURL,borderRadius:"50%",objectFit:"cover"})}),(0,a.jsx)(h.xu,{w:3}),(0,a.jsxs)(h.M5,{flexDirection:"column",alignItems:"start",children:[(0,a.jsx)(h.rU,{href:x.V.user._URLSafeUserName(e.node.profile.URLSafeName).$url(),onClick:i,children:e.node.profile.displayName}),(0,a.jsxs)(h.xv,{fontSize:13,color:p.YZ,children:["@",e.node.profile.URLSafeName]})]}),(0,a.jsx)(h.LZ,{}),(null===(n=t.viewer)||void 0===n?void 0:n.id)!==e.node.id&&(0,a.jsx)($.e,{colorScheme:"blue",px:e.node.viewerInfo.viewerIsFollowing?6:8,borderRadius:20,variant:e.node.viewerInfo.viewerIsFollowing?"outline":"solid",isFollowing:e.node.viewerInfo.viewerIsFollowing,userID:e.node.id,children:e.node.viewerInfo.viewerIsFollowing?"Following":"Follow"})]}),(0,a.jsx)(h.xu,{h:5})]})}),l.user.followers.pageInfo.hasNextPage&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(h.xu,{h:6}),(0,a.jsx)(h.zx,{isLoading:o,onClick:u,children:"もっとみる"}),(0,a.jsx)(h.xu,{h:6})]})]}):(0,a.jsx)(h.M5,{w:"100%",minH:100,children:(0,a.jsx)(h.$j,{})})},useFollowerModal=e=>{let{isOpen:n,onOpen:i,onClose:t}=(0,v.q)(),l=(0,a.jsxs)(h.u_,{size:"sm",isOpen:n,onClose:t,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsxs)(h.hz,{children:[(0,a.jsx)(h.xB,{children:(0,a.jsx)(h.xv,{children:"Followers"})}),(0,a.jsx)(h.ol,{}),(0,a.jsx)(h.fe,{children:(0,a.jsx)(FollowerModalBody,{URLSafeFolloweeName:e,onClickedClose:t})})]})]});return{followerModal:l,openFollowerModal:i,closeFollowerModal:t}},Z={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchFollowees"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"first"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"after"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"user"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeUserName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"followees"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"Variable",name:{kind:"Name",value:"first"}}},{kind:"Argument",name:{kind:"Name",value:"after"},value:{kind:"Variable",name:{kind:"Name",value:"after"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}},{kind:"Field",name:{kind:"Name",value:"viewerInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerIsFollowing"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]}}]};function followingModalBody_templateObject(){let e=(0,s._)(["\n  query FetchFollowees($URLSafeName: String!, $first: Int!, $after: String) {\n    user(URLSafeUserName: $URLSafeName) {\n      id\n      followees(first: $first, after: $after) {\n        edges {\n          node {\n            id\n            profile {\n              id\n              displayName\n              URLSafeName\n              avatarURL\n            }\n            viewerInfo {\n              id\n              viewerIsFollowing\n            }\n          }\n          cursor\n        }\n        pageInfo {\n          endCursor\n          hasNextPage\n        }\n      }\n    }\n  }\n"]);return followingModalBody_templateObject=function(){return e},e}(0,f.Ps)(followingModalBody_templateObject());let FolloweesModalBody=e=>{let{URLSafeFolloweeName:n,onClickedClose:i}=e,{data:t}=(0,o.Nx)(),{data:l,error:r,loading:s,fetchMore:c}=(0,S.a)(Z,{variables:{URLSafeName:n,first:48},notifyOnNetworkStatusChange:!0}),m=(0,d.useCallback)(async()=>{var e;(null==l?void 0:null===(e=l.user)||void 0===e?void 0:e.followees.pageInfo.hasNextPage)&&await c({variables:{after:l.user.followees.pageInfo.endCursor,first:48}})},[l,c]);return(null==l?void 0:l.user)&&!r&&t?(0,a.jsxs)(u.M5,{w:"100%",flexDirection:"column",children:[l.user.followees.edges.map(e=>{var n;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(u.M5,{w:"100%",children:[(0,a.jsx)(u.rU,{href:x.V.user._URLSafeUserName(e.node.profile.URLSafeName).$url(),onClick:i,children:(0,a.jsx)(u.XF,{boxSize:12,src:e.node.profile.avatarURL,borderRadius:"50%",objectFit:"cover"})}),(0,a.jsx)(u.xu,{w:3}),(0,a.jsxs)(u.M5,{flexDirection:"column",alignItems:"start",children:[(0,a.jsx)(u.rU,{href:x.V.user._URLSafeUserName(e.node.profile.URLSafeName).$url(),onClick:i,children:e.node.profile.displayName}),(0,a.jsxs)(u.xv,{fontSize:13,color:p.YZ,children:["@",e.node.profile.URLSafeName]})]}),(0,a.jsx)(u.LZ,{}),(null===(n=t.viewer)||void 0===n?void 0:n.id)!==e.node.id&&(0,a.jsx)(u.eg,{colorScheme:"blue",px:e.node.viewerInfo.viewerIsFollowing?6:8,borderRadius:20,variant:e.node.viewerInfo.viewerIsFollowing?"outline":"solid",isFollowing:e.node.viewerInfo.viewerIsFollowing,userID:e.node.id,children:e.node.viewerInfo.viewerIsFollowing?"Following":"Follow"})]}),(0,a.jsx)(u.xu,{h:5})]})}),l.user.followees.pageInfo.hasNextPage&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(u.xu,{h:6}),(0,a.jsx)(u.zx,{isLoading:s,onClick:m,children:"もっとみる"}),(0,a.jsx)(u.xu,{h:6})]})]}):(0,a.jsx)(u.M5,{w:"100%",minH:100,children:(0,a.jsx)(u.$j,{})})},useFollowingModal=e=>{let{isOpen:n,onOpen:i,onClose:t}=(0,v.q)(),l=(0,a.jsxs)(h.u_,{size:"sm",isOpen:n,onClose:t,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsxs)(h.hz,{children:[(0,a.jsx)(h.xB,{children:(0,a.jsx)(h.xv,{children:"Followings"})}),(0,a.jsx)(h.ol,{}),(0,a.jsx)(h.fe,{children:(0,a.jsx)(FolloweesModalBody,{URLSafeFolloweeName:e,onClickedClose:t})})]})]});return{followingModal:l,openFollowingModal:i,closeFollowingModal:t}},q={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchUserProfile"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"user"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeUserName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}}]}}]},Y={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"invite"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"inviteeID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"invite"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}},{kind:"Argument",name:{kind:"Name",value:"inviteeID"},value:{kind:"Variable",name:{kind:"Name",value:"inviteeID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"invitees"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}}]}}]}}]}}]};var H=i(45731),J=i(87603);function inviteModalBody_templateObject(){let e=(0,s._)(["\n  query FetchUserProfile($URLSafeName: String!) {\n    user(URLSafeUserName: $URLSafeName) {\n      id\n      profile {\n        id\n        displayName\n        URLSafeName\n        avatarURL\n      }\n    }\n  }\n"]);return inviteModalBody_templateObject=function(){return e},e}function inviteModalBody_templateObject1(){let e=(0,s._)(["\n  mutation invite($URLSafeName: String!, $inviteeID: String!) {\n    invite(URLSafeName: $URLSafeName, inviteeID: $inviteeID) {\n      id\n      privateInfo {\n        id\n        invitees {\n          id\n          profile {\n            id\n            displayName\n            URLSafeName\n            avatarURL\n          }\n        }\n      }\n    }\n  }\n"]);return inviteModalBody_templateObject1=function(){return e},e}(0,f.Ps)(inviteModalBody_templateObject()),(0,f.Ps)(inviteModalBody_templateObject1());let InviteModalBody=e=>{let{URLSafeOrgName:n,URLSafeInviteeName:i,close:t}=e,[l,{data:r,loading:s,error:c}]=(0,g.D)(Y),{data:m,loading:k}=(0,S.a)(q,{variables:{URLSafeName:i}});(0,o.Jx)({dep:c,message:"エラー",type:"networkError"}),(0,o.Jx)({dep:c,message:"すでに組織に所属しているユーザーか、招待済のユーザーです",type:"graphQLError",errorStatusCode:J.If}),(0,o.K7)({dep:r,message:"".concat(i," を招待しました")});let v=(0,d.useCallback)(async()=>{(null==m?void 0:m.user)&&await l({variables:{URLSafeName:n,inviteeID:m.user.id}})},[null==m?void 0:m.user,l,n]),h=(0,o.tv)();return((0,d.useEffect)(()=>{r&&h&&(t(),h.push(x.V.organization._URLSafeOrgName(n).settings.member.invitee.$url()))},[n,t,i,r,h]),k)?(0,a.jsx)(u.M5,{w:"100%",minH:500,children:(0,a.jsx)(u.$j,{})}):(null==m?void 0:m.user)?(0,a.jsxs)(u.M5,{h:200,flexDirection:"column",p:8,children:[(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.XF,{boxSize:8,src:m.user.profile.avatarURL,borderRadius:"50%",objectFit:"cover"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"@".concat(i," を招待しますか？")})]}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.zx,{colorScheme:"red",onClick:t,children:(0,a.jsx)(u.xv,{children:"キャンセル"})}),(0,a.jsx)(u.xu,{w:4}),(0,a.jsx)(u.zx,{colorScheme:"blue",onClick:v,isLoading:s,children:(0,a.jsx)(u.xv,{children:"招待する"})})]})]}):(0,a.jsxs)(u.M5,{w:"100%",p:10,flexDirection:"column",children:[(0,a.jsx)(u.xv,{fontSize:"sm",fontWeight:"bold",color:p.RE,children:"存在しないユーザーです"}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsx)(u.XF,{boxSize:20,src:H.Z})]})},useInviteModal=()=>{let[e,n]=(0,d.useState)(""),[i,t]=(0,d.useState)(""),{isOpen:l,onOpen:r,onClose:o}=(0,v.q)(),s=(0,d.useCallback)(e=>{n(e.URLSafeInviteeName),t(e.URLSafeOrgName),r()},[r]),u=(0,a.jsxs)(h.u_,{size:"sm",isOpen:l,onClose:o,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsx)(h.hz,{children:(0,a.jsx)(h.fe,{children:(0,a.jsx)(InviteModalBody,{URLSafeOrgName:i,URLSafeInviteeName:e,close:o})})})]});return{inviteModal:u,openModal:s}};var X=i(47210),G=i(18063),K={src:"/_next/static/media/google.5f3ac4bc.svg",height:20,width:20,blurWidth:0,blurHeight:0};let useLoginModal=()=>{let{isOpen:e,onOpen:n,onClose:i}=(0,v.q)(),[t,l]=(0,d.useState)(!1),r=(0,d.useCallback)(async()=>{l(!0),history.replaceState("","",(0,c.Td)(c.VW.login.$url())),await (0,X.F6)((0,G.y)(),new X.hJ)},[]),o=(0,a.jsxs)(h.u_,{size:{base:"xs",sm:"md"},isOpen:e,onClose:i,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsxs)(h.hz,{borderRadius:14,children:[(0,a.jsx)(h.ol,{}),(0,a.jsx)(h.fe,{children:(0,a.jsxs)(h.M5,{px:{base:0,sm:6},py:{base:8,sm:12},flexDirection:"column",children:[(0,a.jsxs)(h.M5,{children:[(0,a.jsx)(h.XF,{boxSize:9,src:B.Z,objectFit:"contain"}),(0,a.jsx)(h.xu,{w:2}),(0,a.jsx)(h.xv,{fontSize:24,fontWeight:"medium",children:"Overridon"})]}),(0,a.jsx)(h.xu,{h:10}),(0,a.jsxs)(h.xv,{color:p.eO,fontSize:15,children:[(0,a.jsx)(h.rU,{href:c.VW.terms.$url(),onClick:i,underline:"all-time",children:"利用規約"}),"と",(0,a.jsx)(h.rU,{href:c.VW.privacy.$url(),onClick:i,underline:"all-time",children:"プライバシーポリシー"}),"に同意したうえでログインしてください。"]}),(0,a.jsx)(h.xu,{h:10}),(0,a.jsxs)(h.zx,{size:{base:"md",sm:"lg"},colorScheme:"gray",variant:"outline",onClick:r,isLoading:t,children:[(0,a.jsx)(h.XF,{boxSize:{base:5,sm:6},src:K,objectFit:"contain"}),(0,a.jsx)(h.xu,{w:2}),(0,a.jsx)(h.xv,{fontSize:{base:14,sm:16},fontWeight:"bold",children:"Login with Google"})]})]})})]})]});return{loginModal:o,openLoginModal:n,closeLoginModal:i}},Q={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"PurchaseBadge"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"badgeID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"purchaseBadge"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}},{kind:"Argument",name:{kind:"Name",value:"badgeID"},value:{kind:"Variable",name:{kind:"Name",value:"badgeID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"purchaser"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"coin"}}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"article"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"badges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"badge"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"user"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}}]}}]}}]}}]}}]};function purchaseBadgeConfirmModal_templateObject(){let e=(0,s._)(["\n  mutation PurchaseBadge($articleID: String!, $badgeID: String!) {\n    purchaseBadge(articleID: $articleID, badgeID: $badgeID) {\n      purchaser {\n        id\n        privateInfo {\n          id\n          wallet {\n            id\n            coin\n          }\n        }\n      }\n      article {\n        id\n        badges {\n          id\n          badge {\n            id\n            imageURL\n          }\n          user {\n            id\n            profile {\n              id\n              displayName\n              URLSafeName\n              avatarURL\n            }\n          }\n        }\n      }\n    }\n  }\n"]);return purchaseBadgeConfirmModal_templateObject=function(){return e},e}(0,f.Ps)(purchaseBadgeConfirmModal_templateObject());let usePurchaseBadgeConfirmModal=e=>{let{articleID:n}=e,[i,{data:t,loading:l,error:r}]=(0,g.D)(Q);(0,o.Jx)({dep:r,message:"エラー",type:"allError"}),(0,o.K7)({dep:t,message:"バッジを贈呈しました"});let{isOpen:s,onOpen:c,onClose:m}=(0,v.q)(),[k,x]=(0,d.useState)({id:"",imageURL:"",price:0}),h=(0,d.useCallback)(async()=>{await i({variables:{articleID:n,badgeID:k.id}})},[n,k.id,i]),f=(0,d.useCallback)(e=>{x(e),c()},[c]);(0,d.useEffect)(()=>{t&&m()},[m,t]);let S=(0,a.jsxs)(u.u_,{size:"sm",isOpen:s,onClose:m,isCentered:!0,children:[(0,a.jsx)(u.ZA,{}),(0,a.jsx)(u.hz,{borderRadius:14,children:(0,a.jsxs)(u.fe,{p:0,children:[(0,a.jsxs)(u.M5,{flexDirection:"column",borderRadius:14,background:p.H3,children:[(0,a.jsx)(u.xu,{h:6}),(0,a.jsx)(u.xv,{fontWeight:"bold",children:"お支払い内容のご確認"}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{w:"100%",px:10,borderBottomRadius:14,flexDirection:"column",alignItems:"start",backgroundColor:"white",children:[(0,a.jsx)(u.xu,{h:6}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"購入商品 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.XF,{boxSize:5,src:k.imageURL,borderRadius:"50%",objectFit:"cover"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xd7"}),(0,a.jsx)(u.xu,{w:1}),(0,a.jsx)(u.xv,{children:"1"})]})]}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"支払金額 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"\xa5 ".concat(k.price.toLocaleString())})]}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"支払方法 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"コイン"})]}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsxs)(u.M5,{children:[(0,a.jsx)(u.xv,{children:"注意事項 :"}),(0,a.jsx)(u.xu,{w:2}),(0,a.jsx)(u.xv,{children:"お取り消しはできません"})]}),(0,a.jsx)(u.xu,{h:4}),(0,a.jsx)(u.iz,{})]})]}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsxs)(u.M5,{w:"100%",children:[(0,a.jsx)(u.zx,{colorScheme:"red",onClick:m,children:"キャンセル"}),(0,a.jsx)(u.xu,{w:6}),(0,a.jsx)(u.zx,{colorScheme:"blue",onClick:h,isLoading:l,children:"購入を確定"})]}),(0,a.jsx)(u.xu,{h:10})]})})]});return{purchaseConfirmModal:S,openModal:f}},ee={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchAllBadges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"badges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"price"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}}]}}]};function purchaseBadgeModalBody_templateObject(){let e=(0,s._)(["\n  query FetchAllBadges {\n    badges {\n      id\n      price\n      imageURL\n    }\n  }\n"]);return purchaseBadgeModalBody_templateObject=function(){return e},e}i(10572),i(6495),i(41207),i(5449),i(73538),i(17864),i(49504),(0,f.Ps)(purchaseBadgeModalBody_templateObject());let PurchaseBadgeModalBody=e=>{var n,i;let{onClickedProceed:t}=e,{data:l}=(0,M.N)(),{data:r}=(0,S.a)(ee),[o,s]=(0,d.useState)(null),u=(0,d.useCallback)(()=>{o&&t(o)},[o,t]);return((0,d.useEffect)(()=>{r&&s(r.badges[0])},[r]),r)?(0,a.jsxs)(h.M5,{flexDirection:"column",p:{base:4,sm:12},py:10,children:[(0,a.jsx)(h.xv,{fontSize:{base:"2xl",sm:"3xl"},fontWeight:"bold",children:"どのバッジを送りますか？"}),(0,a.jsx)(h.xu,{h:6}),(0,a.jsx)(h.xv,{fontSize:{base:"md",sm:"lg"},color:p.YZ,children:"バッジを受け取った著者には分配金が支払われます。"}),(0,a.jsx)(h.xu,{h:10}),(0,a.jsx)(h.rj,{w:"100%",p:{base:4,sm:6},templateColumns:{base:"repeat(auto-fill, minmax(100px, 1fr))",sm:"repeat(auto-fill, minmax(100px, 1fr))"},rowGap:6,columnGap:{base:2,sm:4},backgroundColor:p.H3,borderRadius:14,children:r.badges.map(e=>{var n;return(0,a.jsx)(h.zx,{h:"100%",w:"100%",py:2,borderWidth:2,borderRadius:14,borderColor:(null==o?void 0:o.id)===e.id?p.lq:"transparent",background:"transparent",onClick:()=>s(e),_focus:{background:"transparent"},children:(0,a.jsxs)(h.M5,{w:"100%",flexDirection:"column",borderRadius:20,children:[(0,a.jsx)(h.XF,{boxSize:{base:16,sm:20},src:e.imageURL,borderRadius:"50%",objectFit:"cover"}),(0,a.jsx)(h.xu,{h:2}),(0,a.jsx)(h.xv,{fontSize:12,children:"".concat(null!==(n=e.price.toLocaleString())&&void 0!==n?n:0," coins")})]})},e.id)})}),(0,a.jsx)(h.xu,{h:12}),(0,a.jsx)(h.zx,{colorScheme:"blue",onClick:u,isDisabled:null===o||(null!==(i=null==l?void 0:null===(n=l.viewer)||void 0===n?void 0:n.privateInfo.wallet.coin)&&void 0!==i?i:0)<o.price,children:"確認画面へ進む"})]}):(0,a.jsx)(h.M5,{w:"100%",minH:300,children:(0,a.jsx)(h.$j,{})})},usePurchaseBadgeModal=e=>{let{articleID:n}=e,{isOpen:i,onOpen:t,onClose:l}=(0,v.q)(),{purchaseConfirmModal:r,openModal:o}=usePurchaseBadgeConfirmModal({articleID:n}),s=(0,d.useCallback)(e=>{o(e),setTimeout(()=>l(),300)},[l,o]),u=(0,a.jsxs)(a.Fragment,{children:[r,(0,a.jsxs)(h.u_,{isOpen:i,onClose:l,isCentered:!0,size:"xl",children:[(0,a.jsx)(h.ZA,{}),(0,a.jsxs)(h.hz,{margin:"auto",children:[(0,a.jsx)(h.ol,{}),(0,a.jsx)(h.fe,{p:0,children:(0,a.jsx)(PurchaseBadgeModalBody,{onClickedProceed:s})})]})]})]});return{purchaseBadgeModal:u,openModal:t}};i(1638);var en=i(73359),ei=i(86664);let et={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchOrgCreditCards"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"organization"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"creditCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"brand"}},{kind:"Field",name:{kind:"Name",value:"exp"}},{kind:"Field",name:{kind:"Name",value:"last4"}},{kind:"Field",name:{kind:"Name",value:"isMain"}},{kind:"Field",name:{kind:"Name",value:"paymentMethodID"}}]}}]}}]}}]}}]}}]},ea={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"CreateClientSecret"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"createClientSecretForSavingOrgPaymentCard"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}},{kind:"Argument",name:{kind:"Name",value:"paymentMethodID"},value:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}}}]}]}}]},el={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"updateToMainOrgCreditCard"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"updateToMainOrgCreditCard"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}},{kind:"Argument",name:{kind:"Name",value:"paymentMethodID"},value:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"creditCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"brand"}},{kind:"Field",name:{kind:"Name",value:"exp"}},{kind:"Field",name:{kind:"Name",value:"last4"}},{kind:"Field",name:{kind:"Name",value:"isMain"}},{kind:"Field",name:{kind:"Name",value:"paymentMethodID"}}]}}]}}]}}]}}]}}]};function saveOrgPaymentCardModalBody_templateObject(){let e=(0,s._)(["\n  query FetchOrgCreditCards($URLSafeName: String!) {\n    organization(URLSafeName: $URLSafeName) {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          creditCards {\n            brand\n            exp\n            last4\n            isMain\n            paymentMethodID\n          }\n        }\n      }\n    }\n  }\n"]);return saveOrgPaymentCardModalBody_templateObject=function(){return e},e}function saveOrgPaymentCardModalBody_templateObject1(){let e=(0,s._)(["\n  mutation CreateClientSecret($URLSafeName: String!, $paymentMethodID: String!) {\n    createClientSecretForSavingOrgPaymentCard(\n      URLSafeName: $URLSafeName\n      paymentMethodID: $paymentMethodID\n    )\n  }\n"]);return saveOrgPaymentCardModalBody_templateObject1=function(){return e},e}function saveOrgPaymentCardModalBody_templateObject2(){let e=(0,s._)(["\n  mutation updateToMainOrgCreditCard($URLSafeName: String!, $paymentMethodID: String!) {\n    updateToMainOrgCreditCard(URLSafeName: $URLSafeName, paymentMethodID: $paymentMethodID) {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          creditCards {\n            brand\n            exp\n            last4\n            isMain\n            paymentMethodID\n          }\n        }\n      }\n    }\n  }\n"]);return saveOrgPaymentCardModalBody_templateObject2=function(){return e},e}(0,f.Ps)(saveOrgPaymentCardModalBody_templateObject()),(0,f.Ps)(saveOrgPaymentCardModalBody_templateObject1()),(0,f.Ps)(saveOrgPaymentCardModalBody_templateObject2());let SaveOrgPaymentCardModalBody=e=>(0,a.jsx)(ei.Elements,{stripe:getStripePromise(),children:(0,a.jsx)(StripeForm,{...e})}),StripeForm=e=>{let{isMain:n,URLSafeName:i,onClickedSave:t}=e,[l,{data:r,error:s}]=(0,en.t)(et),[c,{error:m}]=(0,g.D)(ea),[k,{data:v,error:x}]=(0,g.D)(el);(0,o.Jx)({dep:m,message:"エラー",type:"allError"}),(0,o.Jx)({dep:x,message:"エラー",type:"allError"}),(0,o.Jx)({dep:s,message:"エラー",type:"allError"}),(0,o.K7)({dep:v,message:"登録しました"}),(0,o.K7)({dep:r,message:"登録しました"});let[h,p]=(0,d.useState)(!1),f=(0,ei.useStripe)(),S=(0,ei.useElements)(),N=(0,d.useCallback)(async e=>{var a;e.preventDefault();let r=null==S?void 0:S.getElement(ei.CardElement);if(!r||null===f)return;p(!0);let{paymentMethod:d}=await f.createPaymentMethod({type:"card",card:r});if(!d)return;let o=await c({variables:{URLSafeName:i,paymentMethodID:d.id}});if(!(null===(a=o.data)||void 0===a?void 0:a.createClientSecretForSavingOrgPaymentCard))return;let{setupIntent:s,error:u}=await f.confirmCardSetup(o.data.createClientSecretForSavingOrgPaymentCard,{return_url:location.href}),m=null==s?void 0:s.payment_method;m&&!u&&(n?await k({variables:{URLSafeName:i,paymentMethodID:m}}):await l({variables:{URLSafeName:i},fetchPolicy:"network-only"}),p(!1),t())},[S,f,c,i,n,t,k,l]);return(0,a.jsxs)(u.M5,{w:"100%",flexDirection:"column",alignItems:"start",children:[(0,a.jsx)(u.xv,{fontWeight:"medium",children:"支払いカードを登録する"}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsxs)("form",{style:{width:"100%"},onSubmit:N,children:[(0,a.jsx)(ei.CardElement,{options:{hidePostalCode:!0}}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsx)(u.M5,{w:"100%",children:(0,a.jsx)(u.zx,{colorScheme:"blue",isDisabled:!f||!S,type:"submit",isLoading:h,children:"登録"})})]})]})},useSaveOrgPaymentCardModal=e=>{let{URLSafeName:n}=e,{isOpen:i,onOpen:t,onClose:l}=(0,v.q)(),[r,o]=(0,d.useState)(!1),s=(0,d.useCallback)(e=>{o(e),t()},[t,o]),u=(0,a.jsxs)(h.u_,{size:{base:"sm",sm:"md"},isOpen:i,onClose:l,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsxs)(h.hz,{children:[(0,a.jsx)(h.ol,{}),(0,a.jsx)(h.fe,{children:(0,a.jsx)(h.M5,{px:{base:4,sm:10},py:{base:6,sm:10},children:(0,a.jsx)(SaveOrgPaymentCardModalBody,{isMain:r,onClickedSave:l,URLSafeName:n})})})]})]});return{saveOrgPaymentCardModal:u,onOpen:s,onClose:l}},er={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchPaymentCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"viewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"paymentCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"brand"}},{kind:"Field",name:{kind:"Name",value:"exp"}},{kind:"Field",name:{kind:"Name",value:"last4"}},{kind:"Field",name:{kind:"Name",value:"isMain"}},{kind:"Field",name:{kind:"Name",value:"paymentMethodID"}}]}}]}}]}}]}}]}}]},ed={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"CreateClientSecret"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"createClientSecretForSavingPaymentCard"},arguments:[{kind:"Argument",name:{kind:"Name",value:"paymentMethodID"},value:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}}}]}]}}]},eo={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"updateToMainCreditCard"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"updateToMainCreditCard"},arguments:[{kind:"Argument",name:{kind:"Name",value:"paymentMethodID"},value:{kind:"Variable",name:{kind:"Name",value:"paymentMethodID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"paymentCards"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"brand"}},{kind:"Field",name:{kind:"Name",value:"exp"}},{kind:"Field",name:{kind:"Name",value:"last4"}},{kind:"Field",name:{kind:"Name",value:"isMain"}},{kind:"Field",name:{kind:"Name",value:"paymentMethodID"}}]}}]}}]}}]}}]}}]};function savePaymentCardModalBody_templateObject(){let e=(0,s._)(["\n  query FetchPaymentCards {\n    viewer {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          paymentCards {\n            brand\n            exp\n            last4\n            isMain\n            paymentMethodID\n          }\n        }\n      }\n    }\n  }\n"]);return savePaymentCardModalBody_templateObject=function(){return e},e}function savePaymentCardModalBody_templateObject1(){let e=(0,s._)(["\n  mutation CreateClientSecret($paymentMethodID: String!) {\n    createClientSecretForSavingPaymentCard(paymentMethodID: $paymentMethodID)\n  }\n"]);return savePaymentCardModalBody_templateObject1=function(){return e},e}function savePaymentCardModalBody_templateObject2(){let e=(0,s._)(["\n  mutation updateToMainCreditCard($paymentMethodID: String!) {\n    updateToMainCreditCard(paymentMethodID: $paymentMethodID) {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          paymentCards {\n            brand\n            exp\n            last4\n            isMain\n            paymentMethodID\n          }\n        }\n      }\n    }\n  }\n"]);return savePaymentCardModalBody_templateObject2=function(){return e},e}(0,f.Ps)(savePaymentCardModalBody_templateObject()),(0,f.Ps)(savePaymentCardModalBody_templateObject1()),(0,f.Ps)(savePaymentCardModalBody_templateObject2());let SavePaymentCardModalBody=e=>(0,a.jsx)(ei.Elements,{stripe:getStripePromise(),children:(0,a.jsx)(savePaymentCardModalBody_StripeForm,{...e})}),savePaymentCardModalBody_StripeForm=e=>{let{isMain:n,onClickedSave:i}=e,[t,{data:l,error:r}]=(0,en.t)(er),[s,{error:c}]=(0,g.D)(ed),[m,{data:k,error:v}]=(0,g.D)(eo);(0,o.Jx)({dep:c,message:"エラー",type:"allError"}),(0,o.Jx)({dep:v,message:"エラー",type:"allError"}),(0,o.Jx)({dep:r,message:"エラー",type:"allError"}),(0,o.K7)({dep:k,message:"登録しました"}),(0,o.K7)({dep:l,message:"登録しました"});let[x,h]=(0,d.useState)(!1),p=(0,ei.useStripe)(),f=(0,ei.useElements)(),S=(0,d.useCallback)(async e=>{var a;e.preventDefault();let l=null==f?void 0:f.getElement(ei.CardElement);if(!l||null===p)return;h(!0);let{paymentMethod:r}=await p.createPaymentMethod({type:"card",card:l});if(!r)return;let d=await s({variables:{paymentMethodID:r.id}});if(!(null===(a=d.data)||void 0===a?void 0:a.createClientSecretForSavingPaymentCard))return;let{setupIntent:o,error:u}=await p.confirmCardSetup(d.data.createClientSecretForSavingPaymentCard,{return_url:location.href}),c=null==o?void 0:o.payment_method;c&&!u&&(n?await m({variables:{paymentMethodID:c}}):await t({fetchPolicy:"network-only"}),h(!1),i())},[f,p,s,n,i,m,t]);return(0,a.jsxs)(u.M5,{w:"100%",flexDirection:"column",alignItems:"start",children:[(0,a.jsx)(u.xv,{fontWeight:"medium",children:"支払いカードを登録する"}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsxs)("form",{style:{width:"100%"},onSubmit:S,children:[(0,a.jsx)(ei.CardElement,{options:{hidePostalCode:!0}}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsx)(u.M5,{w:"100%",children:(0,a.jsx)(u.zx,{colorScheme:"blue",isDisabled:!p||!f,type:"submit",isLoading:x,children:"登録"})})]})]})},useSavePaymentCardModal=()=>{let{isOpen:e,onOpen:n,onClose:i}=(0,v.q)(),[t,l]=(0,d.useState)(!1),r=(0,d.useCallback)(e=>{l(e),n()},[n,l]),o=(0,a.jsxs)(h.u_,{size:{base:"sm",sm:"md"},isOpen:e,onClose:i,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsxs)(h.hz,{children:[(0,a.jsx)(h.ol,{}),(0,a.jsx)(h.fe,{children:(0,a.jsx)(h.M5,{px:{base:4,sm:10},py:{base:6,sm:10},children:(0,a.jsx)(SavePaymentCardModalBody,{isMain:t,onClickedSave:i})})})]})]});return{savePaymentCardModal:o,onOpen:r,onClose:i}};var es=i(1604),eu=i(87536),ec=i(56312);let em=es.z.object({imageURL:es.z.string().url().nullable(),displayName:es.z.string().min(1,"1 文字以上 15 文字以内で入力して下さい").max(15,"1 文字以上 15 文字以内で入力して下さい")}),useTagUpdateFormData=e=>{let{register:n,handleSubmit:i,setValue:t,watch:a,formState:{errors:l,isValid:r,isDirty:d}}=(0,eu.cI)({resolver:(0,ec.F)(em),mode:"onChange",defaultValues:{imageURL:e.imageURL,displayName:e.displayName}});return{register:n,handleSubmit:i,setValue:t,watch:a,errors:l,isValid:r,isDirty:d}},ek={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"uploadTagImage"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"file"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Upload"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"uploadTagImage"},arguments:[{kind:"Argument",name:{kind:"Name",value:"file"},value:{kind:"Variable",name:{kind:"Name",value:"file"}}}]}]}}]},ev={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"createUpdateTagRequest"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"updateTagInput"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"UpdateTagInput"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"createUpdateTagRequest"},arguments:[{kind:"Argument",name:{kind:"Name",value:"updateTagInput"},value:{kind:"Variable",name:{kind:"Name",value:"updateTagInput"}}}]}]}}]};var ex=i(98103);function displayNameAndImageForm_templateObject(){let e=(0,s._)(["\n  fragment DisplayNameAndImageForm_TagOutput on TagOutput {\n    id\n    displayName\n    imageURL\n  }\n"]);return displayNameAndImageForm_templateObject=function(){return e},e}function displayNameAndImageForm_templateObject1(){let e=(0,s._)(["\n  mutation uploadTagImage($file: Upload!) {\n    uploadTagImage(file: $file)\n  }\n"]);return displayNameAndImageForm_templateObject1=function(){return e},e}function displayNameAndImageForm_templateObject2(){let e=(0,s._)(["\n  mutation createUpdateTagRequest($updateTagInput: UpdateTagInput!) {\n    createUpdateTagRequest(updateTagInput: $updateTagInput)\n  }\n"]);return displayNameAndImageForm_templateObject2=function(){return e},e}(0,f.Ps)(displayNameAndImageForm_templateObject()),(0,f.Ps)(displayNameAndImageForm_templateObject1()),(0,f.Ps)(displayNameAndImageForm_templateObject2());let DisplayNameAndImageForm=e=>{var n,i;let{tag:t,onClickedSend:l}=e,[r,{data:s,loading:c,error:m}]=(0,g.D)(ek),[k,{data:v,loading:x,error:h}]=(0,g.D)(ev);(0,o.Jx)({dep:m,message:"エラー",type:"networkError"}),(0,o.Jx)({dep:m,message:"".concat(J.yv," MB 以下の画像のみアップロードできます"),type:"graphQLError",errorStatusCode:J.kZ}),(0,o.Jx)({dep:m,message:"今月のアップロード制限を超えています ( ".concat(J.MN," MB )"),type:"graphQLError",errorStatusCode:J.r7}),(0,o.Jx)({dep:h,message:"エラー",type:"allError"}),(0,o.K7)({dep:v,message:"送信を完了しました"});let{register:f,handleSubmit:S,setValue:N,watch:j,isValid:b,isDirty:F}=useTagUpdateFormData({...t,imageURL:null!==(n=t.imageURL)&&void 0!==n?n:null}),y=(0,d.useCallback)(async e=>{e.target.files&&!(e.target.files.length<1)&&await r({variables:{file:Array.from(e.target.files)[0]}})},[r]),w=(0,d.useCallback)(async e=>{var n;await k({variables:{updateTagInput:{id:t.id,imageURL:null!==(n=e.imageURL)&&void 0!==n?n:void 0,displayName:e.displayName}}})},[k,t]);(0,d.useEffect)(()=>{s&&N("imageURL",s.uploadTagImage,{shouldValidate:!0,shouldDirty:!0})},[N,s]),(0,d.useEffect)(()=>{v&&l()},[v,l]);let C=(0,d.useRef)(null);return(0,a.jsxs)("form",{style:{width:"100%"},onSubmit:S(w),children:[(0,a.jsx)(u.xv,{fontWeight:"medium",children:"アイコン画像"}),(0,a.jsx)(u.xu,{h:5}),(0,a.jsxs)(u.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsx)(u.II,{type:"file",accept:".jpg, .jpeg, .png, .webp",hidden:!0,ref:C,onChange:y}),(0,a.jsx)(u.XF,{boxSize:12,src:null!==(i=j("imageURL"))&&void 0!==i?i:ex.Z,cursor:"pointer",onClick:()=>{var e;return null===(e=C.current)||void 0===e?void 0:e.click()}}),(0,a.jsx)(u.xu,{w:4}),(0,a.jsx)(u.zx,{px:4,h:8,py:1,borderRadius:8,onClick:()=>{var e;return null===(e=C.current)||void 0===e?void 0:e.click()},isLoading:c,children:(0,a.jsx)(u.xv,{fontSize:14,fontWeight:"normal",color:p.eO,children:"画像をアップロード"})})]}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsx)(u.xv,{fontSize:"sm",children:"※ 背景が透過な画像のみ、変更が承認されます"}),(0,a.jsx)(u.xu,{h:6}),(0,a.jsx)(u.xv,{fontWeight:"medium",children:"表示名"}),(0,a.jsx)(u.xu,{h:3}),(0,a.jsx)(u.II,{w:"100%",...f("displayName")}),(0,a.jsx)(u.xu,{h:8}),(0,a.jsx)(u.xv,{fontSize:"sm",children:"※ 運営チームに承認されると、修正が反映されます。"}),(0,a.jsx)(u.xu,{h:8}),(0,a.jsx)(u.M5,{w:"100%",children:(0,a.jsx)(u.zx,{colorScheme:"blue",type:"submit",isLoading:x,isDisabled:!b||!F,children:(0,a.jsx)(u.xv,{children:"修正を送信"})})})]})},eh={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchMergeSourceTags"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"mergeToTagURLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tags"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"IntValue",value:"20"}},{kind:"Argument",name:{kind:"Name",value:"filter"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"mergeToTagURLSafeName"},value:{kind:"Variable",name:{kind:"Name",value:"mergeToTagURLSafeName"}}}]}},{kind:"Argument",name:{kind:"Name",value:"orderBy"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"field"},value:{kind:"EnumValue",value:"usedCount"}},{kind:"ObjectField",name:{kind:"Name",value:"direction"},value:{kind:"EnumValue",value:"desc"}}]}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]},ep={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchTagInfo"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeTagName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeTagName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeTagName"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}},{kind:"Field",name:{kind:"Name",value:"mergedToTagID"}}]}}]}}]},ef={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"createUpdateTagRequest"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"updateTagInput"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"UpdateTagInput"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"createUpdateTagRequest"},arguments:[{kind:"Argument",name:{kind:"Name",value:"updateTagInput"},value:{kind:"Variable",name:{kind:"Name",value:"updateTagInput"}}}]}]}}]},eg=es.z.object({mergedToURLSafeTagName:es.z.string().min(0,"15 文字以内で入力して下さい").max(15,"15 文字以内で入力して下さい").regex(/^[0-9a-z_]{0,15}$/,"アルファベット小文字・数字・アンダースコア(_)、のみ使用できます")}),useMergeTagFormData=()=>{let{register:e,handleSubmit:n,setValue:i,watch:t,formState:{errors:a,isValid:l,isDirty:r}}=(0,eu.cI)({resolver:(0,ec.F)(eg),mode:"onChange"});return{register:e,handleSubmit:n,setValue:i,watch:t,errors:a,isValid:l,isDirty:r}};var eS=i(7963);function mergeForm_templateObject(){let e=(0,s._)(["\n  fragment MergeForm_TagOutput on TagOutput {\n    id\n    URLSafeName\n  }\n"]);return mergeForm_templateObject=function(){return e},e}function mergeForm_templateObject1(){let e=(0,s._)(["\n  query FetchMergeSourceTags($mergeToTagURLSafeName: String!) {\n    tags(\n      first: 20\n      filter: { mergeToTagURLSafeName: $mergeToTagURLSafeName }\n      orderBy: { field: usedCount, direction: desc }\n    ) {\n      edges {\n        node {\n          id\n          displayName\n          URLSafeName\n          imageURL\n        }\n        cursor\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n      }\n    }\n  }\n"]);return mergeForm_templateObject1=function(){return e},e}function mergeForm_templateObject2(){let e=(0,s._)(["\n  query FetchTagInfo($URLSafeTagName: String!) {\n    tag(URLSafeTagName: $URLSafeTagName) {\n      id\n      displayName\n      URLSafeName\n      imageURL\n      mergedToTagID\n    }\n  }\n"]);return mergeForm_templateObject2=function(){return e},e}function _templateObject3(){let e=(0,s._)(["\n  mutation createUpdateTagRequest($updateTagInput: UpdateTagInput!) {\n    createUpdateTagRequest(updateTagInput: $updateTagInput)\n  }\n"]);return _templateObject3=function(){return e},e}(0,f.Ps)(mergeForm_templateObject()),(0,f.Ps)(mergeForm_templateObject1()),(0,f.Ps)(mergeForm_templateObject2()),(0,f.Ps)(_templateObject3());let MergeForm=e=>{var n;let{tag:i,onClickedSend:t}=e,{data:l}=(0,S.a)(eh,{variables:{mergeToTagURLSafeName:i.URLSafeName}}),[r,{data:s,error:c,loading:m}]=(0,en.t)(ep),[k,{data:v,loading:x,error:h}]=(0,g.D)(ef);(0,o.Jx)({dep:h,message:"エラー",type:"allError"}),(0,o.Jx)({dep:c,message:"存在しないタグです",type:"graphQLError"}),(0,o.K7)({dep:v,message:"送信を完了しました"});let[f,N]=(0,d.useState)(!0),{register:j,handleSubmit:b,watch:F,setValue:y,isValid:w}=useMergeTagFormData(),C=(0,eS.p)(),D=(0,d.useCallback)(async()=>{if(i.URLSafeName===F("mergedToURLSafeTagName")){C({title:"同じタグには統合できません",status:"error",isClosable:!0});return}await r({variables:{URLSafeTagName:F("mergedToURLSafeTagName")},fetchPolicy:"network-only"})},[i,r,C,F]),A=(0,d.useCallback)(async e=>{await k({variables:{updateTagInput:{id:i.id,mergedToURLSafeTagName:e.mergedToURLSafeTagName}}})},[k,i]);return((0,d.useEffect)(()=>{s&&(N(!1),y("mergedToURLSafeTagName",s.tag.URLSafeName,{shouldValidate:!0,shouldDirty:!0}))},[s,y]),(0,d.useEffect)(()=>{v&&t()},[v,t]),l)?(null==l?void 0:l.tags.edges.length)!==0?(0,a.jsx)(u.M5,{w:"100%",minH:280,flexDirection:"column",alignItems:"start",justifyContent:"start",children:(0,a.jsx)(u.xv,{fontSize:14,color:p.Ox,children:"※ このタグは既に ".concat(l.tags.edges[0].node.URLSafeName," からの統合先の為、他のタグに統合することはできません。")})}):(0,a.jsxs)(u.M5,{w:"100%",minH:280,flexDirection:"column",alignItems:"start",justifyContent:"start",children:[(0,a.jsx)(u.xv,{fontWeight:"medium",children:"統合先のタグ"}),(0,a.jsx)(u.xu,{h:3}),f?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(u.M5,{w:"100%",children:[(0,a.jsx)(u.II,{w:"100%",...j("mergedToURLSafeTagName")}),(0,a.jsx)(u.xu,{w:5}),(0,a.jsx)(u.zx,{isLoading:m,isDisabled:!w,onClick:D,children:(0,a.jsx)(u.xv,{fontWeight:"medium",color:p.eO,children:"検索"})})]}),(0,a.jsx)(u.xu,{h:3}),(0,a.jsx)(u.xv,{fontSize:13,children:"※ タグ名 ( URL で使用されている名前 ) を入力してください"})]}):(0,a.jsxs)("form",{style:{width:"100%"},onSubmit:b(A),children:[(0,a.jsx)(u.xu,{h:4}),(0,a.jsxs)(u.M5,{w:"100%",children:[(0,a.jsx)(u.XF,{boxSize:10,src:null!==(n=null==s?void 0:s.tag.imageURL)&&void 0!==n?n:ex.Z}),(0,a.jsx)(u.xu,{w:4}),(0,a.jsx)(u.xv,{children:null==s?void 0:s.tag.URLSafeName}),(0,a.jsx)(u.LZ,{}),(0,a.jsx)(u.zx,{minH:0,h:"100%",py:2,onClick:()=>N(!0),children:(0,a.jsx)(u.xv,{fontWeight:"medium",color:p.eO,children:"変更"})})]}),(0,a.jsx)(u.xu,{h:10}),(0,a.jsx)(u.xv,{fontSize:"sm",children:"※ 運営チームに承認されると、修正が反映されます。"}),(0,a.jsx)(u.xu,{h:8}),(0,a.jsx)(u.M5,{w:"100%",children:(0,a.jsx)(u.zx,{colorScheme:"blue",type:"submit",isLoading:x,isDisabled:!w,children:(0,a.jsx)(u.xv,{children:"修正を送信"})})})]})]}):(0,a.jsx)(u.M5,{w:"100%",minH:300,children:(0,a.jsx)(u.$j,{})})},eN={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchTagInfo"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeTagName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},arguments:[{kind:"Argument",name:{kind:"Name",value:"URLSafeTagName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeTagName"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"DisplayNameAndImageForm_TagOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"MergeForm_TagOutput"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"DisplayNameAndImageForm_TagOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"TagOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"MergeForm_TagOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"TagOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}}]}}]};function inde_templateObject(){let e=(0,s._)(["\n  query FetchTagInfo($URLSafeTagName: String!) {\n    tag(URLSafeTagName: $URLSafeTagName) {\n      id\n      ...DisplayNameAndImageForm_TagOutput\n      ...MergeForm_TagOutput\n    }\n  }\n"]);return inde_templateObject=function(){return e},e}(0,f.Ps)(inde_templateObject());let TagUpdateForm=e=>{let{URLSafeTagName:n,onClickedSend:i}=e,{data:t}=(0,S.a)(eN,{variables:{URLSafeTagName:n}}),[l,r]=(0,d.useState)("nameAndImage");return(null==t?void 0:t.tag)?(0,a.jsxs)(u.M5,{w:"100%",flexDirection:"column",children:[(0,a.jsxs)(u.M5,{w:"100%",justifyContent:"start",children:[(0,a.jsxs)(u.M5,{flexDirection:"column",children:[(0,a.jsx)(u.zx,{minW:0,minH:0,h:"100%",p:0,background:"transparent",_hover:{background:"transparent"},_focus:{background:"transparent"},onClick:()=>r("nameAndImage"),children:(0,a.jsx)(u.xv,{fontSize:14,color:"nameAndImage"===l?p.Sx:p.RE,fontWeight:"medium",children:"表示を変更"})}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.xu,{w:"95%",h:.5,borderRadius:100,background:"nameAndImage"===l?p.Sx:"transparent"})]}),(0,a.jsx)(u.xu,{w:6}),(0,a.jsxs)(u.M5,{flexDirection:"column",children:[(0,a.jsx)(u.zx,{minW:0,minH:0,h:"100%",p:0,background:"transparent",_hover:{background:"transparent"},_focus:{background:"transparent"},onClick:()=>r("merge"),children:(0,a.jsx)(u.xv,{fontSize:14,color:"merge"===l?p.Sx:p.RE,fontWeight:"medium",children:"統合"})}),(0,a.jsx)(u.xu,{h:2}),(0,a.jsx)(u.xu,{w:"95%",h:.5,borderRadius:100,background:"merge"===l?p.Sx:"transparent"})]})]}),(0,a.jsx)(u.iz,{}),(0,a.jsx)(u.xu,{h:6}),"nameAndImage"===l?(0,a.jsx)(DisplayNameAndImageForm,{tag:t.tag,onClickedSend:i}):(0,a.jsx)(MergeForm,{tag:t.tag,onClickedSend:i})]}):(0,a.jsx)(u.M5,{w:"100%",minH:300,children:(0,a.jsx)(u.$j,{})})},useFixTagModal=e=>{let{URLSafeTagName:n}=e,{isOpen:i,onOpen:t,onClose:l}=(0,v.q)(),r=(0,a.jsxs)(h.u_,{isOpen:i,onClose:l,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsxs)(h.hz,{children:[(0,a.jsx)(h.ol,{}),(0,a.jsx)(h.fe,{children:(0,a.jsx)(h.M5,{flexDirection:"column",p:10,children:(0,a.jsx)(TagUpdateForm,{URLSafeTagName:n,onClickedSend:l})})})]})]});return{fixTagModal:r,openModal:t,closeModal:l}},ej={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"WithdrawEarningsRequest"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"withdrawAmount"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"withdrawEarnings"},arguments:[{kind:"Argument",name:{kind:"Name",value:"withdrawAmount"},value:{kind:"Variable",name:{kind:"Name",value:"withdrawAmount"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"earnings"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"availableEarnings"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"AvailableEarningsList_AvailableEarningsOutput"}}]}},{kind:"Field",name:{kind:"Name",value:"withdrawHistories"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"WithdrawHistory_WithdrawEarningsRequestOutput"}}]}}]}}]}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"AvailableEarningsList_AvailableEarningsOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"AvailableEarningsOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"aggregation_period_start"}},{kind:"Field",name:{kind:"Name",value:"expireAt"}},{kind:"Field",name:{kind:"Name",value:"availableAmount"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"WithdrawHistory_WithdrawEarningsRequestOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"WithdrawEarningsToBankOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"withdrawAmount"}},{kind:"Field",name:{kind:"Name",value:"transferAmount"}},{kind:"Field",name:{kind:"Name",value:"transferScheduledAt"}},{kind:"Field",name:{kind:"Name",value:"createdAt"}},{kind:"Field",name:{kind:"Name",value:"status"}}]}}]};function withdrawEarningsConfirmModal_templateObject(){let e=(0,s._)(["\n  mutation WithdrawEarningsRequest($withdrawAmount: Int!) {\n    withdrawEarnings(withdrawAmount: $withdrawAmount) {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          earnings {\n            id\n            availableEarnings {\n              id\n              ...AvailableEarningsList_AvailableEarningsOutput\n            }\n            withdrawHistories {\n              id\n              ...WithdrawHistory_WithdrawEarningsRequestOutput\n            }\n          }\n        }\n      }\n    }\n  }\n"]);return withdrawEarningsConfirmModal_templateObject=function(){return e},e}(0,f.Ps)(withdrawEarningsConfirmModal_templateObject());let useWithdrawEarningsConfirmModal=()=>{let[e,{data:n,loading:i,error:t}]=(0,g.D)(ej);(0,o.Jx)({dep:t,message:"エラー",type:"allError"}),(0,o.K7)({dep:n,message:"出金申請を完了しました"});let{isOpen:l,onOpen:r,onClose:s}=(0,v.q)(),[u,c]=(0,d.useState)(0),m=(0,d.useCallback)(async()=>{await e({variables:{withdrawAmount:u}})},[u,e]),k=(0,d.useCallback)(e=>{c(e),r()},[r]);(0,d.useEffect)(()=>{n&&s()},[s,n]);let x=(0,a.jsxs)(h.u_,{size:"sm",isOpen:l,onClose:s,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsx)(h.hz,{borderRadius:14,children:(0,a.jsxs)(h.fe,{p:0,children:[(0,a.jsxs)(h.M5,{flexDirection:"column",borderTopRadius:14,background:p.H3,children:[(0,a.jsx)(h.xu,{h:6}),(0,a.jsx)(h.xv,{fontWeight:"bold",children:"出金申請のご確認"}),(0,a.jsx)(h.xu,{h:6})]}),(0,a.jsx)(h.xu,{h:6}),(0,a.jsxs)(h.M5,{w:"100%",px:10,flexDirection:"column",alignItems:"start",backgroundColor:"white",children:[(0,a.jsxs)(h.M5,{children:[(0,a.jsx)(h.xv,{children:"出金申請金額 :"}),(0,a.jsx)(h.xu,{w:2}),(0,a.jsx)(h.xv,{children:"\xa5 ".concat(u.toLocaleString())})]}),(0,a.jsx)(h.xu,{h:2}),(0,a.jsx)(h.iz,{}),(0,a.jsx)(h.xu,{h:4}),(0,a.jsxs)(h.M5,{children:[(0,a.jsx)(h.xv,{children:"受取額 :"}),(0,a.jsx)(h.xu,{w:2}),(0,a.jsx)(h.xv,{children:"\xa5 ".concat((u-J.Ym).toLocaleString())})]}),(0,a.jsx)(h.xu,{h:2}),(0,a.jsx)(h.iz,{}),(0,a.jsx)(h.xu,{h:4}),(0,a.jsxs)(h.M5,{children:[(0,a.jsx)(h.xv,{children:"出金方法 :"}),(0,a.jsx)(h.xu,{w:2}),(0,a.jsx)(h.xv,{children:"銀行振込"})]}),(0,a.jsx)(h.xu,{h:2}),(0,a.jsx)(h.iz,{}),(0,a.jsx)(h.xu,{h:4}),(0,a.jsxs)(h.M5,{children:[(0,a.jsx)(h.xv,{children:"注意事項 :"}),(0,a.jsx)(h.xu,{w:2}),(0,a.jsx)(h.xv,{children:"お取り消しはできません"})]}),(0,a.jsx)(h.xu,{h:4}),(0,a.jsx)(h.iz,{})]}),(0,a.jsx)(h.xu,{h:10}),(0,a.jsxs)(h.M5,{w:"100%",children:[(0,a.jsx)(h.zx,{colorScheme:"red",onClick:s,children:"キャンセル"}),(0,a.jsx)(h.xu,{w:6}),(0,a.jsx)(h.zx,{colorScheme:"blue",onClick:m,isLoading:i,children:"出金申請をする"})]}),(0,a.jsx)(h.xu,{h:10})]})})]});return{purchaseConfirmModal:x,openModel:k,closeModal:s}},useBadgingListModal=e=>{var n;let{badgingList:i}=e,t=(0,d.useMemo)(()=>{let e=i.reduce((e,n)=>(e[n.badge.id]={badge:n.badge,users:e[n.badge.id]?[...e[n.badge.id].users,n.user]:[n.user]},e),{});return Object.values(e)},[i]),{isOpen:l,onOpen:r,onClose:o}=(0,v.q)(),[s,u]=(0,d.useState)(""),c=(0,d.useCallback)(e=>{u(e),r()},[r]),m=(0,a.jsxs)(h.u_,{size:"sm",isOpen:l,onClose:o,isCentered:!0,children:[(0,a.jsx)(h.ZA,{}),(0,a.jsx)(h.hz,{borderRadius:14,children:(0,a.jsx)(h.fe,{py:4,px:0,children:(0,a.jsxs)(h.M5,{w:"100%",h:400,alignItems:"start",justifyContent:"start",children:[(0,a.jsx)(h.xu,{w:4}),(0,a.jsx)(h.M5,{flexDirection:"column",children:t.map(e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(h.zx,{px:3,py:6,colorScheme:s===e.badge.id?"gray":"whiteAlpha",onClick:()=>u(e.badge.id),children:(0,a.jsx)(h.XF,{boxSize:8,src:e.badge.imageURL,borderRadius:"50%",objectFit:"cover"})}),(0,a.jsx)(h.xu,{h:4})]}))}),(0,a.jsx)(h.xu,{w:4}),(0,a.jsx)(h.iz,{orientation:"vertical"}),(0,a.jsx)(h.xu,{w:4}),(0,a.jsx)(h.M5,{h:"100%",w:"100%",alignItems:"start",justifyContent:"start",overflowY:"auto",children:(0,a.jsx)(h.M5,{flexDirection:"column",justifyContent:"start",alignItems:"start",children:null===(n=t.find(e=>e.badge.id===s))||void 0===n?void 0:n.users.map(e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(h.M5,{children:[e?(0,a.jsx)(h.XF,{boxSize:12,src:e.profile.avatarURL,borderRadius:"50%",objectFit:"cover"}):(0,a.jsx)(h.XF,{boxSize:12,src:"",borderRadius:"50%",objectFit:"cover"}),(0,a.jsx)(h.xu,{w:2}),e?(0,a.jsx)(h.rU,{href:x.V.user._URLSafeUserName(e.profile.URLSafeName).$url(),children:(0,a.jsx)(h.xv,{noOfLines:1,children:e.profile.URLSafeName})}):(0,a.jsx)(h.xv,{children:"削除済のユーザー"})]}),(0,a.jsx)(h.xu,{h:4})]}))})})]})})})]});return{badgingListModal:m,openModal:c}};var eb=i(89257)},1638:function(e,n,i){i.d(n,{o:function(){return usePurchaseCoinByEarningsConfirmModal}});var t=i(82729),a=i(85893),l=i(20967),r=i(67294),d=i(3791),o=i(71059),s=i(68806),u=i(50319),c=i(33478);let m={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"purchaseCoinByEarnings"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"amount"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"Int"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"purchaseCoinByEarnings"},arguments:[{kind:"Argument",name:{kind:"Name",value:"amount"},value:{kind:"Variable",name:{kind:"Name",value:"amount"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"coin"}},{kind:"Field",name:{kind:"Name",value:"earnings"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"availableEarnings"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"aggregation_period_start"}},{kind:"Field",name:{kind:"Name",value:"expireAt"}},{kind:"Field",name:{kind:"Name",value:"availableAmount"}}]}}]}}]}}]}}]}}]}}]};var k=i(59331);function _templateObject(){let e=(0,t._)(["\n  mutation purchaseCoinByEarnings($amount: Int!) {\n    purchaseCoinByEarnings(amount: $amount) {\n      id\n      privateInfo {\n        id\n        wallet {\n          id\n          coin\n          earnings {\n            id\n            availableEarnings {\n              id\n              aggregation_period_start\n              expireAt\n              availableAmount\n            }\n          }\n        }\n      }\n    }\n  }\n"]);return _templateObject=function(){return e},e}(0,s.Ps)(_templateObject());let usePurchaseCoinByEarningsConfirmModal=()=>{let[e,{data:n,loading:i,error:t}]=(0,u.D)(m);(0,c.Jx)({dep:t,message:"エラー",type:"allError"}),(0,c.K7)({dep:n,message:"購入を完了しました"});let{isOpen:s,onOpen:v,onClose:x}=(0,l.q)(),[h,p]=(0,r.useState)(0),f=(0,r.useCallback)(async()=>{await e({variables:{amount:h}})},[h,e]),g=(0,r.useCallback)(e=>{p(e),v()},[v]);(0,r.useEffect)(()=>{n&&x()},[x,n]);let S=(0,a.jsxs)(o.u_,{size:"sm",isOpen:s,onClose:x,isCentered:!0,children:[(0,a.jsx)(o.ZA,{}),(0,a.jsx)(o.hz,{borderRadius:14,children:(0,a.jsxs)(o.fe,{p:0,children:[(0,a.jsxs)(o.M5,{flexDirection:"column",borderRadius:14,background:d.H3,children:[(0,a.jsx)(o.xu,{h:6}),(0,a.jsx)(o.xv,{fontWeight:"bold",children:"お支払い内容のご確認"}),(0,a.jsx)(o.xu,{h:6}),(0,a.jsxs)(o.M5,{w:"100%",px:10,borderBottomRadius:14,flexDirection:"column",alignItems:"start",backgroundColor:"white",children:[(0,a.jsx)(o.xu,{h:6}),(0,a.jsxs)(o.M5,{children:[(0,a.jsx)(o.xv,{children:"購入商品 :"}),(0,a.jsx)(o.xu,{w:2}),(0,a.jsxs)(o.M5,{children:[(0,a.jsx)(o.XF,{boxSize:5,src:k.Z,objectFit:"contain"}),(0,a.jsx)(o.xu,{w:2}),(0,a.jsx)(o.xv,{children:"\xd7"}),(0,a.jsx)(o.xu,{w:1}),(0,a.jsx)(o.xv,{children:"".concat(h.toLocaleString()," 枚")})]})]}),(0,a.jsx)(o.xu,{h:2}),(0,a.jsx)(o.iz,{}),(0,a.jsx)(o.xu,{h:4}),(0,a.jsxs)(o.M5,{children:[(0,a.jsx)(o.xv,{children:"支払金額 :"}),(0,a.jsx)(o.xu,{w:2}),(0,a.jsx)(o.xv,{children:"\xa5 ".concat(h.toLocaleString())})]}),(0,a.jsx)(o.xu,{h:2}),(0,a.jsx)(o.iz,{}),(0,a.jsx)(o.xu,{h:4}),(0,a.jsxs)(o.M5,{children:[(0,a.jsx)(o.xv,{children:"支払方法 :"}),(0,a.jsx)(o.xu,{w:2}),(0,a.jsx)(o.xv,{children:"収益"})]}),(0,a.jsx)(o.xu,{h:2}),(0,a.jsx)(o.iz,{}),(0,a.jsx)(o.xu,{h:4}),(0,a.jsxs)(o.M5,{children:[(0,a.jsx)(o.xv,{children:"注意事項 :"}),(0,a.jsx)(o.xu,{w:2}),(0,a.jsx)(o.xv,{children:"お取り消しはできません"})]}),(0,a.jsx)(o.xu,{h:4}),(0,a.jsx)(o.iz,{})]})]}),(0,a.jsx)(o.xu,{h:10}),(0,a.jsxs)(o.M5,{w:"100%",children:[(0,a.jsx)(o.zx,{colorScheme:"red",onClick:x,children:"キャンセル"}),(0,a.jsx)(o.xu,{w:6}),(0,a.jsx)(o.zx,{colorScheme:"blue",onClick:f,isLoading:i,children:"購入を確定"})]}),(0,a.jsx)(o.xu,{h:10})]})})]});return{purchaseConfirmModal:S,openModal:g,closeModal:x}}},89257:function(e,n,i){i.d(n,{t:function(){return useConfirmModal}});var t=i(85893),a=i(20967),l=i(67294),r=i(71059);let useConfirmModal=e=>{let{text:n,positive:i,negative:d}=e,{isOpen:o,onOpen:s,onClose:u}=(0,a.q)(),[c,m]=(0,l.useState)(""),k=(0,l.useCallback)(e=>{e&&m(e),s()},[s]),v=(0,t.jsxs)(r.u_,{size:"sm",isOpen:o,onClose:u,isCentered:!0,children:[(0,t.jsx)(r.ZA,{}),(0,t.jsx)(r.hz,{children:(0,t.jsx)(r.fe,{children:(0,t.jsxs)(r.M5,{flexDirection:"column",p:8,children:[(0,t.jsx)(r.xu,{h:2}),(0,t.jsx)(r.xv,{children:n}),(0,t.jsx)(r.xu,{h:10}),(0,t.jsxs)(r.M5,{children:[(0,t.jsx)(r.zx,{colorScheme:"blue",onClick:()=>d.onClick(c),children:d.text}),(0,t.jsx)(r.xu,{w:4}),(0,t.jsx)(r.zx,{colorScheme:"red",onClick:()=>i.onClick(c),isLoading:i.isLoading,children:i.text})]})]})})})]});return{confirmModal:v,openModal:k,closeModal:u}}},3791:function(e,n,i){i.d(n,{F1:function(){return m},H3:function(){return x},Ox:function(){return c},RE:function(){return d},Sx:function(){return a},YZ:function(){return r},Yf:function(){return t},eO:function(){return l},kQ:function(){return o},lq:function(){return v},pI:function(){return k},q9:function(){return s},rR:function(){return h},yg:function(){return u}});let t="#FFFFFF",a="#000000",l="#414141",r="#808080",d="#c5cace",o="#E2E8F0",s="#FFA500",u="#E53E3E",c="#FF7979",m="#008000",k="#5D9DFF",v="#97C1FF",x="#F7F9F9",h="#1b94e0"},48325:function(e,n,i){i.d(n,{F:function(){return t}});let t={base:5,sm:8}},10572:function(e,n,i){i.d(n,{B:function(){return useBookmark}});var t=i(82729),a=i(67294),l=i(68806),r=i(50319);let d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"addBookmarkArticle"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"addBookmarkArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"bookmarkedByViewer"}},{kind:"FragmentSpread",name:{kind:"Name",value:"BookmarkedArticleForCache"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"StickyNote_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"status"}},{kind:"Field",name:{kind:"Name",value:"firstPublishedAt"}},{kind:"Field",name:{kind:"Name",value:"previewToken"}},{kind:"Field",name:{kind:"Name",value:"category"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"tags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"isMain"}}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"likeCount"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"BookmarkedArticleForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"StickyNote_ArticleOutput"}}]}}]},o={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"removeBookmarkArticle"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"removeBookmarkArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"bookmarkedByViewer"}},{kind:"FragmentSpread",name:{kind:"Name",value:"BookmarkedArticleForCache"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"StickyNote_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"status"}},{kind:"Field",name:{kind:"Name",value:"firstPublishedAt"}},{kind:"Field",name:{kind:"Name",value:"previewToken"}},{kind:"Field",name:{kind:"Name",value:"category"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"tags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"isMain"}}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"likeCount"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"BookmarkedArticleForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"StickyNote_ArticleOutput"}}]}}]};var s=i(68700);let u={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"bookmarkedByViewer"}}]}}]},c={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"UserPrivateInfoForBookmarkCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserPrivateInfoOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"bookmarkedArticles"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"IntValue",value:"0"}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]};function _templateObject(){let e=(0,t._)(["\n  fragment ArticleForCache on ArticleOutput {\n    bookmarkedByViewer\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  fragment UserPrivateInfoForBookmarkCache on UserPrivateInfoOutput {\n    id\n    bookmarkedArticles(first: 0) {\n      edges {\n        node {\n          id\n          contentAndMetaData {\n            id\n          }\n        }\n        cursor\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n      }\n    }\n  }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,t._)(["\n  fragment BookmarkedArticleForCache on ArticleOutput {\n    id\n    ...StickyNote_ArticleOutput\n  }\n"]);return _templateObject2=function(){return e},e}function updateArticleBookmarkedByViewerFieldCache(e){let n=(0,s.in)().cache;n.updateFragment({fragment:u,id:n.identify({__typename:"ArticleOutput",id:e.articleID})},n=>{if(n)return{...n,bookmarkedByViewer:e.bookmarked}})}function updateUserBookmarkArticlesCache(e){let n=(0,s.in)().cache;n.updateFragment({fragment:c,id:n.identify({__typename:"UserPrivateInfoOutput",id:e.userID})},n=>{if(!n)return;let i=e.bookmarked?[{cursor:e.article.id,node:e.article},...n.bookmarkedArticles.edges]:n.bookmarkedArticles.edges.filter(n=>n.node.id!==e.article.id);return{...n,bookmarkedArticles:{edges:i,pageInfo:{...n.bookmarkedArticles.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}function useBookmark_templateObject(){let e=(0,t._)(["\n  mutation addBookmarkArticle($articleID: String!) {\n    addBookmarkArticle(articleID: $articleID) {\n      id\n      bookmarkedByViewer\n      ...BookmarkedArticleForCache\n    }\n  }\n"]);return useBookmark_templateObject=function(){return e},e}function useBookmark_templateObject1(){let e=(0,t._)(["\n  mutation removeBookmarkArticle($articleID: String!) {\n    removeBookmarkArticle(articleID: $articleID) {\n      id\n      bookmarkedByViewer\n      ...BookmarkedArticleForCache\n    }\n  }\n"]);return useBookmark_templateObject1=function(){return e},e}(0,l.Ps)(_templateObject()),(0,l.Ps)(_templateObject1()),(0,l.Ps)(_templateObject2()),(0,l.Ps)(useBookmark_templateObject()),(0,l.Ps)(useBookmark_templateObject1());let useBookmark=()=>{let[e,{error:n}]=(0,r.D)(d),[i,{error:t}]=(0,r.D)(o),l=(0,a.useCallback)(async n=>{updateArticleBookmarkedByViewerFieldCache({articleID:n.articleID,bookmarked:!0}),await e({variables:{articleID:n.articleID},update:(e,i)=>{i.data&&updateUserBookmarkArticlesCache({article:i.data.addBookmarkArticle,userID:n.userID,bookmarked:!0})}})},[e]),s=(0,a.useCallback)(async e=>{updateArticleBookmarkedByViewerFieldCache({articleID:e.articleID,bookmarked:!1}),await i({variables:{articleID:e.articleID},update:(n,i)=>{i.data&&updateUserBookmarkArticlesCache({article:i.data.removeBookmarkArticle,userID:e.userID,bookmarked:!1})}})},[i]);return{addBookmark:l,removeBookmark:s,addError:n,removeError:t}}},6495:function(e,n,i){i.d(n,{Q:function(){return useCreateArticle}});var t=i(82729),a=i(68806),l=i(50319);let r={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"createArticle"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"newArticle"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"CreateArticleInput"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"createArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"newArticle"},value:{kind:"Variable",name:{kind:"Name",value:"newArticle"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"body"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"status"}}]}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"UserArticleForCache"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"StickyNote_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"status"}},{kind:"Field",name:{kind:"Name",value:"firstPublishedAt"}},{kind:"Field",name:{kind:"Name",value:"previewToken"}},{kind:"Field",name:{kind:"Name",value:"category"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"tags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"isMain"}}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"likeCount"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"UserArticleForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"StickyNote_ArticleOutput"}}]}}]};var d=i(67294),o=i(54973),s=i(4010);function _templateObject(){let e=(0,t._)(["\n  mutation createArticle($newArticle: CreateArticleInput!) {\n    createArticle(newArticle: $newArticle) {\n      id\n      contentAndMetaData {\n        id\n        content {\n          id\n          title\n          body\n        }\n        metaData {\n          id\n          status\n        }\n      }\n      ...UserArticleForCache\n    }\n  }\n"]);return _templateObject=function(){return e},e}(0,a.Ps)(_templateObject());let useCreateArticle=()=>{let[e,{data:n,loading:i,error:t}]=(0,l.D)(r),a=(0,d.useCallback)(async n=>{await e({variables:n.article,update:(e,i)=>{i.data&&(i.data.createArticle.contentAndMetaData.metaData.status===s.af.Published&&(0,o.gG)({userID:n.userID,article:i.data.createArticle}),i.data.createArticle.contentAndMetaData.metaData.status===s.af.Draft&&(0,o.Bg)({userID:n.userID,article:i.data.createArticle}))}})},[e]);return{createArticle:a,data:n,loading:i,error:t}}},41207:function(e,n,i){i.d(n,{b:function(){return useCreateComment}});var t=i(82729),a=i(67294),l=i(68806),r=i(50319);let d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"createComment"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"newComment"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"NewCommentDTO"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"createComment"},arguments:[{kind:"Argument",name:{kind:"Name",value:"newComment"},value:{kind:"Variable",name:{kind:"Name",value:"newComment"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"CommentForCache"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleCommentContainer_CommentOutputDTO"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"CommentOutputDTO"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"body"}},{kind:"Field",name:{kind:"Name",value:"createdAt"}},{kind:"Field",name:{kind:"Name",value:"updatedAt"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CommentForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"CommentOutputDTO"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleCommentContainer_CommentOutputDTO"}}]}}]};var o=i(68700);let s={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"CommentForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"CommentOutputDTO"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"ArticleCommentContainer_CommentOutputDTO"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleCommentContainer_CommentOutputDTO"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"CommentOutputDTO"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"body"}},{kind:"Field",name:{kind:"Name",value:"createdAt"}},{kind:"Field",name:{kind:"Name",value:"updatedAt"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"displayName"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}}]}}]};function _templateObject(){let e=(0,t._)(["\n  fragment CommentForCache on CommentOutputDTO {\n    id\n    ...ArticleCommentContainer_CommentOutputDTO\n  }\n"]);return _templateObject=function(){return e},e}function useCreateCommetArticle_templateObject(){let e=(0,t._)(["\n  mutation createComment($newComment: NewCommentDTO!) {\n    createComment(newComment: $newComment) {\n      id\n      ...CommentForCache\n    }\n  }\n"]);return useCreateCommetArticle_templateObject=function(){return e},e}(0,l.Ps)(_templateObject()),(0,l.Ps)(useCreateCommetArticle_templateObject());let useCreateComment=()=>{let[e,{data:n,loading:i,error:t}]=(0,r.D)(d),l=(0,a.useCallback)(async(n,i)=>{await e({variables:{newComment:{articleID:n,body:i}},update:(e,i)=>{var t;(null===(t=i.data)||void 0===t?void 0:t.createComment)&&function(e){let n=(0,o.in)().cache;n.modify({id:n.identify({__typename:"ArticleOutput",id:e.articleID}),fields:{comments:function(){let i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],t=n.writeFragment({fragment:s,data:e.comment,fragmentName:"CommentForCache"});return[...i,t]}}})}({articleID:n,comment:i.data.createComment})}})},[e]);return{createComment:l,data:n,loading:i,error:t}}},49504:function(e,n,i){i.d(n,{O:function(){return useFollow}});var t=i(82729),a=i(67294),l=i(68806),r=i(50319);let d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"follow"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"followee"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"follow"},arguments:[{kind:"Argument",name:{kind:"Name",value:"followee"},value:{kind:"Variable",name:{kind:"Name",value:"followee"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerIsFollowing"}}]}}]}}]}}]},o={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"unfollow"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"followee"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"unfollow"},arguments:[{kind:"Argument",name:{kind:"Name",value:"followee"},value:{kind:"Variable",name:{kind:"Name",value:"followee"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerIsFollowing"}}]}}]}}]}}]};var s=i(68700);let u={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"UserFollowCountForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"followingCount"}},{kind:"Field",name:{kind:"Name",value:"followerCount"}}]}}]},c={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"UserFollowingForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserViewerInfoOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerIsFollowing"}}]}}]};function _templateObject(){let e=(0,t._)(["\n  fragment UserFollowCountForCache on UserOutput {\n    followingCount\n    followerCount\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  fragment UserFollowingForCache on UserViewerInfoOutput {\n    id\n    viewerIsFollowing\n  }\n"]);return _templateObject1=function(){return e},e}(0,l.Ps)(_templateObject()),(0,l.Ps)(_templateObject1());let m="UserOutput";function updateFolloweeCountCache(e){let n=(0,s.in)().cache;n.updateFragment({fragment:u,id:n.identify({__typename:m,id:e.followerID})},n=>{if(n)return{...n,followingCount:"follow"===e.type?n.followingCount+1:n.followingCount-1}})}function updateFollowerCountCache(e){let n=(0,s.in)().cache;n.updateFragment({fragment:u,id:n.identify({__typename:m,id:e.followeeID})},n=>{if(n)return{...n,followerCount:"follow"===e.type?n.followerCount+1:n.followerCount-1}})}function updateFollowingCache(e){let n=(0,s.in)().cache;n.updateFragment({fragment:c,id:n.identify({__typename:"UserViewerInfoOutput",id:e.followeeID})},n=>{if(n)return{...n,viewerIsFollowing:"follow"===e.type}})}function useFollow_templateObject(){let e=(0,t._)(["\n  mutation follow($followee: String!) {\n    follow(followee: $followee) {\n      id\n      viewerInfo {\n        id\n        viewerIsFollowing\n      }\n    }\n  }\n"]);return useFollow_templateObject=function(){return e},e}function useFollow_templateObject1(){let e=(0,t._)(["\n  mutation unfollow($followee: String!) {\n    unfollow(followee: $followee) {\n      id\n      viewerInfo {\n        id\n        viewerIsFollowing\n      }\n    }\n  }\n"]);return useFollow_templateObject1=function(){return e},e}(0,l.Ps)(useFollow_templateObject()),(0,l.Ps)(useFollow_templateObject1());let useFollow=()=>{let[e,{error:n}]=(0,r.D)(d),[i,{error:t}]=(0,r.D)(o),l=(0,a.useCallback)(async n=>{updateFolloweeCountCache({followerID:n.followerID,type:"follow"}),updateFollowerCountCache({followeeID:n.followeeID,type:"follow"}),updateFollowingCache({followeeID:n.followeeID,type:"follow"}),await e({variables:{followee:n.followeeID}})},[e]),s=(0,a.useCallback)(async e=>{updateFolloweeCountCache({followerID:e.followerID,type:"unfollow"}),updateFollowerCountCache({followeeID:e.followeeID,type:"unfollow"}),updateFollowingCache({followeeID:e.followeeID,type:"unfollow"}),await i({variables:{followee:e.followeeID}})},[i]);return{follow:l,unfollow:s,followError:n,unfollowError:t}}},41588:function(e,n,i){i.d(n,{N:function(){return useGetViewer}});var t=i(82729),a=i(68806),l=i(6812);let r={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"FetchViewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"viewer"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"status"}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"NotificationMenu_ViewerOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"CoinMenu_ViewerOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"IconMenu_ViewerOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"Header_ViewerOutput"}},{kind:"FragmentSpread",name:{kind:"Name",value:"EarningsHistoryLayout_ViewerOutput"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"NotificationMenu_ViewerOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"unreadNotificationCount"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"CoinMenu_ViewerOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"privateInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"wallet"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"coin"}}]}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"IconMenu_ViewerOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"Header_ViewerOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"EarningsHistoryLayout_ViewerOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"createdAt"}}]}}]}}]};function _templateObject(){let e=(0,t._)(["\n  query FetchViewer {\n    viewer {\n      id\n      privateInfo {\n        id\n        status\n      }\n      ...NotificationMenu_ViewerOutput\n      ...CoinMenu_ViewerOutput\n      ...IconMenu_ViewerOutput\n      ...Header_ViewerOutput\n      ...EarningsHistoryLayout_ViewerOutput\n    }\n  }\n"]);return _templateObject=function(){return e},e}(0,a.Ps)(_templateObject());let useGetViewer=()=>{let{data:e,error:n,loading:i}=(0,l.a)(r,{ssr:!1});return{data:e,error:n,loading:i}}},5449:function(e,n,i){i.d(n,{U:function(){return useLike}});var t=i(82729),a=i(67294),l=i(68806),r=i(50319);let d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"like"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"like"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}]}]}}]},o={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"unlike"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"articleID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"unlike"},arguments:[{kind:"Argument",name:{kind:"Name",value:"articleID"},value:{kind:"Variable",name:{kind:"Name",value:"articleID"}}}]}]}}]};var s=i(68700);let u={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"ArticleLikeForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"likeCount"}},{kind:"Field",name:{kind:"Name",value:"likedByViewer"}}]}}]};function _templateObject(){let e=(0,t._)(["\n  fragment ArticleLikeForCache on ArticleOutput {\n    likeCount\n    likedByViewer\n  }\n"]);return _templateObject=function(){return e},e}function updateArticleLikeCache(e){let n=(0,s.in)().cache;n.updateFragment({fragment:u,id:n.identify({__typename:"ArticleOutput",id:e.articleID})},n=>{if(n)return{...n,likedByViewer:e.liked,likeCount:e.liked?n.likeCount+1:n.likeCount-1}})}function useLike_templateObject(){let e=(0,t._)(["\n  mutation like($articleID: String!) {\n    like(articleID: $articleID)\n  }\n"]);return useLike_templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  mutation unlike($articleID: String!) {\n    unlike(articleID: $articleID)\n  }\n"]);return _templateObject1=function(){return e},e}(0,l.Ps)(_templateObject()),(0,l.Ps)(useLike_templateObject()),(0,l.Ps)(_templateObject1());let useLike=()=>{let[e,{error:n}]=(0,r.D)(d),[i,{error:t}]=(0,r.D)(o),l=(0,a.useCallback)(async n=>{updateArticleLikeCache({articleID:n,liked:!0}),await e({variables:{articleID:n}})},[e]),s=(0,a.useCallback)(async e=>{updateArticleLikeCache({articleID:e,liked:!1}),await i({variables:{articleID:e}})},[i]);return{like:l,unlike:s,likeError:n,unlikeError:t}}},348:function(e,n,i){i.d(n,{S:function(){return useReadNotification}});var t=i(82729),a=i(67294),l=i(68806),r=i(50319);let d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"readNotification"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"readNotification"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}}]}}]};var o=i(68700);let s={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"UserPrivateInfoForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserPrivateInfoOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"unreadNotificationCount"}}]}}]};function _templateObject(){let e=(0,t._)(["\n  fragment UserPrivateInfoForCache on UserPrivateInfoOutput {\n    unreadNotificationCount\n  }\n"]);return _templateObject=function(){return e},e}(0,l.Ps)(_templateObject());let u="UserPrivateInfoOutput";function useReadNotification_templateObject(){let e=(0,t._)(["\n  mutation readNotification {\n    readNotification {\n      id\n    }\n  }\n"]);return useReadNotification_templateObject=function(){return e},e}(0,l.Ps)(useReadNotification_templateObject());let useReadNotification=()=>{let[e,{data:n,error:i,loading:t}]=(0,r.D)(d),l=(0,a.useCallback)(async n=>{0!==function(e){var n;let i=(0,o.in)().cache.readFragment({fragment:s,id:"".concat(u,":").concat(e)});return null!==(n=null==i?void 0:i.unreadNotificationCount)&&void 0!==n?n:0}(n)&&(!function(e){let n=(0,o.in)().cache;n.updateFragment({fragment:s,id:n.identify({__typename:u,id:e.userID})},n=>{if(n)return{...n,unreadNotificationCount:e.notificationCount}})}({userID:n,notificationCount:0}),await e())},[e]);return{readNotification:l,data:n,error:i,loading:t}}},73538:function(e,n,i){i.d(n,{o:function(){return useRemoveMember}});var t=i(82729),a=i(67294),l=i(68806),r=i(50319);let d={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"removeMember"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"userID"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"String"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"removeMember"},arguments:[{kind:"Argument",name:{kind:"Name",value:"userID"},value:{kind:"Variable",name:{kind:"Name",value:"userID"}}},{kind:"Argument",name:{kind:"Name",value:"URLSafeName"},value:{kind:"Variable",name:{kind:"Name",value:"URLSafeName"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"org"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"viewerCanUpdateMyRole"}},{kind:"Field",name:{kind:"Name",value:"viewerCanLeave"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"user"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}}]}}]}}]};var o=i(68700);let s={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"OrgMemberForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"OrgOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"members"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"IntValue",value:"0"}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"user"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"hasNextPage"}},{kind:"Field",name:{kind:"Name",value:"endCursor"}}]}}]}}]}}]};function _templateObject(){let e=(0,t._)(["\n  fragment OrgMemberForCache on OrgOutput {\n    members(first: 0) {\n      edges {\n        node {\n          id\n          user {\n            id\n          }\n        }\n        cursor\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n    }\n  }\n"]);return _templateObject=function(){return e},e}function useRemoveMember_templateObject(){let e=(0,t._)(["\n  mutation removeMember($userID: String!, $URLSafeName: String!) {\n    removeMember(userID: $userID, URLSafeName: $URLSafeName) {\n      org {\n        id\n        viewerInfo {\n          id\n          viewerCanUpdateMyRole\n          viewerCanLeave\n        }\n      }\n      user {\n        id\n      }\n    }\n  }\n"]);return useRemoveMember_templateObject=function(){return e},e}(0,l.Ps)(_templateObject()),(0,l.Ps)(useRemoveMember_templateObject());let useRemoveMember=()=>{let[e,{data:n,loading:i,error:t}]=(0,r.D)(d),l=(0,a.useCallback)(async n=>{await e({variables:n.variables,update:(e,n)=>{var i;(null===(i=n.data)||void 0===i?void 0:i.removeMember)&&function(e){let n=(0,o.in)().cache;n.updateFragment({fragment:s,id:n.identify({__typename:"OrgOutput",id:e.orgID})},n=>{if(!n)return;let i=n.members.edges.filter(n=>n.node.user.id!==e.removedMemberID);return{...n,members:{...n.members,edges:i,pageInfo:{...n.members.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}({orgID:n.data.removeMember.org.id,removedMemberID:n.data.removeMember.user.id})}})},[e]);return{removeMember:l,removeData:n,removeLoading:i,removeError:t}}},17864:function(e,n,i){i.d(n,{P:function(){return useUpdateArticle}});var t=i(82729),a=i(68806),l=i(50319),r=i(67294),d=i(4010),o=i(54973);let s={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"mutation",name:{kind:"Name",value:"updateArticle"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"updateArticle"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"UpdateArticleInput"}}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"updateArticle"},arguments:[{kind:"Argument",name:{kind:"Name",value:"updateArticle"},value:{kind:"Variable",name:{kind:"Name",value:"updateArticle"}}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}},{kind:"Field",name:{kind:"Name",value:"body"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"status"}},{kind:"Field",name:{kind:"Name",value:"category"}},{kind:"Field",name:{kind:"Name",value:"tags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"isMain"}}]}},{kind:"Field",name:{kind:"Name",value:"updatedAt"}}]}}]}},{kind:"FragmentSpread",name:{kind:"Name",value:"UserArticleForCache"}}]}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"StickyNote_ArticleOutput"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"content"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"title"}}]}},{kind:"Field",name:{kind:"Name",value:"metaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"status"}},{kind:"Field",name:{kind:"Name",value:"firstPublishedAt"}},{kind:"Field",name:{kind:"Name",value:"previewToken"}},{kind:"Field",name:{kind:"Name",value:"category"}},{kind:"Field",name:{kind:"Name",value:"author"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"profile"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"URLSafeName"}},{kind:"Field",name:{kind:"Name",value:"avatarURL"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"tags"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"tag"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"imageURL"}}]}},{kind:"Field",name:{kind:"Name",value:"isMain"}}]}}]}}]}},{kind:"Field",name:{kind:"Name",value:"likeCount"}}]}},{kind:"FragmentDefinition",name:{kind:"Name",value:"UserArticleForCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"ArticleOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"FragmentSpread",name:{kind:"Name",value:"StickyNote_ArticleOutput"}}]}}]};function _templateObject(){let e=(0,t._)(["\n  mutation updateArticle($updateArticle: UpdateArticleInput!) {\n    updateArticle(updateArticle: $updateArticle) {\n      id\n      contentAndMetaData {\n        id\n        content {\n          id\n          title\n          body\n        }\n        metaData {\n          id\n          status\n          category\n          tags {\n            tag {\n              id\n              URLSafeName\n              imageURL\n            }\n            isMain\n          }\n          updatedAt\n        }\n      }\n      ...UserArticleForCache\n    }\n  }\n"]);return _templateObject=function(){return e},e}(0,a.Ps)(_templateObject());let useUpdateArticle=()=>{let[e,{data:n,loading:i,error:t}]=(0,l.D)(s),a=(0,r.useCallback)(async n=>{await e({variables:n.article,update:(e,i)=>{if(i.data)switch((0,o.Yf)({userID:n.userID,articleID:i.data.updateArticle.id}),(0,o.zt)({userID:n.userID,articleID:i.data.updateArticle.id}),(0,o.pN)({userID:n.userID,articleID:i.data.updateArticle.id}),i.data.updateArticle.contentAndMetaData.metaData.status){case d.af.Published:(0,o.gG)({userID:n.userID,article:i.data.updateArticle});return;case d.af.Draft:(0,o.Bg)({userID:n.userID,article:i.data.updateArticle});return;case d.af.Trashed:(0,o.Mp)({userID:n.userID,article:i.data.updateArticle});return}}})},[e]);return{updateArticle:a,data:n,loading:i,error:t}}},33478:function(e,n,i){i.d(n,{Ky:function(){return useCallFunctionOnceGettingData},QZ:function(){return o.Q},bN:function(){return s.b},OM:function(){return v.O},Nx:function(){return u.N},U3:function(){return c.U},oV:function(){return m.o},Vv:function(){return useRequireLoggedInAndInitRegCompleted},_e:function(){return useRequireNotLoggedInOrInitRegCompletedWhenLoggedIn},tv:function(){return useRouter},Jx:function(){return useShowErrorToast},K7:function(){return useShowSuccessToast},P0:function(){return k.P}});var t=i(67294);let useCallFunctionOnceGettingData=e=>{(0,t.useEffect)(()=>{e.data&&e.function()},[e.data,e.function])};var a=i(1578),l=i(4010);let useRequireLoggedInAndInitRegCompleted=()=>{let{data:e}=(0,u.N)(),[n,i]=(0,t.useState)(!0),r=useRouter();return(0,t.useEffect)(()=>{if(e&&r){if(!e.viewer){r.push(a.VW.$url());return}if(e.viewer.privateInfo.status===l.J0.EstablishedUserInfoUnregistered){r.push(a.VW.onboard.$url());return}i(!1)}},[e,r]),{checking:n}},useRequireNotLoggedInOrInitRegCompletedWhenLoggedIn=()=>{let{data:e}=(0,u.N)(),[n,i]=(0,t.useState)(!0),r=useRouter();return(0,t.useEffect)(()=>{if(e&&r){if(!e.viewer){i(!1);return}if(e.viewer.privateInfo.status===l.J0.EstablishedUserInfoUnregistered){r.push(a.VW.onboard.$url());return}i(!1)}},[e,r]),{checking:n}};var r=i(7963);let useShowErrorToast=e=>{let n=(0,r.p)();(0,t.useEffect)(()=>{var i,t;("allError"===(i={dep:e.dep,message:e.message,type:e.type,errorStatusCode:e.errorStatusCode}).type?void 0!==i.dep:"networkError"===i.type?void 0!==i.dep&&null!==i.dep.networkError:i.errorStatusCode?void 0!==i.dep&&0!==i.dep.graphQLErrors.length&&(null===(t=i.dep.graphQLErrors[0].extensions.originalError)||void 0===t?void 0:t.statusCode)===i.errorStatusCode:void 0!==i.dep&&0!==i.dep.graphQLErrors.length)&&n({title:e.message,status:"error",isClosable:!0})},[e.dep,e.message,e.type,e.errorStatusCode,n])},useShowSuccessToast=e=>{let n=(0,r.p)();(0,t.useEffect)(()=>{e.dep&&n({title:e.message,status:"success",isClosable:!0})},[e.dep,e.message,n])};var d=i(44343);let useRouter=()=>(0,d.useRouter)();i(10572);var o=i(6495),s=i(41207),u=i(41588),c=i(5449);i(348);var m=i(73538),k=i(17864),v=i(49504)},49217:function(e,n,i){i.d(n,{V:function(){return t}});let t={$404:{$url:e=>({pathname:"/404",hash:null==e?void 0:e.hash})},$500:{$url:e=>({pathname:"/500",hash:null==e?void 0:e.hash})},about:{$url:e=>({pathname:"/about",hash:null==e?void 0:e.hash})},article:{_articleID:e=>({edit:{$url:n=>({pathname:"/article/[articleID]/edit",query:{articleID:e},hash:null==n?void 0:n.hash})},preview:{_previewToken:n=>({$url:i=>({pathname:"/article/[articleID]/preview/[previewToken]",query:{articleID:e,previewToken:n},hash:null==i?void 0:i.hash})})},$url:n=>({pathname:"/article/[articleID]",query:{articleID:e},hash:null==n?void 0:n.hash})}),create:{$url:e=>({pathname:"/article/create",hash:null==e?void 0:e.hash})},latest:{$url:e=>({pathname:"/article/latest",hash:null==e?void 0:e.hash})}},confirm:{email:{org:{_token:e=>({$url:n=>({pathname:"/confirm/email/org/[token]",query:{token:e},hash:null==n?void 0:n.hash})})}}},dashboard:{earningsHistory:{_year:e=>({$url:n=>({pathname:"/dashboard/earningsHistory/[year]",query:{year:e},hash:null==n?void 0:n.hash})})},withdraw:{$url:e=>({pathname:"/dashboard/withdraw",hash:null==e?void 0:e.hash})},withdrawHistory:{$url:e=>({pathname:"/dashboard/withdrawHistory",hash:null==e?void 0:e.hash})}},history:{purchase:{article:{$url:e=>({pathname:"/history/purchase/article",hash:null==e?void 0:e.hash})},badge:{$url:e=>({pathname:"/history/purchase/badge",hash:null==e?void 0:e.hash})},coin:{$url:e=>({pathname:"/history/purchase/coin",hash:null==e?void 0:e.hash})}}},info:{faq:{earnings:{$url:e=>({pathname:"/info/faq/earnings",hash:null==e?void 0:e.hash})},misc:{$url:e=>({pathname:"/info/faq/misc",hash:null==e?void 0:e.hash})},org:{$url:e=>({pathname:"/info/faq/org",hash:null==e?void 0:e.hash})},purchase:{$url:e=>({pathname:"/info/faq/purchase",hash:null==e?void 0:e.hash})}},markdown:{$url:e=>({pathname:"/info/markdown",hash:null==e?void 0:e.hash})},scta:{$url:e=>({pathname:"/info/scta",hash:null==e?void 0:e.hash})}},login:{$url:e=>({pathname:"/login",hash:null==e?void 0:e.hash})},onboard:{$url:e=>({pathname:"/onboard",hash:null==e?void 0:e.hash})},organization:{_URLSafeOrgName:e=>({member:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/member",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},settings:{danger:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/danger",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},function:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/function",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},history:{purchase:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/history/purchase",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},purchase_count:{_year:n=>({$url:i=>({pathname:"/organization/[URLSafeOrgName]/settings/history/purchase_count/[year]",query:{URLSafeOrgName:e,year:n},hash:null==i?void 0:i.hash})})}},member:{invite:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/member/invite",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},invitee:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/member/invitee",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/member",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},notifications:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/notifications",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},payment:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/payment",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})},profile:{$url:n=>({pathname:"/organization/[URLSafeOrgName]/settings/profile",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})}},$url:n=>({pathname:"/organization/[URLSafeOrgName]",query:{URLSafeOrgName:e},hash:null==n?void 0:n.hash})})},privacy:{$url:e=>({pathname:"/privacy",hash:null==e?void 0:e.hash})},search:{_keyword:e=>({article:{alltime:{$url:n=>({pathname:"/search/[keyword]/article/alltime",query:{keyword:e},hash:null==n?void 0:n.hash})},latest:{$url:n=>({pathname:"/search/[keyword]/article/latest",query:{keyword:e},hash:null==n?void 0:n.hash})},trend:{$url:n=>({pathname:"/search/[keyword]/article/trend",query:{keyword:e},hash:null==n?void 0:n.hash})}},tag:{$url:n=>({pathname:"/search/[keyword]/tag",query:{keyword:e},hash:null==n?void 0:n.hash})},user:{$url:n=>({pathname:"/search/[keyword]/user",query:{keyword:e},hash:null==n?void 0:n.hash})}})},settings:{bank:{$url:e=>({pathname:"/settings/bank",hash:null==e?void 0:e.hash})},danger:{$url:e=>({pathname:"/settings/danger",hash:null==e?void 0:e.hash})},notifications:{$url:e=>({pathname:"/settings/notifications",hash:null==e?void 0:e.hash})},organization:{create:{$url:e=>({pathname:"/settings/organization/create",hash:null==e?void 0:e.hash})},invitation:{$url:e=>({pathname:"/settings/organization/invitation",hash:null==e?void 0:e.hash})},$url:e=>({pathname:"/settings/organization",hash:null==e?void 0:e.hash})},payment:{$url:e=>({pathname:"/settings/payment",hash:null==e?void 0:e.hash})},profile:{$url:e=>({pathname:"/settings/profile",hash:null==e?void 0:e.hash})},scta:{$url:e=>({pathname:"/settings/scta",hash:null==e?void 0:e.hash})}},tag:{_URLSafeTagName:e=>({article:{alltime:{$url:n=>({pathname:"/tag/[URLSafeTagName]/article/alltime",query:{URLSafeTagName:e},hash:null==n?void 0:n.hash})},latest:{$url:n=>({pathname:"/tag/[URLSafeTagName]/article/latest",query:{URLSafeTagName:e},hash:null==n?void 0:n.hash})},trend:{$url:n=>({pathname:"/tag/[URLSafeTagName]/article/trend",query:{URLSafeTagName:e},hash:null==n?void 0:n.hash})}}})},terms:{$url:e=>({pathname:"/terms",hash:null==e?void 0:e.hash})},timeline:{$url:e=>({pathname:"/timeline",hash:null==e?void 0:e.hash})},user:{_URLSafeUserName:e=>({article:{draft:{$url:n=>({pathname:"/user/[URLSafeUserName]/article/draft",query:{URLSafeUserName:e},hash:null==n?void 0:n.hash})},trashed:{$url:n=>({pathname:"/user/[URLSafeUserName]/article/trashed",query:{URLSafeUserName:e},hash:null==n?void 0:n.hash})}},bookmark:{$url:n=>({pathname:"/user/[URLSafeUserName]/bookmark",query:{URLSafeUserName:e},hash:null==n?void 0:n.hash})},scta:{$url:n=>({pathname:"/user/[URLSafeUserName]/scta",query:{URLSafeUserName:e},hash:null==n?void 0:n.hash})},$url:n=>({pathname:"/user/[URLSafeUserName]",query:{URLSafeUserName:e},hash:null==n?void 0:n.hash})})},$url:e=>({pathname:"/",hash:null==e?void 0:e.hash})}},54973:function(e,n,i){i.d(n,{Bg:function(){return addUserDraftArticleCache},gG:function(){return addUserPublishedArticleCache},Mp:function(){return addUserTrashedArticleCache},zt:function(){return removeUserDraftArticleCache},Yf:function(){return removeUserPublishedArticleCache},pN:function(){return removeUserTrashedArticleCache}});var t=i(82729),a=i(68700),l=i(68806);let r={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"UserPublishedArticleCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"publishedArticles"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"IntValue",value:"0"}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]},d={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"UserDraftArticleCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserPrivateInfoOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"draftAndSuspendedArticles"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"IntValue",value:"0"}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]},o={kind:"Document",definitions:[{kind:"FragmentDefinition",name:{kind:"Name",value:"UserTrashedArticleCache"},typeCondition:{kind:"NamedType",name:{kind:"Name",value:"UserPrivateInfoOutput"}},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"trashedArticles"},arguments:[{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"IntValue",value:"0"}}],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"edges"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"node"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}},{kind:"Field",name:{kind:"Name",value:"contentAndMetaData"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"id"}}]}}]}},{kind:"Field",name:{kind:"Name",value:"cursor"}}]}},{kind:"Field",name:{kind:"Name",value:"pageInfo"},selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"endCursor"}},{kind:"Field",name:{kind:"Name",value:"hasNextPage"}}]}}]}}]}}]};function _templateObject(){let e=(0,t._)(["\n  fragment UserPublishedArticleCache on UserOutput {\n    id\n    publishedArticles(first: 0) {\n      edges {\n        node {\n          id\n          contentAndMetaData {\n            id\n          }\n        }\n        cursor\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n      }\n    }\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,t._)(["\n  fragment UserDraftArticleCache on UserPrivateInfoOutput {\n    id\n    draftAndSuspendedArticles(first: 0) {\n      edges {\n        node {\n          id\n          contentAndMetaData {\n            id\n          }\n        }\n        cursor\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n      }\n    }\n  }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,t._)(["\n  fragment UserTrashedArticleCache on UserPrivateInfoOutput {\n    id\n    trashedArticles(first: 0) {\n      edges {\n        node {\n          id\n          contentAndMetaData {\n            id\n          }\n        }\n        cursor\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n      }\n    }\n  }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,t._)(["\n  fragment UserArticleForCache on ArticleOutput {\n    id\n    ...StickyNote_ArticleOutput\n  }\n"]);return _templateObject3=function(){return e},e}(0,l.Ps)(_templateObject()),(0,l.Ps)(_templateObject1()),(0,l.Ps)(_templateObject2()),(0,l.Ps)(_templateObject3());let s="UserOutput",u="UserPrivateInfoOutput",c="publishedArticles",m="draftAndSuspendedArticles",k="trashedArticles";function addUserPublishedArticleCache(e){let n=(0,a.in)().cache;n.updateFragment({fragment:r,id:n.identify({__typename:s,id:e.userID})},n=>{if(!n)return;let i=[{cursor:e.article.id,node:e.article},...n.publishedArticles.edges];return{...n,[c]:{edges:i,pageInfo:{...n.publishedArticles.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}function removeUserPublishedArticleCache(e){let n=(0,a.in)().cache;n.updateFragment({fragment:r,id:n.identify({__typename:s,id:e.userID})},n=>{if(!n)return;let i=n.publishedArticles.edges.filter(n=>n.node.id!==e.articleID);return{...n,[c]:{edges:i,pageInfo:{...n.publishedArticles.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}function addUserDraftArticleCache(e){let n=(0,a.in)().cache;n.updateFragment({fragment:d,id:n.identify({__typename:u,id:e.userID})},n=>{if(!n)return;let i=[{cursor:e.article.id,node:e.article},...n.draftAndSuspendedArticles.edges];return{...n,[m]:{edges:i,pageInfo:{...n.draftAndSuspendedArticles.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}function removeUserDraftArticleCache(e){let n=(0,a.in)().cache;n.updateFragment({fragment:d,id:n.identify({__typename:u,id:e.userID})},n=>{if(!n)return;let i=n.draftAndSuspendedArticles.edges.filter(n=>n.node.id!==e.articleID);return{...n,[m]:{edges:i,pageInfo:{...n.draftAndSuspendedArticles.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}function addUserTrashedArticleCache(e){let n=(0,a.in)().cache;n.updateFragment({fragment:o,id:n.identify({__typename:u,id:e.userID})},n=>{if(!n)return;let i=[{cursor:e.article.id,node:e.article},...n.trashedArticles.edges];return{...n,[k]:{edges:i,pageInfo:{...n.trashedArticles.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}function removeUserTrashedArticleCache(e){let n=(0,a.in)().cache;n.updateFragment({fragment:o,id:n.identify({__typename:u,id:e.userID})},n=>{if(!n)return;let i=n.trashedArticles.edges.filter(n=>n.node.id!==e.articleID);return{...n,[k]:{edges:i,pageInfo:{...n.trashedArticles.pageInfo,endCursor:i[i.length-1]?i[i.length-1].cursor:null}}}})}},18063:function(e,n,i){i.d(n,{y:function(){return getFirebaseAuth}});var t=i(47210),a=i(25816);function getFirebaseAuth(){return(0,t.v0)()}(0,a.C6)().length||(0,a.ZF)({apiKey:"AIzaSyAfenlPllHPx4qodZdjBHeVQ9rDjEg6aDA",authDomain:"overridon.com",projectId:"overridon-11b57",storageBucket:"overridon-11b57.appspot.com",messagingSenderId:"358865340048",appId:"1:358865340048:web:b6ab3e94c6babde3477a15",measurementId:"G-PDZSF2CPKQ"})},1578:function(e,n,i){i.d(n,{MX:function(){return fromNowStr},Td:function(){return generateURLFromPagePath},VW:function(){return t.V}});let generateURLFromPagePath=e=>{let n=e.pathname,i=null==e?void 0:e.query;return i&&Object.keys(i).forEach(e=>{n=n.replace("[".concat(e,"]"),i[e].toString())}),"".concat("https://overridon.com").concat(n)};var t=i(49217),a=i(27484),l=i.n(a),r=i(84110),d=i.n(r);l().extend(d());let fromNowStr=e=>l()(e).fromNow()}}]);