https://www.tsuhan-tora.com/assets/index-B5mcZgk8.js

1import{h as g,l as Q,j as e}from"./vendor-react-Dx9ATBpN.js";import{X as d,j as W,af as $,az as n,al as s,ae as r,aK as k}from"./index-TAoP3JUX.js";import{S as Z}from"./Select-CCHE51sf.js";import{S as H}from"./ShortUuid-DYkq09I4.js";import{E as ee}from"./EmptyState-P3vs2EoZ.js";import{M as te}from"./MyPageSection-ZS-yeE5H.js";import{P as ne}from"./Pager-RSQyOI8H.js";import{b as re}from"./InquiryModalContainer-D1PuNOsm.js";import{M as oe}from"./MyPageInnerLayout-CDcd8UvE.js";import{f as D,a as z}from"./date-fns-BjYf_1bz.js";import{e as se,g as ae}from"./convert-D6W3rJvB.js";import{a as q,f as G}from"./format-BlUmMNsm.js";import{m as ie,a as Y,b as le}from"./orderMeta-DJ-1oiyQ.js";import{u as de}from"./index-lRAxmBpm.js";import{u as ce}from"./index-CdTEOR8z.js";import{d as ue}from"./invalidateQueries-CN5Y2lxy.js";import{C as pe}from"./ConfirmModal-CB0ydT6n.js";import"./vendor-firebase-CM36PMsb.js";import"./vendor-recharts-wtmkQznW.js";import"./vendor-motion-27JH31EY.js";import"./vendor-datepicker-B96X1cxi.js";import"./index-CGtSim9N.js";import"./Accordion-B5qUfe2D.js";import"./useInfiniteFetch-DIlkqqdy.js";import"./index-yk-6UIv5.js";import"./useFetchPublic-CQTFb7xh.js";import"./PageTitle-Bac1yGW9.js";import"./index-CCkIpfDZ.js";import"./index-C3PmEdZi.js";import"./index-C9KgdRKW.js";import"./index-Covfrwq4.js";const J=20,xe=[{key:"",value:"すべて"},{key:d.Pending,value:"決済待ち"},{key:d.AwaitingPayment,value:"入金待ち"},{key:d.Paid,value:"決済済み"},{key:d.Processing,value:"処理中"},{key:d.Shipped,value:"発送済み"},{key:d.Canceled,value:"キャンセル"},{key:d.Refunded,value:"返金済み"}],P=t=>`¥${t.toLocaleString()}`,me=t=>{if(!t)return null;const u=t.trim().toLowerCase(),i={credit:"クレジットカード",creditcard:"クレジットカード",card:"クレジットカード",paypay:"PayPay",cvs:"コンビニ払い",convenience:"コンビニ払い",bank:"銀行振込",bank_transfer:"銀行振込",banktransfer:"銀行振込"}[u];return i?{label:i,isKnown:!0}:{label:t,isKnown:!1}},he=t=>{const[u,m]=g.useState(),i=Q(),l=g.useMemo(()=>Math.ceil((t.totalCount||0)/J),[t.totalCount]),p=g.useMemo(()=>{const o=t.orders??[],S=new Map;for(const h of o){const a=S.get(h.reserveId);a?a.push(h):S.set(h.reserveId,[h])}return[...S.entries()].map(([h,a])=>{const c=a[0],v=a.reduce((x,f)=>x+f.subtotal,0),M=a.reduce((x,f)=>Math.max(x,f.shippingFee),0),R=a.reduce((x,f)=>x+f.optionPrice,0),B=a.reduce((x,f)=>x+f.taxAmount,0),I=a.reduce((x,f)=>x+f.totalAmount,0),A=a.some(x=>x.hasReview);return{reserveId:h,orderedAt:c.orderedAt,shopName:c.shopName,productId:c.productId,status:c.status,groupSubtotal:v,groupShippingFee:M,groupOptionPrice:R,groupTaxAmount:B,groupGrandTotal:I,groupTotal:v+M+R,items:a,addressee:c.addressee??null,hasReview:A,paymentMethod:c.paymentMethod??null,refundedAt:c.refundedAt??null,refundedBy:c.refundedBy??null,refundReason:c.refundReason??null,carrier:c.carrier??null,trackingNumber:c.trackingNumber??null,trackingUrl:c.trackingUrl??null,shippedAt:c.shippedAt??null,canceledAt:c.canceledAt??null,canceledBy:c.canceledBy??null,cancellationReason:c.cancellationReason??null}})},[t.orders]),w=!t.isLoading&&p.length===0;return e.jsxs(oe,{title:"注文一覧",description:"注文した商品を確認することができます。",children:[e.jsxs(te,{children:[e.jsx(ze,{children:e.jsx(Z,{value:t.status??"",onChange:o=>{t.setStatus(o||null)},placeholder:"ステータスで絞り込み",options:xe})}),e.jsxs(Be,{children:[e.jsxs(Te,{children:[t.totalCount??p.length,"件"]}),e.jsx(Fe,{children:"（税込み価格です）"})]}),t.isLoading&&e.jsx(Ne,{children:"読み込み中..."}),w&&e.jsx(ee,{title:"注文がありません",description:t.status?"選択中のステータスに該当する注文がありません。フィルタを変更してお試しください。":"まだ注文がありません。気になる商品を探してみましょう。",action:!t.status&&e.jsx(W,{variant:"fill",onClick:()=>i("/search-product"),children:"商品を探す"})}),e.jsx(Le,{children:p.map(o=>{const S=se(o.status),h=me(o.paymentMethod);return e.jsxs(Oe,{children:[e.jsxs(Ee,{children:[e.jsxs(Ue,{children:[e.jsx(He,{children:D(z(o.orderedAt),"yyyy/MM/dd HH:mm")}

1),e.jsxs(qe,{children:[e.jsx(Ge,{children:o.shopName}),e.jsx(_e,{children:"·"}),e.jsx(H,{uuid:o.reserveId})]}),h&&e.jsxs(Re,{$muted:!h.isKnown,title:h.isKnown?void 0:"不明な決済手段（その他扱い）",children:["お支払い: ",h.label]})]}),e.jsxs(Ke,{children:[e.jsx(Ve,{children:P(o.groupGrandTotal)}),e.jsx(tt,{children:"合計（税込）"}),e.jsx(Xe,{children:e.jsx(Ye,{$badgeColor:S,children:ae(o.status)})})]})]}),o.addressee&&e.jsx(fe,{addressee:o.addressee}),e.jsx(rt,{children:o.items.map(a=>e.jsxs(ot,{children:[e.jsxs(st,{children:[e.jsxs(at,{children:[e.jsx(it,{children:a.productName}),a.unitPriceName&&e.jsx(lt,{children:a.unitPriceName})]}),e.jsxs(dt,{children:[e.jsxs(ct,{children:[P(a.unitPrice)," × ",a.quantity]}),e.jsx(ut,{children:e.jsx(H,{uuid:a.subReserveId,label:"注文明細番号"})})]})]}),e.jsx(pt,{children:P(a.subtotal)})]},a.subReserveId))}),e.jsx(ge,{status:o.status,paymentMethod:o.paymentMethod,hasCancellationReason:!!o.cancellationReason,onOpenInquiry:o.productId?()=>m(o.productId):void 0}),e.jsx(ye,{status:o.status,isResuming:t.resumingReserveId===o.reserveId,isCanceling:t.cancelingReserveId===o.reserveId,onResumePayment:()=>t.onResumePayment(o.reserveId),onCancelOrder:()=>t.onCancelOrder(o.reserveId)}),e.jsx(be,{status:o.status,carrier:o.carrier,trackingNumber:o.trackingNumber,trackingUrl:o.trackingUrl,shippedAt:o.shippedAt}),e.jsx(je,{canceledAt:o.canceledAt,canceledBy:o.canceledBy,cancellationReason:o.cancellationReason}),e.jsx($e,{refundedAt:o.refundedAt,refundedBy:o.refundedBy,refundReason:o.refundReason}),e.jsxs(Je,{children:[e.jsx(nt,{type:"button",onClick:()=>i(`/mypage/orders/product/${o.reserveId}`),children:"詳細を見る"}),e.jsxs(Qe,{children:[e.jsxs(F,{children:[e.jsx(N,{children:"商品小計（税込）"}),e.jsx(L,{children:P(o.groupSubtotal)})]}),o.groupOptionPrice>0&&e.jsxs(F,{children:[e.jsx(N,{children:"オプション小計（税込）"}),e.jsx(L,{children:P(o.groupOptionPrice)})]}),e.jsxs(F,{children:[e.jsx(N,{children:"送料（税込）"}),e.jsx(L,{children:o.groupShippingFee===0?"無料":P(o.groupShippingFee)})]}),e.jsxs(We,{children:[e.jsx(Ze,{children:"合計（税込）"}),e.jsx(et,{children:P(o.groupGrandTotal)})]})]})]})]},o.reserveId)})}),l>1&&e.jsx(xt,{children:e.jsx(ne,{pageCount:l,currentPage:t.page-1,setPage:o=>t.setPage(o+1)})})]}),e.jsx(re,{isOpen:!!u,productId:u,onClose:()=>m(void 0)})]})},fe=({addressee:t})=>{const u=!!t.shippingName||!!t.shippingPostal||!!t.shippingPrefecture||!!t.shippingMunicipality||!!t.shippingAddress;return e.jsxs(Ae,{children:[e.jsxs(K,{children:[e.jsx(V,{children:"注文者"}),e.jsx(X,{children:t.ordererName}),t.ordererPostal&&e.jsxs(C,{children:["〒",q(t.ordererPostal)]}),e.jsxs(C,{children:[t.ordererPrefecture,t.ordererMunicipality,t.ordererAddress]}),t.ordererPhoneNumber&&e.jsx(C,{children:G(t.ordererPhoneNumber)})]}),e.jsxs(K,{children:[e.jsx(V,{children:"配送先"}),u?e.jsxs(e.Fragment,{children:[t.shippingName&&e.jsx(X,{children:t.shippingName}),t.shippingPostal&&e.jsxs(C,{children:["〒",q(t.shippingPostal)]}),e.jsxs(C,{children:[t.shippingPrefecture??"",t.shippingMunicipality??"",t.shippingAddress??""]}),t.shippingPhoneNumber&&e.jsx(C,{children:G(t.shippingPhoneNumber)})]}):e.jsx(De,{children:"注文者と同じ"})]})]})},ge=({status:t,paymentMethod:u,hasCancellationReason:m,onOpenInquiry:i})=>{const l=(()=>{switch(t){case d.Pending:return{tone:"warning",title:"お支払いをお待ちしています",body:"お支払いが まだ完了していません。 お支払いが完了するまで 注文の処理は 始まりません。 お支払い手続きを 続けてください。"};case d.AwaitingPayment:{const p=(u??"").trim().toLowerCase();return{tone:"warning",title:"お支払いをお待ちしています",body:p==="cvs"||p==="convenience"?"コンビニでの お支払いを お待ちしています。 支払期限内に お支払いがない場合、 注文は 自動的に キャンセルされる ことがあります。":p==="bank"||p==="bank_transfer"||p==="banktransfer"?"銀行振込の 入金確認を お待ちしています。 振込が反映されると 自動的に 「決済済み」 になります。":"お支払いを お待ちしています。 お支払いが完了するまで 注文の処理は 始まりません。"}}case d.Paid:return{tone:"info",title:"ご注文ありがとうございました",body:"ショップが 発送準備に 入ります。 発送までã

1—ばらく お待ちください。"};case d.Processing:return{tone:"info",title:"ショップが 発送準備中です",body:"まもなく 発送されます。 発送準備に 着手しているため、 この注文は お客様ご自身では キャンセルできません。 変更・キャンセルを ご希望の場合は お問い合わせください。",showInquiry:!0};case d.Shipped:return{tone:"success",title:"発送済みです",body:"お手元に届くまで もう少し お待ちください。 発送済みのため この注文は キャンセルできません。 商品や 配送について ご不明点が ある場合は お問い合わせください。",showInquiry:!0};case d.Canceled:return{tone:"muted",title:"この注文はキャンセルされました",body:m?"キャンセル理由は 下記の 「キャンセル情報」 で 確認できます。":"ご不明点が ある場合は ショップまで お問い合わせください。"};case d.AutoCanceled:return{tone:"muted",title:"支払期限超過により 自動キャンセルされました",body:"お支払いが 期限内に 完了しなかったため 注文は キャンセルされました。 必要であれば もう一度 ご注文ください。"};case d.Refunded:return{tone:"muted",title:"返金処理が完了しました",body:m?"キャンセル理由は 下記の 「キャンセル情報」 で 確認できます。 返金日時 / 返金額の 詳細は 詳細ページから ご確認ください。":"返金日時 / 返金額の 詳細は 詳細ページから ご確認ください。"};default:return null}})();return l?e.jsxs(we,{$tone:l.tone,children:[e.jsx(Se,{children:l.title}),e.jsx(Pe,{children:l.body}),"showInquiry"in l&&l.showInquiry&&i&&e.jsx(ve,{type:"button",onClick:i,children:"ショップに問い合わせる"})]}):null},ye=({status:t,isResuming:u,isCanceling:m,onResumePayment:i,onCancelOrder:l})=>{const p=t===d.Pending;if(!(t===d.Pending||t===d.AwaitingPayment||t===d.Paid))return null;const o=u||m;return e.jsxs(Ce,{children:[p&&e.jsx(_,{type:"button",$primary:!0,disabled:o,onClick:i,children:u?"確認しています…":"お支払いを続ける"}),e.jsx(_,{type:"button",disabled:o,onClick:l,children:"注文をキャンセル"}),t===d.Paid&&e.jsx(Me,{children:"ショップが 発送準備に 着手すると キャンセルできなくなります。"})]})},be=({status:t,carrier:u,trackingNumber:m,trackingUrl:i,shippedAt:l})=>{const p=!!(u&&m),w=!p&&t===d.Shipped;return!p&&!w?null:e.jsxs(O,{children:[e.jsx(E,{children:"配送・追跡"}),p?e.jsxs(U,{children:[e.jsxs(y,{children:[e.jsx(b,{children:"配送会社"}),e.jsx(j,{children:u})]}),e.jsxs(y,{children:[e.jsx(b,{children:"追跡番号"}),e.jsx(j,{children:m})]}),l&&e.jsxs(y,{children:[e.jsx(b,{children:"発送日時"}),e.jsx(j,{children:D(z(l),"yyyy/MM/dd HH:mm")})]}),i&&e.jsxs(y,{children:[e.jsx(b,{children:"追跡ページ"}),e.jsx(j,{children:e.jsx(ke,{href:i,target:"_blank",rel:"noopener noreferrer",children:"配送状況を確認"})})]})]}):e.jsx(Ie,{children:"追跡情報は まだ登録されていません。 ショップで 追跡情報を 登録すると ここに表示されます。"})]})},je=({canceledAt:t,canceledBy:u,cancellationReason:m})=>{if(!t)return null;const i=ie(u),l=Y(m);return e.jsxs(O,{$variant:"refund",children:[e.jsx(E,{children:"キャンセル情報"}),e.jsxs(U,{children:[e.jsxs(y,{children:[e.jsx(b,{children:"キャンセル日時"}),e.jsx(j,{children:D(z(t),"yyyy/MM/dd HH:mm")})]}),i&&e.jsxs(y,{children:[e.jsx(b,{children:"キャンセル実行者"}),e.jsx(j,{children:i})]}),l&&e.jsxs(y,{children:[e.jsx(b,{children:"キャンセル理由"}),e.jsx(j,{children:l})]})]})]})},$e=({refundedAt:t,refundedBy:u,refundReason:m})=>{if(!t)return null;const i=le(u),l=Y(m);return e.jsxs(O,{$variant:"refund",children:[e.jsx(E,{children:"返金情報"}),e.jsxs(U,{children:[e.jsxs(y,{children:[e.jsx(b,{children:"返金処理日時"}),e.jsx(j,{children:D(z(t),"yyyy/MM/dd HH:mm")})]}),i&&e.jsxs(y,{children:[e.jsx(b,{children:"返金実行者"}),e.jsx(j,{children:i})]}),l&&e.jsxs(y,{children:[e.jsx(b,{children:"返金理由"}),e.jsx(j,{children:l})]})]})]})},T={info:{bg:"#EAF3FB",border:"#BFD9F2",fg:"#0C447C"},warning:{bg:"#FDF4DD",border:"#F4DD9E",fg:"#7A5B0B"},success:{bg:"#EEF6E1",border:"#C9DDA6",fg:"#3B6D11"},muted:{bg:"#F4F2EC",border:"#E0DDD3",fg:"#5C5C5C"}},we=n.div`
2  display: flex;
3  flex-direction: column;
4  gap: 4px;
5  padding: 10px 16px;
6  border-top: 1px solid ${r.borderDefault};
7  background-color: ${({$tone:t})=>T[t].bg};
8  border-left: 3px solid ${({$tone:t})=>T[t].border};
9  color: ${({$tone:t})=>T[t].fg};
10`,Se=n.span`
11  font-size: ${s.small};
12  font-weight: 700;
13`,Pe=n.span`
14  font-size: ${s.extraSmall};
15  line-height: 1.6;
16`,ve=n.button`
17  align-self: flex-start;
18  padding: 6px 14px;
19  margin-top: 8px;
20  font-size: ${s.extraSmall};
21  font-weight: 700;
22  color: ${r.textSecondary};
23  cursor: pointer;
24  background-color: ${r.surfaceDefault};
25  border: 1px solid ${r.borderDefault};
26  border-radius: 4px;
27`,Ce=n.div`
28  display: flex;
29  flex-wrap: wrap;
30  gap: 8px;
31  padding: 12px 16px;
32  border-top: 1px solid ${r.borderDefault};
33
34  @media ${$.smartPhone} {
35    flex-direction: column;
36  }
37`,Me=n.p`
38  flex-basis: 100%;
39  margin: 0;
40  font-size: ${s.extraSmall};
41  line-height: 1.6;
42  color: ${r.textSecondary};
43`,_=n.button`
44  padding: 8px 16px;
45  font-size: ${s.small};
46  font-weight: 700;
47  color: ${({$primary:t})=>t?r.textInverse:r.textSecondary};
48  cursor: pointer;
49  background-color: ${({$primary:t})=>t?r.brandAccent:r.surfaceDefault};
50  border: 1px solid
51    ${({$primary:t})=>t?r.brandAccent:r.borderDefault};
52  border-radius: 4px;
53
54  &:disabled {

55    cursor: not-allowed;
56    opacity: 0.6;
57  }
58`,Re=n.span`
59  display: inline-flex;
60  align-items: center;
61  padding: 2px 8px;
62  margin-top: 4px;
63  border-radius: 999px;
64  background-color: ${({$muted:t})=>t?r.surfaceMuted:r.surfaceSubtle};
65  color: ${({$muted:t})=>t?r.textMuted:r.textSecondary};
66  font-size: ${s.extraSmall};
67  font-weight: 500;
68  white-space: nowrap;
69  width: fit-content;
70  border: 1px solid ${r.borderDefault};
71`,O=n.section`
72  display: flex;
73  flex-direction: column;
74  gap: 6px;
75  padding: 12px 16px;
76  border-top: 1px solid ${r.borderDefault};
77  background-color: ${({$variant:t})=>t==="refund"?"#FBEAF0":r.surfaceMuted};
78  font-size: ${s.small};
79  line-height: 1.5;
80`,E=n.span`
81  font-size: ${s.extraSmall};
82  font-weight: 700;
83  color: ${r.textSecondary};
84`,U=n.div`
85  display: flex;
86  flex-direction: column;
87  gap: 4px;
88`,y=n.div`
89  display: grid;
90  grid-template-columns: 100px 1fr;
91  gap: 8px;
92  align-items: baseline;
93
94  @media ${$.smartPhone} {
95    grid-template-columns: 1fr;
96    gap: 2px;
97  }
98`,b=n.span`
99  font-size: ${s.extraSmall};
100  color: ${r.textSecondary};
101`,j=n.span`
102  color: ${r.textPrimary};
103  word-break: break-all;
104`,ke=n.a`
105  color: ${r.brandAccent};
106  text-decoration: underline;
107  font-weight: 600;
108
109  &:hover {
110    opacity: 0.85;
111  }
112`,Ie=n.span`
113  color: ${r.textMuted};
114  font-size: ${s.extraSmall};
115  font-style: italic;
116`,Ae=n.div`
117  display: grid;
118  grid-template-columns: 1fr 1fr;
119  gap: 16px;
120  padding: 12px 16px;
121  border-bottom: 1px solid ${r.borderDefault};
122  background-color: ${r.surfaceMuted};
123  font-size: ${s.small};
124
125  @media ${$.smartPhone} {
126    grid-template-columns: 1fr;
127    gap: 12px;
128  }
129`,K=n.div`
130  display: flex;
131  flex-direction: column;
132  gap: 2px;
133  min-width: 0;
134`,V=n.div`
135  font-size: ${s.extraSmall};
136  color: ${r.textMuted};
137  letter-spacing: 0.04em;
138`,X=n.div`
139  font-weight: 600;
140  color: ${r.textPrimary};
141`,C=n.div`
142  color: ${r.textSecondary};
143`,De=n.div`
144  color: ${r.textMuted};
145`,ze=n.div`
146  display: flex;
147  justify-content: flex-end;
148  margin-bottom: 16px;
149
150  > * {
151    width: 200px;
152  }
153
154  @media ${$.smartPhone} {
155    > * {
156      width: 100%;
157    }
158  }
159`,Be=n.div`
160  display: flex;
161  align-items: baseline;
162  justify-content: space-between;
163  margin-bottom: 12px;
164  flex-wrap: wrap;
165  gap: 4px;
166`,Te=n.p`
167  margin: 0;
168  font-size: ${s.semiLarge};
169  color: ${r.textPrimary};
170`,Fe=n.span`
171  font-size: ${s.small};
172  color: ${r.textMuted};
173`,Ne=n.p`
174  margin: 24px 0;
175  text-align: center;
176  color: ${r.textMuted};
177`,Le=n.div`
178  display: flex;
179  flex-direction: column;
180  gap: 12px;
181`,Oe=n.article`
182  background-color: ${r.surfaceDefault};
183  border: 1px solid ${r.borderDefault};
184  border-radius: 12px;
185  overflow: hidden;
186`,Ee=n.header`
187  display: flex;
188  align-items: flex-start;
189  justify-content: space-between;
190  gap: 16px;
191  padding: 12px 16px;
192  background-color: ${r.surfaceSubtle};
193  border-bottom: 1px solid ${r.borderDefault};
194  flex-wrap: wrap;
195
196  @media ${$.smartPhone} {
197    flex-direction: column;
198    align-items: stretch;
199    gap: 12px;
200  }
201`,Ue=n.div`
202  display: flex;
203  flex-direction: column;
204  gap: 4px;
205  min-width: 0;
206`,He=n.div`
207  font-size: ${s.small};
208  color: ${r.textSecondary};
209`,qe=n.div`
210  display: flex;
211  align-items: center;
212  gap: 6px;
213  font-size: ${s.extraSmall};
214  color: ${r.textMuted};
215  flex-wrap: wrap;
216`,Ge=n.span`
217  color: ${r.textMuted};
218`,_e=n.span`
219  color: ${r.borderStrong};
220`,Ke=n.div`
221  display: flex;
222  flex-direction: column;
223  align-items: flex-end;
224  gap: 6px;
225
226  @media ${$.smartPhone} {
227    align-items: stretch;
228  }
229`,Ve=n.div`
230  font-size: ${s.large};
231  font-weight: 600;
232  color: ${r.textPrimary};
233  font-variant-numeric: tabular-nums;
234
235  @media ${$.smartPhone} {
236    text-align: right;
237  }
238`,Xe=n.div`
239  display: flex;
240  align-items: center;
241  gap: 8px;
242
243  @media ${$.smartPhone} {
244    justify-content: space-between;
245  }
246`,Ye=n.span`
247  display: inline-flex;
248  align-items: center;
249  gap: 5px;
250  padding: 5px 12px;
251  border-radius: 8px;
252  background-color: ${({$badgeColor:t})=>t.bg};
253  color: ${({$badgeColor:t})=>t.fg};
254  font-size: ${s.small};
255  font-weight: 500;
256  white-space: nowrap;
257`,Je=n.div`
258  display: flex;
259  justify-content: space-between;
260  align-items: flex-end;
261  gap: 16px;
262  padding: 12px 16px;
263  border-top: 1px solid ${r.borderDefault};
264  flex-wrap: wrap;
265
266  @media ${$.smartPhone} {
267    padding: 12px;
268    flex-direction: column;
269    align-items: stretch;
270  }
271`,Qe=n.div`
272  display: flex;
273  flex-direction: column;
274  gap: 2px;
275  min-width: 200px;
276  text-align: right;
277`,F=n.div`
278  display: flex;
279  justify-content: space-between;
280  gap: 16px;
281  font-size: ${s.extraSmall};
282  color: ${r.textMuted};
283`,N=n.span``,L=n.span`
284  font-variant-numeric: tabular-nums;
285`,We=n.div`
286  display: flex;
287  justify-content: space-between;
288  gap: 16px;
289  margin-top: 4px;
290  padding-top: 6px;
291  border-top: 1px solid ${r.borderDefault};
292  font-size: ${s.small};
293  color: ${r.textPrimary};
294`,Ze=n.span`
295  font-weight: 600;
296`,et=n.span`
297  font-weight: 700;
298  font-variant-numeric: tabular-nums;
299`,tt=n.div`
300  font-size: ${s.extraSmall};
301  color: ${r.textMuted};
302  margin-top: -2px;
303`,nt=n.button`
304  height: 36px;
305  padding: 0 16px;
306  background-color: transparent;
307  color: ${r.brandInk};
308  border: 1px solid ${r.brandInk};
309  border-radius: 6px;
310  font-size: ${s.small};
311  font-weight: 600;
312  cursor: pointer;
313  transition: background-color 150ms ease-out;
314
315  &:hover {
316    background-color: ${r.surfaceSubtle};
317  }
318
319  @media ${$.smartPhone} {
320    width: 100%;
321    height: 40px;
322  }
323`,rt=n.ul`
324  list-style: none;
325  margin: 0;
326  padding: 4px 16px;
327`,ot=n.li`
328  display: flex;
329  align-items: flex-start;
330  gap: 12px;
331  padding: 10px 0;
332
333  & + & {
334    border-top: 1px dashed ${r.borderDefault};
335  }
336`,st=n.div`
337  flex: 1;
338  display: flex;
339  flex-direction: column;
340  gap: 4px;
341  min-width: 0;
342`,at=n.div`
343  display: flex;
344  flex-wrap: wrap;
345  align-items: baseline;
346  gap: 4px 10px;
347`,it=n.span`
348  font-size: ${s.medium};
349  font-weight: 600;
350  color: ${r.textPrimary};
351  word-break: break-word;
352`,lt=n.span`
353  font-size: ${s.small};
354  color: ${r.textSecondary};
355  word-break: break-word;
356`,dt=n.div`
357  display: flex;
358  align-items: center;
359  flex-wrap: wrap;
360  gap: 4px 12px;
361  font-size: ${s.small};
362  color: ${r.textSecondary};
363`,ct=n.span`
364  white-space: nowrap;
365`,ut=n.span`
366  display: inline-flex;
367  align-items: center;
368  font-size: ${s.extraSmall};
369  color: ${r.textMuted};
370`,pt=n.div`
371  font-size: ${s.medium};
372  font-weight: 600;
373  color: ${r.textPrimary};
374  white-space: nowrap;
375  text-align: right;
376  flex-shrink: 0;
377  font-variant-numeric: tabular-nums;
378`,xt=n.div`
379  margin-top: 52px;
380`,_t=()=>{var I,A;const[t,u]=g.useState(void 0),[m,i]=g.useState(1),l=g.useCallback(x=>{u(x),i(1)},[]),p=ue({status:t??void 0,page:m,perPage:J}),w=ce(),[o,S]=g.useState(null),h=g.useCallback(x=>{o||(S(x),w.mutate({reserveId:x},{onSuccess:f=>{if(f.paymentUrl){window.location.href=f.paymentUrl;return}

380if(f.status===d.Paid){k.info("お支払いは既に完了していました。 注文を「決済済み」に更新しました。");return}k.error("お支払い画面の有効期限が切れています。 お手数ですが、 この注文をキャンセルのうえ改めてご注文ください。")},onError:()=>{k.error("お支払い状況の確認に失敗しました。 時間をおいて再度お試しください。")},onSettled:()=>{S(null)}}))},[w,o]),a=de(),[c,v]=g.useState(null),[M,R]=g.useState(null),B=g.useCallback(()=>{if(!c)return;const x=c;R(x),a.mutate({reserveId:x},{onSuccess:()=>{k.success("注文をキャンセルしました。"),v(null)},onError:()=>{k.error("キャンセルに失敗しました。 既にお支払いが完了している場合はキャンセルできません。")},onSettled:()=>{R(null)}})},[a,c]);return e.jsxs(e.Fragment,{children:[e.jsx(he,{page:m,status:t,orders:(I=p.data)==null?void 0:I.orders,totalCount:(A=p.data)==null?void 0:A.totalCount,isLoading:p.isLoading,setPage:i,setStatus:l,onResumePayment:h,onCancelOrder:v,resumingReserveId:o,cancelingReserveId:M}),e.jsx(pe,{isOpen:!!c,title:"この注文をキャンセルしますか？",description:"キャンセルすると 注文は取り消され、 商品は在庫に戻ります。 元に戻すことはできません。",confirmLabel:"キャンセルする",cancelLabel:"戻る",variant:"danger",isProcessing:!!M,onConfirm:B,onClose:()=>v(null)})]})};export{_t as default};