@turnkey/react-wallet-kit 2.7.1 → 2.8.1

package/dist/components/funding/OnRampStatus.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var core = require('@turnkey/core');
+var Hook = require('../../providers/client/Hook.js');
+var Hook$1 = require('../../providers/modal/Hook.js');
+var Action = require('../auth/Action.js');
+var Svg = require('../design/Svg.js');
+var Success = require('../design/Success.js');
+var QuoteOption = require('./QuoteOption.js');
+
+const POLL_INTERVAL_MS = 1000;
+const providerLogos = {
+  FIAT_RAMP_PROVIDER_COINBASE: Svg.CoinbaseLogo,
+  FIAT_RAMP_PROVIDER_MOONPAY: Svg.MoonPayLogo,
+  FIAT_RAMP_PROVIDER_MELD: Svg.MeldLogo
+};
+function OnRampStatusPage(props) {
+  const {
+    transactionId,
+    organizationId,
+    stampWith,
+    provider,
+    openedInNewTab,
+    successPageDuration = 2000,
+    successText = "Purchase complete",
+    statusLabel = "Onramp",
+    onSuccess,
+    onError
+  } = props;
+  const {
+    httpClient
+  } = Hook.useTurnkey();
+  const {
+    closeModal
+  } = Hook$1.useModal();
+  const [completed, setCompleted] = react.useState(false);
+  const ProviderLogo = providerLogos[provider];
+  react.useEffect(() => {
+    if (!httpClient || completed) return;
+    let active = true;
+    let polling = false;
+    let interval;
+    const finish = callback => {
+      if (!active) return;
+      active = false;
+      clearInterval(interval);
+      callback();
+    };
+    const poll = async () => {
+      if (!active || polling) return;
+      polling = true;
+      try {
+        const request = {
+          transactionId,
+          refresh: true,
+          ...(organizationId ? {
+            organizationId
+          } : {})
+        };
+        const response = stampWith ? await httpClient.getOnRampTransactionStatus(request, stampWith) : await httpClient.getOnRampTransactionStatus(request);
+        if (!active) return;
+        const status = response.transactionStatus.toUpperCase();
+        if (isCompletedStatus(status)) {
+          finish(() => setCompleted(true));
+          return;
+        }
+        if (isFailedStatus(status)) {
+          finish(() => {
+            onError(new core.TurnkeyError(`${statusLabel} transaction ${response.transactionStatus}.`, core.TurnkeyErrorCodes.POLL_TRANSACTION_STATUS_ERROR));
+            closeModal();
+          });
+        }
+      } catch {
+        // Keep polling. A single failed status request is not a failed purchase.
+      } finally {
+        polling = false;
+      }
+    };
+    void poll();
+    interval = setInterval(() => void poll(), POLL_INTERVAL_MS);
+    return () => {
+      active = false;
+      clearInterval(interval);
+    };
+  }, [closeModal, completed, httpClient, onError, organizationId, stampWith, statusLabel, transactionId]);
+  if (completed) {
+    return jsxRuntime.jsx(Success.SuccessPage, {
+      text: successText,
+      duration: successPageDuration,
+      onComplete: () => {
+        onSuccess();
+        closeModal();
+      }
+    });
+  }
+  return jsxRuntime.jsx(Action.ActionPage, {
+    title: "Completing Payment",
+    subtitle: `Use the ${QuoteOption.providerName(provider)} ${openedInNewTab ? "tab" : "popup"} to complete the payment.`,
+    icon: ProviderLogo ? jsxRuntime.jsx(ProviderLogo, {
+      className: "size-10"
+    }) : undefined
+  });
+}
+function isCompletedStatus(status) {
+  return status.includes("COMPLETED");
+}
+function isFailedStatus(status) {
+  return ["FAILED", "CANCELLED", "CANCELED"].some(value => status.includes(value));
+}
+
+exports.OnRampStatusPage = OnRampStatusPage;
+//# sourceMappingURL=OnRampStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnRampStatus.js","sources":["../../../src/components/funding/OnRampStatus.tsx"],"sourcesContent":[null],"names":["POLL_INTERVAL_MS","providerLogos","FIAT_RAMP_PROVIDER_COINBASE","CoinbaseLogo","FIAT_RAMP_PROVIDER_MOONPAY","MoonPayLogo","FIAT_RAMP_PROVIDER_MELD","MeldLogo","OnRampStatusPage","props","transactionId","organizationId","stampWith","provider","openedInNewTab","successPageDuration","successText","statusLabel","onSuccess","onError","httpClient","useTurnkey","closeModal","useModal","completed","setCompleted","useState","ProviderLogo","useEffect","active","polling","interval","finish","callback","clearInterval","poll","request","refresh","response","getOnRampTransactionStatus","status","transactionStatus","toUpperCase","isCompletedStatus","isFailedStatus","TurnkeyError","TurnkeyErrorCodes","POLL_TRANSACTION_STATUS_ERROR","setInterval","_jsx","SuccessPage","text","duration","onComplete","ActionPage","title","subtitle","providerName","icon","className","undefined","includes","some","value"],"mappings":"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"}

