@turnkey/react-wallet-kit 2.7.1 → 2.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/_rollupPluginBabelHelpers.mjs +10 -1
- package/dist/_virtual/_rollupPluginBabelHelpers.mjs.map +1 -1
- package/dist/components/auth/Action.d.ts +1 -0
- package/dist/components/auth/Action.d.ts.map +1 -1
- package/dist/components/auth/Action.js +10 -3
- package/dist/components/auth/Action.js.map +1 -1
- package/dist/components/auth/Action.mjs +10 -3
- package/dist/components/auth/Action.mjs.map +1 -1
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.d.ts +2 -0
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.d.ts.map +1 -1
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.js +7 -4
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.js.map +1 -1
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.mjs +22 -12
- package/dist/components/auth/wallet/DesktopWalletConnectScreen.mjs.map +1 -1
- package/dist/components/auth/wallet/ExternalWalletChainSelector.d.ts.map +1 -1
- package/dist/components/auth/wallet/ExternalWalletChainSelector.js +2 -1
- package/dist/components/auth/wallet/ExternalWalletChainSelector.js.map +1 -1
- package/dist/components/auth/wallet/ExternalWalletChainSelector.mjs +2 -2
- package/dist/components/auth/wallet/ExternalWalletChainSelector.mjs.map +1 -1
- package/dist/components/auth/wallet/MobileWalletConnectScreen.d.ts +1 -0
- package/dist/components/auth/wallet/MobileWalletConnectScreen.d.ts.map +1 -1
- package/dist/components/auth/wallet/MobileWalletConnectScreen.js +3 -1
- package/dist/components/auth/wallet/MobileWalletConnectScreen.js.map +1 -1
- package/dist/components/auth/wallet/MobileWalletConnectScreen.mjs +16 -8
- package/dist/components/auth/wallet/MobileWalletConnectScreen.mjs.map +1 -1
- package/dist/components/auth/wallet/ShowAllWalletsScreen.d.ts +2 -1
- package/dist/components/auth/wallet/ShowAllWalletsScreen.d.ts.map +1 -1
- package/dist/components/auth/wallet/ShowAllWalletsScreen.js +8 -3
- package/dist/components/auth/wallet/ShowAllWalletsScreen.js.map +1 -1
- package/dist/components/auth/wallet/ShowAllWalletsScreen.mjs +8 -3
- package/dist/components/auth/wallet/ShowAllWalletsScreen.mjs.map +1 -1
- package/dist/components/design/Success.d.ts +1 -1
- package/dist/components/design/Success.d.ts.map +1 -1
- package/dist/components/design/Success.js +2 -2
- package/dist/components/design/Success.js.map +1 -1
- package/dist/components/design/Success.mjs +2 -2
- package/dist/components/design/Success.mjs.map +1 -1
- package/dist/components/design/Svg.d.ts +1 -0
- package/dist/components/design/Svg.d.ts.map +1 -1
- package/dist/components/design/Svg.js +32 -12
- package/dist/components/design/Svg.js.map +1 -1
- package/dist/components/design/Svg.mjs +32 -13
- package/dist/components/design/Svg.mjs.map +1 -1
- package/dist/components/design/TabNav.d.ts +13 -0
- package/dist/components/design/TabNav.d.ts.map +1 -0
- package/dist/components/design/TabNav.js +64 -0
- package/dist/components/design/TabNav.js.map +1 -0
- package/dist/components/design/TabNav.mjs +81 -0
- package/dist/components/design/TabNav.mjs.map +1 -0
- package/dist/components/funding/CryptoAmountInput.d.ts +11 -0
- package/dist/components/funding/CryptoAmountInput.d.ts.map +1 -0
- package/dist/components/funding/CryptoAmountInput.js +82 -0
- package/dist/components/funding/CryptoAmountInput.js.map +1 -0
- package/dist/components/funding/CryptoAmountInput.mjs +87 -0
- package/dist/components/funding/CryptoAmountInput.mjs.map +1 -0
- package/dist/components/funding/CurrencyDropdown.d.ts +8 -0
- package/dist/components/funding/CurrencyDropdown.d.ts.map +1 -0
- package/dist/components/funding/CurrencyDropdown.js +132 -0
- package/dist/components/funding/CurrencyDropdown.js.map +1 -0
- package/dist/components/funding/CurrencyDropdown.mjs +132 -0
- package/dist/components/funding/CurrencyDropdown.mjs.map +1 -0
- package/dist/components/funding/FiatAmountInput.d.ts +11 -0
- package/dist/components/funding/FiatAmountInput.d.ts.map +1 -0
- package/dist/components/funding/FiatAmountInput.js +94 -0
- package/dist/components/funding/FiatAmountInput.js.map +1 -0
- package/dist/components/funding/FiatAmountInput.mjs +105 -0
- package/dist/components/funding/FiatAmountInput.mjs.map +1 -0
- package/dist/components/funding/OffRamp.d.ts +3 -0
- package/dist/components/funding/OffRamp.d.ts.map +1 -0
- package/dist/components/funding/OffRamp.js +31 -0
- package/dist/components/funding/OffRamp.js.map +1 -0
- package/dist/components/funding/OffRamp.mjs +30 -0
- package/dist/components/funding/OffRamp.mjs.map +1 -0
- package/dist/components/funding/OffRampAmount.d.ts +22 -0
- package/dist/components/funding/OffRampAmount.d.ts.map +1 -0
- package/dist/components/funding/OffRampAmount.js +304 -0
- package/dist/components/funding/OffRampAmount.js.map +1 -0
- package/dist/components/funding/OffRampAmount.mjs +376 -0
- package/dist/components/funding/OffRampAmount.mjs.map +1 -0
- package/dist/components/funding/OffRampDeposit.d.ts +22 -0
- package/dist/components/funding/OffRampDeposit.d.ts.map +1 -0
- package/dist/components/funding/OffRampDeposit.js +455 -0
- package/dist/components/funding/OffRampDeposit.js.map +1 -0
- package/dist/components/funding/OffRampDeposit.mjs +551 -0
- package/dist/components/funding/OffRampDeposit.mjs.map +1 -0
- package/dist/components/funding/OffRampReturn.d.ts +2 -0
- package/dist/components/funding/OffRampReturn.d.ts.map +1 -0
- package/dist/components/funding/OffRampReturn.js +144 -0
- package/dist/components/funding/OffRampReturn.js.map +1 -0
- package/dist/components/funding/OffRampReturn.mjs +146 -0
- package/dist/components/funding/OffRampReturn.mjs.map +1 -0
- package/dist/components/funding/OnRamp.d.ts +7 -0
- package/dist/components/funding/OnRamp.d.ts.map +1 -0
- package/dist/components/funding/OnRamp.js +64 -0
- package/dist/components/funding/OnRamp.js.map +1 -0
- package/dist/components/funding/OnRamp.mjs +58 -0
- package/dist/components/funding/OnRamp.mjs.map +1 -0
- package/dist/components/funding/OnRampAmount.d.ts +21 -0
- package/dist/components/funding/OnRampAmount.d.ts.map +1 -0
- package/dist/components/funding/OnRampAmount.js +229 -0
- package/dist/components/funding/OnRampAmount.js.map +1 -0
- package/dist/components/funding/OnRampAmount.mjs +312 -0
- package/dist/components/funding/OnRampAmount.mjs.map +1 -0
- package/dist/components/funding/OnRampCash.d.ts +3 -0
- package/dist/components/funding/OnRampCash.d.ts.map +1 -0
- package/dist/components/funding/OnRampCash.js +26 -0
- package/dist/components/funding/OnRampCash.js.map +1 -0
- package/dist/components/funding/OnRampCash.mjs +25 -0
- package/dist/components/funding/OnRampCash.mjs.map +1 -0
- package/dist/components/funding/OnRampCrypto.d.ts +11 -0
- package/dist/components/funding/OnRampCrypto.d.ts.map +1 -0
- package/dist/components/funding/OnRampCrypto.js +126 -0
- package/dist/components/funding/OnRampCrypto.js.map +1 -0
- package/dist/components/funding/OnRampCrypto.mjs +148 -0
- package/dist/components/funding/OnRampCrypto.mjs.map +1 -0
- package/dist/components/funding/OnRampCryptoSend.d.ts +15 -0
- package/dist/components/funding/OnRampCryptoSend.d.ts.map +1 -0
- package/dist/components/funding/OnRampCryptoSend.js +251 -0
- package/dist/components/funding/OnRampCryptoSend.js.map +1 -0
- package/dist/components/funding/OnRampCryptoSend.mjs +323 -0
- package/dist/components/funding/OnRampCryptoSend.mjs.map +1 -0
- package/dist/components/funding/OnRampCryptoStatus.d.ts +14 -0
- package/dist/components/funding/OnRampCryptoStatus.d.ts.map +1 -0
- package/dist/components/funding/OnRampCryptoStatus.js +153 -0
- package/dist/components/funding/OnRampCryptoStatus.js.map +1 -0
- package/dist/components/funding/OnRampCryptoStatus.mjs +272 -0
- package/dist/components/funding/OnRampCryptoStatus.mjs.map +1 -0
- package/dist/components/funding/OnRampExternalAccountSelector.d.ts +11 -0
- package/dist/components/funding/OnRampExternalAccountSelector.d.ts.map +1 -0
- package/dist/components/funding/OnRampExternalAccountSelector.js +95 -0
- package/dist/components/funding/OnRampExternalAccountSelector.js.map +1 -0
- package/dist/components/funding/OnRampExternalAccountSelector.mjs +109 -0
- package/dist/components/funding/OnRampExternalAccountSelector.mjs.map +1 -0
- package/dist/components/funding/OnRampExternalWallet.d.ts +12 -0
- package/dist/components/funding/OnRampExternalWallet.d.ts.map +1 -0
- package/dist/components/funding/OnRampExternalWallet.js +218 -0
- package/dist/components/funding/OnRampExternalWallet.js.map +1 -0
- package/dist/components/funding/OnRampExternalWallet.mjs +303 -0
- package/dist/components/funding/OnRampExternalWallet.mjs.map +1 -0
- package/dist/components/funding/OnRampStatus.d.ts +15 -0
- package/dist/components/funding/OnRampStatus.d.ts.map +1 -0
- package/dist/components/funding/OnRampStatus.js +114 -0
- package/dist/components/funding/OnRampStatus.js.map +1 -0
- package/dist/components/funding/OnRampStatus.mjs +166 -0
- package/dist/components/funding/OnRampStatus.mjs.map +1 -0
- package/dist/components/funding/PaymentMethods.d.ts +35 -0
- package/dist/components/funding/PaymentMethods.d.ts.map +1 -0
- package/dist/components/funding/PaymentMethods.js +173 -0
- package/dist/components/funding/PaymentMethods.js.map +1 -0
- package/dist/components/funding/PaymentMethods.mjs +180 -0
- package/dist/components/funding/PaymentMethods.mjs.map +1 -0
- package/dist/components/funding/QuoteDetails.d.ts +13 -0
- package/dist/components/funding/QuoteDetails.d.ts.map +1 -0
- package/dist/components/funding/QuoteDetails.js +124 -0
- package/dist/components/funding/QuoteDetails.js.map +1 -0
- package/dist/components/funding/QuoteDetails.mjs +121 -0
- package/dist/components/funding/QuoteDetails.mjs.map +1 -0
- package/dist/components/funding/QuoteOption.d.ts +23 -0
- package/dist/components/funding/QuoteOption.d.ts.map +1 -0
- package/dist/components/funding/QuoteOption.js +153 -0
- package/dist/components/funding/QuoteOption.js.map +1 -0
- package/dist/components/funding/QuoteOption.mjs +150 -0
- package/dist/components/funding/QuoteOption.mjs.map +1 -0
- package/dist/components/funding/QuotePicker.d.ts +13 -0
- package/dist/components/funding/QuotePicker.d.ts.map +1 -0
- package/dist/components/funding/QuotePicker.js +49 -0
- package/dist/components/funding/QuotePicker.js.map +1 -0
- package/dist/components/funding/QuotePicker.mjs +48 -0
- package/dist/components/funding/QuotePicker.mjs.map +1 -0
- package/dist/components/funding/TokenSelect.d.ts +18 -0
- package/dist/components/funding/TokenSelect.d.ts.map +1 -0
- package/dist/components/funding/TokenSelect.js +198 -0
- package/dist/components/funding/TokenSelect.js.map +1 -0
- package/dist/components/funding/TokenSelect.mjs +210 -0
- package/dist/components/funding/TokenSelect.mjs.map +1 -0
- package/dist/components/funding/offRampRedirect.d.ts +61 -0
- package/dist/components/funding/offRampRedirect.d.ts.map +1 -0
- package/dist/components/funding/offRampRedirect.js +282 -0
- package/dist/components/funding/offRampRedirect.js.map +1 -0
- package/dist/components/funding/offRampRedirect.mjs +274 -0
- package/dist/components/funding/offRampRedirect.mjs.map +1 -0
- package/dist/components/send-transaction/SendTransaction.d.ts.map +1 -1
- package/dist/components/send-transaction/SendTransaction.js +8 -6
- package/dist/components/send-transaction/SendTransaction.js.map +1 -1
- package/dist/components/send-transaction/SendTransaction.mjs +8 -6
- package/dist/components/send-transaction/SendTransaction.mjs.map +1 -1
- package/dist/components/send-transaction/helpers.d.ts.map +1 -1
- package/dist/components/send-transaction/helpers.js +4 -0
- package/dist/components/send-transaction/helpers.js.map +1 -1
- package/dist/components/send-transaction/helpers.mjs +4 -0
- package/dist/components/send-transaction/helpers.mjs.map +1 -1
- package/dist/components/sign/Message.d.ts.map +1 -1
- package/dist/components/sign/Message.js +2 -1
- package/dist/components/sign/Message.js.map +1 -1
- package/dist/components/sign/Message.mjs +2 -2
- package/dist/components/sign/Message.mjs.map +1 -1
- package/dist/providers/SupportedAssetsProvider.d.ts +18 -0
- package/dist/providers/SupportedAssetsProvider.d.ts.map +1 -0
- package/dist/providers/SupportedAssetsProvider.js +71 -0
- package/dist/providers/SupportedAssetsProvider.js.map +1 -0
- package/dist/providers/SupportedAssetsProvider.mjs +114 -0
- package/dist/providers/SupportedAssetsProvider.mjs.map +1 -0
- package/dist/providers/TurnkeyProvider.d.ts.map +1 -1
- package/dist/providers/TurnkeyProvider.js +2 -1
- package/dist/providers/TurnkeyProvider.js.map +1 -1
- package/dist/providers/TurnkeyProvider.mjs +2 -1
- package/dist/providers/TurnkeyProvider.mjs.map +1 -1
- package/dist/providers/client/Provider.d.ts.map +1 -1
- package/dist/providers/client/Provider.js +98 -153
- package/dist/providers/client/Provider.js.map +1 -1
- package/dist/providers/client/Provider.mjs +214 -328
- package/dist/providers/client/Provider.mjs.map +1 -1
- package/dist/providers/client/Types.d.ts +37 -12
- package/dist/providers/client/Types.d.ts.map +1 -1
- package/dist/providers/client/Types.js.map +1 -1
- package/dist/providers/client/Types.mjs.map +1 -1
- package/dist/providers/modal/Provider.d.ts +1 -0
- package/dist/providers/modal/Provider.d.ts.map +1 -1
- package/dist/providers/modal/Provider.js +12 -0
- package/dist/providers/modal/Provider.js.map +1 -1
- package/dist/providers/modal/Provider.mjs +15 -0
- package/dist/providers/modal/Provider.mjs.map +1 -1
- package/dist/providers/modal/Root.d.ts.map +1 -1
- package/dist/providers/modal/Root.js +16 -14
- package/dist/providers/modal/Root.js.map +1 -1
- package/dist/providers/modal/Root.mjs +16 -14
- package/dist/providers/modal/Root.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/types/method-types.d.ts +21 -9
- package/dist/types/method-types.d.ts.map +1 -1
- package/dist/utils/funding/buildCryptoTransfer.d.ts +41 -0
- package/dist/utils/funding/buildCryptoTransfer.d.ts.map +1 -0
- package/dist/utils/funding/buildCryptoTransfer.js +134 -0
- package/dist/utils/funding/buildCryptoTransfer.js.map +1 -0
- package/dist/utils/funding/buildCryptoTransfer.mjs +128 -0
- package/dist/utils/funding/buildCryptoTransfer.mjs.map +1 -0
- package/dist/utils/funding/chainLabel.d.ts +2 -0
- package/dist/utils/funding/chainLabel.d.ts.map +1 -0
- package/dist/utils/funding/chainLabel.js +19 -0
- package/dist/utils/funding/chainLabel.js.map +1 -0
- package/dist/utils/funding/chainLabel.mjs +18 -0
- package/dist/utils/funding/chainLabel.mjs.map +1 -0
- package/dist/utils/funding/depositPlan.d.ts +28 -0
- package/dist/utils/funding/depositPlan.d.ts.map +1 -0
- package/dist/utils/funding/depositPlan.js +127 -0
- package/dist/utils/funding/depositPlan.js.map +1 -0
- package/dist/utils/funding/depositPlan.mjs +120 -0
- package/dist/utils/funding/depositPlan.mjs.map +1 -0
- package/dist/utils/funding/index.d.ts +8 -0
- package/dist/utils/funding/index.d.ts.map +1 -0
- package/dist/utils/funding/onRampTokens.d.ts +6 -0
- package/dist/utils/funding/onRampTokens.d.ts.map +1 -0
- package/dist/utils/funding/onRampTokens.js +21 -0
- package/dist/utils/funding/onRampTokens.js.map +1 -0
- package/dist/utils/funding/onRampTokens.mjs +26 -0
- package/dist/utils/funding/onRampTokens.mjs.map +1 -0
- package/dist/utils/funding/rankQuotes.d.ts +7 -0
- package/dist/utils/funding/rankQuotes.d.ts.map +1 -0
- package/dist/utils/funding/rankQuotes.js +37 -0
- package/dist/utils/funding/rankQuotes.js.map +1 -0
- package/dist/utils/funding/rankQuotes.mjs +50 -0
- package/dist/utils/funding/rankQuotes.mjs.map +1 -0
- package/dist/utils/funding/sendCryptoTransfer.d.ts +26 -0
- package/dist/utils/funding/sendCryptoTransfer.d.ts.map +1 -0
- package/dist/utils/funding/sendCryptoTransfer.js +281 -0
- package/dist/utils/funding/sendCryptoTransfer.js.map +1 -0
- package/dist/utils/funding/sendCryptoTransfer.mjs +405 -0
- package/dist/utils/funding/sendCryptoTransfer.mjs.map +1 -0
- package/dist/utils/funding/tokenSymbol.d.ts +7 -0
- package/dist/utils/funding/tokenSymbol.d.ts.map +1 -0
- package/dist/utils/funding/tokenSymbol.js +32 -0
- package/dist/utils/funding/tokenSymbol.js.map +1 -0
- package/dist/utils/funding/tokenSymbol.mjs +31 -0
- package/dist/utils/funding/tokenSymbol.mjs.map +1 -0
- package/dist/utils/utils.d.ts +1 -0
- package/dist/utils/utils.d.ts.map +1 -1
- package/dist/utils/utils.js +5 -0
- package/dist/utils/utils.js.map +1 -1
- package/dist/utils/utils.mjs +7 -1
- package/dist/utils/utils.mjs.map +1 -1
- package/package.json +7 -3
- package/dist/components/onramp/OnRamp.d.ts +0 -14
- package/dist/components/onramp/OnRamp.d.ts.map +0 -1
- package/dist/components/onramp/OnRamp.js +0 -61
- package/dist/components/onramp/OnRamp.js.map +0 -1
- package/dist/components/onramp/OnRamp.mjs +0 -79
- package/dist/components/onramp/OnRamp.mjs.map +0 -1
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
|
|
2
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { faChevronDown } from '@fortawesome/free-solid-svg-icons';
|
|
4
|
+
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
5
|
+
import { Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/react';
|
|
6
|
+
import clsx from 'clsx';
|
|
7
|
+
import { useRef, useState, useCallback, useEffect } from 'react';
|
|
8
|
+
import { FlagImage as FlagImage$1 } from 'react-international-phone';
|
|
9
|
+
import { useScreenSize } from '../../utils/utils.mjs';
|
|
10
|
+
|
|
11
|
+
var FlagImage = FlagImage$1;
|
|
12
|
+
var CURRENCY_CODE_PREFIX = "FIAT_RAMP_CURRENCY_";
|
|
13
|
+
var currencyFlagIso2 = {
|
|
14
|
+
FIAT_RAMP_CURRENCY_AUD: "au",
|
|
15
|
+
FIAT_RAMP_CURRENCY_BGN: "bg",
|
|
16
|
+
FIAT_RAMP_CURRENCY_BRL: "br",
|
|
17
|
+
FIAT_RAMP_CURRENCY_CAD: "ca",
|
|
18
|
+
FIAT_RAMP_CURRENCY_CHF: "ch",
|
|
19
|
+
FIAT_RAMP_CURRENCY_COP: "co",
|
|
20
|
+
FIAT_RAMP_CURRENCY_CZK: "cz",
|
|
21
|
+
FIAT_RAMP_CURRENCY_DKK: "dk",
|
|
22
|
+
FIAT_RAMP_CURRENCY_DOP: "do",
|
|
23
|
+
FIAT_RAMP_CURRENCY_EGP: "eg",
|
|
24
|
+
FIAT_RAMP_CURRENCY_EUR: "eu",
|
|
25
|
+
FIAT_RAMP_CURRENCY_GBP: "gb",
|
|
26
|
+
FIAT_RAMP_CURRENCY_HKD: "hk",
|
|
27
|
+
FIAT_RAMP_CURRENCY_IDR: "id",
|
|
28
|
+
FIAT_RAMP_CURRENCY_ILS: "il",
|
|
29
|
+
FIAT_RAMP_CURRENCY_JOD: "jo",
|
|
30
|
+
FIAT_RAMP_CURRENCY_KES: "ke",
|
|
31
|
+
FIAT_RAMP_CURRENCY_KWD: "kw",
|
|
32
|
+
FIAT_RAMP_CURRENCY_LKR: "lk",
|
|
33
|
+
FIAT_RAMP_CURRENCY_MXN: "mx",
|
|
34
|
+
FIAT_RAMP_CURRENCY_NGN: "ng",
|
|
35
|
+
FIAT_RAMP_CURRENCY_NOK: "no",
|
|
36
|
+
FIAT_RAMP_CURRENCY_NZD: "nz",
|
|
37
|
+
FIAT_RAMP_CURRENCY_OMR: "om",
|
|
38
|
+
FIAT_RAMP_CURRENCY_PEN: "pe",
|
|
39
|
+
FIAT_RAMP_CURRENCY_PLN: "pl",
|
|
40
|
+
FIAT_RAMP_CURRENCY_RON: "ro",
|
|
41
|
+
FIAT_RAMP_CURRENCY_SEK: "se",
|
|
42
|
+
FIAT_RAMP_CURRENCY_THB: "th",
|
|
43
|
+
FIAT_RAMP_CURRENCY_TRY: "tr",
|
|
44
|
+
FIAT_RAMP_CURRENCY_TWD: "tw",
|
|
45
|
+
FIAT_RAMP_CURRENCY_USD: "us",
|
|
46
|
+
FIAT_RAMP_CURRENCY_VND: "vn",
|
|
47
|
+
FIAT_RAMP_CURRENCY_ZAR: "za"
|
|
48
|
+
};
|
|
49
|
+
var fiatOnRampCurrencies = Object.keys(currencyFlagIso2);
|
|
50
|
+
function currencyCode(currency) {
|
|
51
|
+
return currency.slice(CURRENCY_CODE_PREFIX.length);
|
|
52
|
+
}
|
|
53
|
+
var desiredPanelHeight = 288;
|
|
54
|
+
function CurrencyDropdown(props) {
|
|
55
|
+
var value = props.value,
|
|
56
|
+
_onChange = props.onChange,
|
|
57
|
+
disabled = props.disabled;
|
|
58
|
+
var buttonRef = useRef(null);
|
|
59
|
+
var _useState = useState("bottom start"),
|
|
60
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
61
|
+
placement = _useState2[0],
|
|
62
|
+
setPlacement = _useState2[1];
|
|
63
|
+
var _useScreenSize = useScreenSize(),
|
|
64
|
+
height = _useScreenSize.height;
|
|
65
|
+
var update = useCallback(function () {
|
|
66
|
+
var btn = buttonRef.current;
|
|
67
|
+
if (!btn) return;
|
|
68
|
+
var bounds = btn.getBoundingClientRect();
|
|
69
|
+
var spaceAbove = bounds.top;
|
|
70
|
+
var spaceBelow = height - bounds.bottom;
|
|
71
|
+
var next = spaceBelow < desiredPanelHeight && spaceAbove > spaceBelow ? "top start" : "bottom start";
|
|
72
|
+
setPlacement(next);
|
|
73
|
+
}, [height]);
|
|
74
|
+
useEffect(function () {
|
|
75
|
+
update();
|
|
76
|
+
}, [update, height]);
|
|
77
|
+
return jsx(Listbox, {
|
|
78
|
+
as: "div",
|
|
79
|
+
value: value,
|
|
80
|
+
onChange: function onChange(currency) {
|
|
81
|
+
if (currency !== undefined) _onChange(currency);
|
|
82
|
+
},
|
|
83
|
+
disabled: disabled !== null && disabled !== void 0 ? disabled : false,
|
|
84
|
+
children: jsxs("div", {
|
|
85
|
+
className: "relative",
|
|
86
|
+
children: [jsxs(ListboxButton, {
|
|
87
|
+
ref: buttonRef,
|
|
88
|
+
"data-testid": "fiat-currency-dropdown",
|
|
89
|
+
className: clsx("flex items-center gap-1 cursor-pointer border-none bg-transparent p-0 text-inherit focus:outline-none", disabled && "opacity-50 cursor-not-allowed"),
|
|
90
|
+
children: [jsx("span", {
|
|
91
|
+
className: "text-lg font-bold leading-none",
|
|
92
|
+
children: value ? currencyCode(value) : "USD"
|
|
93
|
+
}), jsx(FontAwesomeIcon, {
|
|
94
|
+
icon: faChevronDown,
|
|
95
|
+
className: "size-3 shrink-0 text-icon-text-light dark:text-icon-text-dark"
|
|
96
|
+
})]
|
|
97
|
+
}), jsx(ListboxOptions, {
|
|
98
|
+
transition: true,
|
|
99
|
+
anchor: placement,
|
|
100
|
+
className: "absolute tk-scrollbar z-50 mt-1 w-40 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",
|
|
101
|
+
children: fiatOnRampCurrencies.map(function (currency) {
|
|
102
|
+
return jsx(ListboxOption, {
|
|
103
|
+
value: currency,
|
|
104
|
+
className: function className(_ref) {
|
|
105
|
+
var focus = _ref.focus;
|
|
106
|
+
return 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");
|
|
107
|
+
},
|
|
108
|
+
children: jsx(CurrencyOptionContent, {
|
|
109
|
+
currency: currency
|
|
110
|
+
})
|
|
111
|
+
}, currency);
|
|
112
|
+
})
|
|
113
|
+
})]
|
|
114
|
+
})
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
function CurrencyOptionContent(props) {
|
|
118
|
+
var currency = props.currency;
|
|
119
|
+
return jsxs("span", {
|
|
120
|
+
className: "flex min-w-0 flex-1 items-center gap-2",
|
|
121
|
+
children: [jsx(FlagImage, {
|
|
122
|
+
iso2: currencyFlagIso2[currency],
|
|
123
|
+
className: "w-5 h-4 shrink-0 rounded-sm"
|
|
124
|
+
}), jsx("span", {
|
|
125
|
+
className: "text-sm",
|
|
126
|
+
children: currencyCode(currency)
|
|
127
|
+
})]
|
|
128
|
+
});
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
export { CurrencyDropdown };
|
|
132
|
+
//# sourceMappingURL=CurrencyDropdown.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurrencyDropdown.mjs","sources":["../../../src/components/funding/CurrencyDropdown.tsx"],"sourcesContent":[null],"names":["FlagImage","OriginalFlagImage","CURRENCY_CODE_PREFIX","currencyFlagIso2","FIAT_RAMP_CURRENCY_AUD","FIAT_RAMP_CURRENCY_BGN","FIAT_RAMP_CURRENCY_BRL","FIAT_RAMP_CURRENCY_CAD","FIAT_RAMP_CURRENCY_CHF","FIAT_RAMP_CURRENCY_COP","FIAT_RAMP_CURRENCY_CZK","FIAT_RAMP_CURRENCY_DKK","FIAT_RAMP_CURRENCY_DOP","FIAT_RAMP_CURRENCY_EGP","FIAT_RAMP_CURRENCY_EUR","FIAT_RAMP_CURRENCY_GBP","FIAT_RAMP_CURRENCY_HKD","FIAT_RAMP_CURRENCY_IDR","FIAT_RAMP_CURRENCY_ILS","FIAT_RAMP_CURRENCY_JOD","FIAT_RAMP_CURRENCY_KES","FIAT_RAMP_CURRENCY_KWD","FIAT_RAMP_CURRENCY_LKR","FIAT_RAMP_CURRENCY_MXN","FIAT_RAMP_CURRENCY_NGN","FIAT_RAMP_CURRENCY_NOK","FIAT_RAMP_CURRENCY_NZD","FIAT_RAMP_CURRENCY_OMR","FIAT_RAMP_CURRENCY_PEN","FIAT_RAMP_CURRENCY_PLN","FIAT_RAMP_CURRENCY_RON","FIAT_RAMP_CURRENCY_SEK","FIAT_RAMP_CURRENCY_THB","FIAT_RAMP_CURRENCY_TRY","FIAT_RAMP_CURRENCY_TWD","FIAT_RAMP_CURRENCY_USD","FIAT_RAMP_CURRENCY_VND","FIAT_RAMP_CURRENCY_ZAR","fiatOnRampCurrencies","Object","keys","currencyCode","currency","slice","length","desiredPanelHeight","CurrencyDropdown","props","value","onChange","disabled","buttonRef","useRef","_useState","useState","_useState2","_slicedToArray","placement","setPlacement","_useScreenSize","useScreenSize","height","update","useCallback","btn","current","bounds","getBoundingClientRect","spaceAbove","top","spaceBelow","bottom","next","useEffect","_jsx","Listbox","as","undefined","children","_jsxs","className","ListboxButton","ref","clsx","FontAwesomeIcon","icon","faChevronDown","ListboxOptions","transition","anchor","map","ListboxOption","_ref","focus","CurrencyOptionContent","iso2"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { v1FiatRampCurrency } from "@turnkey/core";
|
|
2
|
+
export declare function sanitizeAmount(raw: string, decimals: number): string;
|
|
3
|
+
export type FiatAmountInputProps = {
|
|
4
|
+
value: string;
|
|
5
|
+
onChange: (value: string) => void;
|
|
6
|
+
currency?: v1FiatRampCurrency | undefined;
|
|
7
|
+
onCurrencyChange?: (currency: v1FiatRampCurrency) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export declare function FiatAmountInput(props: FiatAmountInputProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=FiatAmountInput.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FiatAmountInput.d.ts","sourceRoot":"","sources":["../../../src/components/funding/FiatAmountInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AA+BxD,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,UAyB3D;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAkD1D"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var react$1 = require('@headlessui/react');
|
|
5
|
+
var clsx = require('clsx');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
var CurrencyDropdown = require('./CurrencyDropdown.js');
|
|
8
|
+
|
|
9
|
+
const CURRENCY_CODE_PREFIX = "FIAT_RAMP_CURRENCY_";
|
|
10
|
+
const MAX_WHOLE_DIGITS = 7;
|
|
11
|
+
function currencyFormat(currency) {
|
|
12
|
+
const code = currency ? currency.slice(CURRENCY_CODE_PREFIX.length) : "USD";
|
|
13
|
+
const format = new Intl.NumberFormat("en", {
|
|
14
|
+
style: "currency",
|
|
15
|
+
currency: code,
|
|
16
|
+
currencyDisplay: "narrowSymbol"
|
|
17
|
+
});
|
|
18
|
+
const parts = format.formatToParts(0);
|
|
19
|
+
const symbol = parts.find(part => part.type === "currency")?.value ?? "$";
|
|
20
|
+
return {
|
|
21
|
+
symbol,
|
|
22
|
+
decimals: format.resolvedOptions().maximumFractionDigits ?? 2
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
function sanitizeAmount(raw, decimals) {
|
|
26
|
+
let cleaned = raw.replace(/[^\d.]/g, "");
|
|
27
|
+
if (decimals === 0) {
|
|
28
|
+
cleaned = cleaned.replace(/\./g, "");
|
|
29
|
+
} else {
|
|
30
|
+
const dot = cleaned.indexOf(".");
|
|
31
|
+
if (dot !== -1) {
|
|
32
|
+
const whole = cleaned.slice(0, dot);
|
|
33
|
+
const fraction = cleaned.slice(dot + 1).replace(/\./g, "").slice(0, decimals);
|
|
34
|
+
cleaned = `${whole}.${fraction}`;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
const [whole, fraction] = cleaned.split(".");
|
|
38
|
+
const normalizedWhole = (whole ?? "").replace(/^0+(?=\d)/, "").slice(0, MAX_WHOLE_DIGITS);
|
|
39
|
+
if (fraction !== undefined) {
|
|
40
|
+
return `${normalizedWhole || "0"}.${fraction}`;
|
|
41
|
+
}
|
|
42
|
+
return normalizedWhole || "0";
|
|
43
|
+
}
|
|
44
|
+
function FiatAmountInput(props) {
|
|
45
|
+
const {
|
|
46
|
+
value,
|
|
47
|
+
onChange,
|
|
48
|
+
currency,
|
|
49
|
+
onCurrencyChange,
|
|
50
|
+
disabled
|
|
51
|
+
} = props;
|
|
52
|
+
const inputRef = react.useRef(null);
|
|
53
|
+
const format = react.useMemo(() => currencyFormat(currency), [currency]);
|
|
54
|
+
react.useEffect(() => {
|
|
55
|
+
const next = sanitizeAmount(value, format.decimals);
|
|
56
|
+
if (next !== value) onChange(next);
|
|
57
|
+
}, [format.decimals, value, onChange]);
|
|
58
|
+
return jsxRuntime.jsxs("div", {
|
|
59
|
+
className: clsx("w-full flex items-end justify-center gap-1.5 bg-transparent text-inherit px-4 py-4 cursor-text", disabled && "opacity-50 cursor-not-allowed"),
|
|
60
|
+
onClick: () => inputRef.current?.focus(),
|
|
61
|
+
children: [jsxRuntime.jsxs("div", {
|
|
62
|
+
className: "relative max-w-full pb-0.5",
|
|
63
|
+
children: [jsxRuntime.jsx("span", {
|
|
64
|
+
className: "pointer-events-none absolute top-0 right-full pr-0.5 text-xs font-bold leading-none",
|
|
65
|
+
children: format.symbol
|
|
66
|
+
}), jsxRuntime.jsx("span", {
|
|
67
|
+
className: "invisible whitespace-pre px-0.5 text-6xl font-bold",
|
|
68
|
+
children: value || "0"
|
|
69
|
+
}), jsxRuntime.jsx(react$1.Input, {
|
|
70
|
+
ref: inputRef,
|
|
71
|
+
"data-testid": "fiat-amount-input",
|
|
72
|
+
type: "text",
|
|
73
|
+
inputMode: "decimal",
|
|
74
|
+
autoComplete: "off",
|
|
75
|
+
disabled: disabled ?? false,
|
|
76
|
+
value: value || "0",
|
|
77
|
+
onChange: event => onChange(sanitizeAmount(event.target.value, format.decimals)),
|
|
78
|
+
className: "absolute inset-0 w-full border-none bg-transparent p-0 text-center text-6xl font-bold text-inherit focus:outline-none focus:ring-0"
|
|
79
|
+
})]
|
|
80
|
+
}), onCurrencyChange && jsxRuntime.jsx("div", {
|
|
81
|
+
className: "pb-1",
|
|
82
|
+
onClick: event => event.stopPropagation(),
|
|
83
|
+
children: jsxRuntime.jsx(CurrencyDropdown.CurrencyDropdown, {
|
|
84
|
+
value: currency,
|
|
85
|
+
onChange: onCurrencyChange,
|
|
86
|
+
disabled: disabled ?? false
|
|
87
|
+
})
|
|
88
|
+
})]
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
exports.FiatAmountInput = FiatAmountInput;
|
|
93
|
+
exports.sanitizeAmount = sanitizeAmount;
|
|
94
|
+
//# sourceMappingURL=FiatAmountInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FiatAmountInput.js","sources":["../../../src/components/funding/FiatAmountInput.tsx"],"sourcesContent":[null],"names":["CURRENCY_CODE_PREFIX","MAX_WHOLE_DIGITS","currencyFormat","currency","code","slice","length","format","Intl","NumberFormat","style","currencyDisplay","parts","formatToParts","symbol","find","part","type","value","decimals","resolvedOptions","maximumFractionDigits","sanitizeAmount","raw","cleaned","replace","dot","indexOf","whole","fraction","split","normalizedWhole","undefined","FiatAmountInput","props","onChange","onCurrencyChange","disabled","inputRef","useRef","useMemo","useEffect","next","_jsxs","className","clsx","onClick","current","focus","_jsx","children","Input","ref","inputMode","autoComplete","event","target","stopPropagation","CurrencyDropdown"],"mappings":"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"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { Input } from '@headlessui/react';
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import { useRef, useMemo, useEffect } from 'react';
|
|
6
|
+
import { CurrencyDropdown } from './CurrencyDropdown.mjs';
|
|
7
|
+
|
|
8
|
+
var CURRENCY_CODE_PREFIX = "FIAT_RAMP_CURRENCY_";
|
|
9
|
+
var MAX_WHOLE_DIGITS = 7;
|
|
10
|
+
function currencyFormat(currency) {
|
|
11
|
+
var _parts$find$value, _parts$find, _format$resolvedOptio;
|
|
12
|
+
var code = currency ? currency.slice(CURRENCY_CODE_PREFIX.length) : "USD";
|
|
13
|
+
var format = new Intl.NumberFormat("en", {
|
|
14
|
+
style: "currency",
|
|
15
|
+
currency: code,
|
|
16
|
+
currencyDisplay: "narrowSymbol"
|
|
17
|
+
});
|
|
18
|
+
var parts = format.formatToParts(0);
|
|
19
|
+
var symbol = (_parts$find$value = (_parts$find = parts.find(function (part) {
|
|
20
|
+
return part.type === "currency";
|
|
21
|
+
})) === null || _parts$find === void 0 ? void 0 : _parts$find.value) !== null && _parts$find$value !== void 0 ? _parts$find$value : "$";
|
|
22
|
+
return {
|
|
23
|
+
symbol: symbol,
|
|
24
|
+
decimals: (_format$resolvedOptio = format.resolvedOptions().maximumFractionDigits) !== null && _format$resolvedOptio !== void 0 ? _format$resolvedOptio : 2
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
function sanitizeAmount(raw, decimals) {
|
|
28
|
+
var cleaned = raw.replace(/[^\d.]/g, "");
|
|
29
|
+
if (decimals === 0) {
|
|
30
|
+
cleaned = cleaned.replace(/\./g, "");
|
|
31
|
+
} else {
|
|
32
|
+
var dot = cleaned.indexOf(".");
|
|
33
|
+
if (dot !== -1) {
|
|
34
|
+
var _whole = cleaned.slice(0, dot);
|
|
35
|
+
var _fraction = cleaned.slice(dot + 1).replace(/\./g, "").slice(0, decimals);
|
|
36
|
+
cleaned = "".concat(_whole, ".").concat(_fraction);
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
var _cleaned$split = cleaned.split("."),
|
|
40
|
+
_cleaned$split2 = _slicedToArray(_cleaned$split, 2),
|
|
41
|
+
whole = _cleaned$split2[0],
|
|
42
|
+
fraction = _cleaned$split2[1];
|
|
43
|
+
var normalizedWhole = (whole !== null && whole !== void 0 ? whole : "").replace(/^0+(?=\d)/, "").slice(0, MAX_WHOLE_DIGITS);
|
|
44
|
+
if (fraction !== undefined) {
|
|
45
|
+
return "".concat(normalizedWhole || "0", ".").concat(fraction);
|
|
46
|
+
}
|
|
47
|
+
return normalizedWhole || "0";
|
|
48
|
+
}
|
|
49
|
+
function FiatAmountInput(props) {
|
|
50
|
+
var value = props.value,
|
|
51
|
+
_onChange = props.onChange,
|
|
52
|
+
currency = props.currency,
|
|
53
|
+
onCurrencyChange = props.onCurrencyChange,
|
|
54
|
+
disabled = props.disabled;
|
|
55
|
+
var inputRef = useRef(null);
|
|
56
|
+
var format = useMemo(function () {
|
|
57
|
+
return currencyFormat(currency);
|
|
58
|
+
}, [currency]);
|
|
59
|
+
useEffect(function () {
|
|
60
|
+
var next = sanitizeAmount(value, format.decimals);
|
|
61
|
+
if (next !== value) _onChange(next);
|
|
62
|
+
}, [format.decimals, value, _onChange]);
|
|
63
|
+
return jsxs("div", {
|
|
64
|
+
className: clsx("w-full flex items-end justify-center gap-1.5 bg-transparent text-inherit px-4 py-4 cursor-text", disabled && "opacity-50 cursor-not-allowed"),
|
|
65
|
+
onClick: function onClick() {
|
|
66
|
+
var _inputRef$current;
|
|
67
|
+
return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
|
|
68
|
+
},
|
|
69
|
+
children: [jsxs("div", {
|
|
70
|
+
className: "relative max-w-full pb-0.5",
|
|
71
|
+
children: [jsx("span", {
|
|
72
|
+
className: "pointer-events-none absolute top-0 right-full pr-0.5 text-xs font-bold leading-none",
|
|
73
|
+
children: format.symbol
|
|
74
|
+
}), jsx("span", {
|
|
75
|
+
className: "invisible whitespace-pre px-0.5 text-6xl font-bold",
|
|
76
|
+
children: value || "0"
|
|
77
|
+
}), jsx(Input, {
|
|
78
|
+
ref: inputRef,
|
|
79
|
+
"data-testid": "fiat-amount-input",
|
|
80
|
+
type: "text",
|
|
81
|
+
inputMode: "decimal",
|
|
82
|
+
autoComplete: "off",
|
|
83
|
+
disabled: disabled !== null && disabled !== void 0 ? disabled : false,
|
|
84
|
+
value: value || "0",
|
|
85
|
+
onChange: function onChange(event) {
|
|
86
|
+
return _onChange(sanitizeAmount(event.target.value, format.decimals));
|
|
87
|
+
},
|
|
88
|
+
className: "absolute inset-0 w-full border-none bg-transparent p-0 text-center text-6xl font-bold text-inherit focus:outline-none focus:ring-0"
|
|
89
|
+
})]
|
|
90
|
+
}), onCurrencyChange && jsx("div", {
|
|
91
|
+
className: "pb-1",
|
|
92
|
+
onClick: function onClick(event) {
|
|
93
|
+
return event.stopPropagation();
|
|
94
|
+
},
|
|
95
|
+
children: jsx(CurrencyDropdown, {
|
|
96
|
+
value: currency,
|
|
97
|
+
onChange: onCurrencyChange,
|
|
98
|
+
disabled: disabled !== null && disabled !== void 0 ? disabled : false
|
|
99
|
+
})
|
|
100
|
+
})]
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
export { FiatAmountInput, sanitizeAmount };
|
|
105
|
+
//# sourceMappingURL=FiatAmountInput.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FiatAmountInput.mjs","sources":["../../../src/components/funding/FiatAmountInput.tsx"],"sourcesContent":[null],"names":["CURRENCY_CODE_PREFIX","MAX_WHOLE_DIGITS","currencyFormat","currency","_parts$find$value","_parts$find","_format$resolvedOptio","code","slice","length","format","Intl","NumberFormat","style","currencyDisplay","parts","formatToParts","symbol","find","part","type","value","decimals","resolvedOptions","maximumFractionDigits","sanitizeAmount","raw","cleaned","replace","dot","indexOf","whole","fraction","concat","_cleaned$split","split","_cleaned$split2","_slicedToArray","normalizedWhole","undefined","FiatAmountInput","props","onChange","onCurrencyChange","disabled","inputRef","useRef","useMemo","useEffect","next","_jsxs","className","clsx","onClick","_inputRef$current","current","focus","_jsx","children","Input","ref","inputMode","autoComplete","event","target","stopPropagation","CurrencyDropdown"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OffRamp.d.ts","sourceRoot":"","sources":["../../../src/components/funding/OffRamp.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGzE,wBAAgB,WAAW,CAAC,KAAK,EAAE,kBAAkB,2CAiBpD"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var clsx = require('clsx');
|
|
5
|
+
var Hook = require('../../providers/modal/Hook.js');
|
|
6
|
+
var OffRampAmount = require('./OffRampAmount.js');
|
|
7
|
+
var PaymentMethods = require('./PaymentMethods.js');
|
|
8
|
+
|
|
9
|
+
function OffRampPage(props) {
|
|
10
|
+
const {
|
|
11
|
+
isMobile,
|
|
12
|
+
pushPage
|
|
13
|
+
} = Hook.useModal();
|
|
14
|
+
const openAmount = payout => pushPage({
|
|
15
|
+
key: "Sell",
|
|
16
|
+
showTitle: false,
|
|
17
|
+
content: jsxRuntime.jsx(OffRampAmount.OffRampAmount, {
|
|
18
|
+
...props,
|
|
19
|
+
payout: payout
|
|
20
|
+
})
|
|
21
|
+
});
|
|
22
|
+
return jsxRuntime.jsx("div", {
|
|
23
|
+
className: clsx("flex flex-col pb-3 pt-9", isMobile ? "w-full" : "w-96"),
|
|
24
|
+
children: jsxRuntime.jsx(PaymentMethods.OffRampPayoutList, {
|
|
25
|
+
onSelect: openAmount
|
|
26
|
+
})
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
exports.OffRampPage = OffRampPage;
|
|
31
|
+
//# sourceMappingURL=OffRamp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OffRamp.js","sources":["../../../src/components/funding/OffRamp.tsx"],"sourcesContent":[null],"names":["OffRampPage","props","isMobile","pushPage","useModal","openAmount","payout","key","showTitle","content","_jsx","OffRampAmount","className","clsx","children","OffRampPayoutList","onSelect"],"mappings":";;;;;;;;AAKM,SAAUA,WAAWA,CAACC,KAAyB,EAAA;EACnD,MAAM;IAAEC,QAAQ;AAAEC,IAAAA;GAAU,GAAGC,aAAQ,EAAE;AAEzC,EAAA,MAAMC,UAAU,GAAIC,MAAuB,IACzCH,QAAQ,CAAC;AACPI,IAAAA,GAAG,EAAE,MAAM;AACXC,IAAAA,SAAS,EAAE,KAAK;AAChBC,IAAAA,OAAO,EAAEC,eAACC,2BAAa,EAAA;AAAA,MAAA,GAAKV,KAAK;AAAEK,MAAAA,MAAM,EAAEA;KAAM;AAClD,GAAA,CAAC;EAEJ,OACEI,cAAA,CAAA,KAAA,EAAA;IACEE,SAAS,EAAEC,IAAI,CAAC,yBAAyB,EAAEX,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAAAY,IAAAA,QAAA,EAExEJ,cAAA,CAACK,gCAAiB,EAAA;AAACC,MAAAA,QAAQ,EAAEX;KAAU;AAAI,GAAA,CACvC;AAEV;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import { useModal } from '../../providers/modal/Hook.mjs';
|
|
5
|
+
import { OffRampAmount } from './OffRampAmount.mjs';
|
|
6
|
+
import { OffRampPayoutList } from './PaymentMethods.mjs';
|
|
7
|
+
|
|
8
|
+
function OffRampPage(props) {
|
|
9
|
+
var _useModal = useModal(),
|
|
10
|
+
isMobile = _useModal.isMobile,
|
|
11
|
+
pushPage = _useModal.pushPage;
|
|
12
|
+
var openAmount = function openAmount(payout) {
|
|
13
|
+
return pushPage({
|
|
14
|
+
key: "Sell",
|
|
15
|
+
showTitle: false,
|
|
16
|
+
content: jsx(OffRampAmount, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
17
|
+
payout: payout
|
|
18
|
+
}))
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
return jsx("div", {
|
|
22
|
+
className: clsx("flex flex-col pb-3 pt-9", isMobile ? "w-full" : "w-96"),
|
|
23
|
+
children: jsx(OffRampPayoutList, {
|
|
24
|
+
onSelect: openAmount
|
|
25
|
+
})
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
export { OffRampPage };
|
|
30
|
+
//# sourceMappingURL=OffRamp.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OffRamp.mjs","sources":["../../../src/components/funding/OffRamp.tsx"],"sourcesContent":[null],"names":["OffRampPage","props","_useModal","useModal","isMobile","pushPage","openAmount","payout","key","showTitle","content","_jsx","OffRampAmount","_objectSpread","className","clsx","children","OffRampPayoutList","onSelect"],"mappings":";;;;;;;AAKM,SAAUA,WAAWA,CAACC,KAAyB,EAAA;AACnD,EAAA,IAAAC,SAAA,GAA+BC,QAAQ,EAAE;IAAjCC,QAAQ,GAAAF,SAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,SAAA,CAARG,QAAQ;AAE1B,EAAA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,MAAuB,EAAA;AAAA,IAAA,OACzCF,QAAQ,CAAC;AACPG,MAAAA,GAAG,EAAE,MAAM;AACXC,MAAAA,SAAS,EAAE,KAAK;MAChBC,OAAO,EAAEC,IAACC,aAAa,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAKZ,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEM,QAAAA,MAAM,EAAEA;OAAM,CAAA;AAClD,KAAA,CAAC;AAAA,EAAA,CAAA;EAEJ,OACEI,GAAA,CAAA,KAAA,EAAA;IACEG,SAAS,EAAEC,IAAI,CAAC,yBAAyB,EAAEX,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAAAY,IAAAA,QAAA,EAExEL,GAAA,CAACM,iBAAiB,EAAA;AAACC,MAAAA,QAAQ,EAAEZ;KAAU;AAAI,GAAA,CACvC;AAEV;;;;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type OnRampCaip19, type OnRampCaip2, type StamperType, type v1FiatRampCurrency, type WalletAccount } from "@turnkey/core";
|
|
2
|
+
import { type OffRampPayoutId } from "./PaymentMethods";
|
|
3
|
+
export type OffRampAmountProps = {
|
|
4
|
+
lockedCaip19?: OnRampCaip19 | undefined;
|
|
5
|
+
lockedCaip2?: OnRampCaip2 | undefined;
|
|
6
|
+
walletAccount: WalletAccount;
|
|
7
|
+
payout?: OffRampPayoutId | undefined;
|
|
8
|
+
fiatCurrencyCode?: v1FiatRampCurrency | undefined;
|
|
9
|
+
defaultCryptoAmount?: string | undefined;
|
|
10
|
+
countryCode?: string | undefined;
|
|
11
|
+
countrySubdivisionCode?: string | undefined;
|
|
12
|
+
sandboxMode?: boolean | undefined;
|
|
13
|
+
organizationId?: string | undefined;
|
|
14
|
+
stampWith?: StamperType | undefined;
|
|
15
|
+
openInNewTab?: boolean | undefined;
|
|
16
|
+
rpcUrl?: string | undefined;
|
|
17
|
+
successPageDuration?: number | undefined;
|
|
18
|
+
onSuccess?: (() => void) | undefined;
|
|
19
|
+
onError?: ((error: unknown) => void) | undefined;
|
|
20
|
+
};
|
|
21
|
+
export declare function OffRampAmount(props: OffRampAmountProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=OffRampAmount.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OffRampAmount.d.ts","sourceRoot":"","sources":["../../../src/components/funding/OffRampAmount.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,WAAW,EAGhB,KAAK,kBAAkB,EAEvB,KAAK,aAAa,EACnB,MAAM,eAAe,CAAC;AAevB,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,kBAAkB,CAAC;AAG1B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACxC,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACrC,gBAAgB,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAClD,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,sBAAsB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,SAAS,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,SAAS,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA0TtD"}
|