@turnkey/react-wallet-kit 2.7.0 → 2.8.0

package/dist/components/funding/PaymentMethods.mjs

@@ -0,0 +1,180 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { faCreditCard, faBuildingColumns, faWallet, faChevronRight } from '@fortawesome/free-solid-svg-icons';
+import { faApple, faGoogle } from '@fortawesome/free-brands-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import clsx from 'clsx';
+import { forwardRef, useState } from 'react';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { ActionButton } from '../design/Buttons.mjs';
+
+var paymentMethods = [{
+  id: "FIAT_RAMP_PAYMENT_METHOD_CREDIT_DEBIT_CARD",
+  method: "FIAT_RAMP_PAYMENT_METHOD_CREDIT_DEBIT_CARD",
+  label: "Card",
+  description: "Directly enter your debit or credit card details",
+  icon: faCreditCard
+}, {
+  id: "FIAT_RAMP_PAYMENT_METHOD_APPLE_PAY",
+  method: "FIAT_RAMP_PAYMENT_METHOD_APPLE_PAY",
+  label: "Apple Pay",
+  description: "Use your Apple Wallet to pay",
+  icon: faApple
+}, {
+  id: "FIAT_RAMP_PAYMENT_METHOD_GOOGLE_PAY",
+  method: "FIAT_RAMP_PAYMENT_METHOD_GOOGLE_PAY",
+  label: "Google Pay",
+  description: "Use your Google Wallet to pay",
+  icon: faGoogle
+}];
+function PaymentMethodButton(props) {
+  var option = props.option,
+    onSelect = props.onSelect;
+  var _useModal = useModal(),
+    isMobile = _useModal.isMobile;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isHovering = _useState2[0],
+    setIsHovering = _useState2[1];
+  return jsxs(ActionButton, _objectSpread2(_objectSpread2({
+    name: "onramp-".concat(option.id),
+    onClick: onSelect
+  }, !isMobile && {
+    onMouseEnter: function onMouseEnter() {
+      return setIsHovering(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHovering(false);
+    }
+  }), {}, {
+    className: "relative flex w-full items-center gap-2 overflow-hidden bg-button-light text-inherit dark:bg-button-dark",
+    children: [jsx("span", {
+      className: "flex size-6 shrink-0 items-center justify-center",
+      children: jsx(FontAwesomeIcon, {
+        icon: option.icon,
+        className: "size-4 text-xl"
+      })
+    }), jsxs("span", {
+      className: "flex flex-col items-start",
+      children: [jsx("span", {
+        children: option.label
+      }), jsx("span", {
+        className: "text-xs text-icon-text-light dark:text-icon-text-dark",
+        children: option.description
+      })]
+    }), jsx(FontAwesomeIcon, {
+      className: clsx("absolute transition-all duration-200 text-icon-text-light dark:text-icon-text-dark", isHovering ? "right-4" : "-right-4"),
+      icon: faChevronRight
+    })]
+  }));
+}
+var PaymentMethodList = /*#__PURE__*/forwardRef(function PaymentMethodList(props, ref) {
+  var _onSelect = props.onSelect,
+    className = props.className;
+  return jsx("div", {
+    ref: ref,
+    className: clsx("flex w-full flex-col gap-2", className),
+    children: paymentMethods.map(function (option) {
+      return jsx(PaymentMethodButton, {
+        option: option,
+        onSelect: function onSelect() {
+          return _onSelect(option.method);
+        }
+      }, option.id);
+    })
+  });
+});
+function PaymentMethodSelect(props) {
+  var value = props.value,
+    onChange = props.onChange;
+  var _useModal2 = useModal(),
+    openSheet = _useModal2.openSheet,
+    closeSheet = _useModal2.closeSheet;
+  var option = paymentMethods.find(function (item) {
+    return item.id === value;
+  });
+  if (!option) return null;
+  return jsx(PaymentMethodButton, {
+    option: option,
+    onSelect: function onSelect() {
+      return openSheet({
+        key: "Payment method",
+        content: jsx(PaymentMethodList, {
+          onSelect: function onSelect(method) {
+            onChange(method);
+            closeSheet();
+          }
+        })
+      });
+    }
+  });
+}
+var offRampPayouts = [{
+  id: "card",
+  label: "Card",
+  description: "Receive the sale on a debit card",
+  icon: faCreditCard,
+  methods: ["FIAT_RAMP_PAYMENT_METHOD_CREDIT_DEBIT_CARD"]
+}, {
+  id: "ach",
+  label: "ACH transfer",
+  description: "Receive the sale in a US bank account",
+  icon: faBuildingColumns,
+  methods: ["FIAT_RAMP_PAYMENT_METHOD_ACH_BANK_ACCOUNT"]
+}, {
+  id: "fiat-account",
+  label: "Fiat account",
+  description: "Receive the sale in a fiat balance",
+  icon: faWallet,
+  methods: ["FIAT_RAMP_PAYMENT_METHOD_FIAT_WALLET", "FIAT_RAMP_PAYMENT_METHOD_MOONPAY_BALANCE"]
+}];
+function offRampPayoutMethods(payout) {
+  var _offRampPayouts$find;
+  return (_offRampPayouts$find = offRampPayouts.find(function (item) {
+    return item.id === payout;
+  })) === null || _offRampPayouts$find === void 0 ? void 0 : _offRampPayouts$find.methods;
+}
+var OffRampPayoutList = /*#__PURE__*/forwardRef(function OffRampPayoutList(props, ref) {
+  var _onSelect2 = props.onSelect,
+    className = props.className;
+  return jsx("div", {
+    ref: ref,
+    className: clsx("flex w-full flex-col gap-2", className),
+    children: offRampPayouts.map(function (option) {
+      return jsx(PaymentMethodButton, {
+        option: option,
+        onSelect: function onSelect() {
+          return _onSelect2(option.id);
+        }
+      }, option.id);
+    })
+  });
+});
+function OffRampPayoutSelect(props) {
+  var value = props.value,
+    onChange = props.onChange;
+  var _useModal3 = useModal(),
+    openSheet = _useModal3.openSheet,
+    closeSheet = _useModal3.closeSheet;
+  var option = offRampPayouts.find(function (item) {
+    return item.id === value;
+  });
+  if (!option) return null;
+  return jsx(PaymentMethodButton, {
+    option: option,
+    onSelect: function onSelect() {
+      return openSheet({
+        key: "Payout method",
+        content: jsx(OffRampPayoutList, {
+          onSelect: function onSelect(payout) {
+            onChange(payout);
+            closeSheet();
+          }
+        })
+      });
+    }
+  });
+}
+
+export { OffRampPayoutList, OffRampPayoutSelect, PaymentMethodList, PaymentMethodSelect, offRampPayoutMethods, offRampPayouts };
+//# sourceMappingURL=PaymentMethods.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.mjs","sources":["../../../src/components/funding/PaymentMethods.tsx"],"sourcesContent":[null],"names":["paymentMethods","id","method","label","description","icon","faCreditCard","faApple","faGoogle","PaymentMethodButton","props","option","onSelect","_useModal","useModal","isMobile","_useState","useState","_useState2","_slicedToArray","isHovering","setIsHovering","_jsxs","ActionButton","_objectSpread","name","concat","onClick","onMouseEnter","onMouseLeave","className","_jsx","FontAwesomeIcon","children","clsx","faChevronRight","PaymentMethodList","forwardRef","ref","map","PaymentMethodSelect","value","onChange","_useModal2","openSheet","closeSheet","find","item","key","content","offRampPayouts","methods","faBuildingColumns","faWallet","offRampPayoutMethods","payout","_offRampPayouts$find","OffRampPayoutList","OffRampPayoutSelect","_useModal3"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import type { v1FiatOnRampQuote } from "@turnkey/core";
+import { type QuoteAmountBasis } from "./QuoteOption";
+export type QuoteDetailsProps = {
+    quote?: v1FiatOnRampQuote | undefined;
+    quotes: v1FiatOnRampQuote[];
+    amount?: string | undefined;
+    amountBasis?: QuoteAmountBasis | undefined;
+    yieldOn?: "crypto" | "fiat" | undefined;
+    loading?: boolean;
+    onSelect: (quote: v1FiatOnRampQuote) => void;
+};
+export declare function QuoteDetails(props: QuoteDetailsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuoteDetails.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteDetails.d.ts","sourceRoot":"","sources":["../../../src/components/funding/QuoteDetails.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIvD,OAAO,EAAgB,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAkBpE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACtC,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,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAkGpD"}

package/dist/components/funding/QuoteDetails.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var clsx = require('clsx');
+var Buttons = require('../design/Buttons.js');
+var Hook = require('../../providers/modal/Hook.js');
+var QuoteOption = require('./QuoteOption.js');
+var QuotePicker = require('./QuotePicker.js');
+
+function SkeletonLine() {
+  return jsxRuntime.jsxs("div", {
+    className: "relative",
+    children: [jsxRuntime.jsx("span", {
+      className: "invisible",
+      children: "Fiat amount"
+    }), jsxRuntime.jsx("div", {
+      className: skeletonBarClass
+    })]
+  });
+}
+const panelClassName = "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/[normal] box-border";
+const skeletonBarClass = "absolute inset-x-0 top-1/2 h-[1em] -translate-y-1/2 rounded bg-icon-background-light dark:bg-icon-background-dark";
+function QuoteDetails(props) {
+  const {
+    quote,
+    quotes,
+    amount,
+    amountBasis,
+    yieldOn,
+    loading,
+    onSelect
+  } = props;
+  const {
+    openSheet,
+    closeSheet
+  } = Hook.useModal();
+  const canPick = !loading && !!quote && quotes.length > 1;
+  const entered = Number(amount);
+  const needsAmount = amount !== undefined && (!Number.isFinite(entered) || entered <= 0);
+  if (loading) {
+    return jsxRuntime.jsxs("div", {
+      "aria-hidden": true,
+      className: clsx(panelClassName, "pointer-events-none animate-pulse"),
+      children: [jsxRuntime.jsx(SkeletonLine, {}), jsxRuntime.jsx(SkeletonLine, {}), jsxRuntime.jsx(SkeletonLine, {}), jsxRuntime.jsxs("div", {
+        className: "relative mt-1 flex items-center justify-center border-t border-modal-background-dark/15 pt-2 text-xs dark:border-modal-background-light/15",
+        children: [jsxRuntime.jsx("span", {
+          className: "invisible",
+          children: "MoonPay"
+        }), jsxRuntime.jsx("div", {
+          className: "absolute top-1/2 left-1/2 h-[1em] w-1/3 -translate-x-1/2 -translate-y-1/2 rounded bg-icon-background-light dark:bg-icon-background-dark"
+        })]
+      })]
+    });
+  }
+  if (!quote) {
+    return jsxRuntime.jsxs("div", {
+      className: clsx(panelClassName, "relative"),
+      children: [jsxRuntime.jsxs("div", {
+        "aria-hidden": true,
+        className: "invisible flex w-full flex-col gap-2",
+        children: [jsxRuntime.jsx("span", {
+          children: "Fiat amount"
+        }), jsxRuntime.jsx("span", {
+          children: "Crypto amount"
+        }), jsxRuntime.jsx("span", {
+          children: "Total fee"
+        }), jsxRuntime.jsx("div", {
+          className: "mt-1 border-t border-transparent pt-2 text-center text-xs",
+          children: "MoonPay"
+        })]
+      }), jsxRuntime.jsxs("div", {
+        className: "absolute inset-0 flex flex-col items-center justify-center gap-2 px-3 text-center text-icon-text-light dark:text-icon-text-dark",
+        children: [jsxRuntime.jsx("span", {
+          className: "flex size-12 items-center justify-center rounded-full bg-icon-background-light text-2xl font-bold dark:bg-icon-background-dark",
+          children: needsAmount ? ":(" // :(
+          : jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+            icon: freeSolidSvgIcons.faQuestion,
+            className: "text-4xl"
+          })
+        }), jsxRuntime.jsx("p", {
+          className: "text-xs",
+          children: needsAmount ? "Please enter an input amount" : "No quotes found. Try a different amount, currency, or token."
+        })]
+      })]
+    });
+  }
+  const details = jsxRuntime.jsx(QuoteOption.QuoteSummary, {
+    quote: quote,
+    amount: amount,
+    amountBasis: amountBasis,
+    showChevron: canPick
+  });
+  if (!canPick) {
+    return jsxRuntime.jsx("div", {
+      className: panelClassName,
+      children: details
+    });
+  }
+  return jsxRuntime.jsx(Buttons.BaseButton, {
+    type: "button",
+    name: "fiat-onramp-quote",
+    onClick: () => openSheet({
+      key: "All quotes",
+      showTitle: false,
+      content: jsxRuntime.jsx(QuotePicker.QuotePicker, {
+        quotes: quotes,
+        amount: amount,
+        amountBasis: amountBasis,
+        yieldOn: yieldOn,
+        onSelect: next => {
+          onSelect(next);
+          closeSheet();
+        }
+      })
+    }),
+    className: clsx(panelClassName, "transition-all focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0"),
+    children: details
+  });
+}
+
+exports.QuoteDetails = QuoteDetails;
+//# sourceMappingURL=QuoteDetails.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteDetails.js","sources":["../../../src/components/funding/QuoteDetails.tsx"],"sourcesContent":[null],"names":["SkeletonLine","_jsxs","className","children","_jsx","skeletonBarClass","panelClassName","QuoteDetails","props","quote","quotes","amount","amountBasis","yieldOn","loading","onSelect","openSheet","closeSheet","useModal","canPick","length","entered","Number","needsAmount","undefined","isFinite","clsx","FontAwesomeIcon","icon","faQuestion","details","QuoteSummary","showChevron","BaseButton","type","name","onClick","key","showTitle","content","QuotePicker","next"],"mappings":"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"}

