/*Component EndpointHeader does not exist.*/ /*Component EndpointHeader does not exist.*/ /*Component EndpointHeader does not exist.*/ /*Component EndpointHeader does not exist.*/ "use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const TRADE_FLOW = { phases: [{ name: "Quote", accent: "#3b82f6", badge: "bg-blue-500/20 text-blue-300" }, { name: "Settle", accent: "#35B13D", badge: "bg-[#35B13D]/20 text-[#35B13D]" }], steps: [{ id: "pick-accounts", phase: "Quote", title: "Select accounts", screen: ({dark, onBack, onNext, wizardState, setWizardState}) => _jsx(TradeAccountPickerScreen, { dark: dark, onBack: onBack, onNext: onNext, wizardState: wizardState, setWizardState: setWizardState }) }, { id: "create-quote", phase: "Quote", title: "Create quote", screen: ({dark, onBack, onNext, wizardState}) => { const fromAsset = wizardState?.fromAccount?.asset ?? "USD"; const toAsset = wizardState?.toAsset ?? "BTC"; const fromAmount = wizardState?.amount || "100.00"; const RATES = { USD: { USD: 1, EUR: 0.926, BTC: 0.0000095, ETH: 0.000244, XRP: 0.385 }, EUR: { USD: 1.08, EUR: 1, BTC: 0.0000103, ETH: 0.000264, XRP: 0.416 }, BTC: { USD: 105000, EUR: 97200, BTC: 1, ETH: 25.63, XRP: 40385 }, ETH: { USD: 4100, EUR: 3796, BTC: 0.039, ETH: 1, XRP: 1578 }, XRP: { USD: 2.60, EUR: 2.41, BTC: 0.0000248, ETH: 0.000634, XRP: 1 } }; const rate = fromAsset !== toAsset ? (RATES[fromAsset] ?? ({}))[toAsset] ?? 1 : 1; const raw = parseFloat(fromAmount) * rate; const toAmount = raw >= 1000 ? raw.toFixed(2) : raw >= 1 ? raw.toFixed(4) : parseFloat(raw.toPrecision(6)).toString(); const rateStr = rate >= 1000 ? `1 ${fromAsset} = ${rate.toFixed(2)} ${toAsset}` : rate >= 1 ? `1 ${fromAsset} = ${rate.toFixed(4)} ${toAsset}` : `1 ${fromAsset} = ${parseFloat(rate.toPrecision(4))} ${toAsset}`; return _jsx(TradeQuoteReviewScreen, { dark: dark, fromAsset: fromAsset, fromAmount: fromAmount, toAsset: toAsset, toAmount: toAmount, rate: rateStr, sendLabel: `From ${wizardState?.fromAccount?.label ?? "My USD Account"}`, receiveLabel: `To My ${toAsset} Account`, onBack: onBack, onNext: onNext }); } }, { id: "commit-transaction", phase: "Settle", title: "Commit transaction", autoAdvanceMs: 3000, screen: ({dark}) => _jsx(TradeProcessingScreen, { dark: dark, mode: "trade" }) }, { id: "settled", phase: "Settle", title: "Trade settled", screen: ({dark, wizardState}) => { const fromAsset = wizardState?.fromAccount?.asset ?? "USD"; const toAsset = wizardState?.toAsset ?? "BTC"; const fromAmount = wizardState?.amount || "100.00"; const RATES = { USD: { USD: 1, EUR: 0.926, BTC: 0.0000095, ETH: 0.000244, XRP: 0.385 }, EUR: { USD: 1.08, EUR: 1, BTC: 0.0000103, ETH: 0.000264, XRP: 0.416 }, BTC: { USD: 105000, EUR: 97200, BTC: 1, ETH: 25.63, XRP: 40385 }, ETH: { USD: 4100, EUR: 3796, BTC: 0.039, ETH: 1, XRP: 1578 }, XRP: { USD: 2.60, EUR: 2.41, BTC: 0.0000248, ETH: 0.000634, XRP: 1 } }; const rate = fromAsset !== toAsset ? (RATES[fromAsset] ?? ({}))[toAsset] ?? 1 : 1; const raw = parseFloat(fromAmount) * rate; const toAmount = raw >= 1000 ? raw.toFixed(2) : raw >= 1 ? raw.toFixed(4) : parseFloat(raw.toPrecision(6)).toString(); return _jsx(TradeCompletedScreen, { dark: dark, fromAsset: fromAsset, fromAmount: fromAmount, toAsset: toAsset, toAmount: toAmount }); } }] }; const assetsResponse = { assets: [{ code: "USD", name: "US Dollar", type: "fiat", status: "live" }, { code: "EUR", name: "Euro", type: "fiat", status: "live" }, { code: "BTC", name: "Bitcoin", type: "crypto", status: "live" }, { code: "ETH", name: "Ethereum", type: "crypto", status: "live" }, { code: "XRP", name: "XRP", type: "crypto", status: "live" }] }; const assetsTabs = [{ label: "cURL", code: `curl -X GET "https://api.enterprise.uphold.com/core/assets" \\ -H "Authorization: Bearer "` }, { label: "JavaScript", code: `const response = await fetch("https://api.enterprise.uphold.com/core/assets", { method: "GET", headers: { "Authorization": "Bearer ", }, }); const data = await response.json();` }, { label: "Python", code: `import requests response = requests.request( "GET", "https://api.enterprise.uphold.com/core/assets", headers={ "Authorization": "Bearer ", } ) data = response.json()` }, { label: "Java", code: `import java.net.http.*; import java.net.URI; var client = HttpClient.newHttpClient(); var req = HttpRequest.newBuilder() .uri(URI.create("https://api.enterprise.uphold.com/core/assets")) .header("Authorization", "Bearer ") .method("GET", HttpRequest.BodyPublishers.noBody()) .build(); var response = client.send(req, HttpResponse.BodyHandlers.ofString()); var body = response.body();` }]; const accountsResponse = { accounts: [{ id: "11de2405-1f1f-4a6e-8a39-acd97dc7f3ec", label: "My USD account", asset: "USD", balance: { total: "250.00", available: "250.00" } }, { id: "c392a0de-5fc6-49a7-96e1-e4b3f9ef5b27", label: "My BTC account", asset: "BTC", balance: { total: "0.0015", available: "0.0015" } }, { id: "7a8b9c0d-1e2f-3a4b-5c6d-7e8f9a0b1c2d", label: "My XRP account", asset: "XRP", balance: { total: "120.50", available: "120.50" } }], pagination: { first: "https://api.enterprise.sandbox.uphold.com/core/accounts?page=1&perPage=10" } }; const accountsTabs = [{ label: "cURL", code: `curl -X GET "https://api.enterprise.uphold.com/core/accounts?perPage=10" \\ -H "Authorization: Bearer "` }, { label: "JavaScript", code: `const response = await fetch("https://api.enterprise.uphold.com/core/accounts?perPage=10", { method: "GET", headers: { "Authorization": "Bearer ", }, }); const data = await response.json();` }, { label: "Python", code: `import requests response = requests.request( "GET", "https://api.enterprise.uphold.com/core/accounts?perPage=10", headers={ "Authorization": "Bearer ", } ) data = response.json()` }, { label: "Java", code: `import java.net.http.*; import java.net.URI; var client = HttpClient.newHttpClient(); var req = HttpRequest.newBuilder() .uri(URI.create("https://api.enterprise.uphold.com/core/accounts?perPage=10")) .header("Authorization", "Bearer ") .method("GET", HttpRequest.BodyPublishers.noBody()) .build(); var response = client.send(req, HttpResponse.BodyHandlers.ofString()); var body = response.body();` }]; const RampWFooter = ({dark}) => { const _components = { div: "div", span: "span", strong: "strong", ..._provideComponents() }; return _jsxs(_components.div, { className: `mint-flex mint-items-center mint-justify-center mint-gap-2.5 mint-px-5 mint-pt-4 mint-pb-5 mint-flex-shrink-0 mint-text-sm ${dark ? "mint-text-white/55" : "mint-text-[#0E1525]/50"}`, children: [_jsx(RampLeafLogo, {}), _jsx(_components.div, { className: `mint-w-px mint-h-3.5 ${dark ? "mint-bg-white/20" : "mint-bg-[#0E1525]/15"}` }), _jsxs(_components.span, { children: ["Powered by", " ", _jsx(_components.strong, { style: { color: dark ? "#ffffff" : "#0E1525" }, children: "Uphold" })] })] }); }; const RampWTopBar = ({onBack, title, dark}) => { const _components = { button: "button", div: "div", polyline: "polyline", svg: "svg", ..._provideComponents() }; return _jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-3 mint-px-5 mint-pt-4 mint-pb-3", children: [_jsx(_components.button, { onClick: onBack, className: `mint-w-10 mint-h-10 mint-rounded-full mint-border-0 mint-flex mint-items-center mint-justify-center mint-cursor-pointer ${dark ? "mint-bg-white/10 mint-text-white" : "mint-bg-black/5 mint-text-[#0E1525]"}`, children: _jsx(_components.svg, { className: "mint-w-5 mint-h-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx(_components.polyline, { points: "15 18 9 12 15 6" }) }) }), title && _jsx(_components.div, { className: `mint-flex-1 mint-text-center mint-pr-10 mint-text-[17px] mint-font-semibold ${dark ? "mint-text-white" : "mint-text-[#0E1525]"}`, children: title })] }); }; const RampLeafLogo = () => { const _components = { path: "path", svg: "svg", ..._provideComponents() }; return _jsx(_components.svg, { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 18", className: "mint-w-3.5 mint-h-[18px]", children: _jsx(_components.path, { fill: "#35B13D", fillRule: "evenodd", clipRule: "evenodd", d: "M11.622 9.986a9.52 9.52 0 0 1-1.536 2.343c.427-1.588.221-3.64-.702-5.631a9.941 9.941 0 0 0-1.866-2.741c1.163-.89 2.373-1.181 3.308-.771.6.262 1.062.8 1.337 1.555.521 1.43.319 3.39-.541 5.245Zm-9.744 0C1.018 8.131.815 6.17 1.337 4.741c.275-.755.737-1.293 1.337-1.555.935-.41 2.145-.12 3.308.77a9.924 9.924 0 0 0-1.866 2.742c-.924 1.992-1.13 4.043-.703 5.631a9.506 9.506 0 0 1-1.535-2.343Zm5.744 4.02c-.269.117-.562.178-.872.182a2.224 2.224 0 0 1-.872-.183c-1.801-.789-2.165-3.95-.796-6.905A8.948 8.948 0 0 1 6.75 4.642 8.926 8.926 0 0 1 8.417 7.1c1.37 2.953 1.006 6.115-.795 6.904Zm2.445-11.999C9 1.965 7.837 2.397 6.75 3.261 5.663 2.398 4.5 1.964 3.433 2.006a5.903 5.903 0 0 1 3.316-1.005c1.226 0 2.377.367 3.318 1.006Zm3.098 2.42v-.003l-.003-.006a.02.02 0 0 1-.001-.005l-.004-.01C12.255 1.77 9.684 0 6.749 0 3.807 0 1.23 1.778.334 4.424c-.001.004-.001.009-.003.013-.595 1.66-.38 3.882.58 5.952C2.226 13.223 4.61 15.19 6.72 15.19h.06c2.11 0 4.495-1.968 5.808-4.8.962-2.075 1.177-4.302.577-5.963Zm-4.61 12.321a6.517 6.517 0 0 1-1.757.25h-.084a6.53 6.53 0 0 1-1.768-.253.533.533 0 0 0-.657.337.497.497 0 0 0 .356.623 7.64 7.64 0 0 0 2.07.295h.083c.674 0 1.367-.098 2.056-.291a.497.497 0 0 0 .357-.623.533.533 0 0 0-.656-.338Z" }) }); }; const IcoArrowDownTT = () => { const _components = { line: "line", polyline: "polyline", svg: "svg", ..._provideComponents() }; return _jsxs(_components.svg, { className: "mint-w-5 mint-h-5", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(_components.line, { x1: "12", y1: "5", x2: "12", y2: "19" }), _jsx(_components.polyline, { points: "5 12 12 19 19 12" })] }); }; const IcoCheck = () => { const _components = { polyline: "polyline", svg: "svg", ..._provideComponents() }; return _jsx(_components.svg, { className: "mint-w-7 mint-h-7", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx(_components.polyline, { points: "20 6 9 17 4 12" }) }); }; const TradeCompletedScreen = ({dark = true, fromAsset = "USD", fromAmount = "100.00", toAsset = "BTC", toAmount = "0.00154883", webhookBadge = null, assetColors = { BTC: "#F7931A", ETH: "#627EEA", EUROC: "#2775CA", USDC: "#2775CA", USD: "#35B13D" }, completionHeading = "Trade completed!", sentLabel = "You sent", receivedLabel = "You received"}) => { const _components = { div: "div", span: "span", ..._provideComponents() }; const accent = dark ? "#ffffff" : "#0E1116"; const bg = dark ? "#0B0D10" : "#FAFAF7"; const textPrimary = dark ? "#ffffff" : "#0E1525"; const textMuted = dark ? "rgba(255,255,255,0.5)" : "rgba(14,21,37,0.5)"; const rowBg = dark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.05)"; return _jsxs(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-min-h-0", style: { backgroundColor: bg }, children: [_jsxs(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-items-center mint-justify-center mint-px-6 mint-text-center mint-gap-5", children: [_jsx(_components.div, { className: "mint-w-20 mint-h-20 mint-rounded-full mint-flex mint-items-center mint-justify-center", style: { background: dark ? "rgba(255,255,255,0.07)" : "rgba(0,0,0,0.06)", color: "#35B13D" }, children: _jsx(IcoCheck, {}) }), _jsx(_components.div, { className: "mint-text-2xl mint-font-extrabold mint-tracking-tight", style: { color: textPrimary }, children: completionHeading }), _jsxs(_components.div, { className: "mint-w-full mint-rounded-2xl mint-p-4 mint-flex mint-flex-col mint-gap-3", style: { background: rowBg }, children: [_jsxs(_components.div, { className: "mint-flex mint-justify-between mint-text-sm", children: [_jsx(_components.span, { style: { color: textMuted }, children: sentLabel }), _jsxs(_components.span, { className: "mint-font-semibold", style: { color: textPrimary }, children: [fromAmount, " ", fromAsset] })] }), _jsxs(_components.div, { className: "mint-flex mint-justify-between mint-text-sm", children: [_jsx(_components.span, { style: { color: textMuted }, children: receivedLabel }), _jsxs(_components.span, { className: "mint-font-semibold", style: { color: "#35B13D" }, children: [toAmount, " ", toAsset] })] })] })] }), webhookBadge && _jsx(_components.div, { className: "mint-px-5 mint-pb-2", children: webhookBadge })] }); }; const TradeProcessingScreen = ({dark = true, mode = "trade", webhookBadge = null, processingMessage = "We are processing your transaction", sendingMessage = "Sending..."}) => { const _components = { div: "div", ..._provideComponents() }; const accent = dark ? "#ffffff" : "#0E1116"; const bg = dark ? "#0E1116" : "#FAFAF7"; const textPrimary = dark ? "#ffffff" : "#0E1525"; const textMuted = dark ? "rgba(255,255,255,0.5)" : "rgba(14,21,37,0.5)"; const label = mode === "send" ? sendingMessage : processingMessage; const sub = mode === "send" ? "Crediting recipient…" : "Waiting for confirmation…"; return _jsx(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-min-h-0 mint-items-center mint-justify-center", style: { backgroundColor: bg }, children: _jsxs(_components.div, { className: "mint-flex mint-flex-col mint-items-center mint-gap-4 mint-px-8 mint-text-center", children: [_jsx(_components.div, { className: "mint-w-12 mint-h-12 mint-rounded-full mint-border-2 mint-animate-spin", style: { borderColor: dark ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", borderTopColor: accent } }), _jsx(_components.div, { className: "mint-text-lg mint-font-semibold", style: { color: textPrimary }, children: label }), _jsx(_components.div, { className: "mint-text-sm", style: { color: textMuted }, children: sub }), webhookBadge && _jsx(_components.div, { className: "mint-mt-2", children: webhookBadge })] }) }); }; const TradeQuoteReviewScreen = ({dark = true, fromAsset = "USD", fromAmount = "100.00", toAsset = "BTC", toAmount = "0.00154883", rate = "1 USD = 0.0000155 BTC", onBack, onNext, assetColors = { BTC: "#F7931A", ETH: "#627EEA", EUROC: "#2775CA", USDC: "#2775CA", USD: "#35B13D" }, sendLabel = "You send", receiveLabel = "You receive", expiresLabel = "Expires in", screenTitle = "Transaction preview", buttonLabel = "Confirm", liveQuote = true}) => { const _components = { button: "button", div: "div", img: "img", path: "path", span: "span", svg: "svg", ..._provideComponents() }; const assetColor = a => assetColors[a] ?? "#888"; const badge = a => _jsxs(_components.span, { style: { display: "inline-flex", alignItems: "center", gap: 4, fontSize: 13, fontWeight: 700, padding: "2px 10px 2px 6px", borderRadius: 999, background: `${assetColor(a)}22`, color: assetColor(a) }, children: [_jsx(_components.img, { src: `https://cdn.uphold.com/assets/${a}.svg`, alt: a, width: 16, height: 16, onError: e => { e.currentTarget.style.display = "none"; }, style: { display: "block", borderRadius: "50%" } }), a] }); const bg = dark ? "#0E1116" : "#FAFAF7"; const textPrimary = dark ? "#ffffff" : "#0E1525"; const textMuted = dark ? "rgba(255,255,255,0.5)" : "rgba(14,21,37,0.5)"; const rowBg = dark ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)"; const dividerColor = dark ? "rgba(255,255,255,0.1)" : "rgba(14,21,37,0.1)"; const [countdown, setCountdown] = useState(15); const [displayToAmount, setDisplayToAmount] = useState(toAmount); const [justRefreshed, setJustRefreshed] = useState(false); useEffect(() => { if (!liveQuote) return; const dec = toAmount.includes(".") ? toAmount.split(".")[1].length : 0; const unit = Math.pow(10, -dec); const steps = [3, -5, 7, -2, 4, -8, 6, -3, 5, -7, 2, -4, 8, -6, 3]; let tick = 0; let cd = 15; let cur = parseFloat(toAmount); const id = setInterval(() => { cd -= 1; if (cd <= 0) { const delta = steps[tick % steps.length] * unit; cur = Math.max(0, cur + delta); setDisplayToAmount(cur.toFixed(dec)); setJustRefreshed(true); setTimeout(() => setJustRefreshed(false), 1200); tick += 1; cd = 15; } setCountdown(cd); }, 1000); return () => clearInterval(id); }, []); return _jsxs(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-min-h-0", style: { backgroundColor: bg }, children: [_jsx(RampWTopBar, { dark: dark, title: screenTitle, onBack: onBack }), _jsxs(_components.div, { className: "mint-flex-1 mint-px-5 mint-pt-2 mint-flex mint-flex-col mint-gap-3 mint-overflow-hidden", children: [_jsxs(_components.div, { className: "mint-rounded-2xl mint-p-4 mint-flex mint-flex-col mint-gap-1", style: { background: rowBg }, children: [_jsx(_components.div, { className: "mint-text-xs", style: { color: textMuted }, children: sendLabel }), _jsxs(_components.div, { className: "mint-flex mint-items-baseline mint-justify-between", children: [_jsx(_components.span, { className: "mint-text-3xl mint-font-bold", style: { color: textPrimary }, children: fromAmount }), badge(fromAsset)] })] }), _jsx(_components.div, { className: "mint-flex mint-items-center mint-justify-center", style: { color: textMuted }, children: _jsx(IcoArrowDownTT, {}) }), _jsxs(_components.div, { className: "mint-rounded-2xl mint-p-4 mint-flex mint-flex-col mint-gap-1", style: { background: rowBg }, children: [_jsx(_components.div, { className: "mint-text-xs", style: { color: textMuted }, children: receiveLabel }), _jsxs(_components.div, { className: "mint-flex mint-items-baseline mint-justify-between", children: [_jsx(_components.span, { className: "mint-text-3xl mint-font-bold", style: { color: textPrimary }, children: liveQuote ? displayToAmount : toAmount }), badge(toAsset)] })] }), _jsx(_components.div, { style: { borderTop: `1px solid ${dividerColor}` } }), _jsxs(_components.div, { className: "mint-flex mint-flex-col mint-gap-2", children: [_jsxs(_components.div, { className: "mint-flex mint-justify-between mint-text-xs", style: { color: textMuted }, children: [_jsx(_components.span, { children: "Rate" }), _jsx(_components.span, { style: { color: textPrimary }, children: rate })] }), liveQuote && _jsxs(_components.div, { className: "mint-flex mint-items-center mint-justify-between mint-text-xs", style: { color: textMuted }, children: [_jsxs(_components.span, { className: "mint-flex mint-items-center mint-gap-1.5", children: [_jsx(_components.svg, { style: { width: 12, height: 12, animation: "spin 1.2s linear infinite", flexShrink: 0 }, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: _jsx(_components.path, { d: "M21 12a9 9 0 1 1-6.219-8.56" }) }), justRefreshed ? _jsx(_components.span, { style: { color: "#35B13D", fontWeight: 600 }, children: "Rate updated" }) : _jsxs(_components.span, { children: ["Refreshes in ", countdown, "s"] })] }), _jsx(_components.span, { style: { color: textPrimary }, children: "Live quote" })] })] }), _jsx(_components.button, { onClick: onNext, className: "mint-w-full mint-py-4 mint-rounded-2xl mint-text-sm mint-font-semibold mint-mt-auto mint-mb-4", style: { backgroundColor: "#35B13D", color: "#fff", animation: "pulse-ring 2s ease-in-out infinite" }, children: buttonLabel })] }), _jsx(RampWFooter, { dark: dark })] }); }; const TradeAccountPickerScreen = ({dark = true, wizardState, setWizardState, onBack, onNext, accounts = [{ id: '11de2405-1f1f-4a6e-8a39-acd97dc7f3ec', asset: 'USD', label: 'My USD account', balance: '250.00' }, { id: 'c392a0de-5fc6-49a7-96e1-e4b3f9ef5b27', asset: 'BTC', label: 'My BTC account', balance: '0.0015' }, { id: '7a8b9c0d-1e2f-3a4b-5c6d-7e8f9a0b1c2d', asset: 'XRP', label: 'My XRP account', balance: '120.50' }], assetColors = { USD: '#35B13D', EUR: '#2775CA', BTC: '#F7931A', ETH: '#627EEA', XRP: '#346AA9', EUROC: '#2775CA', USDC: '#2775CA' }}) => { const _components = { button: "button", div: "div", img: "img", input: "input", path: "path", polyline: "polyline", span: "span", svg: "svg", ..._provideComponents() }; const [subView, setSubView] = useState('main'); const [localAmount, setLocalAmount] = useState(wizardState?.amount ?? ''); const fromAccount = wizardState?.fromAccount ?? null; const toAsset = wizardState?.toAsset ?? null; const dispatch = detail => { if (typeof window !== 'undefined') { window.dispatchEvent(new CustomEvent('fw:subpanel', { detail })); } }; const bg = dark ? '#0E1116' : '#F4F5F7'; const accent = dark ? '#ffffff' : '#0E1116'; const textPrimary = dark ? 'rgba(255,255,255,0.9)' : 'rgba(14,21,37,0.9)'; const textMuted = dark ? 'rgba(255,255,255,0.5)' : 'rgba(14,21,37,0.5)'; const rowBg = dark ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.05)'; const amountNum = parseFloat(localAmount); const maxBalance = fromAccount ? parseFloat(fromAccount.balance) : Infinity; const amountError = localAmount !== '' && (isNaN(amountNum) || amountNum <= 0 || amountNum > maxBalance); const canProceed = fromAccount && toAsset && localAmount !== '' && !amountError && !isNaN(amountNum) && amountNum > 0; const handleNext = () => { setWizardState(prev => ({ ...prev, amount: localAmount })); onNext(); }; const AssetIcon = ({asset, color}) => _jsxs(_components.div, { className: "mint-w-10 mint-h-10 mint-rounded-full mint-flex-shrink-0", style: { background: `${color}22`, position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: [_jsx(_components.span, { style: { position: 'absolute', fontSize: 10, fontWeight: 'bold', color }, children: asset }), _jsx(_components.img, { src: `https://cdn.uphold.com/assets/${asset}.svg`, alt: asset, width: 24, height: 24, onError: e => { e.currentTarget.style.display = 'none'; }, style: { display: 'block', position: 'relative', zIndex: 1 } })] }); const Chevron = () => _jsx(_components.svg, { className: "mint-w-4 mint-h-4 mint-flex-shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { color: textMuted }, children: _jsx(_components.polyline, { points: "9 18 15 12 9 6" }) }); if (subView === 'accounts') { return _jsx(AccountListScreen, { dark: dark, title: "Select source account", accounts: accounts.map(a => ({ ...a, balance: `${a.balance} ${a.asset}` })), onBack: () => { setSubView('main'); dispatch('main'); }, onSelectAccount: item => { const account = accounts.find(a => a.asset === item.asset) ?? item; setWizardState(prev => ({ ...prev, fromAccount: account })); setSubView('main'); dispatch('main'); } }); } if (subView === 'assets') { return _jsx(AssetListScreen, { dark: dark, title: "Select destination asset", excludeAsset: fromAccount?.asset, onBack: () => { setSubView('main'); dispatch('main'); }, onSelectAsset: asset => { setWizardState(prev => ({ ...prev, toAsset: asset })); setSubView('main'); dispatch('main'); } }); } return _jsxs(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-min-h-0", style: { backgroundColor: bg }, children: [_jsx(RampWTopBar, { dark: dark, title: "Trade", onBack: onBack }), _jsxs(_components.div, { className: "mint-flex-1 mint-px-5 mint-pt-2 mint-flex mint-flex-col mint-gap-3 mint-overflow-hidden", children: [_jsxs(_components.div, { className: "mint-rounded-2xl mint-p-4 mint-flex mint-items-center mint-gap-3 mint-cursor-pointer", style: { background: rowBg }, onClick: () => { setSubView('accounts'); dispatch('accounts'); }, children: [fromAccount ? _jsx(AssetIcon, { asset: fromAccount.asset, color: assetColors[fromAccount.asset] || accent }) : _jsx(_components.div, { className: "mint-w-10 mint-h-10 mint-rounded-full mint-flex-shrink-0 mint-flex mint-items-center mint-justify-center", style: { border: `2px dashed ${textMuted}` }, children: _jsx(_components.svg, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx(_components.path, { d: "M8 2v12M2 8h12", stroke: textMuted, strokeWidth: "2", strokeLinecap: "round" }) }) }), _jsxs(_components.div, { className: "mint-flex-1 mint-min-w-0", children: [_jsx(_components.div, { className: "mint-text-xs mint-mb-0.5", style: { color: textMuted }, children: "From" }), fromAccount ? _jsxs(_Fragment, { children: [_jsx(_components.div, { className: "mint-text-sm mint-font-medium", style: { color: textPrimary }, children: fromAccount.label }), _jsxs(_components.div, { className: "mint-text-xs mint-mt-0.5", style: { color: textMuted }, children: [fromAccount.balance, " ", fromAccount.asset] })] }) : _jsx(_components.div, { className: "mint-text-sm", style: { color: textMuted }, children: "Select account" })] }), _jsx(Chevron, {})] }), _jsxs(_components.div, { className: "mint-rounded-2xl mint-p-4 mint-flex mint-items-center mint-gap-3 mint-cursor-pointer", style: { background: rowBg }, onClick: () => { setSubView('assets'); dispatch('assets'); }, children: [toAsset ? _jsx(AssetIcon, { asset: toAsset, color: assetColors[toAsset] || accent }) : _jsx(_components.div, { className: "mint-w-10 mint-h-10 mint-rounded-full mint-flex-shrink-0 mint-flex mint-items-center mint-justify-center", style: { border: `2px dashed ${textMuted}` }, children: _jsx(_components.svg, { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: _jsx(_components.path, { d: "M8 2v12M2 8h12", stroke: textMuted, strokeWidth: "2", strokeLinecap: "round" }) }) }), _jsxs(_components.div, { className: "mint-flex-1 mint-min-w-0", children: [_jsx(_components.div, { className: "mint-text-xs mint-mb-0.5", style: { color: textMuted }, children: "To" }), toAsset ? _jsx(_components.div, { className: "mint-text-sm mint-font-medium", style: { color: textPrimary }, children: toAsset }) : _jsx(_components.div, { className: "mint-text-sm", style: { color: textMuted }, children: "Select asset" })] }), _jsx(Chevron, {})] }), _jsxs(_components.div, { className: "mint-rounded-2xl mint-p-4 mint-flex mint-flex-col mint-gap-1", style: { background: rowBg }, children: [_jsx(_components.div, { className: "mint-text-xs", style: { color: textMuted }, children: "Amount" }), _jsxs(_components.div, { className: "mint-flex mint-items-baseline mint-gap-2", children: [_jsx(_components.input, { type: "text", inputMode: "decimal", value: localAmount, onChange: e => setLocalAmount(e.target.value), placeholder: "0.00", className: "mint-text-2xl mint-font-semibold mint-bg-transparent mint-border-none mint-outline-none mint-w-full", style: { color: amountError ? '#ef4444' : textPrimary, fontFamily: 'inherit' } }), fromAccount && _jsx(_components.span, { className: "mint-text-base mint-font-normal mint-flex-shrink-0", style: { color: textMuted }, children: fromAccount.asset })] }), fromAccount && !amountError && _jsxs(_components.div, { className: "mint-text-xs", style: { color: textMuted }, children: ["Max: ", fromAccount.balance, " ", fromAccount.asset] }), amountError && _jsx(_components.div, { className: "mint-text-xs", style: { color: '#ef4444' }, children: amountNum > maxBalance ? 'Exceeds available balance' : 'Enter a valid amount' })] }), _jsx(_components.button, { onClick: canProceed ? handleNext : undefined, className: "mint-w-full mint-py-4 mint-rounded-2xl mint-text-sm mint-font-semibold mint-mt-auto mint-mb-4", style: { backgroundColor: canProceed ? '#35B13D' : dark ? 'rgba(255,255,255,0.1)' : 'rgba(0,0,0,0.1)', color: canProceed ? '#fff' : textMuted, animation: canProceed ? 'pulse-ring 2s ease-in-out infinite' : 'none', cursor: canProceed ? 'pointer' : 'not-allowed' }, children: "Get quote" })] }), _jsx(RampWFooter, { dark: dark })] }); }; const AssetListScreen = ({dark = true, title = 'Select asset', onBack, onSelectAsset, excludeAsset, assetColors = { USD: '#35B13D', EUR: '#2775CA', BTC: '#F7931A', ETH: '#627EEA', XRP: '#346AA9' }}) => { const _components = { div: "div", img: "img", polyline: "polyline", span: "span", svg: "svg", ..._provideComponents() }; const bg = dark ? '#0E1116' : '#F4F5F7'; const accent = dark ? '#ffffff' : '#0E1116'; const textPrimary = dark ? 'rgba(255,255,255,0.9)' : 'rgba(14,21,37,0.9)'; const textMuted = dark ? 'rgba(255,255,255,0.5)' : 'rgba(14,21,37,0.5)'; const rowBg = dark ? 'rgba(255,255,255,0.05)' : 'rgba(0,0,0,0.05)'; const assets = [{ asset: 'USD', label: 'US Dollar' }, { asset: 'EUR', label: 'Euro' }, { asset: 'BTC', label: 'Bitcoin' }, { asset: 'ETH', label: 'Ethereum' }, { asset: 'XRP', label: 'XRP' }].filter(a => a.asset !== excludeAsset); return _jsxs(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-min-h-0", style: { backgroundColor: bg }, children: [_jsx(RampWTopBar, { dark: dark, title: title, onBack: onBack }), _jsx(_components.div, { className: "mint-flex-1 mint-px-5 mint-pt-2 mint-flex mint-flex-col mint-gap-2 mint-overflow-hidden", children: assets.map(({asset, label}) => { const color = assetColors[asset] || accent; return _jsxs(_components.div, { className: "mint-rounded-2xl mint-px-4 mint-py-3 mint-flex mint-items-center mint-gap-3", style: { background: rowBg, cursor: onSelectAsset ? 'pointer' : 'default' }, onClick: onSelectAsset ? () => onSelectAsset(asset) : undefined, children: [_jsxs(_components.div, { className: "mint-w-10 mint-h-10 mint-rounded-full mint-flex-shrink-0", style: { background: `${color}22`, position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: [_jsx(_components.span, { style: { position: 'absolute', fontSize: 10, fontWeight: 'bold', color }, children: asset }), _jsx(_components.img, { src: `https://cdn.uphold.com/assets/${asset}.svg`, alt: asset, width: 24, height: 24, onError: e => { e.currentTarget.style.display = 'none'; }, style: { display: 'block', position: 'relative', zIndex: 1 } })] }), _jsxs(_components.div, { className: "mint-flex-1 mint-min-w-0", children: [_jsx(_components.div, { className: "mint-text-sm mint-font-medium", style: { color: textPrimary }, children: asset }), _jsx(_components.div, { className: "mint-text-xs mint-mt-0.5", style: { color: textMuted }, children: label })] }), _jsx(_components.svg, { className: "mint-w-4 mint-h-4 mint-flex-shrink-0", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { color: textMuted }, children: _jsx(_components.polyline, { points: "9 18 15 12 9 6" }) })] }, asset); }) }), _jsx(RampWFooter, { dark: dark })] }); }; const AccountListScreen = ({dark = true, onBack, onNext, onSelectAccount, title = "Accounts", accounts = [{ asset: "USD", label: "My USD account", balance: "250.00 USD" }, { asset: "BTC", label: "My BTC account", balance: "0.0015 BTC" }, { asset: "XRP", label: "My XRP account", balance: "120.50 XRP" }], buttonLabel = "Continue", assetColors = { USD: "#35B13D", BTC: "#F7931A", XRP: "#346AA9" }}) => { const _components = { button: "button", div: "div", img: "img", span: "span", ..._provideComponents() }; const bg = dark ? "#0E1116" : "#F4F5F7"; const accent = dark ? "#ffffff" : "#0E1116"; const textPrimary = dark ? "rgba(255,255,255,0.9)" : "rgba(14,21,37,0.9)"; const textMuted = dark ? "rgba(255,255,255,0.5)" : "rgba(14,21,37,0.5)"; const rowBg = dark ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)"; return _jsxs(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-min-h-0", style: { backgroundColor: bg }, children: [_jsx(RampWTopBar, { dark: dark, title: title, onBack: onBack }), _jsxs(_components.div, { className: "mint-flex-1 mint-px-5 mint-pt-2 mint-flex mint-flex-col mint-gap-2 mint-overflow-hidden", children: [accounts.map(account => { const {asset, label, balance} = account; const color = assetColors[asset] || accent; const balanceDisplay = typeof balance === 'number' ? `${balance} ${asset}` : balance; return _jsxs(_components.div, { className: "mint-rounded-2xl mint-px-4 mint-py-3 mint-flex mint-items-center mint-gap-3", style: { background: rowBg, cursor: onSelectAccount ? 'pointer' : 'default' }, onClick: onSelectAccount ? () => onSelectAccount(account) : undefined, children: [_jsxs(_components.div, { className: "mint-w-10 mint-h-10 mint-rounded-full mint-flex-shrink-0", style: { background: `${color}22`, position: "relative", display: "flex", alignItems: "center", justifyContent: "center" }, children: [_jsx(_components.span, { style: { position: "absolute", fontSize: 10, fontWeight: "bold", color }, children: asset }), _jsx(_components.img, { src: `https://cdn.uphold.com/assets/${asset}.svg`, alt: asset, width: 24, height: 24, onError: e => { e.currentTarget.style.display = "none"; }, style: { display: "block", position: "relative", zIndex: 1 } })] }), _jsxs(_components.div, { className: "mint-flex-1 mint-min-w-0", children: [_jsx(_components.div, { className: "mint-text-sm mint-font-medium", style: { color: textPrimary }, children: label }), _jsx(_components.div, { className: "mint-text-xs mint-mt-0.5", style: { color: textMuted }, children: balanceDisplay })] })] }, asset); }), !onSelectAccount && _jsx(_components.button, { onClick: onNext, className: "mint-w-full mint-py-4 mint-rounded-2xl mint-text-sm mint-font-semibold mint-mt-auto mint-mb-4", style: { backgroundColor: "#35B13D", color: "#fff", animation: "pulse-ring 2s ease-in-out infinite" }, children: buttonLabel })] }), _jsx(RampWFooter, { dark: dark })] }); }; const SubPanelSwitch = ({children}) => { const [panel, setPanel] = useState('main'); useEffect(() => { const handler = e => setPanel(e.detail ?? 'main'); window.addEventListener('fw:subpanel', handler); return () => window.removeEventListener('fw:subpanel', handler); }, []); const kids = React.Children.toArray(children).filter(k => typeof k !== 'string' || k.trim().length > 0); const idx = panel === 'accounts' ? 1 : panel === 'assets' ? 2 : 0; return kids[idx] ?? kids[0] ?? null; }; const WizardCodeGroup = ({tabs}) => { const _components = { button: "button", div: "div", path: "path", polyline: "polyline", pre: "pre", rect: "rect", svg: "svg", ..._provideComponents() }; const [activeTab, setActiveTab] = useState(0); const [dark, setDark] = useState(true); const [copied, setCopied] = useState(false); useEffect(() => { const update = () => setDark(document.documentElement.classList.contains("dark")); update(); const obs = new MutationObserver(update); obs.observe(document.documentElement, { attributeFilter: ["class"] }); return () => obs.disconnect(); }, []); useEffect(() => { if (!copied) return; const t = setTimeout(() => setCopied(false), 1400); return () => clearTimeout(t); }, [copied]); const activeCode = tabs[activeTab]?.code ?? ""; const bg = dark ? "#111318" : "#f5f6f8"; const borderColor = dark ? "rgba(255,255,255,0.08)" : "rgba(0,0,0,0.1)"; const tabBarBg = dark ? "rgba(255,255,255,0.03)" : "rgba(0,0,0,0.03)"; const textMuted = dark ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.4)"; const codeColor = dark ? "rgba(255,255,255,0.85)" : "rgba(0,0,0,0.75)"; const handleCopy = async () => { if (!navigator?.clipboard?.writeText) return; try { await navigator.clipboard.writeText(activeCode); setCopied(true); } catch (_) {} }; return _jsxs(_components.div, { className: "not-prose", style: { borderRadius: 12, overflow: "hidden", border: `1px solid ${borderColor}`, marginBottom: 16 }, children: [_jsxs(_components.div, { style: { display: "flex", alignItems: "center", background: tabBarBg, borderBottom: `1px solid ${borderColor}`, paddingLeft: 4 }, children: [tabs.map((tab, i) => _jsx(_components.button, { onClick: () => setActiveTab(i), style: { background: "transparent", border: "none", borderBottom: `2px solid ${i === activeTab ? "#35B13D" : "transparent"}`, color: i === activeTab ? "#35B13D" : textMuted, fontSize: 12, fontWeight: i === activeTab ? 600 : 400, padding: "8px 12px", cursor: "pointer", fontFamily: "inherit", outline: "none", flexShrink: 0 }, children: tab.label }, tab.label)), _jsx(_components.button, { onClick: handleCopy, style: { marginLeft: "auto", marginRight: 8, padding: 6, background: "transparent", border: "none", cursor: "pointer", color: textMuted, display: "flex", alignItems: "center" }, children: copied ? _jsx(_components.svg, { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx(_components.polyline, { points: "20 6 9 17 4 12" }) }) : _jsxs(_components.svg, { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(_components.rect, { x: "9", y: "9", width: "11", height: "11", rx: "2" }), _jsx(_components.path, { d: "M5 15V5a2 2 0 0 1 2-2h10" })] }) })] }), _jsx(_components.div, { style: { background: bg, padding: "14px 16px", overflowX: "auto" }, children: _jsx(_components.pre, { style: { margin: 0, fontSize: 12.5, fontFamily: "monospace", lineHeight: 1.6, color: codeColor, whiteSpace: "pre" }, children: activeCode }) })] }); }; const WizardCopyButton = ({text}) => { const _components = { button: "button", path: "path", polyline: "polyline", rect: "rect", svg: "svg", ..._provideComponents() }; const [copied, setCopied] = useState(false); useEffect(() => { if (!copied) return; const t = setTimeout(() => setCopied(false), 1400); return () => clearTimeout(t); }, [copied]); const handleClick = async () => { if (!navigator?.clipboard?.writeText) return; try { await navigator.clipboard.writeText(text); setCopied(true); } catch (_) {} }; return _jsx(_components.button, { onClick: handleClick, className: "mint-p-1.5 mint-rounded hover:mint-bg-zinc-100 dark:hover:mint-bg-white/10 mint-transition-colors mint-text-zinc-500 dark:mint-text-white/50 hover:mint-text-zinc-800 dark:hover:mint-text-white/90 mint-border-0 mint-cursor-pointer mint-bg-transparent", children: copied ? _jsx(_components.svg, { className: "mint-w-4 mint-h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx(_components.polyline, { points: "20 6 9 17 4 12" }) }) : _jsxs(_components.svg, { className: "mint-w-4 mint-h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(_components.rect, { x: "9", y: "9", width: "11", height: "11", rx: "2" }), _jsx(_components.path, { d: "M5 15V5a2 2 0 0 1 2-2h10" })] }) }); }; const WizardJsonBlock = ({label, data, dark = true}) => { const _components = { button: "button", div: "div", path: "path", polyline: "polyline", pre: "pre", rect: "rect", span: "span", svg: "svg", ..._provideComponents() }; const [copied, setCopied] = useState(false); useEffect(() => { if (!copied) return; const t = setTimeout(() => setCopied(false), 1400); return () => clearTimeout(t); }, [copied]); const handleCopy = async text => { if (!navigator?.clipboard?.writeText) return; try { await navigator.clipboard.writeText(text); setCopied(true); } catch (_) {} }; const tokenizeJson = str => { const tokens = []; let cursor = 0; while (cursor < str.length) { const slice = str.slice(cursor); const wsMatch = slice.match(/^\s+/); if (wsMatch) { tokens.push({ type: "whitespace", text: wsMatch[0] }); cursor += wsMatch[0].length; continue; } const stringMatch = slice.match(/^"(?:[^"\\]|\\.)*"/); if (stringMatch) { const text = stringMatch[0]; const after = str.slice(cursor + text.length).replace(/^\s*/, ""); tokens.push({ type: after.startsWith(":") ? "key" : "string", text }); cursor += text.length; continue; } const numberMatch = slice.match(/^-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?/); if (numberMatch) { tokens.push({ type: "number", text: numberMatch[0] }); cursor += numberMatch[0].length; continue; } const boolMatch = slice.match(/^(true|false)/); if (boolMatch) { tokens.push({ type: "boolean", text: boolMatch[0] }); cursor += boolMatch[0].length; continue; } if (slice.startsWith("null")) { tokens.push({ type: "null", text: "null" }); cursor += 4; continue; } if (("{[]:,}").includes(str[cursor])) { tokens.push({ type: "punctuation", text: str[cursor] }); cursor += 1; continue; } tokens.push({ type: "unknown", text: str[cursor] }); cursor += 1; } return tokens; }; const TOKEN_COLORS = dark ? { key: "#79c0ff", string: "#f78c6c", number: "#79c0ff", boolean: "#ffd700", null: "rgba(255,255,255,0.5)", punctuation: "rgba(255,255,255,0.7)", whitespace: null } : { key: "#0550ae", string: "#b56959", number: "#0550ae", boolean: "#b5890e", null: "rgba(0,0,0,0.4)", punctuation: "rgba(0,0,0,0.5)", whitespace: null }; const json = data != null ? JSON.stringify(data, null, 2) : null; return _jsxs(_components.div, { className: "not-prose mint-flex mint-flex-col mint-gap-1.5", children: [_jsxs(_components.div, { className: "mint-flex mint-items-center mint-justify-between mint-px-1", children: [_jsx(_components.span, { style: { fontSize: 10, color: dark ? "rgba(255,255,255,0.35)" : "rgba(0,0,0,0.4)", fontFamily: "monospace", textTransform: "uppercase", letterSpacing: "0.12em" }, children: label }), json != null && _jsx(_components.button, { onClick: () => handleCopy(json), style: { padding: 6, background: "transparent", border: "none", cursor: "pointer", color: dark ? "rgba(255,255,255,0.4)" : "rgba(0,0,0,0.4)", display: "flex", alignItems: "center" }, children: copied ? _jsx(_components.svg, { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx(_components.polyline, { points: "20 6 9 17 4 12" }) }) : _jsxs(_components.svg, { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx(_components.rect, { x: "9", y: "9", width: "11", height: "11", rx: "2" }), _jsx(_components.path, { d: "M5 15V5a2 2 0 0 1 2-2h10" })] }) })] }), _jsx(_components.div, { className: "mint-rounded-xl mint-p-4 mint-max-h-[360px] mint-overflow-auto", style: { backgroundColor: dark ? "#111318" : "#f5f6f8", border: dark ? "1px solid rgba(255,255,255,0.06)" : "1px solid rgba(0,0,0,0.08)" }, children: _jsx(_components.pre, { style: { fontSize: 13, fontFamily: "monospace", lineHeight: 1.6, margin: 0, whiteSpace: "pre" }, children: json != null ? tokenizeJson(json).map((token, i) => _jsx(_components.span, { style: { color: TOKEN_COLORS[token.type] ?? (dark ? "rgba(255,255,255,0.85)" : "rgba(0,0,0,0.7)") }, children: token.text }, `${token.type}-${i}`)) : _jsx(_components.span, { style: { color: dark ? "rgba(255,255,255,0.3)" : "rgba(0,0,0,0.3)", fontStyle: "italic" }, children: "— no payload —" }) }) })] }); }; const WizardWebhookBadge = ({event, payload, dark = true, payloadLabel = "Payload"}) => { const _components = { div: "div", path: "path", span: "span", svg: "svg", ..._provideComponents() }; const [open, setOpen] = useState(false); return _jsxs(_components.div, { className: "mint-flex mint-flex-col mint-gap-2", children: [_jsxs(_components.span, { onClick: () => setOpen(o => !o), className: "mint-inline-flex mint-items-center mint-gap-1.5 mint-px-2.5 mint-py-1 mint-rounded-full mint-bg-purple-500/20 mint-text-purple-300 mint-text-xs mint-font-mono mint-cursor-pointer mint-select-none hover:mint-bg-purple-500/30", children: [_jsx(_components.svg, { className: "mint-w-3.5 mint-h-3.5", viewBox: "0 0 24 24", fill: "currentColor", children: _jsx(_components.path, { d: "M13 2L4 14h7l-1 8 9-12h-7l1-8z" }) }), event] }), open && _jsx(WizardJsonBlock, { label: payloadLabel, data: payload, dark: dark })] }); }; const WizardStatusBar = ({light}) => { const _components = { circle: "circle", div: "div", path: "path", rect: "rect", span: "span", svg: "svg", ..._provideComponents() }; return _jsxs(_components.div, { className: "mint-h-11 mint-flex mint-items-center mint-justify-between mint-px-7 mint-flex-shrink-0 mint-text-[15px] mint-font-semibold", style: { color: light ? "#0E1525" : "white", backgroundColor: light ? "white" : "black" }, children: [_jsx(_components.span, { children: "9:41" }), _jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-1.5", children: [_jsxs(_components.svg, { className: "mint-w-[18px] mint-h-3", viewBox: "0 0 18 12", fill: "currentColor", children: [_jsx(_components.rect, { x: "0", y: "8", width: "3", height: "4", rx: "0.5" }), _jsx(_components.rect, { x: "5", y: "5", width: "3", height: "7", rx: "0.5" }), _jsx(_components.rect, { x: "10", y: "2", width: "3", height: "10", rx: "0.5" }), _jsx(_components.rect, { x: "15", y: "0", width: "3", height: "12", rx: "0.5" })] }), _jsxs(_components.svg, { className: "mint-w-4 mint-h-3", viewBox: "0 0 16 12", fill: "none", stroke: "currentColor", strokeWidth: "1.4", children: [_jsx(_components.path, { d: "M1,5 Q8,-1 15,5" }), _jsx(_components.path, { d: "M3.5,7 Q8,3 12.5,7" }), _jsx(_components.circle, { cx: "8", cy: "9.5", r: "1", fill: "currentColor" })] }), _jsxs(_components.svg, { className: "mint-w-[26px] mint-h-3", viewBox: "0 0 26 12", fill: "none", children: [_jsx(_components.rect, { x: "0.5", y: "0.5", width: "22", height: "11", rx: "2.5", stroke: "currentColor", strokeOpacity: "0.5" }), _jsx(_components.rect, { x: "2", y: "2", width: "19", height: "8", rx: "1.5", fill: "currentColor" }), _jsx(_components.rect, { x: "23", y: "4", width: "2", height: "4", rx: "1", fill: "currentColor", fillOpacity: "0.5" })] })] })] }); }; const WizardPhoneShell = ({children, bgClass = "bg-zinc-50 dark:bg-[#0E1116]", lightStatus = false, borderClass = "border-zinc-200 dark:border-white/10"}) => { const _components = { div: "div", ..._provideComponents() }; return _jsxs(_components.div, { className: `mint-relative mint-w-[320px] sm:mint-w-[360px] mint-h-[720px] mint-rounded-[40px] sm:mint-rounded-[44px] mint-overflow-hidden mint-border-2 mint-flex mint-flex-col mint-font-sans shadow-[0_48px_96px_-28px_rgba(11,15,30,0.45),0_8px_20px_-6px_rgba(11,15,30,0.18)] ${bgClass} ${borderClass}`, children: [_jsx(_components.div, { className: `mint-absolute mint-top-2 mint-left-1/2 mint--translate-x-1/2 mint-w-[110px] mint-h-7 mint-rounded-full mint-z-10 ${lightStatus ? "mint-bg-black" : "mint-bg-white/20"}` }), _jsx(WizardStatusBar, { light: lightStatus }), _jsx(_components.div, { className: "mint-flex-1 mint-flex mint-flex-col mint-min-h-0 mint-relative", children: children }), _jsx(_components.div, { className: "mint-absolute mint-bottom-2 mint-left-1/2 mint--translate-x-1/2 mint-w-[134px] mint-h-[5px] mint-rounded-full mint-z-20", style: { background: lightStatus ? "rgba(14,21,37,0.2)" : "rgba(255,255,255,0.4)" } })] }); }; const FlowWizard = ({flow = { phases: [], steps: [] }, children}) => { const _components = { button: "button", div: "div", polyline: "polyline", span: "span", svg: "svg", ..._provideComponents() }; const UpholdGreen = "#35B13D"; const phaseColors = Object.fromEntries(flow.phases.map(p => [p.name, { accent: p.accent, badge: p.badge }])); const FALLBACK_PHASE = { accent: UpholdGreen, badge: "bg-zinc-100 dark:bg-white/10 text-zinc-500 dark:text-white/50" }; const steps = flow.steps; const [stepIndex, setStepIndex] = useState(0); const [isDark, setIsDark] = useState(true); const [wizardState, setWizardState] = useState({ fromAccount: null, toAsset: null, amount: '' }); const step = steps[stepIndex]; const stepChildren = React.Children.toArray(children); const isSkipped = s => s?.skip?.(wizardState) === true; const findStep = (from, dir) => { let i = from + dir; while (i >= 0 && i < steps.length && isSkipped(steps[i])) i += dir; return i >= 0 && i < steps.length ? i : null; }; const visibleSteps = steps.filter(s => !isSkipped(s)); const visibleStepIndex = visibleSteps.indexOf(step); useEffect(() => { const update = () => setIsDark(document.documentElement.classList.contains("dark")); update(); const obs = new MutationObserver(update); obs.observe(document.documentElement, { attributeFilter: ["class"] }); return () => obs.disconnect(); }, []); useEffect(() => { if (!step?.autoAdvanceMs) return; const next = findStep(stepIndex, 1); if (next == null) return; const t = setTimeout(() => setStepIndex(next), step.autoAdvanceMs); return () => clearTimeout(t); }, [stepIndex]); if (!step) return null; const StepScreen = step.screen; const {accent: phaseAccent, badge: phaseBadge} = phaseColors[step.phase] ?? FALLBACK_PHASE; return _jsxs(_components.div, { className: "not-prose mint-w-full mint-overflow-hidden", children: [_jsxs(_components.div, { className: "mint-flex mint-items-center mint-justify-between mint-gap-3 mint-mb-4 mint-flex-wrap", children: [_jsxs(_components.div, { className: "mint-flex mint-items-center mint-gap-2.5", children: [_jsx(_components.span, { className: `${phaseBadge} mint-text-xs mint-font-semibold mint-px-2.5 mint-py-0.5 mint-rounded-full`, children: step.phase }), _jsx(_components.span, { className: "mint-text-sm mint-font-semibold mint-text-zinc-900 dark:mint-text-white", children: step.title })] }), _jsxs(_components.span, { className: "mint-text-xs mint-text-zinc-400 dark:mint-text-white/40", children: ["Step ", visibleStepIndex + 1, " of ", visibleSteps.length] })] }), _jsx(_components.div, { className: "mint-w-full mint-h-1 mint-bg-zinc-200 dark:mint-bg-white/10 mint-rounded-full mint-mb-4", children: _jsx(_components.div, { className: "mint-h-full mint-rounded-full mint-transition-all mint-duration-300", style: { width: `${((visibleStepIndex + 1) / visibleSteps.length * 100).toFixed(0)}%`, backgroundColor: UpholdGreen } }) }), _jsx(_components.div, { className: "mint-flex mint-items-center mint-gap-1 mint-mb-5 mint-flex-wrap", children: (() => { const seenPhases = []; steps.forEach(s => { if (!seenPhases.includes(s.phase)) seenPhases.push(s.phase); }); const els = []; seenPhases.forEach((phase, pi) => { const phaseSteps = steps.map((s, idx) => ({ ...s, globalIndex: idx })).filter(s => s.phase === phase); const accent = (phaseColors[phase] ?? FALLBACK_PHASE).accent; const isActivePhase = phaseSteps.some(s => s.globalIndex === stepIndex); if (pi > 0) els.push(_jsx(_components.div, { style: { width: 1, height: 20, background: isDark ? "rgba(255,255,255,0.1)" : "rgba(0,0,0,0.1)", margin: "0 6px", flexShrink: 0 } }, `sep-${phase}`)); els.push(_jsx(_components.span, { style: { fontSize: 9, fontWeight: 700, letterSpacing: "0.1em", textTransform: "uppercase", color: isActivePhase ? accent : isDark ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.3)", marginRight: 4, flexShrink: 0 }, children: phase }, `lbl-${phase}`)); phaseSteps.filter(s => !isSkipped(s)).forEach(s => { const isDone = s.globalIndex < stepIndex; const isCurrent = s.globalIndex === stepIndex; els.push(_jsx(_components.button, { onClick: () => setStepIndex(s.globalIndex), title: s.title, style: { width: 26, height: 26, borderRadius: "50%", border: "none", cursor: "pointer", fontSize: 11, fontWeight: 700, flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", transition: "all 0.15s", background: isCurrent ? accent : isDone ? `${accent}26` : isDark ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.06)", color: isCurrent ? "white" : isDone ? accent : isDark ? "rgba(255,255,255,0.3)" : "rgba(0,0,0,0.4)", boxShadow: isCurrent ? `0 0 0 3px ${accent}26` : "none", outline: "none" }, children: isDone ? "✓" : s.globalIndex + 1 }, s.id)); }); }); return els; })() }), _jsxs(_components.div, { className: "mint-w-full mint-flex mint-flex-col lg:mint-flex-row mint-gap-6 mint-items-center lg:mint-items-start", children: [_jsx(_components.div, { className: "mint-flex mint-justify-center lg:mint-flex-shrink-0", children: _jsx(WizardPhoneShell, { lightStatus: !isDark, children: _jsx(StepScreen, { dark: isDark, onBack: findStep(stepIndex, -1) != null ? () => setStepIndex(findStep(stepIndex, -1)) : undefined, onNext: findStep(stepIndex, 1) != null ? () => setStepIndex(findStep(stepIndex, 1)) : undefined, wizardState: wizardState, setWizardState: setWizardState }) }) }), _jsx(_components.div, { className: "wizard-step-pane mint-w-full lg:mint-sticky lg:mint-top-6 lg:mint-flex-1 lg:mint-min-w-0 lg:mint-h-[720px] lg:mint-overflow-y-auto prose dark:prose-invert mint-max-w-none", children: stepChildren[stepIndex] ?? null })] }), _jsxs(_components.div, { className: "mint-flex mint-items-center mint-justify-between mint-mt-5", children: [_jsxs(_components.button, { onClick: () => setStepIndex(findStep(stepIndex, -1)), disabled: findStep(stepIndex, -1) == null, className: `mint-flex mint-items-center mint-gap-2 mint-px-4 mint-py-2 mint-rounded-xl mint-text-sm mint-font-medium mint-border-0 mint-cursor-pointer disabled:mint-opacity-30 disabled:mint-cursor-not-allowed mint-bg-[${UpholdGreen}mint-] hover:mint-bg-[#2d9e34] mint-text-white mint-transition-colors`, children: [_jsx(_components.svg, { className: "mint-w-4 mint-h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx(_components.polyline, { points: "15 18 9 12 15 6" }) }), "Back"] }), findStep(stepIndex, 1) != null && _jsxs(_components.button, { onClick: () => setStepIndex(findStep(stepIndex, 1)), className: `mint-flex mint-items-center mint-gap-2 mint-px-4 mint-py-2 mint-rounded-xl mint-text-sm mint-font-medium mint-border-0 mint-cursor-pointer mint-bg-[${UpholdGreen}mint-] hover:mint-bg-[#2d9e34] mint-text-white mint-font-semibold mint-transition-colors`, children: ["Next", _jsx(_components.svg, { className: "mint-w-4 mint-h-4", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx(_components.polyline, { points: "9 18 15 12 9 6" }) })] })] })] }); }; function _createMdxContent(props) { const _components = { a: "a", code: "code", hr: "hr", p: "p", pre: "pre", span: "span", strong: "strong", ..._provideComponents(), ...props.components }, {CodeBlock, CodeGroup, Info, _MdxComponentBoundary} = _components; if (!CodeBlock) _missingMdxReference("CodeBlock", true); if (!CodeGroup) _missingMdxReference("CodeGroup", true); if (!Info) _missingMdxReference("Info", true); if (!_MdxComponentBoundary) _missingMdxReference("_MdxComponentBoundary", true); return _jsxs(_Fragment, { children: [_jsx(_MdxComponentBoundary, { name: "FlowWizard", children: _jsxs(FlowWizard, { flow: TRADE_FLOW, children: [_jsx("div", { children: _jsx(_MdxComponentBoundary, { name: "SubPanelSwitch", children: _jsxs(SubPanelSwitch, { children: [_jsxs("div", { children: [_jsxs(_components.p, { children: ["Tap ", _jsx(_components.strong, { children: "From" }), " to pick the source account, then ", _jsx(_components.strong, { children: "To" }), " to choose the destination asset. The API panel updates to show the relevant endpoint as you interact."] }), _jsx(_components.p, { children: "The trade amount cannot exceed the available balance of the selected account." })] }), _jsxs("div", { children: [_jsx(_MdxComponentBoundary, { name: "WizardCodeGroup", children: _jsx(WizardCodeGroup, { tabs: accountsTabs }) }), _jsx(_MdxComponentBoundary, { name: "WizardJsonBlock", children: _jsx(WizardJsonBlock, { label: "Response", data: accountsResponse }) })] }), _jsxs("div", { children: [_jsx(_MdxComponentBoundary, { name: "WizardCodeGroup", children: _jsx(WizardCodeGroup, { tabs: assetsTabs }) }), _jsx(_MdxComponentBoundary, { name: "WizardJsonBlock", children: _jsx(WizardJsonBlock, { label: "Response", data: assetsResponse }) })] })] }) }) }), _jsxs("div", { children: [_jsxs(CodeGroup, { children: [_jsx(CodeBlock, { filename: "cURL", numberOfLines: "18", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "18", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "curl" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -X" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " POST" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"https://api.enterprise.uphold.com/core/transactions/quote\"" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D7BA7D" }, children: " \\" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -H" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Authorization: Bearer \"" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D7BA7D" }, children: " \\" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -H" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Content-Type: application/json\"" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D7BA7D" }, children: " \\" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -d" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " '{" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"origin\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"type\": \"account\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"id\": \"11de2405-1f1f-4a6e-8a39-acd97dc7f3ec\"" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"destination\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"type\": \"account\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"id\": \"c392a0de-5fc6-49a7-96e1-e4b3f9ef5b27\"" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"denomination\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"asset\": \"USD\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"amount\": \"100\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"target\": \"origin\"" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "}'" }) }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "JavaScript", numberOfLines: "14", language: "javascript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "javascript", children: _jsxs(_components.code, { language: "javascript", numberOfLines: "14", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "const" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#4FC1FF" }, children: " response" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#C586C0" }, children: " await" }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: " fetch" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"https://api.enterprise.uphold.com/core/transactions/quote\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " method:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"POST\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " headers:" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Authorization\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: ":" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Bearer \"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Content-Type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: ":" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"application/json\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " body:" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#4FC1FF" }, children: " JSON" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "stringify" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "({" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " origin:" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " { " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "type:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"account\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "id:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"11de2405-1f1f-4a6e-8a39-acd97dc7f3ec\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " destination:" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " { " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "type:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"account\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "id:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"c392a0de-5fc6-49a7-96e1-e4b3f9ef5b27\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " denomination:" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " { " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "asset:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"USD\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "amount:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"100\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "target:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"origin\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " })," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "});" }) }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "const" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#4FC1FF" }, children: " data" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#C586C0" }, children: " await" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " response" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "json" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "Python", numberOfLines: "17", language: "python", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "python", children: _jsxs(_components.code, { language: "python", numberOfLines: "17", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#C586C0" }, children: "import" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " requests" })] }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "response " }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " requests.request(" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"POST\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"https://api.enterprise.uphold.com/core/transactions/quote\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#9CDCFE" }, children: " headers" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "{" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Authorization\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Bearer \"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Content-Type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"application/json\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#9CDCFE" }, children: " json" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "{" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"origin\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"account\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"11de2405-1f1f-4a6e-8a39-acd97dc7f3ec\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "}," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"destination\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"account\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"c392a0de-5fc6-49a7-96e1-e4b3f9ef5b27\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "}," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"denomination\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"USD\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"100\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"target\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"origin\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "}," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ")" }) }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "data " }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " response.json()" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "Java", numberOfLines: "28", language: "java", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "java", children: _jsxs(_components.code, { language: "java", numberOfLines: "28", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "import" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " java.net.http." }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#D4D4D4" }, children: "*" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ";" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "import" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " java.net.URI;" })] }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " client" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " HttpClient" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "newHttpClient" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " req" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " HttpRequest" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "newBuilder" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "()" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "uri" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "URI" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "create" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"https://api.enterprise.uphold.com/core/transactions/quote\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "))" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "header" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Authorization\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Bearer \"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ")" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "header" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Content-Type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"application/json\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ")" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "method" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"POST\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "HttpRequest" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "BodyPublishers" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "ofString" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"\"\"" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"origin\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"type\": \"account\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"id\": \"11de2405-1f1f-4a6e-8a39-acd97dc7f3ec\"" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"destination\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"type\": \"account\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"id\": \"c392a0de-5fc6-49a7-96e1-e4b3f9ef5b27\"" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"denomination\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"asset\": \"USD\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"amount\": \"100\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"target\": \"origin\"" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }" }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }\"\"\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "))" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "build" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " response" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " client" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "send" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(req, " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "HttpResponse" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "BodyHandlers" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "ofString" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "());" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " body" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " response" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "body" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n"] }) }) })] }), _jsx(CodeBlock, { filename: "Response", numberOfLines: "15", language: "json", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "json", children: _jsxs(_components.code, { language: "json", numberOfLines: "15", children: [_jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "{" }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"quote\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"43c0c58d-6fbd-464a-bf2b-f38fbfebb4ab\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"expiresAt\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"2026-05-29T11:47:05.109Z\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"origin\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": { " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"USD\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"100.00\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"rate\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"64564.596\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"destination\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": { " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"BTC\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"0.00154883\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"rate\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"0.0000155\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"denomination\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"USD\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"100.00\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"rate\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"1.00\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"target\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"origin\"" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"fees\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": []" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "}" }) }), "\n"] }) }) })] }), _jsxs("div", { children: [_jsxs(CodeGroup, { children: [_jsx(CodeBlock, { filename: "cURL", numberOfLines: "9", language: "shellscript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "shellscript", children: _jsxs(_components.code, { language: "shellscript", numberOfLines: "9", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#DCDCAA" }, children: "curl" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -X" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " POST" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"https://api.enterprise.uphold.com/core/transactions\"" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D7BA7D" }, children: " \\" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -H" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Authorization: Bearer \"" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D7BA7D" }, children: " \\" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -H" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Content-Type: application/json\"" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D7BA7D" }, children: " \\" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#569CD6" }, children: " -d" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " '{" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"quoteId\": \"43c0c58d-6fbd-464a-bf2b-f38fbfebb4ab\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"metadata\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"externalId\": 123" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "}'" }) }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "JavaScript", numberOfLines: "13", language: "javascript", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "javascript", children: _jsxs(_components.code, { language: "javascript", numberOfLines: "13", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "const" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#4FC1FF" }, children: " response" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#C586C0" }, children: " await" }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: " fetch" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"https://api.enterprise.uphold.com/core/transactions\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " method:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"POST\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " headers:" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Authorization\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: ":" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Bearer \"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Content-Type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: ":" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"application/json\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " body:" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#4FC1FF" }, children: " JSON" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "stringify" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "({" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " quoteId:" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"43c0c58d-6fbd-464a-bf2b-f38fbfebb4ab\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " metadata:" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " { " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "externalId:" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#B5CEA8" }, children: " 123" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " })," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "});" }) }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "const" }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#4FC1FF" }, children: " data" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#C586C0" }, children: " await" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " response" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "json" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "Python", numberOfLines: "16", language: "python", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "python", children: _jsxs(_components.code, { language: "python", numberOfLines: "16", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#C586C0" }, children: "import" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " requests" })] }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "response " }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " requests.request(" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"POST\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"https://api.enterprise.uphold.com/core/transactions\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#9CDCFE" }, children: " headers" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "{" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Authorization\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Bearer \"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"Content-Type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"application/json\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#953800", "--shiki-dark": "#9CDCFE" }, children: " json" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "{" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"quoteId\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"43c0c58d-6fbd-464a-bf2b-f38fbfebb4ab\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"metadata\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"externalId\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#B5CEA8" }, children: "123" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "}," })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ")" }) }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "data " }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: "=" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " response.json()" })] }), "\n"] }) }) }), _jsx(CodeBlock, { filename: "Java", numberOfLines: "19", language: "java", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "java", children: _jsxs(_components.code, { language: "java", numberOfLines: "19", children: [_jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "import" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " java.net.http." }), _jsx(_components.span, { style: { color: "#0550AE", "--shiki-dark": "#D4D4D4" }, children: "*" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ";" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "import" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " java.net.URI;" })] }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " client" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " HttpClient" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "newHttpClient" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " req" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " HttpRequest" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "newBuilder" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "()" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "uri" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "URI" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "create" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"https://api.enterprise.uphold.com/core/transactions\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "))" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "header" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Authorization\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Bearer \"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ")" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "header" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"Content-Type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"application/json\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ")" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "method" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"POST\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "HttpRequest" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "BodyPublishers" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "ofString" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(" }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"\"\"" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"quoteId\": \"43c0c58d-6fbd-464a-bf2b-f38fbfebb4ab\"," }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"metadata\": {" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " \"externalId\": 123" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }" }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: " }\"\"\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "))" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " ." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "build" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n", _jsx(_components.span, { className: "line" }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " response" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " client" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "send" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "(req, " }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "HttpResponse" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: "BodyHandlers" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "ofString" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "());" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#569CD6" }, children: "var" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " body" }), _jsx(_components.span, { style: { color: "#CF222E", "--shiki-dark": "#D4D4D4" }, children: " =" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#9CDCFE" }, children: " response" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "." }), _jsx(_components.span, { style: { color: "#8250DF", "--shiki-dark": "#DCDCAA" }, children: "body" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "();" })] }), "\n"] }) }) })] }), _jsx(CodeBlock, { filename: "Response", numberOfLines: "8", language: "json", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "json", children: _jsxs(_components.code, { language: "json", numberOfLines: "8", children: [_jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "{" }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"transaction\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"43c0c58d-6fbd-464a-bf2b-f38fbfebb4ab\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"status\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"processing\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"origin\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": { " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"USD\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"100.00\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"destination\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": { " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"BTC\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ", " }), _jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: "\"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"0.00154883\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "}" }) }), "\n"] }) }) })] }), _jsxs("div", { children: [_jsx(Info, { children: _jsxs(_components.p, { children: [_jsx(_components.strong, { children: "Webhook event:" }), " ", _jsx(_components.code, { children: "core.transaction.status-changed" })] }) }), _jsx(CodeBlock, { filename: "Webhook payload", numberOfLines: "37", language: "json", children: _jsx(_components.pre, { className: "shiki shiki-themes github-light-default dark-plus", style: { backgroundColor: "#ffffff", "--shiki-dark-bg": "#0B0C0E", color: "#1f2328", "--shiki-dark": "#D4D4D4" }, language: "json", children: _jsxs(_components.code, { language: "json", numberOfLines: "37", children: [_jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "{" }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"c2d3e4f5-a6b7-4c8d-9e0f-a1b2c3d4e5f6\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"core.transaction.status-changed\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"createdAt\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"2026-05-29T11:46:53.737Z\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"data\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"transaction\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"b1c2d3e4-f5a6-4b7c-8d9e-f0a1b2c3d4e5\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"status\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"completed\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"origin\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"USD\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"100.00\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"node\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"account\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"11de2405-1f1f-4a6e-8a39-acd97dc7f3ec\"" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"destination\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"BTC\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"0.00154883\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"node\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"type\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"account\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"id\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"c392a0de-5fc6-49a7-96e1-e4b3f9ef5b27\"" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"denomination\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": {" })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"asset\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"USD\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"amount\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"100.00\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"rate\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"1.00\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"target\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"origin\"" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }," }) }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"fees\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": []," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"quotedAt\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"2026-05-29T11:46:47.494Z\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"createdAt\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"2026-05-29T11:46:53.110Z\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "," })] }), "\n", _jsxs(_components.span, { className: "line", children: [_jsx(_components.span, { style: { color: "#116329", "--shiki-dark": "#9CDCFE" }, children: " \"updatedAt\"" }), _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: ": " }), _jsx(_components.span, { style: { color: "#0A3069", "--shiki-dark": "#CE9178" }, children: "\"2026-05-29T11:46:53.737Z\"" })] }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: " }" }) }), "\n", _jsx(_components.span, { className: "line", children: _jsx(_components.span, { style: { color: "#1F2328", "--shiki-dark": "#D4D4D4" }, children: "}" }) }), "\n"] }) }) })] })] }) }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.p, { children: ["For the full prose walkthrough — prerequisite checks, error table, and denomination logic — see the ", _jsx(_components.a, { href: "/developer-guides/trade-and-send/trade/via-rest-api", children: "via REST API" }), " guide."] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { TRADE_FLOW, assetsResponse, assetsTabs, accountsResponse, accountsTabs, RampWFooter, RampWTopBar, RampLeafLogo, IcoArrowDownTT, IcoCheck, TradeCompletedScreen, TradeProcessingScreen, TradeQuoteReviewScreen, TradeAccountPickerScreen, AssetListScreen, AccountListScreen, SubPanelSwitch, WizardCodeGroup, WizardCopyButton, WizardJsonBlock, WizardWebhookBadge, WizardStatusBar, WizardPhoneShell, FlowWizard, default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }