https://buddicarsv.lovable.app/assets/cart-C3yI83Hm.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/visits.functions-BsFZ1OZG.js","assets/sonner-D-yLv_Jo.js","assets/index-jOKgC_H_.js"])))=>i.map(i=>d[i]);
2import{r as i,_ as P,j as t}from"./index-jOKgC_H_.js";import{u as c,T as A,t as d}from"./sonner-D-yLv_Jo.js";import{i as D}from"./liff-Y5tXGdX_.js";import{j as F,c as M,g as R,a as $}from"./cart.functions-DdvuUCFu.js";function G(){const w=c(F),N=c(M),j=c(R),k=c($),[n,v]=i.useState(null),[y,_]=i.useState(!0),[a,o]=i.useState(null),[l,T]=i.useState(null),[u,f]=i.useState(!1),[m,h]=i.useState(!1),b=i.useRef({status:null,id:null}),r=async()=>{const e=await k();e.ok&&T(e)},p=async e=>{const s=await j({data:{lineIdToken:e}});s.ok&&o(s.ticket)};i.useEffect(()=>{D().then(async e=>{v(e),e?.userId&&e.idToken?(await Promise.all([p(e.idToken),r()]),P(async()=>{const{recordVisit:s}=await import("./visits.functions-BsFZ1OZG.js");return{recordVisit:s}},__vite__mapDeps([0,1,2])).then(({recordVisit:s})=>{s({data:{lineIdToken:e.idToken,path:"/cart"}}).catch(()=>{})})):await r(),_(!1)})},[]),i.useEffect(()=>{const e=()=>{r(),n?.idToken&&p(n.idToken)},s=window.setInterval(e,3e3);return()=>{window.clearInterval(s)}},[n?.idToken]),i.useEffect(()=>{if(a&&a.status==="called"&&b.current.id!==a.id){b.current={status:"called",id:a.id};try{"Notification"in window&&Notification.permission==="granted"&&new Notification("BUDDICA カート",{body:`${a.ticket_number}番の方、順番になりました！`})}catch{}try{navigator.vibrate?.([200,100,200,100,200])}catch{}}},[a]);const I=()=>{"Notification"in window&&Notification.permission==="default"&&Notification.requestPermission()},C=async()=>{if(!n?.idToken){d.error("LINEログインが必要です");return}f(!0);try{const e=await w({data:{lineIdToken:n.idToken,lineDisplayName:n.displayName??null}});if(!e.ok){d.error(e.error);return}o(e.ticket),I(),await r()}finally{f(!1)}},S=async()=>{if(!(!a||!n?.idToken)&&confirm("整理券をキャンセルしますか？")){h(!0);try{const e=await N({data:{lineIdToken:n.idToken,id:a.id}});if(!e.ok){d.error(e.error);return}o(null),await r(),d.success("キャンセルしました")}finally{h(!1)}}};if(y)return t.jsx("div",{className:"min-h-screen flex items-center justify-center bg-[#ff7a1a]",children:t.jsx("div",{className:"text-sm text-white font-bold animate-pulse",children:"読み込み中..."})});const g=l?.nowCalling.map(e=>e.ticket_number)??[],E=l?.waitingCount??0;let x=0;if(a?.status==="waiting"&&l?.waiting){const e=l.waiting.findIndex(s=>s.id===a.id);x=e>=0?e+1:0}return t.jsxs("div",{className:"relative min-h-screen overflow-hidden bg-neutral-950",children:[t.jsx(A,{}),t.jsx("header",{className:"px-4 pt-5 pb-3",children:t.jsxs("div",{className:"max-w-xl mx-auto flex items-center justify-between",children:[t.jsxs("div",{children:[t.jsx("div",{className:"text-[10px] font-black tracking-[0.3em] text-[#ff9a3d]",children:"BUDDICA CART"}),t.jsx("h1",{className:"text-white font-black text-lg",children:"カート順番待ち"})]}),t.jsx("div",{className:"text-[10px] text-neutral-400 font-bold",children:"🔴 リアルタイム更新"})]})}),t.jsxs("main",{className:"max-w-xl mx-auto p-4 pb-16 space-y-4",children:[t.jsxs("div",{className:"bg-gradient-to-br from-[#ff7a1a] to-[#ff4d00] rounded-3xl p-6 text-center shadow-[0_8px_0_rgba(0,0,0,0.35)]",children:[t.jsx("div",{className:"text-[11px] font-black tracking-[0.3em] text-white/90",children:"NOW CALLING"}),t.jsxs("div",{className:"mt-2 flex items-baseline justify-center gap-3 flex-wrap",children:[g.length===0?t.jsx("div",{className:"text-white text-4xl font-black",children:"—"}):g.map(e=>t.jsx("div",{className:"text-white text-6xl font-black tabular-nums drop-shadow-[0_3px_0_rgba(0,0,0,0.35)]",children:e},e)),t.jsx("div",{className:"text-white/90 font-black text-lg",children:"番"})]}),t.jsxs("div",{className:"mt-3 text-white/90 text-xs font-bold",children:["現在お待ちの方 ",t.jsx("span",{className:"font-black text-base",children:E})," 組"]})]}),a?t.jsxs("div",{className:`rounded-3xl p-6 border-4 ${a.status==="called"?"bg-white border-[#ff7a1a] animate-pulse":"bg-neutral-900 border-neutral-800"} text-center space-y-3`,children:[t.jsx("div",{className:`text-[11px] font-black tracking-[0.3em] ${a.status==="called"?"text-[#ff4d00]":"text-neutral-400"}`,children:a.status==="called"?"★ お呼び出し中 ★":"YOUR TICKET"}),t.jsxs("div",{className:`text-7xl font-black tabular-nums ${a.status==="called"?"text-neutral-900":"text-white"}`,children:[a.ticket_number,t.jsx("span",{className:"text-2xl align-top ml-1",children:"番"})]}),a.status==="waiting"&&t.jsx("div",{className:"text-neutral-300 text-sm font-bold",children:x>0?t.jsxs(t.Fragment,{children:["あなたの前に"," ",t.jsx("span",{className:"text-[#ff9a3d] text-lg font-black",children:x-1})," ","組"]}):"まもなくお呼び出しです"}),a.status==="called"&&t.jsx("div",{className:"text-neutral-800 text-sm font-black",children:"カート乗り場までお越しください！"}),t.jsxs("div",{className:"text-[11px] text-neutral-500 font-bold",children:[n?.displayName??a.line_display_name??"ã

2‚²ã‚¹ãƒˆ"," 様"]}),t.jsx("button",{type:"button",onClick:S,disabled:m,className:"w-full mt-2 py-2.5 rounded-xl bg-neutral-800 text-neutral-300 font-bold text-sm disabled:opacity-60 hover:bg-neutral-700",children:m?"処理中...":"整理券をキャンセル"})]}):t.jsxs("div",{className:"rounded-3xl p-6 bg-white border-4 border-white shadow-[0_6px_0_rgba(0,0,0,0.35)] text-center space-y-4",children:[t.jsxs("h2",{className:"text-xl font-black text-neutral-900",children:["整理券を発行して",t.jsx("br",{}),"順番待ちに参加！"]}),t.jsxs("ul",{className:"text-left text-xs font-bold text-neutral-600 space-y-1.5 max-w-xs mx-auto",children:[t.jsx("li",{children:"🛒 順番が来たらLINEでお知らせ"}),t.jsx("li",{children:"🚶 会場を離れて自由に過ごせます"}),t.jsx("li",{children:"👀 このページを開くだけで待ち状況がわかります"})]}),t.jsx("button",{type:"button",onClick:C,disabled:u||!n?.userId,className:"w-full py-4 rounded-2xl bg-[#ff7a1a] text-white font-black text-lg disabled:opacity-60 shadow-[0_4px_0_#c85300] active:translate-y-[2px] active:shadow-[0_2px_0_#c85300] transition",children:u?"発行中...":"整理券を発行する 🎟"}),!n?.userId&&t.jsx("p",{className:"text-[11px] text-neutral-500 font-bold",children:"LINEログインが必要です"})]}),l&&l.waiting.length>0&&t.jsxs("div",{className:"rounded-3xl p-5 bg-neutral-900 border border-neutral-800",children:[t.jsx("div",{className:"text-[11px] font-black tracking-[0.2em] text-neutral-400 mb-3",children:"WAITING LIST"}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[l.waiting.slice(0,20).map((e,s)=>{const L=e.id===a?.id;return t.jsx("div",{className:`px-3 py-2 rounded-lg text-sm font-black tabular-nums ${L?"bg-[#ff7a1a] text-white":s===0?"bg-[#ff9a3d]/20 text-[#ff9a3d] border border-[#ff9a3d]/40":"bg-neutral-800 text-neutral-300"}`,children:e.ticket_number},e.id)}),l.waiting.length>20&&t.jsxs("div",{className:"px-3 py-2 rounded-lg text-sm font-bold text-neutral-500",children:["+",l.waiting.length-20]})]})]}),t.jsxs("p",{className:"text-[11px] text-neutral-500 leading-relaxed font-bold text-center",children:["※おひとりさま1枚のみ発行できます",t.jsx("br",{}),"※順番を過ぎるとキャンセル扱いになる場合があります"]})]})]})}export{G as component};