package/dist/components/funding/QuoteDetails.mjs

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { faQuestion } from '@fortawesome/free-solid-svg-icons';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import clsx from 'clsx';
+import { BaseButton } from '../design/Buttons.mjs';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { QuoteSummary } from './QuoteOption.mjs';
+import { QuotePicker } from './QuotePicker.mjs';
+
+function SkeletonLine() {
+  return jsxs("div", {
+    className: "relative",
+    children: [jsx("span", {
+      className: "invisible",
+      children: "Fiat amount"
+    }), jsx("div", {
+      className: skeletonBarClass
+    })]
+  });
+}
+var panelClassName = "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/[normal] box-border";
+var skeletonBarClass = "absolute inset-x-0 top-1/2 h-[1em] -translate-y-1/2 rounded bg-icon-background-light dark:bg-icon-background-dark";
+function QuoteDetails(props) {
+  var quote = props.quote,
+    quotes = props.quotes,
+    amount = props.amount,
+    amountBasis = props.amountBasis,
+    yieldOn = props.yieldOn,
+    loading = props.loading,
+    _onSelect = props.onSelect;
+  var _useModal = useModal(),
+    openSheet = _useModal.openSheet,
+    closeSheet = _useModal.closeSheet;
+  var canPick = !loading && !!quote && quotes.length > 1;
+  var entered = Number(amount);
+  var needsAmount = amount !== undefined && (!Number.isFinite(entered) || entered <= 0);
+  if (loading) {
+    return jsxs("div", {
+      "aria-hidden": true,
+      className: clsx(panelClassName, "pointer-events-none animate-pulse"),
+      children: [jsx(SkeletonLine, {}), jsx(SkeletonLine, {}), jsx(SkeletonLine, {}), jsxs("div", {
+        className: "relative mt-1 flex items-center justify-center border-t border-modal-background-dark/15 pt-2 text-xs dark:border-modal-background-light/15",
+        children: [jsx("span", {
+          className: "invisible",
+          children: "MoonPay"
+        }), jsx("div", {
+          className: "absolute top-1/2 left-1/2 h-[1em] w-1/3 -translate-x-1/2 -translate-y-1/2 rounded bg-icon-background-light dark:bg-icon-background-dark"
+        })]
+      })]
+    });
+  }
+  if (!quote) {
+    return jsxs("div", {
+      className: clsx(panelClassName, "relative"),
+      children: [jsxs("div", {
+        "aria-hidden": true,
+        className: "invisible flex w-full flex-col gap-2",
+        children: [jsx("span", {
+          children: "Fiat amount"
+        }), jsx("span", {
+          children: "Crypto amount"
+        }), jsx("span", {
+          children: "Total fee"
+        }), jsx("div", {
+          className: "mt-1 border-t border-transparent pt-2 text-center text-xs",
+          children: "MoonPay"
+        })]
+      }), jsxs("div", {
+        className: "absolute inset-0 flex flex-col items-center justify-center gap-2 px-3 text-center text-icon-text-light dark:text-icon-text-dark",
+        children: [jsx("span", {
+          className: "flex size-12 items-center justify-center rounded-full bg-icon-background-light text-2xl font-bold dark:bg-icon-background-dark",
+          children: needsAmount ? ":(" // :(
+          : jsx(FontAwesomeIcon, {
+            icon: faQuestion,
+            className: "text-4xl"
+          })
+        }), jsx("p", {
+          className: "text-xs",
+          children: needsAmount ? "Please enter an input amount" : "No quotes found. Try a different amount, currency, or token."
+        })]
+      })]
+    });
+  }
+  var details = jsx(QuoteSummary, {
+    quote: quote,
+    amount: amount,
+    amountBasis: amountBasis,
+    showChevron: canPick
+  });
+  if (!canPick) {
+    return jsx("div", {
+      className: panelClassName,
+      children: details
+    });
+  }
+  return jsx(BaseButton, {
+    type: "button",
+    name: "fiat-onramp-quote",
+    onClick: function onClick() {
+      return openSheet({
+        key: "All quotes",
+        showTitle: false,
+        content: jsx(QuotePicker, {
+          quotes: quotes,
+          amount: amount,
+          amountBasis: amountBasis,
+          yieldOn: yieldOn,
+          onSelect: function onSelect(next) {
+            _onSelect(next);
+            closeSheet();
+          }
+        })
+      });
+    },
+    className: clsx(panelClassName, "transition-all focus:outline-primary-light focus:dark:outline-primary-dark focus:outline-[1px] focus:outline-offset-0"),
+    children: details
+  });
+}
+
+export { QuoteDetails };
+//# sourceMappingURL=QuoteDetails.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteDetails.mjs","sources":["../../../src/components/funding/QuoteDetails.tsx"],"sourcesContent":[null],"names":["SkeletonLine","_jsxs","className","children","_jsx","skeletonBarClass","panelClassName","QuoteDetails","props","quote","quotes","amount","amountBasis","yieldOn","loading","onSelect","_useModal","useModal","openSheet","closeSheet","canPick","length","entered","Number","needsAmount","undefined","isFinite","clsx","FontAwesomeIcon","icon","faQuestion","details","QuoteSummary","showChevron","BaseButton","type","name","onClick","key","showTitle","content","QuotePicker","next"],"mappings":"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"}

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

