https://portal.money-charger.com/_next/static/chunks/pages/admin/medal-setting-70f909113cef4a8b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4882],{9337:(e,i,r)=>{"use strict";r.d(i,{e:()=>a});var t=r(17187),l=r(25258),s=r(76176);let a=({noBg:e,...i})=>{let r=(0,l.dU)("white","gray.700");return(0,t.jsx)(s.a,{bg:e?void 0:r,py:{base:8,sm:8},px:{base:4,md:8,sm:4},width:{base:"100%"},maxW:"100%",boxShadow:"rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.03) 0px 12px 16px 0px, rgba(0, 0, 0, 0.04) 0px 1px 2px 0px",rounded:{base:"none",md:"lg"},...i,overflow:"hidden"})}},18543:(e,i,r)=>{"use strict";r.d(i,{S:()=>a});var t=r(50916),l=r(50443),s=r(20534);let a=()=>{let e=(0,t.d)(),i=(0,l.useContext)(s.F),r=i?.defaultDuration??5e3,a=i?.isClosable??!0,d=(0,l.useCallback)((i,t)=>{e({description:i,status:"success",duration:r,isClosable:a,...t})},[e,r,a]),n=(0,l.useCallback)((i,t)=>{e({description:i,status:"error",duration:r,isClosable:a,...t})},[e,r,a]),o=(0,l.useCallback)((i,t)=>{e({description:i,status:"info",duration:r,isClosable:a,...t})},[e,r,a]),c=(0,l.useCallback)((i,t)=>{e({description:i,status:"warning",duration:r,isClosable:a,...t})},[e,r,a]);return(0,l.useMemo)(()=>({success:d,error:n,info:o,warning:c}),[d,n,o,c])}},20871:(e,i,r)=>{"use strict";r.r(i),r.d(i,{default:()=>E});var t=r(17187),l=r(35596),s=r.n(l),a=r(86190),d=r(45483),n=r(35936),o=r(81627),c=r(97072),h=r(84578),u=r(76176),x=r(62338),p=r(75336),m=r(18806),g=r(21417),b=r(68936),f=r(80470),j=r(64844),y=r(50443),w=r(9337),_=r(82943),C=r(64036),z=r(694),v=r(18543),k=r(27361),$=r(51240);let M=(0,f.FB)();function S(){let{missions:e,loading:i,isSwapping:r,handleMove:l}=(()=>{let[e,i]=(0,y.useState)([]),[r,t]=(0,y.useState)(!0),[l,s]=(0,y.useState)(!1),{success:a,error:d}=(0,v.S)(),n=(0,y.useCallback)(async(e=!0)=>{t(!0);try{let r=(0,z.rJ)(k.db,$.b.missions),t=(0,z.P)(r,(0,z._M)("isMedal","==",!0)),l=(await (0,z.GG)(t)).docs.map(async e=>{let i,r=e.data(),t=(0,z.rJ)((0,z.H9)(k.db,$.b.missions,e.id),"rewards"),l=await (0,z.GG)(t);if(!l.empty){let e=l.docs[0].data().item_id;if(e){let r=(0,z.H9)(k.db,$.b.items,e),t=await (0,z.x7)(r);if(t.exists()){let e=t.data();i={id:l.docs[0].id,name:e.name||"N/A",image_url:e.image_url||""}}}}return{id:e.id,...r,reward:i}}),s=(await Promise.all(l)).sort((e,i)=>{let r="number"==typeof e.medal_display_order?e.medal_display_order:9999,t="number"==typeof i.medal_display_order?i.medal_display_order:9999;if(r===t){let r=e.created_at?.toMillis?e.created_at.toMillis():e.created_at?.seconds?1e3*e.created_at.seconds:0,t=i.created_at?.toMillis?i.created_at.toMillis():i.created_at?.seconds?1e3*i.created_at.seconds:0;return r-t}return r-t});e&&i(s)}catch(i){console.error("Fetch Medal Missions Error:",i),e&&d("",{title:"データの取得に失敗しました。",duration:3e3,position:"bottom"})}finally{e&&t(!1)}},[d]);(0,y.useEffect)(()=>(n(!0),()=>{}),[n]);let o=(0,y.useCallback)(async(r,t)=>{if(l)return;let o=e.findIndex(e=>e.id===r);if(o<0)return;let c="up"===t?o-1:o+1;if(c<0||c>=e.length)return;s(!0);let h=[...e],u=h[o];h[o]=h[c],h[c]=u;let x=[];i(h.map((e,i)=>{if(e.medal_display_order!==i){let r=(0,z.H9)(k.db,$.b.missions,e.id);return x.push((0,z.mZ)(r,{medal_display_order:i})),{...e,medal_display_order:i}}return e}));try{x.length>0&&await Promise.all(x),a("",{title:"表示順を更新しました。",duration:3e3,position:"bottom"})}catch(e){console.error("Update Order Error:",e),d("",{title:"並び替えに失敗しました。",duration:3e3,position:"bottom"}),await n(!0)}finally{s(!1)}},[e,l,a,d,n]);return{missions:e,loading:r,isSwapping:l,handleMove:o}})(),s=(0,j.useRouter)(),a=(0,C.u)(e.length),d=(0,y.useMemo)(()=>[M.display({id:"index",header:"表示順",cell:({row:i})=>{let s=e.findIndex(e=>e.id===i.original.id),a=s===e.length-1,d=i.original.id;return(0,t.jsxs)(c.s,{align:"center",justify:"center",gap:2,children:[(0,t.jsx)(h.$,{size:"sm",onClick:()=>d&&l(d,"up"),isDisabled:s<=0||!d||r,colorScheme:"blue",children:(0,t.jsx)(n.K,{})}),(0,t.jsx)(h.$,{size:"sm",onClick:()=>d&&l(d,"down"),isDisabled:a||!d||r,colorScheme:"blue",children:(0,t.jsx)(o.Z,{})})]})},size:150}),M.display({id:"reward_image",header:"勲章画像",cell:({row:e})=>(0,t.jsx)(u.a,{width:"80px",children:e.original.reward?.image_url?(0,t.jsx)(x.E,{src:e.original.reward.image_url,alt:e.original.reward.name||"",width:"80px",height:"80px",objectFit:"contain",border:"1px solid #efefef",borderRadius:"md"}):(0,t.jsx)(p.o,{w:"80px",h:"80px",bg:"gray.100",border:"1px solid #efefef",borderRadius:"md",children:(0,t.jsx)(m.E,{fontSize:"xs",color:"gray.400",children:"No Img"})})}),size:150}),M.display({id:"reward_name",header:"勲章名",cell:({row:e})=>(0,t.jsx)(m.E,{fontWeight:"bold",color:"blue.500",cursor:"pointer",_hover:{textDecoration:"underline",color:"blue.700"},onClick:()=>{let i=e.original.id,r=e.original.reward?.id;i&&r&&s.push(`/admin/missions/${i}/rewards/create?id=${r}`)},children:e.original.reward?.name||"N/A"}),size:250}),M.display({id:"mission_name",header:"ミッション名",cell:({row:e})=>(0,t.jsx)(m.E,{fontWeight:"bold",color:"blue.500",cursor:"pointer",_hover:{textDecoration:"underline",color:"blue.700"},onClick:()=>{let i=e.original.id;i&&s.push(`/admin/missions/create?id=${i}`)}

