@turnkey/react-wallet-kit 2.7.0 → 2.8.0

package/dist/components/funding/QuoteOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteOption.js","sources":["../../../src/components/funding/QuoteOption.tsx"],"sourcesContent":[null],"names":["providerNames","FIAT_RAMP_PROVIDER_COINBASE","FIAT_RAMP_PROVIDER_MOONPAY","FIAT_RAMP_PROVIDER_MELD","providerLogos","CoinbaseLogo","MoonPayLogo","MeldLogo","providerName","provider","capitalize","value","lower","toLowerCase","charAt","toUpperCase","slice","QuoteOption","props","quote","amount","amountBasis","onSelect","_jsx","BaseButton","type","name","quoteId","onClick","className","QuoteSummary","showChevron","assetsByCaip2","useSupportedAssets","compared","undefined","compareFiatAmount","cryptoAmount","fiatAmount","warning","ProviderLogo","label","serviceProvider","_jsxs","_Fragment","children","QuoteRow","formatFiat","fiatCurrencyCode","display","tokenSymbol","caip19","totalFee","FontAwesomeIcon","icon","faChevronRight","faTriangleExclamation","currency","code","length","Number","isFinite","Intl","NumberFormat","style","currencyDisplay","format","quoted","input","quotedAtomic","toAtomic","decimals","inputAtomic","trimmed","trim","test","whole","fraction","split","digits","repeat","BigInt"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAMA,aAAa,GAAG;AACpBC,EAAAA,2BAA2B,EAAE,UAAU;AACvCC,EAAAA,0BAA0B,EAAE,SAAS;AACrCC,EAAAA,uBAAuB,EAAE;CAC4B;AAEhD,MAAMC,aAAa,GAAG;AAC3BH,EAAAA,2BAA2B,EAAEI,gBAAY;AACzCH,EAAAA,0BAA0B,EAAEI,eAAW;AACvCH,EAAAA,uBAAuB,EAAEI;;AAGrB,SAAUC,YAAYA,CAACC,QAA4B,EAAA;EACvD,OAAOT,aAAa,CAACS,QAAQ,CAAC;AAChC;AAEA,SAASC,UAAUA,CAACC,KAAa,EAAA;AAC/B,EAAA,MAAMC,KAAK,GAAGD,KAAK,CAACE,WAAW,EAAE;AACjC,EAAA,OAAOD,KAAK,CAACE,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,EAAE,GAAGH,KAAK,CAACI,KAAK,CAAC,CAAC,CAAC;AACvD;AAWM,SAAUC,WAAWA,CAACC,KAAuB,EAAA;EACjD,MAAM;IAAEC,KAAK;IAAEC,MAAM;IAAEC,WAAW;AAAEC,IAAAA;AAAQ,GAAE,GAAGJ,KAAK;EAEtD,OACEK,eAACC,kBAAU,EAAA;AACTC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,IAAI,EAAE,CAAA,aAAA,EAAgBP,KAAK,CAACQ,OAAO,CAAA,CAAE;AACrCC,IAAAA,OAAO,EAAEA,MAAMN,QAAQ,CAACH,KAAK,CAAC;AAC9BU,IAAAA,SAAS,EAAC,qTAAqT;cAE/TN,cAAA,CAACO,YAAY,EAAA;AAACX,MAAAA,KAAK,EAAEA,KAAK;AAAEC,MAAAA,MAAM,EAAEA,MAAM;AAAEC,MAAAA,WAAW,EAAEA;KAAW;AAAI,GAAA,CAC7D;AAEjB;AAEM,SAAUS,YAAYA,CAACZ,KAK5B,EAAA;EACC,MAAM;IAAEC,KAAK;IAAEC,MAAM;AAAEC,IAAAA,WAAW,GAAG,MAAM;AAAEU,IAAAA;AAAW,GAAE,GAAGb,KAAK;EAClE,MAAM;AAAEc,IAAAA;GAAe,GAAGC,0CAAkB,EAAE;EAC9C,MAAMC,QAAQ,GACZd,MAAM,KAAKe,SAAS,GAChBA,SAAS,GACTC,iBAAiB,CACff,WAAW,KAAK,QAAQ,GAAGF,KAAK,CAACkB,YAAY,GAAGlB,KAAK,CAACmB,UAAU,EAChElB,MAAM,CACP;EACP,MAAMmB,OAAO,GAAGL,QAAQ,GAAG,GAAGA,QAAQ,CAAA,kBAAA,CAAoB,GAAGC,SAAS;AACtE,EAAA,MAAMK,YAAY,GAAGpC,aAAa,CAACe,KAAK,CAACV,QAAQ,CAAC;AAClD,EAAA,MAAMiB,IAAI,GAAGlB,YAAY,CAACW,KAAK,CAACV,QAAQ,CAAC;EACzC,MAAMgC,KAAK,GACTtB,KAAK,CAACV,QAAQ,KAAK,yBAAyB,IAAIU,KAAK,CAACuB,eAAe,GACjE,CAAA,EAAGhC,UAAU,CAACS,KAAK,CAACuB,eAAe,CAAC,CAAA,EAAA,EAAKhB,IAAI,CAAA,CAAA,CAAG,GAChDA,IAAI;EAEV,OACEiB,eAAA,CAAAC,mBAAA,EAAA;AAAAC,IAAAA,QAAA,EAAA,CACEtB,cAAA,CAACuB,QAAQ,EAAA;AACPL,MAAAA,KAAK,EAAC,aAAa;MACnB9B,KAAK,EAAEoC,UAAU,CAAC5B,KAAK,CAACmB,UAAU,EAAEnB,KAAK,CAAC6B,gBAAgB,CAAC;AAC3DT,MAAAA,OAAO,EAAElB,WAAW,KAAK,MAAM,GAAGkB,OAAO,GAAGJ;AAAS,KAAA,CACrD,EACFZ,cAAA,CAACuB,QAAQ,EAAA;AACPL,MAAAA,KAAK,EAAC,eAAe;AACrB9B,MAAAA,KAAK,EAAE,CAAA,EAAGQ,KAAK,CAACkB,YAAY,CAACY,OAAO,CAAA,CAAA,EAAIC,uBAAW,CAAC/B,KAAK,CAACgC,MAAM,EAAEnB,aAAa,CAAC,CAAA,CAAE;AAClFO,MAAAA,OAAO,EAAElB,WAAW,KAAK,QAAQ,GAAGkB,OAAO,GAAGJ;AAAS,KAAA,CACvD,EACFZ,cAAA,CAACuB,QAAQ,EAAA;AACPL,MAAAA,KAAK,EAAC,WAAW;MACjB9B,KAAK,EAAEoC,UAAU,CAAC5B,KAAK,CAACiC,QAAQ,EAAEjC,KAAK,CAAC6B,gBAAgB;AAAC,KAAA,CACzD,EACFL,eAAA,CAAA,KAAA,EAAA;AAAKd,MAAAA,SAAS,EAAC,yLAAyL;AAAAgB,MAAAA,QAAA,EAAA,CACrML,YAAY,IAAIjB,cAAA,CAACiB,YAAY,EAAA;AAACX,QAAAA,SAAS,EAAC;AAAiB,OAAA,CAAG,EAC7DN,cAAA,CAAA,MAAA,EAAA;AAAAsB,QAAAA,QAAA,EAAOJ;AAAK,OAAA,CAAQ,EACnBV,WAAW,IACVR,cAAA,CAAC8B,gCAAe,EAAA;AAACC,QAAAA,IAAI,EAAEC,gCAAc;AAAE1B,QAAAA,SAAS,EAAC;AAAQ,OAAA,CAC1D;AAAA,KAAA,CACG;AAAA,GAAA,CACL;AAEP;AAEA,SAASiB,QAAQA,CAAC5B,KAIjB,EAAA;EACC,MAAM;IAAEuB,KAAK;IAAE9B,KAAK;AAAE4B,IAAAA;AAAO,GAAE,GAAGrB,KAAK;EAEvC,OACEyB,eAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,gDAAgD;eAC7DN,cAAA,CAAA,MAAA,EAAA;AAAMM,MAAAA,SAAS,EAAC,+CAA+C;AAAAgB,MAAAA,QAAA,EAC5DJ;MACI,EACPE,eAAA,CAAA,MAAA,EAAA;AAAMd,MAAAA,SAAS,EAAC,+CAA+C;AAAAgB,MAAAA,QAAA,EAAA,CAC5DN,OAAO,IACNI,eAAA,CAAA,MAAA,EAAA;AAAMd,QAAAA,SAAS,EAAC,yEAAyE;mBACvFN,cAAA,CAAC8B,gCAAe,EAAA;AACdC,UAAAA,IAAI,EAAEE,uCAAqB;AAC3B3B,UAAAA,SAAS,EAAC;SAAiB,CAC3B,EACDU,OAAO;QAEX,EACDhB,cAAA,CAAA,MAAA,EAAA;AAAMM,QAAAA,SAAS,EAAC,0DAA0D;AAAAgB,QAAAA,QAAA,EACvElC;AAAK,OAAA,CACD;AAAA,KAAA,CACF;AAAA,GAAA,CACH;AAEV;AAEA,SAASoC,UAAUA,CAAC3B,MAAwB,EAAEqC,QAA4B,EAAA;EACxE,MAAMC,IAAI,GAAGD,QAAQ,CAACzC,KAAK,CAAC,qBAAqB,CAAC2C,MAAM,CAAC;AACzD,EAAA,MAAMhD,KAAK,GAAGiD,MAAM,CAACxC,MAAM,CAAC6B,OAAO,CAAC;EACpC,IAAI,CAACW,MAAM,CAACC,QAAQ,CAAClD,KAAK,CAAC,EAAE,OAAOS,MAAM,CAAC6B,OAAO;AAElD,EAAA,OAAO,IAAIa,IAAI,CAACC,YAAY,CAAC,IAAI,EAAE;AACjCC,IAAAA,KAAK,EAAE,UAAU;AACjBP,IAAAA,QAAQ,EAAEC,IAAI;AACdO,IAAAA,eAAe,EAAE;AAClB,GAAA,CAAC,CAACC,MAAM,CAACvD,KAAK,CAAC;AAClB;AAEA,SAASyB,iBAAiBA,CACxB+B,MAAwB,EACxBC,KAAa,EAAA;EAEb,MAAMC,YAAY,GAAGC,QAAQ,CAACH,MAAM,CAAClB,OAAO,EAAEkB,MAAM,CAACI,QAAQ,CAAC;EAC9D,MAAMC,WAAW,GAAGF,QAAQ,CAACF,KAAK,EAAED,MAAM,CAACI,QAAQ,CAAC;EACpD,IACEF,YAAY,KAAKlC,SAAS,IAC1BqC,WAAW,KAAKrC,SAAS,IACzBkC,YAAY,KAAKG,WAAW,EAC5B;AACA,IAAA,OAAOrC,SAAS;AAClB,EAAA;AAEA,EAAA,OAAOkC,YAAY,GAAGG,WAAW,GAAG,QAAQ,GAAG,OAAO;AACxD;AAEA,SAASF,QAAQA,CAAC3D,KAAa,EAAE4D,QAAgB,EAAA;AAC/C,EAAA,MAAME,OAAO,GAAG9D,KAAK,CAAC+D,IAAI,EAAE;EAC5B,IAAI,CAAC,eAAe,CAACC,IAAI,CAACF,OAAO,CAAC,EAAE,OAAOtC,SAAS;AAEpD,EAAA,MAAM,CAACyC,KAAK,GAAG,GAAG,EAAEC,QAAQ,GAAG,EAAE,CAAC,GAAGJ,OAAO,CAACK,KAAK,CAAC,GAAG,CAAC;AACvD,EAAA,MAAMC,MAAM,GAAG,CAAA,EAAGF,QAAQ,CAAA,EAAG,GAAG,CAACG,MAAM,CAACT,QAAQ,CAAC,EAAE,CAACvD,KAAK,CAAC,CAAC,EAAEuD,QAAQ,CAAC;EAEtE,IAAI;IACF,OAAOU,MAAM,CAAC,CAAA,EAAGL,KAAK,IAAI,GAAG,CAAA,EAAGG,MAAM,CAAA,CAAE,CAAC;AAC3C,EAAA,CAAC,CAAC,MAAM;AACN,IAAA,OAAO5C,SAAS;AAClB,EAAA;AACF;;;;;;;"}

