https://static.upgarage.com/_nuxt/BbNI_hty.js

1import{d as N,s as T,z as r,a6 as S,c as s,a as t,x as V,m as e,b as I,e as v,t as h,w as D,h as o,F as $,f as _,v as F,q as b,_ as L,u as A,r as x,o as U,i as M,l as B,L as z,p as G,j as H}from"./CBb99Q15.js";import{M as O}from"./dFIXalo2.js";import{D as Q}from"./9J_DqIxr.js";import{b as j}from"./Jd6aBPtE.js";import"./HJwVSgq5.js";const q={key:0,"data-testid":"coupon-used-message",class:"mypage__coupon-used-message"},P=["src","alt"],R={class:"mypage__coupon-about"},J={class:"mypage__coupon-available","data-testid":"coupon-available"},K={class:"mypage__coupon-date","data-testid":"coupon-expire-date"},W={class:"mypage__coupon-span"},X={class:"mypage__left-day","data-testid":"coupon-left-days"},Y={class:"mypage__left-num"},Z=N({__name:"mypage_coupon_list",props:{coupon:{},shouldShowExpirationDate:{type:Boolean}},setup(l){const d=l,{coupon:a}=T(d),u=()=>{var i;a.value.__typename==="Coupon"?b(`/mypage/coupon/${a.value.id}/`):a.value.__typename==="Campaign"&&((i=a.value)!=null&&i.isDetailDisplay?b(`/mypage/campaign/${a.value.id}/`):b(a.value.detailUrl,{open:{target:"_blank"},external:!0}))},m=r(()=>S.fromISO(a.value.expirationDate).toFormat("yyyy/MM/dd")),g=r(()=>Q.calculateDaysDifference(S.fromISO(a.value.expirationDate),!0)),c=r(()=>!("availableCount"in a.value)||a.value.availableCount===null?!1:a.value.availableCount===0),y=r(()=>!("availableCount"in a.value)||a.value.availableCount===null?"使い放題":a.value.availableCount===0?"使用済み":`残り ${a.value.availableCount}枚`);return(i,n)=>(t(),s("li",{class:V(["mypage__coupon",{"mypage__coupon-used":e(c)}])},[e(c)?(t(),s("div",q,h(e(y)),1)):I("",!0),v(F,{class:"mypage__coupon-anchor",onClick:u},{default:D(()=>[o("img",{src:e(a).bannerImage.url,alt:e(a).title,"data-testid":"coupon-image"},null,8,P),o("div",R,[o("div",J,h(e(y)),1),i.shouldShowExpirationDate?(t(),s($,{key:0},[o("div",K,[_(" 有効期限："),o("span",W,h(e(m)),1)]),o("div",X,[_(" 残り日数"),o("span",Y,h(e(g)),1),_("日 ")])],64)):I("",!0)])]),_:1})],2))}}),E=L(Z,[["__scopeId","data-v-434bff53"]]),k=l=>(G("data-v-80194805"),l=l(),H(),l),aa={class:"mypage"},ea={class:"mypage__main"},oa=k(()=>o("p",{class:"mypage__coupon-msg"}," お近くのアップガレージを登録するとエリア限定クーポンやお得な情報をゲットしやすくなります！ ",-1)),ta={key:0,class:"mypage__coupon-box","data-testid":"coupon-list"},sa={key:1,class:"mypage__no-data","data-testid":"no-coupon"},na=k(()=>o("div",{id:"campaign",class:"mypage__head1-wrap"},[o("h1",{class:"mypage__coupon-hd1"}," キャンペーン一覧 ")],-1)),la={key:2,"data-testid":"campaign-list"},ca=k(()=>o("p",{class:"mypage__coupon-msg"}," 開催中のキャンペーンはこちら ",-1)),ia={class:"mypage__coupon-box"},pa={key:3,class:"mypage__no-data","data-testid":"no-campaign"},ua=N({__name:"index",setup(l){const{$accountApi:d,$errorHandler:a}=A(),u=x(!1),m=x(null),g=r(()=>{var n;return((n=m.value)==null?void 0:n.nodes)??[]}),c=x(null),y=async()=>{const{data:n,errors:p}=await d().getCouponsConnection({scopeFavoriteShops:!0});if(p){a().handleGraphQlErrors(p);return}m.value=n.couponsConnection},i=async()=>{const{data:n,errors:p}=await d().getCampaigns({sortBy:"updated_at"});if(p){a().handleGraphQlErrors(p);return}c.value=n.campaigns};return U(async()=>{j.set([{name:"mypage",translation:!0,path:"/mypage/"},{name:"クーポン",path:"/mypage/coupon/"}]),u.value=!1,await y(),await i(),u.value=!0}),(n,p)=>{var w;return t(),s("main",aa,[o("div",ea,[v(O,null,{default:D(()=>[_(" クーポン一覧 "),v(F,{href:"/shop/",class:"mypage__shop-add-btn"},{default:D(()=>[_(" お近くの店舗を設定する ")]),_:1})]),_:1}),oa,e(g).length>0?(t(),s("ul",ta,[(t(!0),s($,null,M(e(g),(f,C)=>(t(),B(E,{key:C,coupon:f,"should-show-expiration-date":!1},null,8,["coupon"]))),128))])):(t(),s("div",sa," お持ちのクーポンはありません。 ")),na,(w=e(c))!=null&&w.length?(t(),s("div",la,[ca,o("ul",ia,[(t(!0),s($,null,M(e(c),(f,C)=>(t(),B(E,{key:C,coupon:f,"should-show-expiration-date":!0},null,8,["coupon"]))),128))])])):(t(),s("div",pa," 開催中のキャンペーンはありません。 "))]),v(z,{loading:!e(u)},null,8,["loading"])])}}}),ya=L(ua,[["__scopeId","data-v-80194805"]]);export{ya as default};