https://juicebox.money/_next/static/chunks/7890.9c46f7b54aa400a2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7890],{17890:(e,t,s)=>{s.r(t),s.d(t,{TransactionReviewDialog:()=>E});var n=s(95155),a=s(12115),l=s(74652),i=s(39406),r=s(56746),c=s(11628),o=s(45476),d=s(47186),m=s(16112),x=s(46979),u=s(13581),h=s(84848);let p={status:"unknown",fees:[]};function f({review:e}){return e.enabled&&"none"!==e.result.status?(0,n.jsxs)("section",{"aria-label":"Fee token return",className:"my-3 rounded-lg border p-3 text-sm",children:[(0,n.jsx)("p",{role:"status",children:e.busy?"Checking fee return…":(0,m.kM)(e.result)}),e.result.fees.filter(e=>"unknown"!==e.route).map(e=>(0,n.jsx)("p",{children:(0,m.ZI)(e)},e.key)),e.settled?(0,n.jsxs)("p",{className:"mt-1 text-xs",children:[e.waiting&&"ready"!==e.result.status?"Waiting. ":"",e.autoRefresh?"Checking new blocks automatically.":"Automatic checks unavailable. Retry now."," ",e.result.checkedAt?`Last checked ${new Date(e.result.checkedAt).toLocaleTimeString()}.`:""]}):null,"fallback"!==e.result.status||e.waiting?null:(0,n.jsx)("button",{type:"button",className:"mt-2 underline",onClick:e.wait,children:"Wait for better rate"}),e.settled&&"unknown"===e.result.status?(0,n.jsx)("button",{type:"button",className:"mt-2 underline",disabled:e.busy,onClick:e.retry,children:"Retry now"}):null]}):null}function b({parameter:e,value:t,chainId:s,depth:a=0}){let l=e.type.match(/^(.*)\[(\d*)\]$/);if(l&&Array.isArray(t)){let i={...e,type:l[1]};return(0,n.jsx)("div",{className:"mt-2 space-y-2 border-l border-smoke-200 pl-3",children:t.length?t.map((e,t)=>(0,n.jsxs)("div",{children:[(0,n.jsxs)("p",{className:"font-mono text-[11px] font-medium text-smoke-600",children:["[",t,"]"]}),(0,n.jsx)(b,{parameter:i,value:e,chainId:s,depth:a+1})]},t)):(0,n.jsx)("span",{className:"font-mono text-xs text-smoke-600",children:"[]"})})}return"components"in e&&Array.isArray(e.components)?(0,n.jsx)("div",{className:"mt-2 space-y-2 border-l border-smoke-200 pl-3",children:e.components.map((e,l)=>(0,n.jsx)(v,{parameter:e,value:(0,i.vW)(t,e.name??"",l),chainId:s,depth:a+1},`${e.name||"field"}-${l}`))}):(0,n.jsx)("p",{className:"break-all font-mono text-xs leading-relaxed text-ink",children:(0,i.iX)(e.type,t,s)})}function j({label:e,children:t}){return(0,n.jsxs)("div",{className:"flex items-start gap-1",children:[(0,n.jsxs)("dt",{className:"shrink-0 text-smoke-500",children:[e,":"]}),(0,n.jsx)("dd",{className:"min-w-0 break-all font-mono text-smoke-700",children:t})]})}function y(e,t){let s=(0,i.Pk)(e,t);return s?`${s} | ${t}`:t}function g(e,t){return t.toLowerCase()===l.X?`native ETH | ${t}`:y(e,t)}function k(e){return`${e.currency0} (currency0) + ${e.currency1} (currency1)`}function N({steps:e,chainId:t}){return(0,n.jsxs)("div",{className:"mt-1 space-y-3 text-xs",children:[e.map((e,s)=>{let a=e=>(0,n.jsxs)("p",{className:"font-medium text-ink",children:[s+1,". ",e]});switch(e.action){case"INCREASE_LIQUIDITY":return(0,n.jsxs)("dl",{className:"space-y-0.5",children:[a(`Increase position ${e.position}`),(0,n.jsx)(j,{label:"Liquidity added",children:String(e.liquidity)}),(0,n.jsxs)(j,{label:"Maximum in",children:[k(e.maximumIn)," — reverts above this"]})]},s);case"BURN_POSITION":return(0,n.jsxs)("dl",{className:"space-y-0.5",children:[a(`Burn position ${e.position}`),(0,n.jsxs)(j,{label:"Minimum out",children:[k(e.minimumOut)," — reverts below this"]})]},s);case"DECREASE_LIQUIDITY":return(0,n.jsxs)("dl",{className:"space-y-0.5",children:[a(0n===e.liquidity?`Collect fees on position ${e.position} (liquidity untouched)`:`Decrease position ${e.position}`),0n!==e.liquidity?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(j,{label:"Liquidity",children:String(e.liquidity)}),(0,n.jsxs)(j,{label:"Minimum out",children:[k(e.minimumOut)," — reverts below this"]})]}):null]},s);case"MINT_POSITION":return(0,n.jsxs)("dl",{className:"space-y-0.5",children:[a("Mint a new position"),(0,n.jsx)(j,{label:"Owner",children:y(t,e.owner)}),(0,n.jsx)(j,{label:"Currency0",children:g(t,e.pool.currency0)}),(0,n.jsx)(j,{label:"Currency1",children:g(t,e.pool.currency1)}),(0,n.jsxs)(j,{label:"Fee",children:[e.pool.fee," (",e.pool.fee/1e4,"%) | tick spacing ",e.pool.tickSpacing]}),(0,n.jsx)(j,{label:"Hook",children:y(t,e.pool.hook)}),(0,n.jsxs)(j,{label:"Ticks",children:[e.ticks.lower," → ",e.ticks.upper]}),(0,n.jsx)(j,{label:"Liquidity",children:String(e.liquidity)}),(0,n.jsx)(j,{label:"Maximum in",children:k(e.maximumIn)})]},s);case"TAKE_PAIR":return(0,n.jsxs)("dl",{className:"space-y-0.5",children:[a("Take both currencies"),(0,n.jsx)(j,{label:"Currency0",children:g(t,e.currency0)}),(0,n.jsx)(j,{label:"Currency1",children:g(t,e.currency1)}),(0,n.jsx)(j,{label:"Recipient",children:y(t,e.recipient)})]},s);case"CLOSE_CURRENCY":return(0,n.jsxs)("dl",{className:"space-y-0.5",children:[a("Close currency — settle the net; leftovers return to the caller"),(0,n.jsx)(j,{label:"Currency",children:g(t,e.currency)})]},s);case"SWEEP":return(0,n.jsxs)("dl",{className:"space-y-0.5",children:[a("Sweep — refund unused balance"),(0,n.jsx)(j,{label:"Currency",children:g(t,e.currency)}),(0,n.jsx)(j,{label:"Recipient",children:y(t,e.recipient)})]},s)}}),(0,n.jsx)("p",{className:"text-smoke-500",children:"The exact bytes are in the raw payload below."})]})}function v({parameter:e,value:t,chainId:s,depth:a=0}){return(0,n.jsxs)("div",{className:a?"":"rounded-lg bg-grey-25 px-3 py-2.5",children:[(0,n.jsxs)("p",{className:"text-xs font-medium text-smoke-700",children:[e.name||"argument"," ",(0,n.jsx)("span",{className:"font-mono font-normal text-smoke-500",children:e.type})]}),(0,n.jsx)(b,{parameter:e,value:t,chainId:s,depth:a})]})}function w({steps:e,deadline:t}){return(0,n.jsxs)("div",{className:"mt-3 space-y-3 text-xs",children:[e.map((e,t)=>(0,n.jsxs)("dl",{className:"space-y-0.5",children:[(0,n.jsxs)("p",{className:"font-medium text-ink",children:[t+1,". ",e.title]}),e.rows.map(([e,t])=>(0,n.jsx)(j,{label:e,children:t},e))]},t)),"bigint"==typeof t||"number"==typeof t?(0,n.jsx)("dl",{className:"space-y-0.5",children:(0,n.jsx)(j,{label:"Deadline",children:function(e){if(e>8640000000000n)return`${e} (after year 275760)`;let t=new Date(1e3*Number(e)).toISOString();return`${t.replace(".000Z"," UTC").replace("T"," ")} (${e})`}(BigInt(t))})}):null,(0,n.jsx)("p",{className:"text-smoke-500",children:"The exact bytes are in the raw payload below."})]})}function I(e){return e?.name==="multiSend"&&e.inputs.some(e=>"transactions"===e.name)}function C({calls:e}){return(0,n.jsx)("div",{className:"mt-2 space-y-3",children:e.map((t,s)=>(0,n.jsx)(S,{call:t,index:s,total:e.length,nested:!0},s))})}function S({call:e,index:t,total:s,nested:a=!1}){let l=(0,i.XT)(e),c=e.args??[],o=Math.max(0,(e.data.length-2)/2),m=e.contractName??(0,i.Pk)(e.chainId,e.to),x=e.calls?.length&&!I(l)?e.calls:null;return(0,n.jsxs)("section",{className:"rounded-xl border border-smoke-200 bg-white p-4 sm:p-5",children:[s>1?(0,n.jsxs)("p",{className:"mb-2 text-xs font-medium uppercase tracking-wide text-smoke-500",children:[a?"Call":"Transaction"," ",t+1," of ",s]}):null,a?null:(0,n.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,n.jsxs)("span",{className:"chip flex items-center gap-1.5 bg-bluebs-50 text-bluebs-700",children:[(0,n.jsx)(r.P,{chainId:e.chainId,size:16}),(0,d.H9)(e.chainId)]}),(0,n.jsxs)("span",{className:"font-mono text-[11px] text-smoke-500",children:["chain ",e.chainId]})]}),e.label?(0,n.jsx)("h3",{className:"mt-3 font-agrandir text-base font-medium text-ink",children:e.label}):null,(0,n.jsxs)("dl",{className:"mt-4 space-y-3 text-sm",children:[e.from?(0,n.jsxs)("div",{children:[(0,n.jsx)("dt",{className:"text-xs font-medium text-smoke-600",children:"From"}),(0,n.jsx)("dd",{className:"mt-1 break-all font-mono text-xs text-ink",children:e.from})]}):null,(0,n.jsxs)("div",{children:[(0,n.jsxs)("dt",{className:"text-xs font-medium text-smoke-600",children:["Destination",m?` | ${m}`:""]}),(0,n.jsx)("dd",{className:"mt-1 break-all font-mono text-xs text-ink",children:e.to})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("dt",{className:"text-xs font-medium text-smoke-600",children:"Native value"}),(0,n.jsx)("dd",{className:"mt-1 font-mono text-xs text-ink",children:(0,i.FN)(e.value)})]}),void 0!==e.safeTxGas?(0,n.jsxs)("div",{children:[(0,n.jsx)("dt",{className:"text-xs font-medium text-smoke-600",children:"Safe gas"}),(0,n.jsx)("dd",{className:"mt-1 font-mono text-xs text-ink",children:e.safeTxGas.toLocaleStr

