https://oripanda.com/_nuxt/chE-S1q9.js

1import{u as E,d as it,e as ot,f as ct,g as lt,h as rt,i as ut,j as mt,k as pt,l as dt,a as _t,b as kt,c as gt,_ as ft}from"./C4zm5czV.js";import{d as U,o as e,f as y,w as C,h as t,c as i,aU as xt,b as w,a as n,t as b,e as M,G as g,X as Q,s as Y,aV as z,F as S,r as A,j as h,as as yt,au as ht,at as vt,aj as K,aW as bt,aX as H,Z as wt,am as I,aY as $t,k as X,n as L,N as nt,I as st,_ as Pt,z as G,R as Ct,aZ as St,V as Ut,af as Dt,x as Vt,ag as Bt,ah as et,aP as Ot,aK as jt,D as Rt,a_ as At,l as Tt,M as Ft}from"./BLb9ddyr.js";import{_ as Lt,a as Mt,u as Ht}from"./D9GlZ3kJ.js";import{u as Z}from"./c4OuaNAv.js";import{_ as at}from"./BXlppPBq.js";import{_ as It}from"./C-BQ58JM.js";import{_ as Gt}from"./l5tiTczd.js";import{d as Et,e as Wt}from"./B3AWbVEE.js";const qt={class:"h-full flex-center text-vivid-orange font-bold"},Jt={key:0,class:"text-xl"},Nt={key:1,class:"inline-flex items-baseline"},zt={class:"text-3xl"},Qt=U({inheritAttrs:!1,__name:"TicketHeader",props:{packId:{}},setup(s){const d=s,{ticket:u}=Z(()=>d.packId);return(f,a)=>{const c=Lt,k=Q;return e(),y(k,null,{default:C(()=>[t(u)?(e(),i("div",xt({key:0},f.$attrs,{class:"flex items-stretch border border-brand-orange overflow-hidden"}),[w(c,{title:"保有権利数"},{default:C(()=>[n("p",qt,[t(u).isUnlimited?(e(),i("span",Jt,"無制限")):(e(),i("span",Nt,[n("span",zt,b(t(u).balance),1),a[0]||(a[0]=M("回",-1))]))])]),_:1})],16)):g("",!0)]),_:1})}}}),Yt=Object.assign(Qt,{__name:"PackTicketHeader"}),Kt={class:"bg-logo-bk"},Xt={class:"max-w-175 mx-auto px-2 pt-2 md:px-0"},Zt={class:"relative overflow-hidden"},te=["src"],ee={key:3,class:"absolute top-0 left-0 w-full h-full flex-center bg-black/70"},ne={key:0,class:"flex flex-col items-center gap-3"},se={class:"text-white text-2xl font-bold"},ae={key:1,class:"text-white text-2xl font-bold"},ie={key:0,class:"p-2 flex flex-wrap items-baseline justify-center gap-x-1 bg-primary-bk text-white text-lg font-bold"},oe={class:"text-xl tabular-nums text-hot-gradient"},ce={class:"whitespace-nowrap"},le={class:"whitespace-nowrap"},re={class:"text-xl text-hot-gradient"},ue={class:"text-xl tabular-nums text-hot-gradient"},me={class:"px-2 text-white flex flex-col"},pe={key:0,class:"mt-1 mb-2 flex flex-wrap gap-2"},de=U({__name:"Header",props:{pack:{},tags:{}},setup(s){const d=s,{user:u}=Y(),{isFinished:f,isBeforeUnlock:a,isDailyLimitReached:c,isLifetimeLimitReached:k,readableUntilUnlock:x,readableRemainingTime:l,signupTermCopy:o,unplayableMessage:r}=E(()=>d.pack),{showsThumbnailVeil:m,visibleDecoration:_}=ot({isFinished:f,isLifetimeLimitReached:k,isDailyLimitReached:c,decoration:h(()=>d.pack.decoration)}),p=h(()=>a.value||!u.value&&!!o.value||!!l.value);return(O,$)=>{const T=ct,D=lt,P=rt,V=Q,j=Mt,B=Yt;return e(),i("div",Kt,[n("div",Xt,[n("div",Zt,[n("img",{src:s.pack.thumbnailUrl,alt:"パックサムネイル",class:"w-full aspect-3/2 object-cover"},null,8,te),t(_)===t(z).Shine?(e(),y(T,{key:0})):t(_)===t(z).Glow?(e(),y(D,{key:1})):t(_)===t(z).Rays?(e(),y(P,{key:2})):g("",!0),t(m)?(e(),i("div",ee,[t(f)?(e(),i("div",ne,[$[0]||($[0]=n("img",{src:it,alt:"",class:"w-27.5 h-20"},null,-1)),n("span",se,b(t(r)),1)])):(e(),i("span",ae,b(t(r)),1))])):g("",!0)]),w(V,null,{default:C(()=>[t(p)?(e(),i("div",ie,[t(a)?(e(),i(S,{key:0},[$[1]||($[1]=n("span",null,"公開まで残り",-1)),n("span",oe,b(t(x)),1)],64)):!t(u)&&t(o)?(e(),i(S,{key:1},[n("span",ce,b(t(o).prefix),1),n("span",le,[n("span",re,b(t(o).term)+"限定",1),$[2]||($[2]=M("で引ける",-1))])],64)):t(l)?(e(),i(S,{key:2},[$[3]||($[3]=n("span",null,"終了まで残り",-1)),n("span",ue,b(t(l)),1)],64)):g("",!0)])):g("",!0)]),_:1}),n("div",me,[$[4]||($[4]=n("p",{class:"mt-2 mb-2 text-center text-[11px] leading-snug text-white"}," ※サムネイル内の確率やカード封入数は、販売開始時点のものです。 ",-1)),s.tags.length>0?(e(),i("div",pe,[(e(!0),i(S,null,A(s.tags,v=>(e(),i("span",{key:v.id,class:"px-3 py-1.5 rounded-full text-sm font-medium text-white border border-white"}," #"+b(v.name),1))),128))])):g("",!0),s.pack.packGroup?(e(),y(j,{key:1,"for-gacha-detail":"","group-id":s.pack.packGroup.id,"payment-threshold-yen":s.pack.packGroup.paymentThresholdYen,"acquisition-limit":s.pack.packGroup.acquisitionLimit,class:"w-full mt-4 mb-2"},null,8,["group-id","payment-threshold-yen","acquisition-limit"])):g("",!0),w(B,{"pack-id":s.pack.id,class:"w-full mt-4 mb-2"},null,8,["pack-id"])])])])}}}),_e=Object.assign(yt(de,[["__scopeId","data-v-8f1f18f8"]]),{__name:"PackDetailHeader"}),ke={class:"flex items-center justify-between bg-white px-4 pt-4"},ge={class:"flex items-center gap-1.5"},fe={class:"font-semibold tabular-nums"},xe={class:"text-base"},ye=U({__name:"MinGuarantee",props:{coin:{}},setup(s){return(d,u)=>(e(),i("div",ke,[u[2]||(u[2]=n("p",{class:"text-sm font-medium"},"最低保証",-1)),n("div",ge,[w(vt,{class:"size-6 shrink-0"}),n("p",fe,[n("span",xe,b(("withComma"in d?d.withComma:t(ht))(s.coin)),1),u[0]||(u[0]=n("span",{class:"text-xs font-bold"},"コイン",-1)),u[1]||(u[1]=n("span",{class:"text-xs"},"/回",-1))])])]))}}),he=Object.assign(ye,{__name:"PackDetailMinGuarantee"}),ve=K("/img/icn-footprints.svg"),be={class:"bg-white px-4 pb-2.5"},we={class:"pt-2.5 pb-3"},$e={class:"space-y-3"},Pe={class:"space-y-2.5"},Ce={key:0},Se={key:1,class:"font-bold text-brand-orange"},Ue={class:"text-center font-medium"},De=U({__name:"Notices",props:{pack:{}},setup(s){const d=s,{ticket:u}=Z(()=>d.pack.id),{user:f}=Y(),{isBeforeUnlock:a}=E(()=>d.pack),c=h(()=>!f.value||a.value),k=h(()=>d.pack.contents.flatMap(l=>I($t,l).products??[])),x=h(()=>{const l=d.pack,o=!l.price.coin&&!!l.price.point,r=[];l.lifetimePlayLimit!=null&&r.push({key:"lifetime",parts:["このガチャは、お一人さま",{em:`合計${l.lifetimePlayLimit}回`},"まで引けます。"]}

1),l.dailyPlayLimit!=null&&r.push({key:"daily",parts:["このガチャは、お一人さま",{em:`1日${l.dailyPlayLimit}回`},"まで引けます。"]}),l.saleEndsAt?r.push({key:"sale-end",parts:["販売期間は",{em:`${bt(l.saleEndsAt)}まで`},"です。期間内でも在庫がなくなり次第終了します。"]}):r.push({key:"sold-out-end",parts:["このガチャは、",{em:"在庫がなくなり次第"},"終了します。"]});const m=l.unlockMinutesFromSignup??0,_=l.validMinutesFromSignup??0;return m>0&&_>m?r.push({key:"signup-window",parts:c.value?["登録後に",{em:`${H(_-m)}限定`},"で引けます。"]:["解禁から",{em:`${H(_-m)}限定`},"で引けます。"]}):m>0?c.value&&r.push({key:"signup-unlock",parts:["新規登録から",{em:`${H(m)}後`},"に解禁されます。"]}):_>0&&r.push({key:"signup-valid",parts:["新規登録から",{em:`${H(_)}限定`},"で引けます。"]}),l.packGroup?r.push({key:"group-ticket",parts:["条件達成で獲得した",{em:"権利"},"を消費して引くガチャです。"]}):u.value&&r.push({key:"pack-ticket",parts:["付与された",{em:"権利"},"を消費して引くガチャです。"]}),k.value.some(p=>p.isShippingOnly)&&r.push({key:"ship-only",parts:[{em:"発送限定"},"（還元できない）の景品が含まれます。"]}),o&&r.push({key:"point-only",parts:[{em:"ポイント専用"},"のガチャです。コインでは引けません。"]}),r});return(l,o)=>{const r=at,m=wt;return e(),i("div",be,[n("div",we,[w(r,{class:"[&>span:last-child]:text-base"},{default:C(()=>[...o[0]||(o[0]=[M("このパックについて",-1)])]),_:1})]),n("div",$e,[n("ul",Pe,[(e(!0),i(S,null,A(t(x),_=>(e(),i("li",{key:_.key,class:"flex items-center gap-2 text-[13px] font-medium leading-snug"},[o[1]||(o[1]=n("img",{src:ve,alt:"",class:"size-3 shrink-0"},null,-1)),n("p",null,[(e(!0),i(S,null,A(_.parts,(p,O)=>(e(),i(S,{key:O},[typeof p=="string"?(e(),i("span",Ce,b(p),1)):(e(),i("span",Se,b(p.em),1))],64))),128))])]))),128))]),n("div",Ue,[w(m,{to:"/terms/tokushoho",class:"block text-[13px] text-link-blue underline"},{default:C(()=>[...o[2]||(o[2]=[M("特定商取引法に基づく表記",-1)])]),_:1}),o[3]||(o[3]=n("p",{class:"text-[11px] text-slate-500"},"お支払い・ご返品・キャンセル等は、こちらをご確認ください。",-1))])])])}}}),Ve=Object.assign(De,{__name:"PackDetailNotices"}),Be=K("/img/panda02.png"),Oe={class:"pt-6 px-4"},je=["src"],Re={key:1,class:"text-center mt-4"},Ae={class:"relative mt-4 flex-center flex-wrap gap-4"},Te=["onClick"],Fe=["src","alt","loading"],Le={class:"absolute bottom-1.5 left-1.5 flex flex-col gap-1 items-start justify-center"},Me={key:2,class:"text-center mt-2"},He={key:3,class:"absolute right-3 bottom-0"},Ie=U({__name:"ProductSection",props:{section:{},isFirstSection:{type:Boolean,default:!1}},emits:["select"],setup(s,{emit:d}){const u={"UHJpemVUaWVyOjE=":"/img/gatya-number1.svg","UHJpemVUaWVyOjI=":"/img/gatya-number2.svg","UHJpemVUaWVyOjM=":"/img/gatya-number3.svg","UHJpemVUaWVyOjQ=":"/img/gatya-number4.svg","UHJpemVUaWVyOjU=":"/img/gatya-number5.svg","UHJpemVUaWVyOjY=":"/img/gatya-other.svg","UHJpemVUaWVyOjEwMA==":"/img/gatya-lastone.svg"},f=X(`
2  fragment ProductSection on PackContentForView {
3    tier {
4      id
5      name
6    }
7    hasOthers
8    products {
9      information {
10        id
11        title
12        imageUrl
13        isPSA10
14      }
15      initialQuantity
16      isRedeemOnly
17      isShippingOnly
18    }
19  }
20`),a=d,c=s,k=h(()=>I(f,c.section)),x=h(()=>k.value.tier.id==="UHJpemVUaWVyOjEwMA=="),l=h(()=>u[k.value.tier.id]),o=h(()=>{const r=k.value.tier.id;return r==="UHJpemVUaWVyOjE="?"l":r==="UHJpemVUaWVyOjI="?"m":r==="UHJpemVUaWVyOjEwMA=="?"l":"s"});return(r,m)=>{const _=It;return e(),i("div",Oe,[n("div",{class:L({"px-4 py-6 rounded-2xl bg-slate-50 relative":t(x)})},[t(l)?(e(),i("img",{key:0,src:t(l),alt:"prize",class:"m-auto"},null,8,je)):g("",!0),t(x)?(e(),i("p",Re,"最後の1口を引くと、以下の商品が当たる！")):g("",!0),n("div",Ae,[(e(!0),i(S,null,A(t(k).products,p=>(e(),i("div",{key:p.information.id,class:L(["relative",{"max-w-[calc(50%-theme(sp

20ace.4))]":t(o)==="l","max-w-[calc(33.333%-theme(space.4))]":t(o)==="m","max-w-[calc(25%-theme(space.4))]":t(o)==="s"}]),onClick:O=>a("select",p)},[n("img",{src:p.information.imageUrl,alt:p.information.title,loading:s.isFirstSection?void 0:"lazy",class:L(["w-full object-contain",{"max-h-80":t(o)==="l","max-h-72":t(o)==="m","max-h-60":t(o)==="s"}])},null,10,Fe),n("div",Le,[p.information.isPSA10?(e(),y(_,{key:0,type:"psa",small:t(o)!=="l"},null,8,["small"])):g("",!0),p.isShippingOnly?(e(),y(_,{key:1,type:"ship",small:t(o)!=="l"},null,8,["small"])):g("",!0),p.isRedeemOnly?(e(),y(_,{key:2,type:"redeem",small:t(o)!=="l"},null,8,["small"])):g("",!0)])],10,Te))),128))]),t(k).hasOthers?(e(),i("div",Me,[...m[0]||(m[0]=[n("p",{class:"text-gray-700"},"その他あり",-1)])])):g("",!0),t(x)?(e(),i("div",He,[...m[1]||(m[1]=[n("img",{src:Be,alt:"panda",class:"w-[100px] sm:w-[120px] object-contain"},null,-1)])])):g("",!0)],2)])}}}),Ge=Object.assign(Ie,{__name:"PackDetailProductSection"}),Ee={class:"py-6 px-4 bg-white"},We={key:0,class:"mt-2 whitespace-pre-wrap text-sm"},qe={class:"mt-3 pl-1 text-xs leading-relaxed text-slate-500 list-outside list-disc ml-4 space-y-1"},Je=U({__name:"Disclaimer",props:{notice:{},isPointPack:{type:Boolean}},setup(s){const d=s,u=h(()=>d.isPointPack?"ポイント":"コイン"),f=["発送申請は1回につき合計2,000コイン分を超える景品が対象です。","未鑑定のカードには傷や汚れがある場合があります。","鑑定済みカードはケースに擦れや傷がある場合があります。鑑定結果に対する保証はいたしかねます。","未開封品の内容物については保証いたしかねます。","抽選時の演出は、獲得できる景品の内容や等級を保証するものではありません。"];return(a,c)=>{const k=at;return e(),i("div",Ee,[w(k,null,{default:C(()=>[...c[0]||(c[0]=[M("注意事項",-1)])]),_:1}),s.notice?(e(),i("p",We,b(s.notice),1)):g("",!0),n("ul",qe,[n("li",null,"残数が足りない場合は、引けた回数分だけ"+b(t(u))+"を消費します。",1),c[1]||(c[1]=n("li",null,"獲得カードの発送申請は、獲得日から10日間です。期限を過ぎると、自動でコインに還元されます。",-1)),(e(),i(S,null,A(f,x=>n("li",{key:x},b(x),1)),64))]),c[2]||(c[2]=n("section",{class:"mt-4 text-xs leading-relaxed text-slate-500"},[n("h3",{class:"font-bold"},"総還元率・排出確率について"),n("p",{class:"mt-1"}," 総還元率および排出確率は、オリパ発売時点における封入内容を前提とした理論値に基づき算出・表示しております。個々の抽選結果はランダムであり、1口あたりの獲得額や表示確率を保証するものではありません。また、仕様上、商品に関する交換・返金には対応いたしかねます。 ")],-1))])}}}),Ne=Object.assign(Je,{__name:"PackDetailDisclaimer"}),ze=K("/img/gatya-pick-100.svg"),Qe={class:"max-w-175 mx-auto pt-4 px-4 pb-3"},Ye={class:"flex-center justify-between"},Ke={key:3},Xe={key:4},Ze={class:"mt-4 flex-center justify-between gap-4"},tn=["src","alt"],en=["src","alt"],nn=U({__name:"ActionBoxFloat",props:{pack:{},price:{},remaining:{},total:{},hideRemainingCount:{type:Boolean},packId:{}},emits:["pick"],setup(s,{emit:d}){const u=s,{user:f}=Y(),{isPlayable:a,isFinished:c,needsLineLink:k,maxPickable:x,showsPickCountButton:l,unplayableMessage:o}=E(()=>u.pack),r=G(!1);nt(()=>{r.value=!0});const m=h(()=>l(10)),_=h(()=>l(100)),p=h(()=>m.value&&_.value),{showSigninModal:O}=ut(),$=st(),T=async()=>{if(!f.value){await O(u.packId);return}Ut(`/mypage/line/link?redirect=${encodeURIComponent($.fullPath)}`)},D=B=>!r.value||!a.value&&!k.value||x.value<B,P=h(()=>D(1)),V=d,j=B=>{D(B)||V("pick",B)};return(B,v)=>{const W=Ct,q=St,J=pt,N=dt,R=Pt;return e(),i("div",null,[n("div",{class:L(t(P)?"grayscale opacity-40":"")},[n("div",Qe,[n("div",Ye,[s.price.coin?(e(),y(W,{key:0,amount:s.price.coin,size:"m",class:"shrink-0 bg-white rounded-full pl-1.5 pr-3 py-1"},null,8,["amount"])):g("",!0),s.price.point?(e(),y(q,{key:1,amount:s.price.point,size:"m",class:"shrink-0 bg-white rounded-full pl-1.5 pr-3 py-1"},null,8,["amount"])):g("",!0),!t(P)&&!s.hideRemainingCount?(e(),y(J,{key:2,"remain-stock-count":s.remaining,"initial-stock-count":s.total}

20,null,8,["remain-stock-count","initial-stock-count"])):t(o)?(e(),i("div",Ke,b(t(o)),1)):(e(),i("div",Xe))]),!s.hideRemainingCount||t(c)?(e(),y(N,{key:0,remaining:t(c)?0:s.remaining,total:s.total,class:"mt-4"},null,8,["remaining","total"])):g("",!0),n("div",Ze,[t(k)?(e(),y(R,{key:0,variant:"line",sparkle:"",shallow:"",class:"w-full h-13",onClick:T},{default:C(()=>[...v[3]||(v[3]=[n("img",{src:mt,alt:"LINE連携する",class:"h-6"},null,-1)])]),_:1})):(e(),i(S,{key:1},[w(R,{variant:"decision",sparkle:"",shallow:"",class:"w-full h-13",disabled:D(1),onClick:v[0]||(v[0]=F=>j(1))},{default:C(()=>[n("img",{src:t(p)?"/img/gatya-pick-1.svg":"/img/gatya-pick-1-gacha.svg",alt:t(p)?"1回":"1回ガチャ",class:"h-6"},null,8,tn)]),_:1},8,["disabled"]),t(m)?(e(),y(R,{key:0,variant:"decision",sparkle:"",shallow:"",class:"w-full h-13",disabled:D(10),onClick:v[1]||(v[1]=F=>j(10))},{default:C(()=>[n("img",{src:t(p)?"/img/gatya-pick-10.svg":"/img/gatya-pick-10-gacha.svg",alt:t(p)?"10回":"10回ガチャ",class:"h-6"},null,8,en)]),_:1},8,["disabled"])):g("",!0),t(_)?(e(),y(R,{key:1,variant:"gold",sparkle:"",shallow:"",class:"w-full h-13",disabled:D(100),onClick:v[2]||(v[2]=F=>j(100))},{default:C(()=>[...v[4]||(v[4]=[n("img",{src:ze,alt:"100回",class:"h-6"},null,-1)])]),_:1},8,["disabled"])):g("",!0)],64))])])],2)])}}}),sn=Object.assign(nn,{__name:"PackDetailActionBoxFloat"}),an=U({__name:"ActionBox",props:{pack:{},price:{},remaining:{},total:{},notice:{},hideRemainingCount:{type:Boolean},packId:{}},emits:["pick"],setup(s,{emit:d}){const u=et("action-box-anchor"),f=et("action-box"),{y:a}=Dt(),c=G(!1),k=G(null);nt(()=>{Vt(a,()=>{if(!u.value||!f.value)return;const l=u.value.getBoundingClientRect(),o=f.value.$el.getBoundingClientRect();k.value=o.height,c.value=l.top>window.innerHeight-o.height},{immediate:!0})});const x=d;return(l,o)=>{const r=Ne,m=sn;return e(),i("div",null,[w(r,{notice:s.notice,"is-point-pack":!s.price.coin&&!!s.price.point},null,8,["notice","is-point-pack"]),n("div",{ref:"action-box-anchor",style:Bt(t(c)&&t(k)?{height:`${t(k)}px`}:void 0)},[w(m,{ref:"action-box",pack:s.pack,price:s.price,remaining:s.remaining,total:s.total,"hide-remaining-count":s.hideRemainingCount,"pack-id":s.packId,class:L(["bottom-0 left-0 w-full bg-slate-100 pb-4",{"fixed rounded-t-2xl border-t-2 border-white shadow-footer":t(c)}]),onPick:o[0]||(o[0]=_=>x("pick",_))},null,8,["pack","price","remaining","total","hide-remaining-count","pack-id","class"])],4)])}}}),on=Object.assign(an,{__name:"PackDetailActionBox"}),cn={key:0},ln={class:"pb-6"},rn=U({__name:"index",props:{pack:{}},emits:["refresh"],setup(s,{emit:d}){const u=X(`
21  fragment PackDetail on Pack {
22    id
23    title
24    notice
25    thumbnailUrl
26    initialStockCount
27    remainStockCount
28    hideRemainingCount
29    saleEndsAt
30    dailyPlayLimit
31    lifetimePlayLimit
32    validMinutesFromSignup
33    unlockMinutesFromSignup
34    minGuaranteeCoin
35    decoration
36    price {
37      coin
38      point
39    }
40    contents {
41      ...ProductSection
42    }
43    tags {
44      id
45      name
46    }
47    packGroup {
48      id
49      paymentThresholdYen
50      acquisitionLimit
51    }
52    ...PackForPick
53    ...PackViewerStatus
54  }
55`),f=s,a=h(()=>I(u,f.pack)),c=G(null),k=P=>{c.value=P},x=h(()=>a.value?`${a.value.title}｜おりパンダのオンラインオリパ・ネットオリパ。公式キャラの限定演出とともに、狙いの一枚に挑戦しよう。`:void 0);Ot({title:a.value?.title??"パック詳細",ogTitle:a.value?.title??"パック詳細",description:x,ogDescription:x,ogImage:a.value?.thumbnailUrl,twitterImage:a.value?.thumbnailUrl,twitterCard:"summary_large_image"});const l=d,{transitionAts:o}=E(()=>a.value);_t(()=>o.value,()=>l("refresh"));const{viewerTicketBalance:r}=kt(()=>a.value?.packGroup?.id),{packTicketBalance:m,refresh:_}=Z(()=>a.value?.id),{pick:p,onSkipEffect:O,showEffect:$,effectUrl:T}=gt(),D=async P=>{if(!f.pack)return;const V=I(jt,a.value);V&&(await p(V,P,{groupTicketBalance:a.value?.packGroup?r.value:void 0,packTicketBalance:m.value}),l("refresh"),await _())};return(P,V)=>{const j=_e,B=he,v=Ve,W=Ge,q=on,J=Gt,N=ft,R=Q;return t(a)?(e(),i("div",cn,[w(j,{pack:t(a),tags:t(a).tags},null,8,["pack","tags"]),t(a).minGuaranteeCoin?(e(),y(B,{key:0,coin:t(a).minGuaranteeCoin,class:"max-w-175 mx-auto"},null,8,["coin"])):g("",!0),w(v,{pack:t(a),class:"max-w-175 mx-auto"},null,8,["pack"]),n("div",ln,[(e(!0),i(S,null,A(t(a).contents,(F,tt)=>(e(),y(W,{key:tt,section:F,"is-first-section":tt===0,class:"max-w-175 mx-auto",onSelect:k},null,8,["section","is-first-section"]))),128))]),w(q,{pack:t(a),price:t(a).price,notice:t(a).notice,remaining:t(a).remainStockCount,total:t(a).initialStockCount,"hide-remaining-count":t(a).hideRemainingCount,"pack-id":("decodeID"in P?P.decodeID:t(Et))(t(a).id)??void 0,class:"max-w-175 mx-auto",onPick:D},null,8,["pack","price","notice","remaining","total","hide-remaining-count","pack-id"]),w(J,{show:!!t(c),quantity:t(c)?.initialQuantity??void 0,product:t(c)?{id:t(c).information.id,title:t(c).information.title,isPSA10:t(c).information.isPSA10,imageUrl:t(c).information.imageUrl,ship:t(c).isShippingOnly,redeem:t(c).isRedeemOnly}:null,onClose:V[0]||(V[0]=F=>c.value=null)},null,8,["show","quantity","product"]),w(R,null,{default:C(()=>[t($)?(e(),y(N,{key:0,url:t(T),onSkip:t(O)},null,8,["url","onSkip"])):g("",!0)]),_:1})])):g("",!0)}}}),un=Object.assign(rn,{__name:"PackDetail"}),yn=U({__name:"index",async setup(s){let d,u;const f=st(),a=h(()=>f.params.id),c=X(`
56  query Pack($id: ID!) {
57    node(id: $id) {
58      __typename
59      ... on Pack {
60        ...PackDetail
61      }
62    }
63  }
64`),k=h(()=>`pack-${a.value}`),{data:x,refresh:l,viewerSettled:o}=([d,u]=Rt(async()=>Ht(k.value,async()=>{const{$urql:m}=Tt(),_=await m.query(c,{id:Wt("Pack",a.value)},{requestPolicy:"network-only"});if(_.error)return null;const p=_.data;return!p||p?.node?.__typename!=="Pack"?null:p.node})),d=await d,u(),d);At(()=>{o.value&&!x.value&&Ft({statusCode:404,statusMessage:"Failed to load pack data"})});const r=h(()=>{const m=x.value;return m?.__typename!=="Pack"?null:m});return(m,_)=>{const p=un;return t(r)?(e(),y(p,{key:0,pack:t(r),onRefresh:t(l)},null,8,["pack","onRefresh"])):g("",!0)}}});

64export{yn as default};