package/dist/components/funding/QuoteOption.mjs

@@ -0,0 +1,150 @@
+import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { faChevronRight, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { BaseButton } from '../design/Buttons.mjs';
+import { MeldLogo, MoonPayLogo, CoinbaseLogo } from '../design/Svg.mjs';
+import { useSupportedAssets } from '../../providers/SupportedAssetsProvider.mjs';
+import '@turnkey/core';
+import 'viem';
+import { tokenSymbol } from '../../utils/funding/tokenSymbol.mjs';
+import '@solana-program/system';
+import '@solana-program/token';
+import '@solana/kit';
+import '@turnkey/encoding';
+
+var providerNames = {
+  FIAT_RAMP_PROVIDER_COINBASE: "Coinbase",
+  FIAT_RAMP_PROVIDER_MOONPAY: "MoonPay",
+  FIAT_RAMP_PROVIDER_MELD: "Meld"
+};
+var providerLogos = {
+  FIAT_RAMP_PROVIDER_COINBASE: CoinbaseLogo,
+  FIAT_RAMP_PROVIDER_MOONPAY: MoonPayLogo,
+  FIAT_RAMP_PROVIDER_MELD: MeldLogo
+};
+function providerName(provider) {
+  return providerNames[provider];
+}
+function capitalize(value) {
+  var lower = value.toLowerCase();
+  return lower.charAt(0).toUpperCase() + lower.slice(1);
+}
+function QuoteOption(props) {
+  var quote = props.quote,
+    amount = props.amount,
+    amountBasis = props.amountBasis,
+    onSelect = props.onSelect;
+  return jsx(BaseButton, {
+    type: "button",
+    name: "onramp-quote-".concat(quote.quoteId),
+    onClick: function onClick() {
+      return onSelect(quote);
+    },
+    className: "flex w-full flex-col gap-2 rounded-md border border-modal-background-dark/20 dark:border-modal-background-light/20 bg-button-light dark:bg-button-dark px-3 py-3 text-left text-sm box-border transition-all focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0",
+    children: jsx(QuoteSummary, {
+      quote: quote,
+      amount: amount,
+      amountBasis: amountBasis
+    })
+  });
+}
+function QuoteSummary(props) {
+  var quote = props.quote,
+    amount = props.amount,
+    _props$amountBasis = props.amountBasis,
+    amountBasis = _props$amountBasis === void 0 ? "fiat" : _props$amountBasis,
+    showChevron = props.showChevron;
+  var _useSupportedAssets = useSupportedAssets(),
+    assetsByCaip2 = _useSupportedAssets.assetsByCaip2;
+  var compared = amount === undefined ? undefined : compareFiatAmount(amountBasis === "crypto" ? quote.cryptoAmount : quote.fiatAmount, amount);
+  var warning = compared ? "".concat(compared, " than input amount") : undefined;
+  var ProviderLogo = providerLogos[quote.provider];
+  var name = providerName(quote.provider);
+  var label = quote.provider === "FIAT_RAMP_PROVIDER_MELD" && quote.serviceProvider ? "".concat(capitalize(quote.serviceProvider), " (").concat(name, ")") : name;
+  return jsxs(Fragment, {
+    children: [jsx(QuoteRow, {
+      label: "Fiat amount",
+      value: formatFiat(quote.fiatAmount, quote.fiatCurrencyCode),
+      warning: amountBasis === "fiat" ? warning : undefined
+    }), jsx(QuoteRow, {
+      label: "Crypto amount",
+      value: "".concat(quote.cryptoAmount.display, " ").concat(tokenSymbol(quote.caip19, assetsByCaip2)),
+      warning: amountBasis === "crypto" ? warning : undefined
+    }), jsx(QuoteRow, {
+      label: "Total fee",
+      value: formatFiat(quote.totalFee, quote.fiatCurrencyCode)
+    }), jsxs("div", {
+      className: "mt-1 flex items-center justify-center gap-1.5 border-t border-modal-background-dark/15 pt-2 text-xs text-icon-text-light dark:border-modal-background-light/15 dark:text-icon-text-dark",
+      children: [ProviderLogo && jsx(ProviderLogo, {
+        className: "size-4 shrink-0"
+      }), jsx("span", {
+        children: label
+      }), showChevron && jsx(FontAwesomeIcon, {
+        icon: faChevronRight,
+        className: "size-3"
+      })]
+    })]
+  });
+}
+function QuoteRow(props) {
+  var label = props.label,
+    value = props.value,
+    warning = props.warning;
+  return jsxs("div", {
+    className: "flex w-full items-center justify-between gap-3",
+    children: [jsx("span", {
+      className: "text-icon-text-light dark:text-icon-text-dark",
+      children: label
+    }), jsxs("span", {
+      className: "flex min-w-0 items-center justify-end gap-1.5",
+      children: [warning && jsxs("span", {
+        className: "flex items-center gap-1 text-xs text-danger-light dark:text-danger-dark",
+        children: [jsx(FontAwesomeIcon, {
+          icon: faTriangleExclamation,
+          className: "size-3 shrink-0"
+        }), warning]
+      }), jsx("span", {
+        className: "truncate text-modal-text-light dark:text-modal-text-dark",
+        children: value
+      })]
+    })]
+  });
+}
+function formatFiat(amount, currency) {
+  var code = currency.slice("FIAT_RAMP_CURRENCY_".length);
+  var value = Number(amount.display);
+  if (!Number.isFinite(value)) return amount.display;
+  return new Intl.NumberFormat("en", {
+    style: "currency",
+    currency: code,
+    currencyDisplay: "narrowSymbol"
+  }).format(value);
+}
+function compareFiatAmount(quoted, input) {
+  var quotedAtomic = toAtomic(quoted.display, quoted.decimals);
+  var inputAtomic = toAtomic(input, quoted.decimals);
+  if (quotedAtomic === undefined || inputAtomic === undefined || quotedAtomic === inputAtomic) {
+    return undefined;
+  }
+  return quotedAtomic > inputAtomic ? "Higher" : "Lower";
+}
+function toAtomic(value, decimals) {
+  var trimmed = value.trim();
+  if (!/^\d+(\.\d+)?$/.test(trimmed)) return undefined;
+  var _trimmed$split = trimmed.split("."),
+    _trimmed$split2 = _slicedToArray(_trimmed$split, 2),
+    _trimmed$split2$ = _trimmed$split2[0],
+    whole = _trimmed$split2$ === void 0 ? "0" : _trimmed$split2$,
+    _trimmed$split2$2 = _trimmed$split2[1],
+    fraction = _trimmed$split2$2 === void 0 ? "" : _trimmed$split2$2;
+  var digits = "".concat(fraction).concat("0".repeat(decimals)).slice(0, decimals);
+  try {
+    return BigInt("".concat(whole || "0").concat(digits));
+  } catch (_unused) {
+    return undefined;
+  }
+}
+
+export { QuoteOption, QuoteSummary, providerLogos, providerName };
+//# sourceMappingURL=QuoteOption.mjs.map

package/dist/components/funding/QuoteOption.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteOption.mjs","sources":["../../../src/components/funding/QuoteOption.tsx"],"sourcesContent":[null],"names":["providerNames","FIAT_RAMP_PROVIDER_COINBASE","FIAT_RAMP_PROVIDER_MOONPAY","FIAT_RAMP_PROVIDER_MELD","providerLogos","CoinbaseLogo","MoonPayLogo","MeldLogo","providerName","provider","capitalize","value","lower","toLowerCase","charAt","toUpperCase","slice","QuoteOption","props","quote","amount","amountBasis","onSelect","_jsx","BaseButton","type","name","concat","quoteId","onClick","className","QuoteSummary","_props$amountBasis","showChevron","_useSupportedAssets","useSupportedAssets","assetsByCaip2","compared","undefined","compareFiatAmount","cryptoAmount","fiatAmount","warning","ProviderLogo","label","serviceProvider","_jsxs","_Fragment","children","QuoteRow","formatFiat","fiatCurrencyCode","display","tokenSymbol","caip19","totalFee","FontAwesomeIcon","icon","faChevronRight","faTriangleExclamation","currency","code","length","Number","isFinite","Intl","NumberFormat","style","currencyDisplay","format","quoted","input","quotedAtomic","toAtomic","decimals","inputAtomic","trimmed","trim","test","_trimmed$split","split","_trimmed$split2","_slicedToArray","_trimmed$split2$","whole","_trimmed$split2$2","fraction","digits","repeat","BigInt","_unused"],"mappings":"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"}

package/dist/components/funding/QuotePicker.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import type { v1FiatOnRampQuote } from "@turnkey/core";
+import { type QuoteAmountBasis } from "./QuoteOption";
+export type QuotePickerProps = {
+    quotes: v1FiatOnRampQuote[];
+    amount?: string | undefined;
+    amountBasis?: QuoteAmountBasis | undefined;
+    yieldOn?: "crypto" | "fiat" | undefined;
+    onSelect: (quote: v1FiatOnRampQuote) => void;
+    className?: string;
+};
+export declare const QuotePicker: import("react").ForwardRefExoticComponent<QuotePickerProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=QuotePicker.d.ts.map

package/dist/components/funding/QuotePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuotePicker.d.ts","sourceRoot":"","sources":["../../../src/components/funding/QuotePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEnE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,6GAgCvB,CAAC"}

package/dist/components/funding/QuotePicker.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var clsx = require('clsx');
+var react = require('react');
+var SupportedAssetsProvider = require('../../providers/SupportedAssetsProvider.js');
+require('@turnkey/core');
+require('viem');
+require('@solana-program/system');
+require('@solana-program/token');
+require('@solana/kit');
+require('@turnkey/encoding');
+var rankQuotes = require('../../utils/funding/rankQuotes.js');
+var QuoteOption = require('./QuoteOption.js');
+
+const QuotePicker = /*#__PURE__*/react.forwardRef(function QuotePicker(props, ref) {
+  const {
+    quotes,
+    amount,
+    amountBasis,
+    yieldOn,
+    onSelect,
+    className
+  } = props;
+  return jsxRuntime.jsx(SupportedAssetsProvider.SupportedAssetsProvider, {
+    children: jsxRuntime.jsx("div", {
+      ref: ref,
+      className: clsx("flex w-full flex-col gap-3", className),
+      children: rankQuotes.rankQuotes(quotes, yieldOn).map(({
+        quote,
+        labels
+      }) => jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-1",
+        children: [labels.map(label => jsxRuntime.jsx("div", {
+          className: "px-1 text-xs font-medium text-icon-text-light dark:text-icon-text-dark",
+          children: label
+        }, label)), jsxRuntime.jsx(QuoteOption.QuoteOption, {
+          quote: quote,
+          amount: amount,
+          amountBasis: amountBasis,
+          onSelect: onSelect
+        })]
+      }, quote.quoteId))
+    })
+  });
+});
+
+exports.QuotePicker = QuotePicker;
+//# sourceMappingURL=QuotePicker.js.map