@@ -0,0 +1,23 @@
+import type { v1FiatRampProvider, v1FiatOnRampQuote } from "@turnkey/core";
+import { CoinbaseLogo, MeldLogo, MoonPayLogo } from "../design/Svg";
+export declare const providerLogos: {
+    readonly FIAT_RAMP_PROVIDER_COINBASE: typeof CoinbaseLogo;
+    readonly FIAT_RAMP_PROVIDER_MOONPAY: typeof MoonPayLogo;
+    readonly FIAT_RAMP_PROVIDER_MELD: typeof MeldLogo;
+};
+export declare function providerName(provider: v1FiatRampProvider): "Coinbase" | "MoonPay" | "Meld";
+export type QuoteAmountBasis = "fiat" | "crypto";
+export type QuoteOptionProps = {
+    quote: v1FiatOnRampQuote;
+    amount?: string | undefined;
+    amountBasis?: QuoteAmountBasis | undefined;
+    onSelect: (quote: v1FiatOnRampQuote) => void;
+};
+export declare function QuoteOption(props: QuoteOptionProps): import("react/jsx-runtime").JSX.Element;
+export declare function QuoteSummary(props: {
+    quote: v1FiatOnRampQuote;
+    amount?: string | undefined;
+    amountBasis?: QuoteAmountBasis | undefined;
+    showChevron?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=QuoteOption.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuoteOption.d.ts","sourceRoot":"","sources":["../../../src/components/funding/QuoteOption.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGV,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAUpE,eAAO,MAAM,aAAa;;;;CAI0C,CAAC;AAErE,wBAAgB,YAAY,CAAC,QAAQ,EAAE,kBAAkB,mCAExD;AAOD,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAalD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,2CA2CA"}

package/dist/components/funding/QuoteOption.js

@@ -0,0 +1,153 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var Buttons = require('../design/Buttons.js');
+var Svg = require('../design/Svg.js');
+var SupportedAssetsProvider = require('../../providers/SupportedAssetsProvider.js');
+require('@turnkey/core');
+require('viem');
+var tokenSymbol = require('../../utils/funding/tokenSymbol.js');
+require('@solana-program/system');
+require('@solana-program/token');
+require('@solana/kit');
+require('@turnkey/encoding');
+
+const providerNames = {
+  FIAT_RAMP_PROVIDER_COINBASE: "Coinbase",
+  FIAT_RAMP_PROVIDER_MOONPAY: "MoonPay",
+  FIAT_RAMP_PROVIDER_MELD: "Meld"
+};
+const providerLogos = {
+  FIAT_RAMP_PROVIDER_COINBASE: Svg.CoinbaseLogo,
+  FIAT_RAMP_PROVIDER_MOONPAY: Svg.MoonPayLogo,
+  FIAT_RAMP_PROVIDER_MELD: Svg.MeldLogo
+};
+function providerName(provider) {
+  return providerNames[provider];
+}
+function capitalize(value) {
+  const lower = value.toLowerCase();
+  return lower.charAt(0).toUpperCase() + lower.slice(1);
+}
+function QuoteOption(props) {
+  const {
+    quote,
+    amount,
+    amountBasis,
+    onSelect
+  } = props;
+  return jsxRuntime.jsx(Buttons.BaseButton, {
+    type: "button",
+    name: `onramp-quote-${quote.quoteId}`,
+    onClick: () => 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: jsxRuntime.jsx(QuoteSummary, {
+      quote: quote,
+      amount: amount,
+      amountBasis: amountBasis
+    })
+  });
+}
+function QuoteSummary(props) {
+  const {
+    quote,
+    amount,
+    amountBasis = "fiat",
+    showChevron
+  } = props;
+  const {
+    assetsByCaip2
+  } = SupportedAssetsProvider.useSupportedAssets();
+  const compared = amount === undefined ? undefined : compareFiatAmount(amountBasis === "crypto" ? quote.cryptoAmount : quote.fiatAmount, amount);
+  const warning = compared ? `${compared} than input amount` : undefined;
+  const ProviderLogo = providerLogos[quote.provider];
+  const name = providerName(quote.provider);
+  const label = quote.provider === "FIAT_RAMP_PROVIDER_MELD" && quote.serviceProvider ? `${capitalize(quote.serviceProvider)} (${name})` : name;
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(QuoteRow, {
+      label: "Fiat amount",
+      value: formatFiat(quote.fiatAmount, quote.fiatCurrencyCode),
+      warning: amountBasis === "fiat" ? warning : undefined
+    }), jsxRuntime.jsx(QuoteRow, {
+      label: "Crypto amount",
+      value: `${quote.cryptoAmount.display} ${tokenSymbol.tokenSymbol(quote.caip19, assetsByCaip2)}`,
+      warning: amountBasis === "crypto" ? warning : undefined
+    }), jsxRuntime.jsx(QuoteRow, {
+      label: "Total fee",
+      value: formatFiat(quote.totalFee, quote.fiatCurrencyCode)
+    }), jsxRuntime.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 && jsxRuntime.jsx(ProviderLogo, {
+        className: "size-4 shrink-0"
+      }), jsxRuntime.jsx("span", {
+        children: label
+      }), showChevron && jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+        icon: freeSolidSvgIcons.faChevronRight,
+        className: "size-3"
+      })]
+    })]
+  });
+}
+function QuoteRow(props) {
+  const {
+    label,
+    value,
+    warning
+  } = props;
+  return jsxRuntime.jsxs("div", {
+    className: "flex w-full items-center justify-between gap-3",
+    children: [jsxRuntime.jsx("span", {
+      className: "text-icon-text-light dark:text-icon-text-dark",
+      children: label
+    }), jsxRuntime.jsxs("span", {
+      className: "flex min-w-0 items-center justify-end gap-1.5",
+      children: [warning && jsxRuntime.jsxs("span", {
+        className: "flex items-center gap-1 text-xs text-danger-light dark:text-danger-dark",
+        children: [jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+          icon: freeSolidSvgIcons.faTriangleExclamation,
+          className: "size-3 shrink-0"
+        }), warning]
+      }), jsxRuntime.jsx("span", {
+        className: "truncate text-modal-text-light dark:text-modal-text-dark",
+        children: value
+      })]
+    })]
+  });
+}
+function formatFiat(amount, currency) {
+  const code = currency.slice("FIAT_RAMP_CURRENCY_".length);
+  const 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) {
+  const quotedAtomic = toAtomic(quoted.display, quoted.decimals);
+  const inputAtomic = toAtomic(input, quoted.decimals);
+  if (quotedAtomic === undefined || inputAtomic === undefined || quotedAtomic === inputAtomic) {
+    return undefined;
+  }
+  return quotedAtomic > inputAtomic ? "Higher" : "Lower";
+}
+function toAtomic(value, decimals) {
+  const trimmed = value.trim();
+  if (!/^\d+(\.\d+)?$/.test(trimmed)) return undefined;
+  const [whole = "0", fraction = ""] = trimmed.split(".");
+  const digits = `${fraction}${"0".repeat(decimals)}`.slice(0, decimals);
+  try {
+    return BigInt(`${whole || "0"}${digits}`);
+  } catch {
+    return undefined;
+  }
+}
+
+exports.QuoteOption = QuoteOption;
+exports.QuoteSummary = QuoteSummary;
+exports.providerLogos = providerLogos;
+exports.providerName = providerName;
+//# sourceMappingURL=QuoteOption.js.map