1ing("en-US")}),0n!==e.safeTxGas?(0,n.jsx)("dd",{className:"mt-1 text-xs text-split-800",children:"If this call fails, the Safe still executes and uses this nonce."}):null]}):null,void 0!==e.gas?(0,n.jsxs)("div",{children:[(0,n.jsx)("dt",{className:"text-xs font-medium text-smoke-600",children:"Gas limit"}),(0,n.jsx)("dd",{className:"mt-1 font-mono text-xs text-ink",children:e.gas.toLocaleString("en-US")})]}):null]}),l?(0,n.jsxs)("div",{className:"mt-5 border-t border-smoke-200 pt-4",children:[(0,n.jsx)("p",{className:"text-xs font-medium text-smoke-600",children:"Contract function"}),(0,n.jsxs)("p",{className:"mt-1 break-all font-mono text-sm font-medium text-ink",children:[l.name,"(",l.inputs.map(e=>e.type).join(", "),")"]}),"execute"===l.name&&(0,i.x5)(e.chainId,c)?(0,n.jsx)(w,{steps:(0,i.x5)(e.chainId,c),deadline:c[2]}):l.inputs.length?(0,n.jsx)("div",{className:"mt-3 space-y-2",children:l.inputs.map((t,s)=>{let a=function(e,t,s,a){let l=e.args?.[a];if("modifyLiquidities"===t.name&&"unlockData"===s){let t=(0,i.w6)(l);if(t)return(0,n.jsx)(N,{steps:t,chainId:e.chainId})}if(("pay"===t.name||"addToBalanceOf"===t.name)&&"metadata"===s){let e=(0,i.oM)("pay",l);if(e)return(0,n.jsx)(w,{steps:e})}if("cashOutTokensOf"===t.name&&"metadata"===s){let e=(0,i.oM)("cashOut",l);if(e)return(0,n.jsx)(w,{steps:e})}if("claim"===t.name){let t=(0,i.$K)(e.chainId,l);if(t)return(0,n.jsx)(w,{steps:t})}if("execTransaction"===t.name&&"data"===s){let t=(0,i.b_)(e.chainId,e.args?.[0],l);if(t)return(0,n.jsx)(w,{steps:t})}if("execTransaction"===t.name&&"operation"===s)return(0,n.jsx)("pre",{className:"mt-1 overflow-auto whitespace-pre-wrap break-all font-mono text-xs text-smoke-700",children:1===l||1n===l?"1 — DELEGATECALL: runs foreign code with the Safe's own storage and funds":0===l||0n===l?"0 — CALL":String(l)});if("createProxyWithNonce"===t.name&&"initializer"===s){let t=(0,i.z8)(e.chainId,l);if(t)return(0,n.jsx)(w,{steps:t})}if("setPermissionsFor"===t.name&&"permissionsData"===s){let t=(0,i.iI)(e.chainId,l);if(t)return(0,n.jsx)(w,{steps:t})}if("setSplitGroupsOf"===t.name&&"splitGroups"===s){let t=(0,i.AT)(e.chainId,l);if(t)return(0,n.jsx)(w,{steps:t})}return"transactions"===s&&I(t)&&e.calls?.length?(0,n.jsx)(C,{calls:e.calls}):null}(e,l,t.name??"",s);return a?(0,n.jsxs)("div",{className:"rounded-lg bg-grey-25 px-3 py-2.5",children:[(0,n.jsxs)("p",{className:"text-xs font-medium text-smoke-700",children:[t.name," ",(0,n.jsxs)("span",{className:"font-mono font-normal text-smoke-500",children:[t.type,", decoded"]})]}),a]},`${t.name||"argument"}-${s}`):(0,n.jsx)(v,{parameter:t,value:c[s],chainId:e.chainId},`${t.name||"argument"}-${s}`)})}):null]}):(0,n.jsxs)("div",{className:"mt-5 rounded-lg bg-split-50 p-3 text-xs leading-relaxed text-split-800",children:[(0,n.jsx)("p",{className:"font-medium",children:"This call’s ABI is not available in this flow. Check the complete calldata in Raw before continuing."}),(0,n.jsx)("p",{className:"mt-1 font-mono",children:"0x"===e.data?"No calldata":`Selector ${e.data.slice(0,10)}`})]}),x?(0,n.jsxs)("div",{className:"mt-5 border-t border-smoke-200 pt-4",children:[(0,n.jsx)("p",{className:"text-xs font-medium text-smoke-600",children:"Calls it makes, in order"}),(0,n.jsx)(C,{calls:x})]}):null,(0,n.jsxs)("p",{className:"mt-3 text-[11px] text-smoke-500",children:["Calldata: ",o.toLocaleString("en-US")," byte",1===o?"":"s"]})]})}function T({pending:e,onFinish:t}){let{request:s}=e,l=function(e){let t=e.some(m.Ng),[s,n]=(0,a.useState)(p),[l,i]=(0,a.useState)(t),[r,c]=(0,a.useState)(!1),[o,d]=(0,a.useState)(!1),[f,b]=(0,a.useState)(!1),j=(0,a.useRef)(!1),y=(0,a.useRef)([]),g=(0,a.useRef)(0);async function k(){if(!t)return!0;if(!y.current.length||l||j.current)return!1;j.current=!0,i(!0);try{return(await Promise.all(y.current.map(e=>e.confirm()))).every(Boolean)}finally{j.current=!1,i(!1)}}return(0,a.useEffect)(()=>{if(!t)return;let s=!0,a=[],l=e.filter(m.Ng).map(e=>{try{return{call:e,context:e.from?function(e,t){let s=x.mU[e]?.chain;if(!s)throw Error("Unsupported chain");return{client:(0,u.l)({chain:s,transport:(0,h.i)(e)}),options:(0,m.O0)(e,t)}}(e.chainId,e.from):void 0}}catch{return{call:e,context:void 0}}}),r=l.map(()=>p),c=()=>{s&&(d(l.every(e=>e.context)),n((0,m.Eh)(r)))},o=l.map(({call:e,context:t},n)=>(0,m.qT)(async()=>t?(0,m.GQ)(t.client,e,t.options):p,e=>{r[n]=e,c(),s&&g.current>0&&0==--g.current&&(i(!1),b(!0))}));for(let e of(y.current=o,g.current=o.length,o))e.refresh();let f=new Map;for(let e of(l.forEach(({call:e,context:t},s)=>{t&&f.set(e.chainId,[...f.get(e.chainId)??[],s])}

1),f.values())){let t=l[e[0]].context;a.push(t.client.watchBlockNumber({pollingInterval:4e3,onBlockNumber:()=>{for(let t of e)o[t].refresh()},onError:()=>{for(let t of e)r[t]=p;c()}}))}return()=>{for(let e of(s=!1,o))e.stop();for(let e of a)e();y.current=[]}},[e,t]),{enabled:t,result:s,busy:l,settled:f,waiting:r,autoRefresh:o,confirm:k,wait:()=>c(!0),retry:()=>{for(let e of(i(!0),g.current=y.current.length,y.current))e.refresh()},confirmLabel:(0,m.Vi)({enabled:t,busy:l,status:s.status})}}(s.calls),[r,d]=(0,a.useState)(!1),[b,j]=(0,a.useState)("idle"),y=async()=>{try{await navigator.clipboard.writeText((0,o.Dq)(s)),j("copied")}catch{j("failed")}window.setTimeout(()=>j("idle"),2200)},g=`transaction-review-title-${e.id}`,k=`transaction-review-description-${e.id}`,N="authorization"===s.kind,v=s.authorization?.kind==="message";return(0,n.jsx)(c.yZ,{onClose:()=>t(!1),labelledBy:g,describedBy:k,className:"items-start justify-center px-3 py-4 sm:px-6 sm:py-8",children:(0,n.jsxs)("div",{className:"flex max-h-[calc(100vh-2rem)] w-full max-w-3xl flex-col overflow-hidden rounded-2xl border border-smoke-300 bg-bone shadow-2xl sm:max-h-[calc(100vh-4rem)]",children:[(0,n.jsxs)("header",{className:"flex shrink-0 items-start justify-between gap-4 border-b border-smoke-200 bg-white px-4 py-4 sm:px-6",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("p",{className:"text-xs font-medium uppercase tracking-wide text-bluebs-600",children:"Client safety check"}),(0,n.jsx)("h2",{id:g,className:"mt-1 font-agrandir text-xl font-medium text-ink",children:s.title??(N?"Review authorization":"Review transaction")})]}),(0,n.jsx)(c.s_,{onClick:()=>t(!1),"aria-label":"Cancel transaction review",className:"-mr-2 -mt-2"})]}),(0,n.jsxs)("div",{className:"min-h-0 flex-1 overflow-y-auto px-4 py-5 sm:px-6",children:[(0,n.jsx)("div",{className:"rounded-xl border border-bluebs-100 bg-bluebs-25 px-4 py-3",children:(0,n.jsx)("p",{id:k,className:"whitespace-pre-line text-sm leading-relaxed text-bluebs-800",children:(0,i.Pj)(s)})}),s.authorization?(0,n.jsx)("div",{className:"mt-3 rounded-xl border border-bluebs-100 bg-bluebs-25 px-4 py-3 text-xs leading-relaxed text-bluebs-700",children:v?"The Raw view also includes the exact message your signature commits to.":"The Raw view also includes the exact typed-data domain and message your signature commits to."}):null,(0,n.jsx)("div",{className:"mt-5 flex justify-end",children:(0,n.jsx)("button",{type:"button",onClick:y,className:"btn-link min-h-[36px] text-xs",children:"copied"===b?"Prompt copied — paste into your LLM":"failed"===b?"Could not copy prompt":"[copy tx audit prompt]"})}),(0,n.jsx)("div",{className:"mt-4 space-y-4",children:s.calls.map((e,t)=>(0,n.jsx)(S,{call:e,index:t,total:s.calls.length},`${e.chainId}-${e.to}-${t}`))}),(0,n.jsxs)("details",{className:"mt-4 overflow-hidden rounded-xl border border-smoke-200 bg-white",children:[(0,n.jsx)("summary",{className:"cursor-pointer px-4 py-3 text-xs font-medium text-smoke-700 hover:bg-grey-25",children:"Raw transaction payload"}),(0,n.jsxs)("div",{className:"border-t border-smoke-200 p-4",children:[(0,n.jsx)("p",{className:"mb-2 text-xs leading-relaxed text-smoke-600",children:s.authorization?v?"The exact message your signature commits to, plus the resulting app-controlled call. Hex value is the native token amount; data is the complete calldata.":"Exact typed data plus the resulting app-controlled call. Hex value is the native token amount; data is the complete calldata.":"Exact app-controlled JSON-RPC call fields. Hex value is the native token amount; data is the complete calldata."}),(0,n.jsx)("pre",{className:"max-h-[28rem] overflow-auto rounded-xl border border-smoke-200 bg-grey-900 p-4 font-mono text-[11px] leading-relaxed text-grey-25",children:(0,o.Tn)(s)})]})]})]}),(0,n.jsxs)("footer",{className:"shrink-0 border-t border-smoke-200 bg-white px-4 py-4 sm:px-6",children:[(0,n.jsx)(f,{review:l}),(0,n.jsxs)("label",{className:"flex cursor-pointer items-start gap-3 rounded-lg border border-smoke-200 bg-grey-25 p-3 text-sm leading-relaxed text-ink",children:[(0,n.jsx)("input",{type:"checkbox",checked:r,onChange:e=>d(e.target.checked),className:"mt-0.5 h-4 w-4 shrink-0"}),(0,n.jsxs)("span",{children:["I reviewed the chain, destination, native value, and calldata",s.authorization?v?", plus the exact message your signature commits to":", plus the exact typed data":"",". I agree to ",N?"authorize":"send"," this exact call."]})]}),(0,n.jsxs)("div",{className:"mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",children:[(0,n.jsx)("button",{type:"button",onClick:()=>t(!1),className:"btn-secondary min-h-[44px] px-5 text-sm",children:"Cancel"}),(0,n.jsx)("button",{type:"button",onClick:async()=>{await l.confirm()&&t(!0)},disabled:!r||l.busy,className:"btn-primary min-h-[44px] px-5 text-sm",children:l.confirmLabel??s.confirmLabel??(N?"Agree & authorize":"Agree & continue")})]})]})]})})}function $({pending:e,onFinish:t}){let[s,l]=(0,a.useState)(String(e.initialChainId??"")),i=e.options.find(e=>String(e.chainId)===s),r=`funding-chain-title-${e.id}`,o=`funding-chain-description-${e.id}`,d=`funding-chain-select-${e.id}`;return(0,n.jsx)(c.yZ,{onClose:()=>t(null),labelledBy:r,describedBy:o,className:"items-start justify-center px-3 py-5 sm:px-6 sm:py-10",children:(0,n.jsxs)("div",{className:"card w-full max-w-lg overflow-hidden shadow-2xl",children:[(0,n.jsxs)("header",{className:"flex items-start justify-between gap-4 border-b border-smoke-200 px-5 py-4 sm:px-6",children:[(0,n.jsx)("h2",{id:r,className:"font-agrandir text-xl font-medium text-ink",children:"Choose where to pay"}),(0,n.jsx)(c.s_,{onClick:()=>t(null),"aria-label":"Cancel funding chain selection",className:"-mr-2 -mt-2"})]}),(0,n.jsxs)("div",{className:"px-5 py-5 sm:px-6",children:[(0,n.jsx)("p",{id:o,className:"text-sm leading-relaxed text-smoke-700",children:"One payment covers every chain. You’ll review it before your wallet sends it."}),(0,n.jsx)("label",{htmlFor:d,className:"mt-5 block text-sm font-medium text-ink",children:"Pay on"}),(0,n.jsxs)("select",{id:d,value:s,onChange:e=>l(e.target.value),className:"select-caret mt-2 min-h-[44px] w-full rounded-lg border border-smoke-300 bg-white px-3 py-2 pr-9 text-sm text-ink",children:[(0,n.jsx)("option",{value:"",disabled:!0,children:"Choose a chain"}),e.options.map(e=>(0,n.jsx)("option",{value:e.chainId,children:e.label},e.chainId))]})]}),(0,n.jsxs)("footer",{className:"flex justify-end gap-2 border-t border-smoke-200 bg-white px-5 py-4 sm:px-6",children:[(0,n.jsx)("button",{type:"button",onClick:()=>t(null),className:"btn-secondary min-h-[44px] px-5 text-sm",children:"Cancel"}),(0,n.jsx)("button",{type:"button",disabled:!i,onClick:()=>{i&&t(i.chainId)},className:"btn-primary min-h-[44px] px-5 text-sm",children:"Continue to payment review"})]})]})})}function E({pending:e,onFinish:t}){return"review"===e.kind?(0,n.jsx)(T,{pending:e,onFinish:t},e.id):(0,n.jsx)($,{pending:e,onFinish:t},e.id)}}}]);