package/dist/components/funding/QuotePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuotePicker.js","sources":["../../../src/components/funding/QuotePicker.tsx"],"sourcesContent":[null],"names":["QuotePicker","forwardRef","props","ref","quotes","amount","amountBasis","yieldOn","onSelect","className","_jsx","SupportedAssetsProvider","children","clsx","rankQuotes","map","quote","labels","_jsxs","label","QuoteOption","quoteId"],"mappings":";;;;;;;;;;;;;;;AAgBO,MAAMA,WAAW,gBAAGC,gBAAU,CACnC,SAASD,WAAWA,CAACE,KAAK,EAAEC,GAAG,EAAA;EAC7B,MAAM;IAAEC,MAAM;IAAEC,MAAM;IAAEC,WAAW;IAAEC,OAAO;IAAEC,QAAQ;AAAEC,IAAAA;AAAS,GAAE,GAAGP,KAAK;EAE3E,OACEQ,eAACC,+CAAuB,EAAA;AAAAC,IAAAA,QAAA,EACtBF;AACEP,MAAAA,GAAG,EAAEA,GAAG;AACRM,MAAAA,SAAS,EAAEI,IAAI,CAAC,4BAA4B,EAAEJ,SAAS,CAAC;MAAAG,QAAA,EAEvDE,qBAAU,CAACV,MAAM,EAAEG,OAAO,CAAC,CAACQ,GAAG,CAAC,CAAC;QAAEC,KAAK;AAAEC,QAAAA;AAAM,OAAE,KACjDC;AAAyBT,QAAAA,SAAS,EAAC,qBAAqB;QAAAG,QAAA,EAAA,CACrDK,MAAM,CAACF,GAAG,CAAEI,KAAK,IAChBT;AAEED,UAAAA,SAAS,EAAC,wEAAwE;AAAAG,UAAAA,QAAA,EAEjFO;WAHIA,KAAK,CAKb,CAAC,EACFT,eAACU,uBAAW,EAAA;AACVJ,UAAAA,KAAK,EAAEA,KAAK;AACZX,UAAAA,MAAM,EAAEA,MAAM;AACdC,UAAAA,WAAW,EAAEA,WAAW;AACxBE,UAAAA,QAAQ,EAAEA;UACV;AAAA,OAAA,EAdMQ,KAAK,CAACK,OAAO,CAgBxB;KAAC;AACE,GAAA,CACkB;AAE9B,CAAC;;;;"}