package/dist/components/funding/OnRampStatus.mjs

@@ -0,0 +1,166 @@
+import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { TurnkeyError, TurnkeyErrorCodes } from '@turnkey/core';
+import { useTurnkey } from '../../providers/client/Hook.mjs';
+import { useModal } from '../../providers/modal/Hook.mjs';
+import { ActionPage } from '../auth/Action.mjs';
+import { MeldLogo, MoonPayLogo, CoinbaseLogo } from '../design/Svg.mjs';
+import { SuccessPage } from '../design/Success.mjs';
+import { providerName } from './QuoteOption.mjs';
+
+var POLL_INTERVAL_MS = 1000;
+var providerLogos = {
+  FIAT_RAMP_PROVIDER_COINBASE: CoinbaseLogo,
+  FIAT_RAMP_PROVIDER_MOONPAY: MoonPayLogo,
+  FIAT_RAMP_PROVIDER_MELD: MeldLogo
+};
+function OnRampStatusPage(props) {
+  var transactionId = props.transactionId,
+    organizationId = props.organizationId,
+    stampWith = props.stampWith,
+    provider = props.provider,
+    openedInNewTab = props.openedInNewTab,
+    _props$successPageDur = props.successPageDuration,
+    successPageDuration = _props$successPageDur === void 0 ? 2000 : _props$successPageDur,
+    _props$successText = props.successText,
+    successText = _props$successText === void 0 ? "Purchase complete" : _props$successText,
+    _props$statusLabel = props.statusLabel,
+    statusLabel = _props$statusLabel === void 0 ? "Onramp" : _props$statusLabel,
+    onSuccess = props.onSuccess,
+    onError = props.onError;
+  var _useTurnkey = useTurnkey(),
+    httpClient = _useTurnkey.httpClient;
+  var _useModal = useModal(),
+    closeModal = _useModal.closeModal;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    completed = _useState2[0],
+    setCompleted = _useState2[1];
+  var ProviderLogo = providerLogos[provider];
+  useEffect(function () {
+    if (!httpClient || completed) return;
+    var active = true;
+    var polling = false;
+    var interval;
+    var finish = function finish(callback) {
+      if (!active) return;
+      active = false;
+      clearInterval(interval);
+      callback();
+    };
+    var poll = /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+        var request, response, status, _t;
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.p = _context.n) {
+            case 0:
+              if (!(!active || polling)) {
+                _context.n = 1;
+                break;
+              }
+              return _context.a(2);
+            case 1:
+              polling = true;
+              _context.p = 2;
+              request = _objectSpread2({
+                transactionId: transactionId,
+                refresh: true
+              }, organizationId ? {
+                organizationId: organizationId
+              } : {});
+              if (!stampWith) {
+                _context.n = 4;
+                break;
+              }
+              _context.n = 3;
+              return httpClient.getOnRampTransactionStatus(request, stampWith);
+            case 3:
+              _t = _context.v;
+              _context.n = 6;
+              break;
+            case 4:
+              _context.n = 5;
+              return httpClient.getOnRampTransactionStatus(request);
+            case 5:
+              _t = _context.v;
+            case 6:
+              response = _t;
+              if (active) {
+                _context.n = 7;
+                break;
+              }
+              return _context.a(2);
+            case 7:
+              status = response.transactionStatus.toUpperCase();
+              if (!isCompletedStatus(status)) {
+                _context.n = 8;
+                break;
+              }
+              finish(function () {
+                return setCompleted(true);
+              });
+              return _context.a(2);
+            case 8:
+              if (isFailedStatus(status)) {
+                finish(function () {
+                  onError(new TurnkeyError("".concat(statusLabel, " transaction ").concat(response.transactionStatus, "."), TurnkeyErrorCodes.POLL_TRANSACTION_STATUS_ERROR));
+                  closeModal();
+                });
+              }
+              _context.n = 10;
+              break;
+            case 9:
+              _context.p = 9;
+              _context.v;
+            case 10:
+              _context.p = 10;
+              polling = false;
+              return _context.f(10);
+            case 11:
+              return _context.a(2);
+          }
+        }, _callee, null, [[2, 9, 10, 11]]);
+      }));
+      return function poll() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    void poll();
+    interval = setInterval(function () {
+      return void poll();
+    }, POLL_INTERVAL_MS);
+    return function () {
+      active = false;
+      clearInterval(interval);
+    };
+  }, [closeModal, completed, httpClient, onError, organizationId, stampWith, statusLabel, transactionId]);
+  if (completed) {
+    return jsx(SuccessPage, {
+      text: successText,
+      duration: successPageDuration,
+      onComplete: function onComplete() {
+        onSuccess();
+        closeModal();
+      }
+    });
+  }
+  return jsx(ActionPage, {
+    title: "Completing Payment",
+    subtitle: "Use the ".concat(providerName(provider), " ").concat(openedInNewTab ? "tab" : "popup", " to complete the payment."),
+    icon: ProviderLogo ? jsx(ProviderLogo, {
+      className: "size-10"
+    }) : undefined
+  });
+}
+function isCompletedStatus(status) {
+  return status.includes("COMPLETED");
+}
+function isFailedStatus(status) {
+  return ["FAILED", "CANCELLED", "CANCELED"].some(function (value) {
+    return status.includes(value);
+  });
+}
+
+export { OnRampStatusPage };
+//# sourceMappingURL=OnRampStatus.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OnRampStatus.mjs","sources":["../../../src/components/funding/OnRampStatus.tsx"],"sourcesContent":[null],"names":["POLL_INTERVAL_MS","providerLogos","FIAT_RAMP_PROVIDER_COINBASE","CoinbaseLogo","FIAT_RAMP_PROVIDER_MOONPAY","MoonPayLogo","FIAT_RAMP_PROVIDER_MELD","MeldLogo","OnRampStatusPage","props","transactionId","organizationId","stampWith","provider","openedInNewTab","_props$successPageDur","successPageDuration","_props$successText","successText","_props$statusLabel","statusLabel","onSuccess","onError","_useTurnkey","useTurnkey","httpClient","_useModal","useModal","closeModal","_useState","useState","_useState2","_slicedToArray","completed","setCompleted","ProviderLogo","useEffect","active","polling","interval","finish","callback","clearInterval","poll","_ref","_asyncToGenerator","_regenerator","m","_callee","request","response","status","_t","w","_context","p","n","a","_objectSpread","refresh","getOnRampTransactionStatus","v","transactionStatus","toUpperCase","isCompletedStatus","isFailedStatus","TurnkeyError","concat","TurnkeyErrorCodes","POLL_TRANSACTION_STATUS_ERROR","f","apply","arguments","setInterval","_jsx","SuccessPage","text","duration","onComplete","ActionPage","title","subtitle","providerName","icon","className","undefined","includes","some","value"],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
+import type { v1FiatRampPaymentMethod } from "@turnkey/core";
+type PayoutOption = {
+    id: string;
+    label: string;
+    description: string;
+    icon: IconDefinition;
+};
+export type PaymentMethodListProps = {
+    onSelect: (method: v1FiatRampPaymentMethod) => void;
+    className?: string;
+};
+export declare const PaymentMethodList: import("react").ForwardRefExoticComponent<PaymentMethodListProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function PaymentMethodSelect(props: {
+    value?: v1FiatRampPaymentMethod | undefined;
+    onChange: (method: v1FiatRampPaymentMethod) => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export type OffRampPayoutId = "card" | "ach" | "fiat-account";
+export declare const offRampPayouts: (PayoutOption & {
+    id: OffRampPayoutId;
+    methods: v1FiatRampPaymentMethod[];
+})[];
+export declare function offRampPayoutMethods(payout: OffRampPayoutId | undefined): v1FiatRampPaymentMethod[] | undefined;
+export type OffRampPayoutListProps = {
+    onSelect: (payout: OffRampPayoutId) => void;
+    className?: string;
+};
+export declare const OffRampPayoutList: import("react").ForwardRefExoticComponent<OffRampPayoutListProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function OffRampPayoutSelect(props: {
+    value?: OffRampPayoutId | undefined;
+    onChange: (payout: OffRampPayoutId) => void;
+}): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=PaymentMethods.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethods.d.ts","sourceRoot":"","sources":["../../../src/components/funding/PaymentMethods.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAM7D,KAAK,YAAY,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,cAAc,CAAC;CACtB,CAAC;AAmEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mHAiB5B,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,KAAK,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IAC5C,QAAQ,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;CACrD,kDAwBA;AAID,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,cAAc,CAAC;AAE9D,eAAO,MAAM,cAAc,EAAE,CAAC,YAAY,GAAG;IAC3C,EAAE,EAAE,eAAe,CAAC;IACpB,OAAO,EAAE,uBAAuB,EAAE,CAAC;CACpC,CAAC,EAyBD,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,yCAEvE;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,iBAAiB,mHAiB5B,CAAC;AAEH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE;IACzC,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CAC7C,kDAwBA"}

package/dist/components/funding/PaymentMethods.js

@@ -0,0 +1,173 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var freeBrandsSvgIcons = require('@fortawesome/free-brands-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
+var clsx = require('clsx');
+var react = require('react');
+var Hook = require('../../providers/modal/Hook.js');
+var Buttons = require('../design/Buttons.js');
+
+const 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: freeSolidSvgIcons.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: freeBrandsSvgIcons.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: freeBrandsSvgIcons.faGoogle
+}];
+function PaymentMethodButton(props) {
+  const {
+    option,
+    onSelect
+  } = props;
+  const {
+    isMobile
+  } = Hook.useModal();
+  const [isHovering, setIsHovering] = react.useState(false);
+  return jsxRuntime.jsxs(Buttons.ActionButton, {
+    name: `onramp-${option.id}`,
+    onClick: onSelect,
+    ...(!isMobile && {
+      onMouseEnter: () => setIsHovering(true),
+      onMouseLeave: () => setIsHovering(false)
+    }),
+    className: "relative flex w-full items-center gap-2 overflow-hidden bg-button-light text-inherit dark:bg-button-dark",
+    children: [jsxRuntime.jsx("span", {
+      className: "flex size-6 shrink-0 items-center justify-center",
+      children: jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+        icon: option.icon,
+        className: "size-4 text-xl"
+      })
+    }), jsxRuntime.jsxs("span", {
+      className: "flex flex-col items-start",
+      children: [jsxRuntime.jsx("span", {
+        children: option.label
+      }), jsxRuntime.jsx("span", {
+        className: "text-xs text-icon-text-light dark:text-icon-text-dark",
+        children: option.description
+      })]
+    }), jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, {
+      className: clsx("absolute transition-all duration-200 text-icon-text-light dark:text-icon-text-dark", isHovering ? "right-4" : "-right-4"),
+      icon: freeSolidSvgIcons.faChevronRight
+    })]
+  });
+}
+const PaymentMethodList = /*#__PURE__*/react.forwardRef(function PaymentMethodList(props, ref) {
+  const {
+    onSelect,
+    className
+  } = props;
+  return jsxRuntime.jsx("div", {
+    ref: ref,
+    className: clsx("flex w-full flex-col gap-2", className),
+    children: paymentMethods.map(option => jsxRuntime.jsx(PaymentMethodButton, {
+      option: option,
+      onSelect: () => onSelect(option.method)
+    }, option.id))
+  });
+});
+function PaymentMethodSelect(props) {
+  const {
+    value,
+    onChange
+  } = props;
+  const {
+    openSheet,
+    closeSheet
+  } = Hook.useModal();
+  const option = paymentMethods.find(item => item.id === value);
+  if (!option) return null;
+  return jsxRuntime.jsx(PaymentMethodButton, {
+    option: option,
+    onSelect: () => openSheet({
+      key: "Payment method",
+      content: jsxRuntime.jsx(PaymentMethodList, {
+        onSelect: method => {
+          onChange(method);
+          closeSheet();
+        }
+      })
+    })
+  });
+}
+const offRampPayouts = [{
+  id: "card",
+  label: "Card",
+  description: "Receive the sale on a debit card",
+  icon: freeSolidSvgIcons.faCreditCard,
+  methods: ["FIAT_RAMP_PAYMENT_METHOD_CREDIT_DEBIT_CARD"]
+}, {
+  id: "ach",
+  label: "ACH transfer",
+  description: "Receive the sale in a US bank account",
+  icon: freeSolidSvgIcons.faBuildingColumns,
+  methods: ["FIAT_RAMP_PAYMENT_METHOD_ACH_BANK_ACCOUNT"]
+}, {
+  id: "fiat-account",
+  label: "Fiat account",
+  description: "Receive the sale in a fiat balance",
+  icon: freeSolidSvgIcons.faWallet,
+  methods: ["FIAT_RAMP_PAYMENT_METHOD_FIAT_WALLET", "FIAT_RAMP_PAYMENT_METHOD_MOONPAY_BALANCE"]
+}];
+function offRampPayoutMethods(payout) {
+  return offRampPayouts.find(item => item.id === payout)?.methods;
+}
+const OffRampPayoutList = /*#__PURE__*/react.forwardRef(function OffRampPayoutList(props, ref) {
+  const {
+    onSelect,
+    className
+  } = props;
+  return jsxRuntime.jsx("div", {
+    ref: ref,
+    className: clsx("flex w-full flex-col gap-2", className),
+    children: offRampPayouts.map(option => jsxRuntime.jsx(PaymentMethodButton, {
+      option: option,
+      onSelect: () => onSelect(option.id)
+    }, option.id))
+  });
+});
+function OffRampPayoutSelect(props) {
+  const {
+    value,
+    onChange
+  } = props;
+  const {
+    openSheet,
+    closeSheet
+  } = Hook.useModal();
+  const option = offRampPayouts.find(item => item.id === value);
+  if (!option) return null;
+  return jsxRuntime.jsx(PaymentMethodButton, {
+    option: option,
+    onSelect: () => openSheet({
+      key: "Payout method",
+      content: jsxRuntime.jsx(OffRampPayoutList, {
+        onSelect: payout => {
+          onChange(payout);
+          closeSheet();
+        }
+      })
+    })
+  });
+}
+
+exports.OffRampPayoutList = OffRampPayoutList;
+exports.OffRampPayoutSelect = OffRampPayoutSelect;
+exports.PaymentMethodList = PaymentMethodList;
+exports.PaymentMethodSelect = PaymentMethodSelect;
+exports.offRampPayoutMethods = offRampPayoutMethods;
+exports.offRampPayouts = offRampPayouts;
+//# sourceMappingURL=PaymentMethods.js.map

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

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