!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="ff0b68df-70c8-49f3-b30c-c2421e948cc1",e._sentryDebugIdIdentifier="sentry-dbid-ff0b68df-70c8-49f3-b30c-c2421e948cc1")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49222],{23984:function(e,t,r){"use strict";r.d(t,{w:function(){return s}});var i=r(98376);let n=(0,r(4954).BX)(`
  query UseJoinedCommunityStatusQuery($userId: String!, $communityId: String!) {
    user(userId: $userId) {
      id
      joinedCommunity(communityId: $communityId) {
        id
      }
    }
  }
`),s=e=>{let{communityId:t,isChanged:r,userId:s,isJoinedCommunity:l=!1}=e,{data:a,loading:o}=(0,i.a)(n,{variables:{userId:s||"",communityId:t||""},skip:!s||!t}),u=a?.user?.joinedCommunity;return!r||o?"loading":s?l||u?"alreadyJoinedCommunity":"needJoinCommunity":"needLogin"}},72783:function(e,t,r){"use strict";r.d(t,{e:function(){return y}});var i=r(34223),n=r(93656),s=r(57799),l=r(50344),a=r(34930),o=r(1167),u=r(2363);let c={userFollowButtonClick:"user_follow_button_click"};var d=r(4954),f=r(37896),m=r(71258),h=r(31746),p=r(3459),g=r(87613);let x=(0,d.BX)(`
  mutation FollowUserMutation($communityId: String!, $targetUserId: String!, $userId: String!) {
    followUser(communityId: $communityId, targetUserId: $targetUserId, userId: $userId) {
      id
      isFollowing
    }
  }
`),v=(0,d.BX)(`
  mutation UnFollowUserMutation($targetUserId: String!, $userId: String!) {
    unfollowUser(targetUserId: $targetUserId, userId: $userId) {
      id
      isFollowing
    }
  }
`),y=e=>{let{isFollowing:t,targetUserId:r,userId:d,onFollowed:y,isShowFollowTooltip:b,isShort:I,...j}=e,{t:k}=(0,a.Z)("features/follow"),[w,{loading:_}]=(0,n.D)(x),[C,{loading:N}]=(0,n.D)(v),$=(0,m.F)(),z=(0,f.XF)(),{communityId:B}=(0,p.U)(),S=(0,o.useRouter)(),P=(0,u.useCallback)(e=>async t=>{if(t.stopPropagation(),!d){z();return}(0,h.$)(c.userFollowButtonClick,{type:"follow",target_user_id:e,url:S.asPath,...S.query}),await w({variables:{communityId:B,targetUserId:e,userId:d},refetchQueries:["FollowingUsersPostsQuery"],awaitRefetchQueries:!0}).catch(()=>{$(k("問題が発生しました"),"error")}),y?.()},[B,w,z,y,$,S.asPath,S.query,d,k]),U=(0,u.useCallback)(e=>async t=>{if(t.stopPropagation(),!d){z();return}(0,h.$)(c.userFollowButtonClick,{type:"unFollow",target_user_id:e,url:S.asPath,...S.query}),await C({variables:{targetUserId:e,userId:d},update:t=>{t.modify({fields:{followingUsersPosts:(t,r)=>{let{readField:i}=r;try{return{...t,edges:("edges"in t?t.edges:[]).filter(t=>i("posterId",t.node)!==e)}}catch(r){return g.k.error({error:`failed to modify cache during unfollow: ${r}`,extra:{targetUserId:e}}),t}}}})}}).catch(()=>{$(k("問題が発生しました"),"error")})},[d,S.asPath,S.query,C,z,$,k]);return d&&d===r?null:t?(0,i.jsx)(s.z,{type:"button",variant:"basic",onClick:U(r),loading:N,...j,children:k("フォロー中")}):(0,i.jsx)(l.u,{text:k("ユーザーをフォローできます"),initialOpen:b,disabled:!b,color:"accent",placement:"bottom-end",onChange:y,children:(0,i.jsx)(s.z,{type:"button",variant:"secondary",className:"accent-object-accent-subtle",onClick:P(r),loading:_,...j,children:I?k("フォロー"):k("フォローする")})})}},40964:function(e,t,r){"use strict";r.d(t,{V:function(){return i}});let i={usersWhoLikedPostClick:"users_who_liked_post_click",lightBoxPostDetailClick:"light_box_post_detail_click",bookmarkPostButtonClick:"bookmark_post_button_click",likeButtonClick:"like_button_click"}},15377:function(e,t,r){"use strict";r.d(t,{X:function(){return a}});var i=r(34223),n=r(95551),s=r(15276),l=r.n(s);let a=e=>{let{name:t,iconImageUrl:r}=e;return(0,i.jsxs)("div",{className:"flex items-center justify-start",children:[(0,i.jsx)(l(),{width:16,height:16,src:r,alt:"fan badge icon"}),(0,i.jsx)(n.Z,{variant:"subtitleSm",className:"pl-4 text-specific-purple-400",children:t})]})}},33800:function(e,t,r){"use strict";r.d(t,{d:function(){return f}});var i=r(34223),n=r(95551),s=r(86854),l=r(96030),a=r(34930),o=r(2363),u=r(86415),c=r(61661),d=r.n(c);let f=e=>{let{isSpoiler:t,message:r,posterUserId:c,children:f,type:m="fixed",disableFlag:h,rounded:p}=e,{t:g}=(0,a.Z)("features/post"),[x,v]=(0,o.useState)(!1),y=(0,u.II)(),b=(0,o.useCallback)(e=>{e.preventDefault(),v(!0)},[]),I=(0,o.useMemo)(()=>!!y&&!!c&&y===c,[y,c]),j=(0,o.useMemo)(()=>null==r?"":g("「{{message}}」の",{message:r}),[r,g]);return!t||x||I?(0,i.jsxs)("div",{children:[!h&&t&&(0,i.jsxs)("div",{className:"mb-16 flex items-center",children:[(0,i.jsx)(s.O,{size:"xsmall",color:"textSecondary"}),(0,i.jsx)(n.Z,{variant:"bodyLg",className:" ml-8",color:"secondary",children:g("ネタバレを含む")})]}),f]}):"text"===m?(0,i.jsx)(n.Z,{variant:"bodyMd",color:"secondary",className:p?"rounded-md":"",children:g("ネタバレを含む投稿です")}):"responsive"===m?(0,i.jsxs)("div",{className:"relative h-auto",children:[(0,i.jsx)("div",{className:"opacity-0",children:f}),(0,i.jsx)("div",{className:(0,l.Z)("absolute inset-0 flex items-center justify-center bg-object-neutral px-16 sm:px-32",p?"rounded-md":""),children:(0,i.jsxs)("p",{className:"text-variant-subtitleMd text-secondary",children:[j,g("ネタバレ注意")]})})]}):(0,i.jsx)("div",{className:(0,l.Z)("relative aspect-horizontal-image w-full",d().content),children:(0,i.jsxs)("div",{className:(0,l.Z)("absolute inset-0  flex flex-col items-center justify-center bg-object-neutral px-16 sm:px-32",p?"rounded-md":""),children:[(0,i.jsxs)("p",{className:"text-variant-subtitleMd text-secondary",children:[j,g("ネタバレを含む")]}),(0,i.jsx)("button",{type:"button",className:"text-variant-bodyMd ml-4 text-interactive underline",onClick:b,children:g("表示する")})]})})}},50891:function(e,t,r){"use strict";r.d(t,{W:function(){return o}});var i=r(34223),n=r(95551),s=r(28136),l=r(73255);let a=()=>(0,i.jsx)("a",{href:"//translate.google.com/",target:"_blank",rel:"noreferrer",className:"flex w-fit",children:(0,i.jsx)(n.Z,{variant:"bodySm",className:"flex items-center gap-2 text-tertiary",children:(0,i.jsx)(l.c,{ns:"features/post",i18nKey:"Googleによる翻訳","aria-label":"google attribution",components:{GoogleLogo:(0,i.jsx)(s.E,{alt:"Google",src:"/static/google_translate_attribution_logo.svg",width:45,height:20,className:"h-20 w-auto"})}})})}),o=e=>{let{translated:t}=e;return t?(0,i.jsx)("div",{className:"flex w-full items-center justify-end gap-8",children:t?(0,i.jsx)(i.Fragment,{children:(0,i.jsx)(a,{})}):null}):null}},77043:function(e,t,r){"use strict";r.d(t,{EJ:function(){return d},Jd:function(){return o},z8:function(){return u}});var i=r(34223),n=r(97457),s=r(2363),l=r(53918);let a=(0,s.createContext)({viewedListId:void 0}),o=e=>{let{queryName:t,firstPostId:r,children:l}=e,o=(0,s.useMemo)(()=>{let e=(0,n.createHash)("sha256");return e.update(t+r),{viewedListId:e.digest("hex")}},[r,t]);return(0,i.jsx)(a.Provider,{value:o,children:l})},u=()=>{let e=(0,s.useContext)(a);if(void 0===e)throw Error("useViewedPostListId must be used within a ViewedPostListProvider");return e},c="LATEST_VIEWED_POST_LIST_ID",d=()=>{let[e,t]=(0,s.useState)(()=>{try{return l.q.getItem(c)}catch{return}});return{latestViewedPostListId:e,setLatestViewedPostListId:(0,s.useCallback)(e=>{t(e),l.q.setItem(c,e)},[])}}},10665:function(e,t,r){"use strict";r.d(t,{g:function(){return w}});var i=r(42479),n=r(34930),s=r(1167),l=r(2363),a=r(66632),o=r(40964),u=r(93656),c=r(86415);let d=(0,r(4954).BX)(`
  mutation LikeTopicMutation($communityId: String!, $topicId: String!, $input: LikeTopicInput!, $userId: String!) {
    likeTopic(communityId: $communityId, topicId: $topicId, input: $input, userId: $userId) {
      ... on Topic {
        id
      }
      ... on LikeTopicMutationError {
        code
      }
    }
  }
`),f=()=>{let e=(0,c.II)(),[t,{loading:r,error:i}]=(0,u.D)(d);return{likeTopic:(0,l.useCallback)(async(r,i,n)=>{if(!e)throw Error("userId is required");return t({variables:{userId:e,communityId:r,topicId:i,input:n}})},[t]),loading:r,error:i}};var m=r(88050),h=r(30128),p=r(10605),g=r(76652),x=r(37896),v=r(15491),y=r(95272),b=r(71258),I=r(239),j=r(15437),k=r(31746);let w=(e,t,r,u,d,w,_)=>{let{t:C}=(0,n.Z)("features/post"),[N,$]=(0,l.useState)(0),{asPath:z,query:B}=(0,s.useRouter)(),S=(0,c.II)(),P=(0,l.useMemo)(()=>d===S,[d,S]),U=(0,l.useRef)(!1),M=(0,h.i)(w),{likeTopic:Z}=f(),E=(0,b.F)(),F=(0,x.XF)(),L=(0,y.J)(),q=(0,v.x)(w),[T,D]=(0,g.y)(),{isSmsVerificationRequired:J,openSmsVerificationModal:X}=(0,I.a)(),R=(0,i.x)(),V=(0,l.useCallback)(t=>{let r=R.cache.identify({id:e,__typename:"Post"});R.cache.modify({id:r,fields:{likesTotalCount:e=>e+t,likesCountByMe:e=>e+t,isLikedByMe:()=>!0}})},[R.cache,e]),A=(0,a.Z)(async t=>{if(void 0!==S&&w&&void 0!==M&&void 0!==e&&void 0!==d&&r+t<=m.s&&t>0){let{error:r}=await (0,p.$)(async()=>{V(t),$(0),U.current=!0;let r=await Z(w,e,{favoriteAmount:t,receiverId:d,senderCommitLevel:M.commit_level||1,senderCommitScore:M.commit_score||1,senderId:S});if(r.data?.likeTopic?.__typename==="LikeTopicMutationError"){if("REACHED_MAX_COUNT"===r.data.likeTopic.code){E(C("上限に達しています。"),"error");return}E(C("いいねに失敗しました。"),"error");return}});if(r){E(C("いいねに失敗しました。"),"error");return}await (0,k.$)(o.V.likeButtonClick,{url:z,...B}),_()}},1e3),O=(0,l.useCallback)(e=>{if(e.preventDefault(),L)return F();if(q)return D();if(!window.navigator.onLine){E(C("いいねに失敗しました。通信環境をご確認ください。"),"error");return}if(J){X();return}let t=r+N;m.s<=t?E(C("この投稿へのいいねが上限に達しました"),"info"):$(e=>{let t=e+1;return A(t),t})},[L,F,q,D,r,N,E,A,C,J,X]),W=(0,j.d)(O);return(0,l.useEffect)(()=>(window.addEventListener("beforeunload",A.flush),()=>{window.removeEventListener("beforeunload",A.flush),A.flush()}),[A]),{liked:(0,l.useMemo)(()=>!!S&&(!!t||r>0||N>0),[S,t,r,N]),disabled:P,onClickLike:W,count:u+N,components:T}}},65668:function(e,t,r){"use strict";r.d(t,{S:function(){return p}});var i=r(34223),n=r(57799),s=r(53292),l=r(34930),a=r(1167),o=r(2363),u=r(36149),c=r(86415),d=r(44444),f=r(51479),m=r(3459);let h=(0,i.jsx)(s.I,{}),p=e=>{let{quizId:t}=e,{t:r}=(0,l.Z)("features/quiz"),{communityId:s}=(0,m.U)(),p=(0,c.II)(),g=(0,o.useRef)(null),{isIntersecting:x}=(0,d.i)(g),{push:v}=(0,a.useRouter)(),{canStart:y,playInfoId:b}=(0,u.R)({variables:{quizId:t,userId:String(p)},skip:!x||!p}),I=(0,o.useCallback)(async()=>{await v(f.V.quiz.play._quiz_id(t).$url())},[s,v,t]),j=(0,o.useCallback)(async()=>{null!=b&&await v(f.V.quiz.result._quiz_id(t)._play_info_id(b).$url())},[s,b,v,t]);return(0,i.jsx)("div",{ref:g,children:y?(0,i.jsx)(n.z,{variant:"white",startIcon:h,size:"small",rounded:!0,onClick:I,children:r("プレイ")}):(0,i.jsx)(n.z,{variant:"whiteOutlined",size:"small",rounded:!0,onClick:j,children:r("結果を見る")})})}},55545:function(e,t,r){"use strict";r.d(t,{T:function(){return s}});var i=r(34223);r(2363);var n=r(44547);let s=e=>(0,i.jsx)(n.v,{...e,width:1.91,height:1})},11245:function(e,t,r){"use strict";var i,n=r(34223),s=r(49294),l=r(49238),a=r(36354),o=r(44976),u=r(2363);let c={type:"spring",duration:.6},d=e=>{let{liked:t,normalColor:r,likedColor:i}=e;return t?i||"text-object-like":r||"text-inherit"},{memo:f}=i||(i=r.t(u,2));t.Z=f(e=>{let{disabled:t,size:r="medium",liked:i,...f}=e,[m,h]=(0,a.n)({scale:[1,.8,1.3,1]},{scale:[1,.9,1.2,1]}),p=u.useCallback(()=>{t||h()},[h,t]);return(0,n.jsx)(o.E.span,{animate:m,onTap:p,transition:c,initial:!1,className:"inline-flex",children:i?(0,n.jsx)(s.I,{size:r,className:d({...f,liked:i})}):(0,n.jsx)(l.t,{size:r,className:d({...f,liked:i})})})})},88050:function(e,t,r){"use strict";r.d(t,{Q:function(){return k},s:function(){return p}});var i,n=r(34930),s=r(93656),l=r(31528),a=r(62862),o=r(2363),u=r(82538),c=r(30128),d=r(10605),f=r(4954),m=r(71258),h=r(52657);let p=20,{useCallback:g,useMemo:x}=i||(i=r.t(o,2)),v=e=>(0,l.JU)((0,u.a)(),(0,h.E)(e)),y=e=>(0,l.hJ)((0,u.a)(),`${e.path}/message_likes`),b=(e,t,r)=>{if("commentThread"===e){let e=v(t),i=v(r),n=r.slice(0,r.lastIndexOf("/")),s=v(n.slice(0,n.lastIndexOf("/"))),a=(0,l.JU)(y(i));return{commitRef:i,voteRef:a,planRef:e,contentRef:s}}{let e=v(t),i=v(r),n=(0,l.JU)(y(i));return{commitRef:i,voteRef:n,planRef:e,contentRef:i}}},I=(e,t,r,i,s,l)=>{let{t:a}=(0,n.Z)("legacy"),o=(0,m.F)(),u=(0,c.i)(r),{execute:f}=_();return async n=>{if(void 0===e||!r||void 0===s||void 0===l||void 0===u)return;let c=b(i,s,l);if(!t||void 0===c){o(a("いいねに失敗しました。"),"error");return}let{commitRef:m,voteRef:h,planRef:p}=c,{error:g}=await (0,d.$)(()=>f({variables:{communityId:r,input:{receiverId:t,commitType:i,commitPath:m.path,planPath:p.path,likesPath:h.path,favCount:n}}}));if(g){o(a("いいねに失敗しました。"),"error");return}}},j=e=>{let{t}=(0,n.Z)("legacy"),r=(0,m.F)();return g((0,a.Z)(()=>{e&&r(t("この投稿へのいいねが上限に達しました"),"info")},500),[e,r])},k=(e,t,r,i,s,l,a)=>{let{t:u}=(0,n.Z)("legacy"),c=o.useRef(),d=o.useRef(!1),f=o.useRef(!1),[h,v]=o.useState(0),y=I(e,t,r,i,s,l),b=(0,m.F)(),k=x(()=>void 0!==a&&a>=p,[a]),w=j(k),_=o.useCallback(()=>{if(f.current=!0,d.current)return;c.current&&clearTimeout(c.current);let e=p<=a+h?p-a:h+1;c.current=setTimeout(async()=>{d.current=!0,await y(e),v(0),c.current=void 0,d.current=!1,f.current=!1},1e3),v(e)},[h,a,y]);return{onClickLike:g(()=>{if(!window.navigator.onLine){b(u("いいねに失敗しました。通信環境をご確認ください。"),"error");return}k&&!f.current?w():_()},[k,w,_,b,u]),likeAmount:h}},w=(0,f.BX)(`
  mutation SendFavMutation($communityId: String!, $input: SendFavInput!) {
    sendFav(communityId: $communityId, input: $input)
  }
`),_=()=>{let[e]=(0,s.D)(w);return{execute:e}}},10605:function(e,t,r){"use strict";r.d(t,{$:function(){return i}});let i=e=>e().then(e=>({result:e})).catch(e=>({error:e}))},76652:function(e,t,r){"use strict";r.d(t,{y:function(){return o}});var i=r(34930),n=r(2363),s=r(73908),l=r(89376),a=r(3459);let o=()=>{let{t:e}=(0,i.Z)("shared"),[t,r]=(0,l.c)(),{communityId:o}=(0,a.U)(),{handleJoinClick:u}=(0,s.G)(o);return[t,(0,n.useCallback)(()=>{r({type:"message",title:e("コミュニティに参加しよう"),subText:e("コミュニティで活動するにはコミュニティへの参加が必要です"),actionLabel:e("参加"),cancelLabel:e("今はしない"),onAction:u})},[u,r,e])]}},89612:function(e,t,r){"use strict";r.d(t,{F:function(){return y},e:function(){return b}});var i=r(34223),n=r(98376),s=r(73432),l=r(33188),a=r(95551),o=r(57799),u=r(24337),c=r(34930),d=r(2363),f=r(44751),m=r(86415),h=r(28136),p=r(70517),g=r(51479),x=r(4954),v=r(72644);let y=(0,x.BX)(`
  fragment EquippedProfileBadgeModalFragment on ProfileBadge {
    id
    title
    iconImageUrl
    description
    sourceUrl
  }
`),b=e=>{let{open:t,onClose:r,data:n}=e,a=(0,f.zJ)(),o=(0,d.useMemo)(()=>(0,i.jsx)(s.h,{size:"small",onClick:r,children:(0,i.jsx)(u.v,{})}),[r]);return(0,i.jsxs)(l.u_,{open:t,onClose:r,...a?{type:"popup",size:"medium"}:{type:"sheet",size:"medium"},children:[(0,i.jsx)(l.xB,{title:"",startNode:o,border:!1}),(0,i.jsx)(j,{data:n})]})},I=(0,x.BX)(`
  query EquippedProfileBadgeModalContentQuery($userId: String!, $profileBadgeId: String!) {
    userProfileBadge(userId: $userId, profileBadgeId: $profileBadgeId) {
      id
      owned
    }
  }
`),j=e=>{let{data:t}=e,{t:r}=(0,c.Z)("shared"),s=(0,v.vz)(y,t),u=(0,m.II)(),{data:d,loading:f}=(0,n.a)(I,{variables:{userId:u??"",profileBadgeId:s?.id??""},skip:!u});return s?(0,i.jsxs)(l.hz,{children:[(0,i.jsxs)("div",{className:"flex w-full flex-col items-center justify-center gap-12 rounded-md px-16 py-8",children:[(0,i.jsx)("div",{className:"relative aspect-square size-64 rounded-md",children:(0,i.jsx)(h.E,{alt:s.title,src:s.iconImageUrl,fill:!0,rounded:"md",sizes:"128px"})}),(0,i.jsx)(a.Z,{variant:"subtitleMd",className:"line-clamp-2 text-center",children:s.title}),(0,i.jsx)(a.Z,{variant:"bodyMd",className:"text-center",children:s.description})]}),(0,i.jsx)("div",{className:"pb-safe",children:(0,i.jsx)("div",{className:"p-16",children:f?(0,i.jsx)("div",{className:"h-48"}):d?.userProfileBadge?.owned?(0,i.jsx)(p.r,{href:g.V.mypage.badges.$url(),passHref:!0,children:(0,i.jsx)(o.z,{variant:"basic",fullWidth:!0,component:"a",children:r("バッジを見る")})}):s.sourceUrl?(0,i.jsx)(p.r,{href:s.sourceUrl,passHref:!0,children:(0,i.jsx)(o.z,{variant:"outlined",fullWidth:!0,component:"a",children:r("バッジを獲得する")})}):null})})]}):null}},95393:function(e,t,r){"use strict";r.d(t,{F:function(){return c},H:function(){return d}});var i=r(34223),n=r(96030),s=r(98256),l=r(89612),a=r(28136),o=r(4954),u=r(72644);let c=(0,o.BX)(`
    fragment EquippedProfileBadgesFragment on User {
      id
      equippedProfileBadges {
        id
        title
        iconImageUrl
        ...EquippedProfileBadgeModalFragment
      }
    }
  `,[l.F]),d=e=>{let{data:t,onClick:r}=e,l=(0,u.vz)(c,t),o=l?.equippedProfileBadges||[],d=3===o.length;return(0,i.jsx)("div",{children:(0,i.jsx)("ul",{className:(0,n.Z)("flex flex-row",d?"gap-2":"gap-4"),children:o.map(e=>(0,i.jsx)("li",{children:(0,i.jsx)(s.P,{className:(0,n.Z)("relative aspect-square",d?"size-16":"size-20"),onClick:t=>{t.preventDefault(),r(e)},children:(0,i.jsx)(a.E,{alt:e.title,src:e.iconImageUrl,fill:!0,rounded:"md",sizes:"24px"})})},e.id))})})}},44547:function(e,t,r){"use strict";r.d(t,{v:function(){return u}});var i=r(34223),n=r(96030),s=r(2363),l=r(28136),a=r(5368),o=r.n(a);let u=e=>{let{images:t,className:r,onClickItem:l,width:a,height:u,rounded:d="md",blurDataURL:f,dataSentryBlock:m}=e,h=t.length,p=3===h?2:3,g=h>=4,x=h>4?h-4:0,v=(0,s.useCallback)(e=>()=>{l&&l(e)},[l]),y=(0,s.useMemo)(()=>f?{placeholder:"blur",blurDataURL:f}:{},[f]);return 1===h?(0,i.jsx)("div",{className:(0,n.Z)("size-full overflow-hidden","md"===d?"rounded-md":"t-md"===d?"rounded-t-md":"",r),children:(0,i.jsx)(c,{alt:"first image",width:a,height:u,src:t[0],onClick:v(0),dataSentryBlock:m,sizes:"50vw",...y})}):(0,i.jsxs)("div",{className:(0,n.Z)("flex size-full flex-row overflow-hidden","md"===d?"rounded-md":"t-md"===d?"rounded-t-md":"",r),children:[(0,i.jsxs)("div",{className:"flex size-full flex-col",children:[t[0]&&(0,i.jsx)(c,{alt:"first image",width:a/2,height:g?u/2:u,src:t[0],onClick:v(0),dataSentryBlock:m,sizes:"25vw"}),g&&(0,i.jsx)("div",{className:o()["gap-top"],children:(0,i.jsx)(c,{alt:"third image",width:a/2,height:u/2,src:t[2],onClick:v(2),dataSentryBlock:m,sizes:"25vw"})})]}),(0,i.jsxs)("div",{className:(0,n.Z)("flex size-full flex-col",o()["gap-left"]),children:[t[1]&&(0,i.jsx)(c,{alt:"second image",width:a/2,height:h>=3?u/2:u,src:t[1],onClick:v(1),dataSentryBlock:m,sizes:"25vw"}),t[p]&&(0,i.jsxs)("div",{className:(0,n.Z)("relative",o()["gap-top"]),children:[(0,i.jsx)(c,{alt:`${p+1}th image`,width:a/2,height:u/2,src:t[p],onClick:v(p),dataSentryBlock:m,sizes:"25vw"}),x>0&&(0,i.jsx)("button",{type:"button",className:"absolute top-0 flex size-full items-center justify-center bg-overlay",onClick:v(p),children:(0,i.jsxs)("span",{className:"text-variant-heading2xl text-primary-white",children:["+",x]})})]})]})]})},c=e=>{let{src:t,height:r,width:n,alt:s,...a}=e;return(0,i.jsx)("div",{className:"relative",style:{paddingTop:`${Number(r)/Number(n)*100}%`},children:(0,i.jsx)(l.E,{src:t,alt:s,fill:!0,"data-sentry-block":a.dataSentryBlock,...a})})}},88740:function(e,t,r){"use strict";r.d(t,{V:function(){return l}});var i=r(34223),n=r(96030);let s=e=>["px-8 py-4 text-variant-captionXs","primary"===e&&"text-accent bg-object-accent-subtle hover:bg-object-accent-subtle-hover","default"===e&&"bg-object-neutral hover:bg-object-neutral-hover"],l=e=>{let{variant:t,children:r}=e;return(0,i.jsx)("button",{type:"button",className:(0,n.Z)("inline-flex w-full items-center rounded-lg",...s(t)),children:r})}},15491:function(e,t,r){"use strict";r.d(t,{x:function(){return a}});var i=r(2363),n=r(23984),s=r(30128),l=r(86415);function a(e){let t=(0,l.WA)(),r=(0,l.II)(),a=(0,s.x)(e),o=(0,n.w)({communityId:e,isChanged:t,userId:r,isJoinedCommunity:a});return(0,i.useMemo)(()=>{switch(!0){case"loading"===o:return!1;case"needJoinCommunity"===o:return!0;default:return!1}},[o])}},95272:function(e,t,r){"use strict";r.d(t,{J:function(){return a}});var i,n=r(2363),s=r(86415);let{useMemo:l}=i||(i=r.t(n,2));function a(){let e=(0,s.WA)(),t=(0,s.nu)();return l(()=>{switch(!0){case!e:return!1;case!t:return!0;default:return!1}},[t,e])}},61661:function(e){e.exports={content:"SpoilerItem_content__u4bJr"}},5368:function(e){e.exports={"gap-left":"MultiImages_gap-left__B435g","gap-top":"MultiImages_gap-top__rebAX"}}}]);