package/dist/components/funding/QuotePicker.mjs

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { SupportedAssetsProvider } from '../../providers/SupportedAssetsProvider.mjs';
+import '@turnkey/core';
+import 'viem';
+import '@solana-program/system';
+import '@solana-program/token';
+import '@solana/kit';
+import '@turnkey/encoding';
+import { rankQuotes } from '../../utils/funding/rankQuotes.mjs';
+import { QuoteOption } from './QuoteOption.mjs';
+
+var QuotePicker = /*#__PURE__*/forwardRef(function QuotePicker(props, ref) {
+  var quotes = props.quotes,
+    amount = props.amount,
+    amountBasis = props.amountBasis,
+    yieldOn = props.yieldOn,
+    onSelect = props.onSelect,
+    className = props.className;
+  return jsx(SupportedAssetsProvider, {
+    children: jsx("div", {
+      ref: ref,
+      className: clsx("flex w-full flex-col gap-3", className),
+      children: rankQuotes(quotes, yieldOn).map(function (_ref) {
+        var quote = _ref.quote,
+          labels = _ref.labels;
+        return jsxs("div", {
+          className: "flex flex-col gap-1",
+          children: [labels.map(function (label) {
+            return jsx("div", {
+              className: "px-1 text-xs font-medium text-icon-text-light dark:text-icon-text-dark",
+              children: label
+            }, label);
+          }), jsx(QuoteOption, {
+            quote: quote,
+            amount: amount,
+            amountBasis: amountBasis,
+            onSelect: onSelect
+          })]
+        }, quote.quoteId);
+      })
+    })
+  });
+});
+
+export { QuotePicker };
+//# sourceMappingURL=QuotePicker.mjs.map

