https://yakuneba-community.com/_next/static/chunks/pages/collectab…/[category_group_id]-0b02611290eb5e7c.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},l=(new e.Error).stack;l&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[l]="57e89e2f-c745-473c-aeb2-f9389507edb0",e._sentryDebugIdIdentifier="sentry-dbid-57e89e2f-c745-473c-aeb2-f9389507edb0")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[12363,20966,41267],{14707:(e,l,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/collectable-card/category-groups/[category_group_id]",function(){return a(19202)}])},19202:(e,l,a)=>{"use strict";a.r(l),a.d(l,{__N_SSP:()=>h,default:()=>x});var r=a(79532),t=a(10670),o=a(66419),s=a(56511),c=a(22059),i=a(81185),n=a(20073),d=a(37112),u=a(24668),g=a(59719),p=a(53265);let C=(0,c.UG)(`
2    query CollectableCardCategoryGroupPageQuery($collectableCardCategoryGroupId: String!) {
3      collectableCardCategoryGroup(collectableCardCategoryGroupId: $collectableCardCategoryGroupId) {
4        ... on CollectableCardCategoryGroupBase {
5          id
6          name
7        }
8        ...CollectableCardCategoryListFragment
9      }
10      ...CommonLayoutFragment
11    }
12  `,[i.F,s.a]),b=()=>{let{query:e}=(0,o.useRouter)(),{collectableCardActivationFlag:l}=(0,p.D)(),a=e.category_group_id,{data:s,loading:c}=(0,t.IT)(C,{variables:{collectableCardCategoryGroupId:a},returnPartialData:!0,fetchPolicy:"cache-and-network",skip:!l});return!1===l?(0,r.jsx)(u.M,{}):s?.collectableCardCategoryGroup?(0,r.jsxs)(n.a,{title:s.collectableCardCategoryGroup.name,fullHeight:!0,children:[(0,r.jsx)(d.i,{title:s.collectableCardCategoryGroup.name}),(0,r.jsx)("div",{className:"grow bg-surface-plain p-16 lg:rounded-lg",children:(0,r.jsx)(i.N,{data:s.collectableCardCategoryGroup})})]}):c||null==l?null:(0,r.jsx)(u.M,{})},m=({children:e})=>(0,r.jsx)(s.i,{disableMobileHeader:!0,disableBottomTab:!0,children:(0,r.jsx)(g.v,{children:e})});b.getLayout=e=>(0,r.jsx)(m,{children:e});var h=!0;let x=b},20073:(e,l,a)=>{"use strict";a.d(l,{a:()=>h});var r=a(79532),t=a(88990),o=a(93570),s=a(90869),c=a(47098),i=a(69387),n=a(65696),d=a(70532),u=a(48595),g=a(48796),p=a(70156),C=a.n(p),b=a(69296);let m=({show:e,onClick:l})=>(0,r.jsx)("div",{className:(0,i.A)("fixed bottom-72 right-16 duration-300 pb-safe",e?"opacity-100":"opacity-0"),children:(0,r.jsx)("button",{type:"button","aria-label":"Return to Top",onClick:l,className:"size-40 rounded-full bg-object-inverse p-8 text-primary shadow-medium hover:bg-object-inverse-hover",children:(0,r.jsx)(s.c,{})})}),h=({title:e,children:l,defaultHref:a,scrollRef:s,enableToTop:p,disableBackButton:h,hasNoBottomTab:x,fullHeight:y=!1,titleRightNode:f,onClickBackButton:_})=>{let{t:j}=(0,d.A)("shared"),v=(0,u.N)(a),N=(0,g.c)(),w=(0,n.useRef)(null),k=(0,n.useCallback)(()=>{w.current&&w.current.scrollIntoView({behavior:"smooth"})},[]),G=(0,n.useRef)(null),I=void 0===s?G:s,[L,D]=(0,n.useState)(!1),P=(0,n.useCallback)(()=>{I?.current&&(I.current.scrollTop>1e3?D(!0):D(!1))},[I]),U=(0,n.useCallback)(()=>{if(_)return void _();v()},[v,_]);return(0,r.jsxs)("div",{className:"relative size-full",children:[(0,r.jsx)(b.A,{title:e,hiddenOnDesktop:!0}),(0,r.jsxs)("div",{ref:I,className:"size-full bg-plain",onScroll:P,children:[(0,r.jsx)("div",{ref:w}),(0,r.jsxs)("div",{className:(0,i.A)(C().container,"flex flex-col lg:mx-auto lg:min-h-full lg:max-w-grid-lg",x?"lg:pb-24":!y&&"pb-52 lg:pb-0",y&&["h-full",C()["full-height"]]),onScroll:P,children:[(0,r.jsxs)("div",{className:"mb-16 hidden h-60 shrink-0 items-center rounded-lg bg-surface-plain px-16 py-12 lg:flex",children:[!h&&N&&(0,r.jsx)(t.K,{size:"small","aria-label":j("戻る"),onClick:U,children:(0,r.jsx)(c.p,{className:"text-secondary"})}),(0,r.jsx)(o.o,{variant:"subtitleLg",className:"my-auto ml-8",component:"h1",children:e}),f&&(0,r.jsx)("div",{className:"ml-auto",children:f})]}),l,p&&(0,r.jsx)(m,{show:L,onClick:k})]})]})]})}},22811:(e,l,a)=>{"use strict";a.d(l,{v:()=>t});var r=a(79532);let t=({children:e})=>(0,r.jsx)("div",{className:"size-full xl:grid xl:grid-cols-12",children:(0,r.jsx)("div",{className:"h-full xl:col-start-3 xl:col-end-11",children:e})})},48796:(e,l,a)=>{"use strict";a.d(l,{c:()=>s});var r=a(65696),t=a(81338),o=a(7282);let s=()=>{let e=(0,t.u)(),[l,a]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{a((0,o.b)())},[]),!e||!!l}},59719:(e,l,a)=>{"use strict";a.d(l,{v:()=>r.v});var r=a(22811)}

12,70156:e=>{e.exports={container:"DetailsPageLayout_container__7C4P5","full-height":"DetailsPageLayout_full-height__eUerU"}},81185:(e,l,a)=>{"use strict";a.d(l,{N:()=>b,F:()=>C});var r=a(79532),t=a(83616),o=a(37401),s=a(69387),c=a(22059),i=a(83654),n=a(33248),d=a(49215),u=a(67843),g=a(99002),p=a.n(g);let C=(0,c.UG)(`
13  fragment CollectableCardCategoryListFragment on CollectableCardCategoryGroup {
14    __typename
15    ... on CollectableCardCategoryGroupBase {
16      id
17    }
18    ... on CollectableCardCategoryGroupBannerList {
19      categories {
20        id
21        name
22        imageUrl
23      }
24    }
25    ... on CollectableCardCategoryGroupIconGrid {
26      categories {
27        id
28        name
29        iconImageUrl
30      }
31    }
32    ... on CollectableCardCategoryGroupTextList {
33      categories {
34        id
35        name
36      }
37    }
38  }
39`),b=({data:e,onClickLink:l})=>{let a=(0,c.Bk)(C,e);switch(a.__typename){case"CollectableCardCategoryGroupBannerList":return(0,r.jsx)("ul",{className:"grid grid-cols-1 gap-16",children:a?.categories?.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)(d.N,{href:u.y.collectable_card.categories._category_id(e.id).$url(),onClick:l,className:"relative block aspect-horizontal-image",children:(0,r.jsx)(n._,{src:e.imageUrl??"",alt:e.name,sizes:"(max-width: 1020px) 100vw, 600px",fill:!0})})},e.id))});case"CollectableCardCategoryGroupIconGrid":return(0,r.jsx)("ul",{className:(0,s.A)(p()["icon-grid-container"],"grid gap-8 lg:gap-16"),children:a?.categories?.map(e=>(0,r.jsx)("li",{children:(0,r.jsx)(d.N,{href:u.y.collectable_card.categories._category_id(e.id).$url(),onClick:l,className:"relative block aspect-square",children:(0,r.jsx)(n._,{src:e.iconImageUrl??"",alt:e.name,fill:!0,sizes:"150px"})})},e.id))});case"CollectableCardCategoryGroupTextList":return(0,r.jsx)(t.B,{className:"grid grid-cols-1 gap-8",children:a?.categories?.map(e=>(0,r.jsx)(o.iF,{component:d.N,accessory:{showChevron:!0},href:u.y.collectable_card.categories._category_id(e.id).$url(),onClick:l,children:e.name},e.id))});default:return(0,i.H)(a,"fragment.__typename is not expected")}}},90869:(e,l,a)=>{"use strict";a.d(l,{c:()=>c});var r=a(79532),t=a(89855),o=a(96415);let s=e=>(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...e,children:(0,r.jsx)("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"m17 18-5-5-5 5m10-7-5-5-5 5"})}),c=({size:e="medium",className:l,...a})=>(0,r.jsx)(s,{focusable:"false",className:(0,t.cx)((0,o.U)(e),l),...a})},99002:e=>{e.exports={"icon-grid-container":"CollectableCardCategoryList_icon-grid-container__VpGnV"}}},e=>{e.O(0,[30985,10670,91188,33886,22469,87007,16090,45964,86370,61712,56511,33779,90636,46593,38792],()=>e(e.s=14707)),_N_E=e.O()}]);