https://ynjn.jp/_nuxt/CWp-Mi6t.js

1import{$ as G,aV as s,Q as o,K as e,bd as d,bh as t,G as f,O as y,aM as S,X as r,q as P,o as D,j as H,av as V,bL as C,aS as F,c5 as X,c3 as J,c6 as b,F as k,b3 as q,b1 as K,m as Q,W as B,D as v,aJ as W}from"./BGTzD9WK.js";import{_ as Z}from"./Bmhohvuz.js";import{_ as ee}from"./DV29bLGM.js";import{_ as te}from"./r4ws0z-h.js";import{_ as se}from"./DsQDeR4-.js";import{u as oe}from"./CP9gf3Uw.js";import"./CZUvcsAt.js";import"./Dbm1kaHP.js";import"./BIneqQks.js";import"./WBIGZgFD.js";import"./BBsccIT6.js";import"./w13Wz4fr.js";import"./C1Wiwm26.js";import"./YP-VDF-g.js";import"./CybapvCn.js";const ne={class:"content flex w-full items-center justify-between"},ie={class:"flex items-center gap-s py-sm lg:px-md"},re={class:"flex flex-col gap-xxxs"},ae={class:"title"},de={class:"purchaseDate"},le={key:0,class:"expiredDate"},ce={class:"flex items-center gap-xxs"},_e={key:0},ue={key:1},pe=G({__name:"EarnedListItem",props:{acquiredGoldHistory:{type:Object,required:!0}},setup(n){return(x,p)=>{const c=P,m=D;return s(),o("div",ne,[e("div",ie,[e("div",re,[e("div",ae,d(n.acquiredGoldHistory.name),1),e("div",de,d(n.acquiredGoldHistory.acquiredAt),1),n.acquiredGoldHistory.type===t(f).EXPIRING_PAY_GOLD?(s(),o("div",le,d(n.acquiredGoldHistory.detail),1)):y("",!0)])]),e("div",ce,[e("div",{class:S(["price",n.acquiredGoldHistory.type===t(f).BONUS?"text-[var(--main-blue-default)]":"text-[--foreground-highlight-secondary]"])}," +"+d(n.acquiredGoldHistory.gold),3),n.acquiredGoldHistory.type===t(f).BONUS?(s(),o("div",_e,[r(c)])):(s(),o("div",ue,[r(m)]))])])}}}),me=H(pe,[["__scopeId","data-v-c88306f7"]]),ye={class:"content flex w-full items-center justify-between"},xe={class:"flex items-center gap-s py-sm lg:px-md"},ge={class:"flex flex-col gap-xxxs"},fe={class:"title"},he={key:0,class:"detail"},ve={class:"purchaseDate"},Ge={class:"flex flex-col"},be={class:"flex items-center justify-end gap-xxs"},He={key:0},$e={key:1},we={key:0,class:"price text-[--foreground-highlight-secondary]"},ke=G({__name:"UseGoldListItem",props:{usedGoldHistory:{type:Object,required:!0}},setup(n){return(x,p)=>{const c=P,m=D;return s(),o("div",ye,[e("div",xe,[e("div",ge,[e("div",fe,d(n.usedGoldHistory.targetName),1),n.usedGoldHistory.targetDetail!==""?(s(),o("div",he,d(n.usedGoldHistory.targetDetail),1)):y("",!0),e("div",ve,d(n.usedGoldHistory.usedAt),1)])]),e("div",Ge,[e("div",be,[e("div",{class:S(["price",n.usedGoldHistory.type===t(f).BONUS?"text-[var(--main-blue-default)]":"text-[--foreground-highlight-secondary]"])}," -"+d(n.usedGoldHistory.gold),3),n.usedGoldHistory.type===t(f).BONUS?(s(),o("div",He,[r(c)])):(s(),o("div",$e,[r(m)]))]),n.usedGoldHistory.type===t(f).EXPIRING_PAY_GOLD?(s(),o("div",we," 有効期限付ゴールド ")):y("",!0)])])}}}),qe=H(ke,[["__scopeId","data-v-8091422d"]]),Be={class:"content flex w-full items-center justify-between"},De={class:"expireDate py-sm lg:px-md"},Se={class:"flex items-center gap-xxs"},Pe={class:"price"},Ce=G({__name:"ExpiringGoldListItem",props:{expiringPayGoldHistory:{type:Object,required:!0}},setup(n){return(x,p)=>{const c=D;return s(),o("div",Be,[e("div",De," 有効期限："+d(t(V)(new Date(n.expiringPayGoldHistory.expiredAt),"yyyy.MM.dd HH:mm")),1),e("div",Se,[e("div",Pe,d(n.expiringPayGoldHistory.gold),1),r(c)])])}}}),Ie=H(Ce,[["__scopeId","data-v-1bba99f2"]]),Le={class:"content"},Ee={class:"flex items-center justify-between gap-xxs"},Me={class:"flex cursor-pointer items-center"},Ne={class:"text-[14px] font-bold leading-4 text-[--surface-tag-trans-onbright] hover:opacity-70"},Oe={class:"mt-xs rounded-lg border-t-8 border-solid border-[var(--main-blue-default)] bg-white pb-lg pt-xl shadow-xs lg:px-lg"},je={class:"flex w-full justify-center"},Re={class:"hide-scrollbar flex flex-nowrap items-baseline gap-3 overflow-x-auto px-4 pt-2 md:mx-auto md:max-w-[1280px] md:pt-3"},Ye={key:0},Ae={class:"w-full"},Te={key:0,class:"noContent px-md py-sm text-head_xxs"},Ue={key:1},ze={class:"w-full"},Ve={key:0,class:"noContent px-md py-sm text-head_xxs"},Fe={key:2},Xe={class:"w-full"},Je={key:0,class:"noContent px-md py-sm text-head_xxs"},Ke=G({__name:"goldHistory",props:{tab:{}},async setup(n){let x,p;const c=n,m=C(),a=K("earned"),_=oe();F(()=>{c.tab&&(a.value=c.tab)});const I=v(()=>a.value==="earned"?"Current":"Default"),L=v(()=>a.value==="consume"?"Current":"Default"),E=v(()=>a.value==="expiringGold"?"Current":"Default"),$=l=>{a.value=l},g=v(()=>{const l=Number(m.query.year);return l&&l>0?l:void 0}),M=v(()=>[0,...Array.from({length:new Date().getFullYear()-2023+1},(l,i)=>2023+i).reverse()]),N=l=>{W({path:m.path,query:{...l&&{year:l}}})},O=()=>{a.value="expiringGold"};return[x,p]=X(()=>_.fetchGoldHistory(g.value)),await x,p(),J(()=>[g.value],async()=>{await _.fetchGoldHistory(g.value),window.scrollTo({top:0})}),(l,i)=>{const j=Q,R=Z,Y=ee,w=te,A=se,T=me,U=qe,z=Ie;return s(),o("div",Le,[e("div",Ee,[i[3]||(i[3]=e("p",{class:"line-clamp-1 overflow-hidden text-ellipsis text-base font-bold text-[var(--foreground-neutral-primary)] md:text-xl"}," ゴールド履歴 ",-1)),r(R,{"selected-year":t(g),"order-years":t(M),onSelectYear:N},{default:b(()=>[e("div",Me,[e("div",Ne,d(t(g)?t(g):"すべて"),1),r(j,{property1:"down",size:"md",class:"h-4 w-4 text-[var(--foreground-neutral-primary)] opacity-50"})])]),_:1},8,["selected-year","order-years"])]),e("div",Oe,[e("div",je,[r(Y,{onGoExpiration:O})]),e("div",Re,[r(w,{state:t(I),type:"line",background:"bright",size:"lg",class:"shrink-0 whitespace-nowrap",onClick:i[0]||(i[0]=u=>$("earned"))},{default:b(()=>[...i[4]||(i[4]=[B(" 獲得履歴 ",-1)])]),_:1},8,["state"]),r(w,{state:t(L),type:"line",background:"bright",size:"lg",class:"ml-6 shrink-0 whitespace-nowrap",onClick:i[1]||(i[1]=u=>$("consume"))},{default:b(()=>[...i[5]||(i[5]=[B(" 消費履歴 ",-1)])]),_:1},8,["state"]),r(w,{state:t(E),type:"line",background:"bright",size:"lg",class:"ml-6 shrink-0 whitespace-nowrap",onClick:i[2]||(i[2]=u=>$("expiringGold"))},{default:b(()=>[...i[6]||(i[6]=[B(" 有効期限付ゴールド所持数 ",-1)])]),_:1},8,["state"])]),r(A),t(a)==="earned"?(s(),o("div",Ye,[e("ul",Ae,[t(_).getGoldHistoryReply?.acquiredGoldHistory.length===0?(s(),o("div",Te," 獲得履歴はありません ")):y("",!0),(s(!0),o(k,null,q(t(_).getGoldHistoryReply?.acquiredGoldHistory,(u,h)=>(s(),o("li",{key:h},[r(T,{"acquired-gold-history":u},null,8,["acquired-gold-history"])]))),128))])])):t(a)==="consume"?(s(),o("div",Ue,[e("ul",ze,[t(_).getGoldHistoryReply?.usedGoldHistory.length===0?(s(),o("div",Ve," 消費履歴はありません ")):y("",!0),(s(!0),o(k,null,q(t(_).getGoldHistoryReply?.usedGoldHistory,(u,h)=>(s(),o("li",{key:h},[r(U,{"used-gold-history":u},null,8,["used-gold-history"])]))),128))])])):t(a)==="expiringGold"?(s(),o("div",Fe,[e("ul",Xe,[t(_).getMemberReply?.expiringPayGoldList.length===0?(s(),o("div",Je," 未使用の有効期限付ゴールドはありません ")):y("",!0),(s(!0),o(k,null,q(t(_).getMemberReply?.expiringPayGoldList,(u,h)=>(s(),o("li",{key:h},[r(z,{"expiring-pay-gold-history":u},null,8,["expiring-pay-gold-history"])]))),128))])])):y("",!0)])])}}}),Qe=H(Ke,[["__scopeId","data-v-a5ea233d"]]),pt=G({__name:"index",setup(n){const p=C().query.tab;return(c,m)=>{const a=Qe;return s(),o("div",null,[r(a,{tab:t(p)},null,8,["tab"])])}}});

1export{pt as default};