package/dist/components/funding/QuotePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuotePicker.mjs","sources":["../../../src/components/funding/QuotePicker.tsx"],"sourcesContent":[null],"names":["QuotePicker","forwardRef","props","ref","quotes","amount","amountBasis","yieldOn","onSelect","className","_jsx","SupportedAssetsProvider","children","clsx","rankQuotes","map","_ref","quote","labels","_jsxs","label","QuoteOption","quoteId"],"mappings":";;;;;;;;;;;;;AAgBO,IAAMA,WAAW,gBAAGC,UAAU,CACnC,SAASD,WAAWA,CAACE,KAAK,EAAEC,GAAG,EAAA;AAC7B,EAAA,IAAQC,MAAM,GAAwDF,KAAK,CAAnEE,MAAM;IAAEC,MAAM,GAAgDH,KAAK,CAA3DG,MAAM;IAAEC,WAAW,GAAmCJ,KAAK,CAAnDI,WAAW;IAAEC,OAAO,GAA0BL,KAAK,CAAtCK,OAAO;IAAEC,QAAQ,GAAgBN,KAAK,CAA7BM,QAAQ;IAAEC,SAAS,GAAKP,KAAK,CAAnBO,SAAS;EAEjE,OACEC,IAACC,uBAAuB,EAAA;AAAAC,IAAAA,QAAA,EACtBF;AACEP,MAAAA,GAAG,EAAEA,GAAG;AACRM,MAAAA,SAAS,EAAEI,IAAI,CAAC,4BAA4B,EAAEJ,SAAS,CAAC;MAAAG,QAAA,EAEvDE,UAAU,CAACV,MAAM,EAAEG,OAAO,CAAC,CAACQ,GAAG,CAAC,UAAAC,IAAA,EAAA;AAAA,QAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;UAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;QAAA,OAC/CC;AAAyBV,UAAAA,SAAS,EAAC,qBAAqB;AAAAG,UAAAA,QAAA,EAAA,CACrDM,MAAM,CAACH,GAAG,CAAC,UAACK,KAAK,EAAA;YAAA,OAChBV;AAEED,cAAAA,SAAS,EAAC,wEAAwE;AAAAG,cAAAA,QAAA,EAEjFQ;eAHIA,KAAK,CAIN;AAAA,UAAA,CACP,CAAC,EACFV,IAACW,WAAW,EAAA;AACVJ,YAAAA,KAAK,EAAEA,KAAK;AACZZ,YAAAA,MAAM,EAAEA,MAAM;AACdC,YAAAA,WAAW,EAAEA,WAAW;AACxBE,YAAAA,QAAQ,EAAEA;YACV;AAAA,SAAA,EAdMS,KAAK,CAACK,OAAO,CAejB;MAAA,CACP;KAAC;AACE,GAAA,CACkB;AAE9B,CAAC;;;;"}