1,children:e.original.name||"N/A"}),size:300})],[e,l,r,s]);return(0,t.jsxs)(w.e,{w:"100%",p:4,textAlign:"left",children:[(0,t.jsx)(g.D,{as:"h5",fontSize:"20px",mb:6,children:"勲章設定"}),i&&0===e.length?(0,t.jsx)(c.s,{justify:"center",align:"center",h:"200px",children:(0,t.jsx)(b.y,{size:"xl",thickness:"4px",speed:"0.65s",emptyColor:"gray.200",color:"blue.500"})}):0===e.length?(0,t.jsx)(p.o,{h:"200px",bg:"gray.50",borderRadius:"md",border:"1px dashed",borderColor:"gray.300",children:(0,t.jsx)(m.E,{color:"gray.500",children:"該当するデータが見つかりませんでした。"})}):(0,t.jsx)(_.M,{data:e,columns:d,height:600,rowHeight:100,showPagination:e.length>0,displayLimit:a.displayLimit,onDisplayLimitChange:a.handleDisplayLimitChange,currentPage:a.currentPage,onCurrentPageChange:a.setCurrentPage})]})}function E(){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(s(),{children:(0,t.jsx)("title",{children:"勲章"})}),(0,t.jsx)(d.P,{children:(0,t.jsx)(a.A,{children:(0,t.jsx)(S,{})})})]})}},35936:(e,i,r)=>{"use strict";r.d(i,{K:()=>t});let t=(0,r(72881).w)({d:"M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z",displayName:"ArrowUpIcon"})},46218:(e,i,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/medal-setting",function(){return r(20871)}])},62338:(e,i,r)=>{"use strict";r.d(i,{E:()=>d});var t=r(17187),l=r(40658),s=r(33896),a=r(21717);let d=(0,s.R)((e,i)=>(0,t.jsx)(a.B.img,{ref:i,as:l.r,className:"chakra-image",...e}))},64036:(e,i,r)=>{"use strict";r.d(i,{u:()=>s});var t=r(50443);let l=(e,i,r)=>void 0!==r?r:Math.max(1,Math.ceil(Math.max(e??0,0)/Math.max(i,1))),s=(e,i={})=>{let{initialPage:r=1,initialLimit:s=10,totalPages:a}=i,[d,n]=(0,t.useState)(r),[o,c]=(0,t.useState)(s),[h,u]=(0,t.useState)(()=>l(e,s,a));(0,t.useEffect)(()=>{let i=l(e,o,a);u(i),n(e=>e>i?i:e)},[e,o,a]);let x=(0,t.useCallback)(e=>{c(e),n(1)},[]),p=(0,t.useCallback)(()=>{n(1),c(s)},[s]);return{currentPage:d,setCurrentPage:n,displayLimit:o,setDisplayLimit:c,handleDisplayLimitChange:x,totalPages:h,resetPagination:p}}},81627:(e,i,r)=>{"use strict";r.d(i,{Z:()=>t});let t=(0,r(72881).w)({d:"M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z",displayName:"ArrowDownIcon"})},82943:(e,i,r)=>{"use strict";r.d(i,{M:()=>b});var t=r(17187),l=r(76176),s=r(35668),a=r(87134),d=r(32236),n=r(30714),o=r(18806),c=r(76292),h=r(8206),u=r(97072),x=r(4496),p=r(84578),m=r(69210),g=r(50443);function b({data:e,columns:i,height:r="auto",rowHeight:b=50,onSort:f,sortConfig:j,sortableColumns:y=[],showPagination:w=!1,displayLimit:_=10,onDisplayLimitChange:C,currentPage:z=1,onCurrentPageChange:v}){let k=(0,g.useRef)(null),$=Math.ceil(e.length/_),M=(z-1)*_+1,S=Math.min(z*_,e.length),E=(0,g.useMemo)(()=>{if(!w)return e;let i=(z-1)*_,r=i+_;return e.slice(i,r)},[e,w,z,_]),N=(0,m.Te)({count:E.length,getScrollElement:()=>k.current,estimateSize:()=>b,overscan:10}),D=N.getVirtualItems(),I=i.reduce((e,i)=>e+i.size,0);return(0,t.jsxs)(l.a,{my:10,children:[(0,t.jsx)(l.a,{overflowX:"auto",border:"1px solid",borderColor:"gray.200",children:(0,t.jsxs)(l.a,{minWidth:`${I}px`,children:[(0,t.jsx)(s.X,{layout:"fixed",width:`${I}px`,children:(0,t.jsx)(a.d,{children:(0,t.jsx)(d.Tr,{children:i.map(e=>{let i=y.includes(e.id);return(0,t.jsx)(n.Th,{width:`${e.size}px`,minWidth:`${e.size}px`,maxWidth:`${e.size}px`,position:"sticky",top:0,bg:"white",zIndex:1,cursor:i?"pointer":"default",onClick:i&&e.id&&f?()=>f(e.id):()=>{},_hover:i?{color:"blue.500"}:{},children:(0,t.jsxs)(l.a,{display:"flex",alignItems:"center",gap:1,children:["string"==typeof e.header?e.header:String(e.header),i&&j&&j.key===e.id&&(0,t.jsx)(o.E,{fontSize:"xs",children:"asc"===j.direction?"↑":"↓"})]})},e.id)})})})}),(0,t.jsx)(l.a,{ref:k,height:"number"==typeof r?`${r}px`:r,overflowY:"auto",borderTop:"1px solid",borderColor:"gray.200",children:(0,t.jsx)(l.a,{height:`${N.getTotalSize()}px`,width:`${I}px`,position:"relative",children:D.map(e=>{let r=E[e.index];return(0,t.jsx)(l.a,{position:"absolute",top:0,left:0,width:"100%",height:`${e.size}px`,transform:`translateY(${e.start}px)`,display:"flex",alignItems:"stretch",children:(0,t.jsx)(s.X,{layout:"fixed",width:`${I}px`,height:"100%",children:(0,t.jsx)(c.N,{children:(0,t.jsx)(d.Tr,{height:"100%",children:i.map((e,i)=>{let l=e.accessorKey??e.id,s=void 0!==l?r[l]:void 0;return(0,t.jsx)(h.Td,{width:`${e.size}px`,minWidth:`${e.size}px`,maxWidth:`${e.size}px`,borderBottom:"1px solid",borderColor:"gray.200",py:0,height:"100%",verticalAlign:"middle",overflow:"hidden",overflowWrap:"break-word",children:e.cell&&"function"==typeof e.cell?e.cell({getValue:()=>s,row:{original:r}}):s},e.accessorKey??e.id??i)})})})})},e.index)})})})]})}),w&&(0,t.jsxs)(u.s,{justifyContent:"space-between",alignItems:"center",mt:4,mb:4,children:[(0,t.jsxs)(u.s,{alignItems:"center",gap:4,children:[(0,t.jsx)(o.E,{fontSize:"sm",color:"gray.600",children:"表示件数:"}

1),(0,t.jsxs)(x.l,{value:_,onChange:e=>{let i=Number(e.target.value);C?.(i),v?.(1)},size:"sm",width:"80px",children:[(0,t.jsx)("option",{value:10,children:"10件"}),(0,t.jsx)("option",{value:20,children:"20件"}),(0,t.jsx)("option",{value:30,children:"30件"}),(0,t.jsx)("option",{value:50,children:"50件"}),(0,t.jsx)("option",{value:100,children:"100件"}),(0,t.jsx)("option",{value:e.length,children:"全件"})]}),(0,t.jsxs)(o.E,{fontSize:"sm",color:"gray.600",children:[M,"-",S," / ",e.length,"件"]})]}),$>1&&(0,t.jsxs)(u.s,{alignItems:"center",gap:2,children:[(0,t.jsx)(p.$,{size:"sm",onClick:()=>v?.(1),isDisabled:1===z,children:"最初"}),(0,t.jsx)(p.$,{size:"sm",onClick:()=>v?.(z-1),isDisabled:1===z,children:"前へ"}),(0,t.jsxs)(o.E,{fontSize:"sm",color:"gray.600",children:[z," / ",$]}),(0,t.jsx)(p.$,{size:"sm",onClick:()=>v?.(z+1),isDisabled:z===$,children:"次へ"}),(0,t.jsx)(p.$,{size:"sm",onClick:()=>v?.($),isDisabled:z===$,children:"最後"})]})]})]})}}},e=>{e.O(0,[8710,9210,4844,636,6593,8792],()=>e(e.s=46218)),_N_E=e.O()}]);