package/dist/components/funding/TokenSelect.d.ts

@@ -0,0 +1,18 @@
+import type { OnRampCaip19, v1AssetMetadata } from "@turnkey/core";
+export type TokenSelectTrigger = "row" | "symbol";
+export type TokenSelectProps = {
+    tokens: OnRampCaip19[];
+    value: OnRampCaip19;
+    onChange?: (token: OnRampCaip19) => void;
+    amount?: string | undefined;
+    locked?: boolean;
+    /** "row" sits under the cash amount. "symbol" sits beside a crypto amount, like the currency code. */
+    trigger?: TokenSelectTrigger;
+};
+export declare function TokenSelect(props: TokenSelectProps): import("react/jsx-runtime").JSX.Element;
+export declare function TokenLogo(props: {
+    token: OnRampCaip19;
+    assetsByCaip2: Record<string, v1AssetMetadata[]>;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TokenSelect.d.ts.map

package/dist/components/funding/TokenSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenSelect.d.ts","sourceRoot":"","sources":["../../../src/components/funding/TokenSelect.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAUnE,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAwBlD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,sGAAsG;IACtG,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAkClD;AA6HD,wBAAgB,SAAS,CAAC,KAAK,EAAE;IAC/B,KAAK,EAAE,YAAY,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAwBA"}

package/dist/components/funding/TokenSelect.js

@@ -0,0 +1,198 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var react$1 = require('@headlessui/react');
+var clsx = require('clsx');
+var react = require('react');
+var SupportedAssetsProvider = require('../../providers/SupportedAssetsProvider.js');
+var utils = require('../../utils/utils.js');
+require('@turnkey/core');
+require('viem');
+var tokenSymbol = require('../../utils/funding/tokenSymbol.js');
+var chainLabel = require('../../utils/funding/chainLabel.js');
+require('@solana-program/system');
+require('@solana-program/token');
+require('@solana/kit');
+require('@turnkey/encoding');
+
+const desiredPanelHeight = 288;
+function groupOnRampTokens(tokens) {
+  const order = [];
+  const byChain = new Map();
+  for (const token of tokens) {
+    const caip2 = tokenSymbol.caip2Of(token);
+    const list = byChain.get(caip2);
+    if (list) {
+      list.push(token);
+    } else {
+      order.push(caip2);
+      byChain.set(caip2, [token]);
+    }
+  }
+  return order.map(caip2 => ({
+    caip2,
+    label: chainLabel.chainLabel(caip2),
+    tokens: byChain.get(caip2)
+  }));
+}
+function TokenSelect(props) {
+  const {
+    tokens,
+    value,
+    onChange,
+    amount,
+    locked,
+    trigger = "row"
+  } = props;
+  const selectable = !locked && !!onChange;
+  const {
+    assetsByCaip2,
+    ensureAssets
+  } = SupportedAssetsProvider.useSupportedAssets();
+  const chains = tokens.map(tokenSymbol.caip2Of).join(",");
+  react.useEffect(() => {
+    ensureAssets([...new Set(tokens.map(tokenSymbol.caip2Of))]);
+  }, [chains, ensureAssets, tokens]);
+  if (selectable && onChange) {
+    return jsxRuntime.jsx(SelectableToken, {
+      tokens: tokens,
+      value: value,
+      onChange: onChange,
+      amount: amount,
+      assetsByCaip2: assetsByCaip2,
+      trigger: trigger
+    });
+  }
+  if (trigger === "symbol") {
+    return jsxRuntime.jsx("span", {
+      className: "text-lg font-bold leading-none",
+      children: tokenSymbol.tokenSymbol(value, assetsByCaip2)
+    });
+  }
+  return jsxRuntime.jsx(TokenRow, {
+    token: value,
+    amount: amount,
+    assetsByCaip2: assetsByCaip2
+  });
+}
+function SelectableToken(props) {
+  const {
+    tokens,
+    value,
+    onChange,
+    amount,
+    assetsByCaip2,
+    trigger
+  } = props;
+  const buttonRef = react.useRef(null);
+  const [placement, setPlacement] = react.useState("bottom start");
+  const {
+    height
+  } = utils.useScreenSize();
+  const update = react.useCallback(() => {
+    const btn = buttonRef.current;
+    if (!btn) return;
+    const bounds = btn.getBoundingClientRect();
+    const spaceAbove = bounds.top;
+    const spaceBelow = height - bounds.bottom;
+    setPlacement(spaceBelow < desiredPanelHeight && spaceAbove > spaceBelow ? "top start" : "bottom start");
+  }, [height]);
+  react.useEffect(() => {
+    update();
+  }, [update, height]);
+  return jsxRuntime.jsx(react$1.Listbox, {
+    as: "div",
+    value: value,
+    onChange: onChange,
+    children: jsxRuntime.jsxs("div", {
+      className: "relative",
+      children: [jsxRuntime.jsx(react$1.ListboxButton, {
+        ref: buttonRef,
+        "data-testid": "onramp-token-select",
+        className: clsx("flex cursor-pointer items-center border-none bg-transparent p-0 text-inherit focus:outline-none", trigger === "symbol" && "gap-1"),
+        children: trigger === "symbol" ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [jsxRuntime.jsx("span", {
+            className: "text-lg font-bold leading-none",
+            children: tokenSymbol.tokenSymbol(value, assetsByCaip2)
+          }), jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faChevronDown,
+            className: "size-3 shrink-0 text-icon-text-light dark:text-icon-text-dark"
+          })]
+        }) : jsxRuntime.jsx(TokenRow, {
+          token: value,
+          amount: amount,
+          assetsByCaip2: assetsByCaip2,
+          showChevron: true
+        })
+      }), jsxRuntime.jsx(react$1.ListboxOptions, {
+        transition: true,
+        anchor: placement,
+        className: "absolute tk-scrollbar z-50 mt-1 w-52 border border-modal-background-dark/20 dark:border-modal-background-light/20 !max-h-72 rounded-md shadow-lg overflow-y-auto overflow-x-hidden text-sm transition duration-200 ease-out data-closed:-translate-y-2 data-closed:opacity-0",
+        children: groupOnRampTokens(tokens).map((group, index) => jsxRuntime.jsxs("div", {
+          children: [jsxRuntime.jsxs("div", {
+            className: clsx("px-3 pb-1 text-xs font-medium text-icon-text-light dark:text-icon-text-dark  bg-button-light dark:bg-button-dark", index === 0 ? "pt-2" : "pt-3"),
+            children: [group.label, ":"]
+          }), group.tokens.map(token => jsxRuntime.jsxs(react$1.ListboxOption, {
+            value: token,
+            className: ({
+              focus
+            }) => clsx("cursor-pointer select-none py-2 px-3 bg-button-light dark:bg-button-dark flex items-center gap-2", focus && "bg-modal-background-light dark:bg-modal-background-dark"),
+            children: [jsxRuntime.jsx(TokenLogo, {
+              token: token,
+              assetsByCaip2: assetsByCaip2
+            }), jsxRuntime.jsx("span", {
+              children: tokenSymbol.tokenSymbol(token, assetsByCaip2)
+            })]
+          }, token))]
+        }, group.caip2))
+      })]
+    })
+  });
+}
+function TokenRow(props) {
+  const {
+    token,
+    amount,
+    assetsByCaip2,
+    showChevron
+  } = props;
+  return jsxRuntime.jsxs("span", {
+    className: "flex items-center gap-1.5 text-sm",
+    children: [jsxRuntime.jsx(TokenLogo, {
+      token: token,
+      assetsByCaip2: assetsByCaip2
+    }), amount && jsxRuntime.jsx("span", {
+      children: amount
+    }), jsxRuntime.jsx("span", {
+      className: "font-medium",
+      children: tokenSymbol.tokenSymbol(token, assetsByCaip2)
+    }), showChevron && jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+      icon: freeSolidSvgIcons.faChevronDown,
+      className: "size-2.5 shrink-0 text-icon-text-light dark:text-icon-text-dark"
+    })]
+  });
+}
+function TokenLogo(props) {
+  const {
+    token,
+    assetsByCaip2,
+    className = "size-4"
+  } = props;
+  const logoUrl = assetsByCaip2[tokenSymbol.caip2Of(token)]?.find(asset => asset.caip19 === token)?.logoUrl;
+  if (!logoUrl) {
+    return jsxRuntime.jsx("span", {
+      className: clsx("shrink-0 rounded-full bg-icon-background-light dark:bg-icon-background-dark", className)
+    });
+  }
+  return jsxRuntime.jsx("img", {
+    src: logoUrl,
+    alt: "",
+    className: clsx("shrink-0 rounded-full", className)
+  });
+}
+
+exports.TokenLogo = TokenLogo;
+exports.TokenSelect = TokenSelect;
+//# sourceMappingURL=TokenSelect.js.map

package/dist/components/funding/TokenSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenSelect.js","sources":["../../../src/components/funding/TokenSelect.tsx"],"sourcesContent":[null],"names":["desiredPanelHeight","groupOnRampTokens","tokens","order","byChain","Map","token","caip2","caip2Of","list","get","push","set","map","label","chainLabel","TokenSelect","props","value","onChange","amount","locked","trigger","selectable","assetsByCaip2","ensureAssets","useSupportedAssets","chains","join","useEffect","Set","_jsx","SelectableToken","className","children","tokenSymbol","TokenRow","buttonRef","useRef","placement","setPlacement","useState","height","useScreenSize","update","useCallback","btn","current","bounds","getBoundingClientRect","spaceAbove","top","spaceBelow","bottom","Listbox","as","_jsxs","ListboxButton","ref","clsx","_Fragment","FontAwesomeIcon","icon","faChevronDown","showChevron","ListboxOptions","transition","anchor","group","index","ListboxOption","focus","TokenLogo","logoUrl","find","asset","caip19","src","alt"],"mappings":"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"}