@funkit/connect 5.0.0 → 5.0.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/CHANGELOG.md +17 -0
- package/dist/{chunk-2LVAEHB2.js → chunk-2T4ZDGAO.js} +3 -0
- package/dist/{chunk-ZQ7UHAVV.js → chunk-A6B6WSM2.js} +1 -1
- package/dist/{chunk-7RFJFAFX.js → chunk-HAGQWE2B.js} +1 -1
- package/dist/domains/clientMetadata.d.ts +2 -2
- package/dist/index.js +39 -32
- package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +1 -0
- package/dist/modals/CheckoutModal/InputAmount/utils.d.ts +1 -1
- package/dist/providers/FunkitCheckoutContext.d.ts +7 -9
- package/dist/providers/FunkitConfigContext.d.ts +2 -0
- package/dist/themes/baseTheme.d.ts +1 -1
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/wallets/walletConnectors/index.js +50 -50
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,22 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 5.0.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- a48750a: feat: new blur configuration 'tiny'
|
|
8
|
+
- 21c3941: feat(connect): add possibility to set custom url in destinationConfig
|
|
9
|
+
- 29fb420: feat: increase icon sizes on confirmation page
|
|
10
|
+
- 424c1d5: fix: change isPostActionRequired impl
|
|
11
|
+
- c85a65d: feat(connect): show chain icon only when chains are different
|
|
12
|
+
- a69ea01: fix: normalize token addr before comparison
|
|
13
|
+
- 5c9c803: feat: add min target asset amount support
|
|
14
|
+
- 742dd0a: feat: save evaluatedActionsParams to clientMetadata
|
|
15
|
+
- Updated dependencies [742dd0a]
|
|
16
|
+
- @funkit/api-base@1.5.5
|
|
17
|
+
- @funkit/core@2.3.6
|
|
18
|
+
- @funkit/wagmi-tools@3.0.28
|
|
19
|
+
|
|
3
20
|
## 5.0.0
|
|
4
21
|
|
|
5
22
|
### Major Changes
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* Make sure it is SERIALIZABLE and BACKWARD COMPATIBLE!!
|
|
6
6
|
*/
|
|
7
7
|
import type { ApiCheckoutClientMetadata } from '@funkit/api-base';
|
|
8
|
-
import type { FunkitActiveCheckoutItem, FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
|
|
8
|
+
import type { FunkitActiveCheckoutItem, FunkitCheckoutActionParams, FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
|
|
9
9
|
import type { FunkitCheckoutQuoteResult } from './quote';
|
|
10
10
|
/**
|
|
11
11
|
* Historical Checkout Configuration stored in the server
|
|
@@ -35,5 +35,5 @@ export interface HistoricalCheckoutItem {
|
|
|
35
35
|
* Sanitizes checkoutItem to generate a clientMetadata object to be saved in backend.
|
|
36
36
|
* Ensures that no react components get sent to backend and the object isn't too big as well.
|
|
37
37
|
*/
|
|
38
|
-
export declare function generateClientMetadataForBackend(checkoutItem: FunkitActiveCheckoutItem, quote: FunkitCheckoutQuoteResult): ApiCheckoutClientMetadata;
|
|
38
|
+
export declare function generateClientMetadataForBackend(checkoutItem: FunkitActiveCheckoutItem, quote: FunkitCheckoutQuoteResult, actionsParams?: FunkitCheckoutActionParams[]): ApiCheckoutClientMetadata;
|
|
39
39
|
export declare function generateClientMetadataForTokenTransfer(): HistoricalCheckoutItem;
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
darkTheme
|
|
4
|
-
} from "./chunk-ZQ7UHAVV.js";
|
|
5
2
|
import {
|
|
6
3
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-HAGQWE2B.js";
|
|
5
|
+
import {
|
|
6
|
+
darkTheme
|
|
7
|
+
} from "./chunk-A6B6WSM2.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-2T4ZDGAO.js";
|
|
11
11
|
|
|
12
12
|
// src/components/Dialog/DialogContent.css.ts
|
|
13
13
|
var BASE_DIALOG_PADDING = "6";
|
|
@@ -3855,9 +3855,7 @@ function isCheckoutPostActionRequired(config) {
|
|
|
3855
3855
|
const actionCallback = config.generateActionsParams || void 0;
|
|
3856
3856
|
if (!actionCallback) return false;
|
|
3857
3857
|
if (typeof actionCallback === "string" && !!actionCallback) return true;
|
|
3858
|
-
|
|
3859
|
-
return !!evaluateCheckoutGenerateActionsParams(config).length;
|
|
3860
|
-
return false;
|
|
3858
|
+
return typeof actionCallback === "function";
|
|
3861
3859
|
}
|
|
3862
3860
|
|
|
3863
3861
|
// src/utils/combineChainSymbolOrAddress.ts
|
|
@@ -5776,7 +5774,7 @@ var WEB3_ACCOUNT_BALANCE_MESSAGE = {
|
|
|
5776
5774
|
};
|
|
5777
5775
|
|
|
5778
5776
|
// src/domains/clientMetadata.ts
|
|
5779
|
-
function generateClientMetadataForBackend(checkoutItem, quote) {
|
|
5777
|
+
function generateClientMetadataForBackend(checkoutItem, quote, actionsParams) {
|
|
5780
5778
|
return {
|
|
5781
5779
|
id: checkoutItem.id,
|
|
5782
5780
|
startTimestampMs: checkoutItem.startTimestampMs,
|
|
@@ -5794,7 +5792,9 @@ function generateClientMetadataForBackend(checkoutItem, quote) {
|
|
|
5794
5792
|
}
|
|
5795
5793
|
},
|
|
5796
5794
|
selectedSourceAssetInfo: checkoutItem.selectedSourceAssetInfo,
|
|
5797
|
-
selectedPaymentMethodInfo: checkoutItem.selectedPaymentMethodInfo ? toApiSelectedPaymentMethodInfo(checkoutItem.selectedPaymentMethodInfo) : null
|
|
5795
|
+
selectedPaymentMethodInfo: checkoutItem.selectedPaymentMethodInfo ? toApiSelectedPaymentMethodInfo(checkoutItem.selectedPaymentMethodInfo) : null,
|
|
5796
|
+
// Generated actions params (do not re-evaluate here)
|
|
5797
|
+
evaluatedActionsParams: actionsParams
|
|
5798
5798
|
};
|
|
5799
5799
|
}
|
|
5800
5800
|
function generateClientMetadataForTokenTransfer() {
|
|
@@ -6064,6 +6064,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6064
6064
|
checkoutItem.initSettings.config
|
|
6065
6065
|
)
|
|
6066
6066
|
});
|
|
6067
|
+
let actionsParams = void 0;
|
|
6067
6068
|
if (isCheckoutPostActionRequired(checkoutItem.initSettings.config)) {
|
|
6068
6069
|
const currentChainId = await connector?.getChainId();
|
|
6069
6070
|
if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[checkoutItem.initSettings.config.targetChain].isStandardEvmAddress || currentChainId && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[currentChainId]?.isStandardEvmAddress) {
|
|
@@ -6073,10 +6074,12 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6073
6074
|
)
|
|
6074
6075
|
});
|
|
6075
6076
|
}
|
|
6077
|
+
actionsParams = evaluateCheckoutGenerateActionsParams(
|
|
6078
|
+
checkoutItem.initSettings.config
|
|
6079
|
+
);
|
|
6080
|
+
logger.log("generatedActionsParams", actionsParams);
|
|
6076
6081
|
const signedBatchOperation = await generateSignedBatchOperation(
|
|
6077
|
-
|
|
6078
|
-
checkoutItem.initSettings.config
|
|
6079
|
-
),
|
|
6082
|
+
actionsParams,
|
|
6080
6083
|
checkoutItem.initSettings.config.targetChain,
|
|
6081
6084
|
shouldbatchOpBypassInit,
|
|
6082
6085
|
stepMessageSetter
|
|
@@ -6100,7 +6103,8 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6100
6103
|
}),
|
|
6101
6104
|
clientMetadata: generateClientMetadataForBackend(
|
|
6102
6105
|
checkoutItem,
|
|
6103
|
-
latestQuote
|
|
6106
|
+
latestQuote,
|
|
6107
|
+
actionsParams
|
|
6104
6108
|
)
|
|
6105
6109
|
});
|
|
6106
6110
|
checkoutItem.initSettings.onConfirmation?.(depositAddress);
|
|
@@ -6134,6 +6138,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6134
6138
|
targetAsset: asset.targetAsset,
|
|
6135
6139
|
targetChain: asset.targetChain,
|
|
6136
6140
|
targetAssetTicker: asset.targetAssetTicker,
|
|
6141
|
+
targetAssetMinAmount: asset.targetAssetMinAmount,
|
|
6137
6142
|
iconSrc: asset.iconSrc
|
|
6138
6143
|
}
|
|
6139
6144
|
}
|
|
@@ -9166,7 +9171,8 @@ var SourceDestinationSummary = ({
|
|
|
9166
9171
|
AddressRedirectButton,
|
|
9167
9172
|
{
|
|
9168
9173
|
chainId: checkoutHistoryItem.toChainId,
|
|
9169
|
-
address: checkoutHistoryItem.recipientAddr
|
|
9174
|
+
address: checkoutHistoryItem.recipientAddr,
|
|
9175
|
+
customRedirectUrl: customDestinationConfig?.url
|
|
9170
9176
|
}
|
|
9171
9177
|
))))
|
|
9172
9178
|
);
|
|
@@ -9193,14 +9199,15 @@ var SourceDestinationSummarySkeletonLoader = ({
|
|
|
9193
9199
|
);
|
|
9194
9200
|
var AddressRedirectButton = ({
|
|
9195
9201
|
chainId,
|
|
9196
|
-
address
|
|
9202
|
+
address,
|
|
9203
|
+
customRedirectUrl
|
|
9197
9204
|
}) => {
|
|
9198
9205
|
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId].explorerInfo;
|
|
9199
9206
|
return /* @__PURE__ */ React99.createElement(
|
|
9200
9207
|
FunRedirectButton,
|
|
9201
9208
|
{
|
|
9202
9209
|
color: "tertiaryText",
|
|
9203
|
-
to: `${explorerInfo.url}/address/${address}`
|
|
9210
|
+
to: customRedirectUrl ?? `${explorerInfo.url}/address/${address}`
|
|
9204
9211
|
}
|
|
9205
9212
|
);
|
|
9206
9213
|
};
|
|
@@ -12919,7 +12926,6 @@ function PaymentAmountSummary({
|
|
|
12919
12926
|
}) {
|
|
12920
12927
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
12921
12928
|
const sourceSymbol = checkoutItem?.selectedSourceAssetInfo.symbol ?? "";
|
|
12922
|
-
const targetSymbol = checkoutConfig?.targetAssetTicker ?? "";
|
|
12923
12929
|
const sourceTokenAmount = quote?.finalPaymentTokenAmount;
|
|
12924
12930
|
const paymentTokenString = useMemo20(() => {
|
|
12925
12931
|
if (!sourceTokenAmount) return "-";
|
|
@@ -12942,7 +12948,6 @@ function PaymentAmountSummary({
|
|
|
12942
12948
|
const sourceChainId = checkoutItem?.selectedSourceAssetInfo.chainId;
|
|
12943
12949
|
const areSameChains = sourceChainId === targetChainId;
|
|
12944
12950
|
const sourceIcon = checkoutItem?.selectedSourceAssetInfo.iconSrc ?? void 0;
|
|
12945
|
-
const areSameAssets = sourceSymbol === targetSymbol;
|
|
12946
12951
|
const { apiKey } = useFunkitConfig();
|
|
12947
12952
|
return /* @__PURE__ */ React138.createElement(
|
|
12948
12953
|
FunTxSummaryBox,
|
|
@@ -12958,7 +12963,7 @@ function PaymentAmountSummary({
|
|
|
12958
12963
|
icon: /* @__PURE__ */ React138.createElement(
|
|
12959
12964
|
FunAssetAvatar,
|
|
12960
12965
|
{
|
|
12961
|
-
assetIconSize: "
|
|
12966
|
+
assetIconSize: "16",
|
|
12962
12967
|
assetTicker: sourceSymbol,
|
|
12963
12968
|
assetName: sourceSymbol,
|
|
12964
12969
|
assetSrc: sourceIcon,
|
|
@@ -12978,12 +12983,9 @@ function PaymentAmountSummary({
|
|
|
12978
12983
|
icon: /* @__PURE__ */ React138.createElement(
|
|
12979
12984
|
FunAssetAvatar,
|
|
12980
12985
|
{
|
|
12981
|
-
assetIconSize: "
|
|
12986
|
+
assetIconSize: "16",
|
|
12982
12987
|
assetSrc: checkoutConfig?.iconSrc ?? void 0,
|
|
12983
|
-
chainId:
|
|
12984
|
-
// TODO: Simplify
|
|
12985
|
-
areSameChains || areSameAssets ? void 0 : targetChainId
|
|
12986
|
-
),
|
|
12988
|
+
chainId: areSameChains ? void 0 : targetChainId,
|
|
12987
12989
|
prioritizeDefaults: false,
|
|
12988
12990
|
assetName: "checkout-asset"
|
|
12989
12991
|
}
|
|
@@ -13577,9 +13579,10 @@ function useCheckoutQuote({
|
|
|
13577
13579
|
onFailure,
|
|
13578
13580
|
onSuccess
|
|
13579
13581
|
}) {
|
|
13580
|
-
const { updateTargetAssetAmount } = useCheckoutContext();
|
|
13582
|
+
const { updateTargetAssetAmount, checkoutItem } = useCheckoutContext();
|
|
13581
13583
|
const { quoteNotification } = useCheckoutQuoteNotification();
|
|
13582
13584
|
const { messageType, quoteMessage } = quoteNotification;
|
|
13585
|
+
const minTargetAssetAmount = checkoutItem?.initSettings.config.targetAssetMinAmount ?? 0;
|
|
13583
13586
|
const [retriesLeft, setRetriesLeft] = useState39(null);
|
|
13584
13587
|
const {
|
|
13585
13588
|
// TODO: awkward code/naming about 'confirming assets'
|
|
@@ -13590,7 +13593,7 @@ function useCheckoutQuote({
|
|
|
13590
13593
|
onSuccess?.();
|
|
13591
13594
|
} else {
|
|
13592
13595
|
onFailure(result.error);
|
|
13593
|
-
if (result.error.reason === "insufficientBalance" && result.error.maxTargetAssetAmount >
|
|
13596
|
+
if (result.error.reason === "insufficientBalance" && result.error.maxTargetAssetAmount > minTargetAssetAmount && retriesLeft) {
|
|
13594
13597
|
setRetriesLeft(retriesLeft - 1);
|
|
13595
13598
|
updateTargetAssetAmount(result.error.maxTargetAssetAmount);
|
|
13596
13599
|
return triggerQuote();
|
|
@@ -15137,8 +15140,9 @@ function InputAmountLoaded({
|
|
|
15137
15140
|
}) {
|
|
15138
15141
|
const maxCheckoutUsdString = useFlag(FlagKey14.MaxCheckoutUsd);
|
|
15139
15142
|
const { paymentMethod } = modalState.paymentMethodInfo;
|
|
15140
|
-
const { checkoutItemTitle, targetAssetTicker } = checkoutConfig;
|
|
15143
|
+
const { checkoutItemTitle, targetAssetTicker, targetAssetMinAmount } = checkoutConfig;
|
|
15141
15144
|
const { updateTargetAssetAmount } = useCheckoutContext();
|
|
15145
|
+
const minUsd = targetAssetMinAmount && unitPrice ? Math.floor(targetAssetMinAmount * unitPrice * 100) / 100 : void 0;
|
|
15142
15146
|
const {
|
|
15143
15147
|
assetAmount,
|
|
15144
15148
|
inputError,
|
|
@@ -15155,7 +15159,8 @@ function InputAmountLoaded({
|
|
|
15155
15159
|
paymentMethod,
|
|
15156
15160
|
sourceHolding,
|
|
15157
15161
|
unitPrice,
|
|
15158
|
-
maxUsd: Number.parseFloat(maxCheckoutUsdString)
|
|
15162
|
+
maxUsd: Number.parseFloat(maxCheckoutUsdString),
|
|
15163
|
+
minUsd
|
|
15159
15164
|
});
|
|
15160
15165
|
const error = useMemo25(() => {
|
|
15161
15166
|
if (usdAvailableAmount === 0) {
|
|
@@ -16992,7 +16997,7 @@ function useAssetOptions({
|
|
|
16992
16997
|
const isDisabled = !isUsable || !isKnown;
|
|
16993
16998
|
const isDefault = defaultTokenSymbols.includes(asset.chainSymbolKey);
|
|
16994
16999
|
const candidate = candidates?.find(
|
|
16995
|
-
(candidate2) => candidate2.tokenChainId === asset.pickedChainId && candidate2.tokenAddress === asset.tokenAddress
|
|
17000
|
+
(candidate2) => candidate2.tokenChainId === asset.pickedChainId && candidate2.tokenAddress.toLowerCase() === asset.tokenAddress.toLowerCase()
|
|
16996
17001
|
);
|
|
16997
17002
|
let badgeText = "";
|
|
16998
17003
|
let badgeColors = defaultBadgeColors;
|
|
@@ -17068,13 +17073,14 @@ function MeshOrAccountSelectAsset({
|
|
|
17068
17073
|
return;
|
|
17069
17074
|
}
|
|
17070
17075
|
const isCandidate = candidates.find(
|
|
17071
|
-
(cand) => cand.tokenAddress === tokenItem.tokenAddress && cand.tokenChainId === tokenItem.pickedChainId
|
|
17076
|
+
(cand) => cand.tokenAddress.toLowerCase() === tokenItem.tokenAddress.toLowerCase() && cand.tokenChainId === tokenItem.pickedChainId
|
|
17072
17077
|
);
|
|
17073
17078
|
if (isCandidate) {
|
|
17074
17079
|
updateTargetAsset({
|
|
17075
17080
|
targetAsset: tokenItem.tokenAddress,
|
|
17076
17081
|
targetChain: tokenItem.pickedChainId,
|
|
17077
17082
|
targetAssetTicker: tokenItem.symbol,
|
|
17083
|
+
targetAssetMinAmount: isCandidate.targetAssetMinAmount,
|
|
17078
17084
|
iconSrc: tokenItem.iconSrc
|
|
17079
17085
|
});
|
|
17080
17086
|
return;
|
|
@@ -17085,6 +17091,7 @@ function MeshOrAccountSelectAsset({
|
|
|
17085
17091
|
targetAsset: defaultCandidate.tokenAddress,
|
|
17086
17092
|
targetChain: defaultCandidate.tokenChainId,
|
|
17087
17093
|
targetAssetTicker: defaultCandidate.tokenSymbol,
|
|
17094
|
+
targetAssetMinAmount: defaultCandidate.targetAssetMinAmount,
|
|
17088
17095
|
iconSrc: defaultCandidate.iconSrc
|
|
17089
17096
|
});
|
|
17090
17097
|
}
|
|
@@ -21683,7 +21690,7 @@ function setFunkitConnectVersion({ version }) {
|
|
|
21683
21690
|
localStorage.setItem(storageKey5, version);
|
|
21684
21691
|
}
|
|
21685
21692
|
function getCurrentSdkVersion() {
|
|
21686
|
-
return "5.0.
|
|
21693
|
+
return "5.0.1";
|
|
21687
21694
|
}
|
|
21688
21695
|
function useFingerprint() {
|
|
21689
21696
|
const fingerprint = useCallback44(() => {
|
|
@@ -5,6 +5,7 @@ import type { FunCheckoutStep, ModalStepComponentProps } from '../stepTransition
|
|
|
5
5
|
interface InputAmountLoadedProps extends ModalStepComponentProps<FunCheckoutStep.INPUT_AMOUNT> {
|
|
6
6
|
sourceHolding: AssetHoldingsItem | null;
|
|
7
7
|
checkoutConfig: FunkitCheckoutConfig;
|
|
8
|
+
/** unit price of target asset */
|
|
8
9
|
unitPrice: number;
|
|
9
10
|
isCardCheckout: boolean;
|
|
10
11
|
}
|
|
@@ -4,4 +4,4 @@ export declare const USD_DECIMALS = 2;
|
|
|
4
4
|
export declare const USD_INITIAL_AMOUNT = 100;
|
|
5
5
|
export declare const USD_PREFIX = "$";
|
|
6
6
|
export declare function getUsdMaxAmount(paymentMethod: PaymentMethod, maxUsd: number): number | null;
|
|
7
|
-
export declare function getUsdMinAmount(paymentMethod: PaymentMethod, minUsd?: number): number;
|
|
7
|
+
export declare function getUsdMinAmount(paymentMethod: PaymentMethod, minUsd?: number | undefined): number;
|
|
@@ -1,16 +1,10 @@
|
|
|
1
|
-
import { type ApiCheckoutClientMetadata, type ApiFunkitCheckoutConfig, type FunAddress } from '@funkit/api-base';
|
|
1
|
+
import { type ApiCheckoutClientMetadata, type ApiFunkitCheckoutActionParams, type ApiFunkitCheckoutConfig, type FunAddress } from '@funkit/api-base';
|
|
2
2
|
import React, { type ReactNode } from 'react';
|
|
3
|
-
import { type
|
|
3
|
+
import { type Address } from 'viem';
|
|
4
4
|
import type { AssetHoldingsItem } from '~/utils/assets';
|
|
5
5
|
import type { PaymentMethodInfo } from '../domains/paymentMethods';
|
|
6
6
|
import { type FunkitCheckoutQuoteResult } from './FunkitHistoryContext';
|
|
7
|
-
export
|
|
8
|
-
contractAbi: Abi;
|
|
9
|
-
contractAddress: Address;
|
|
10
|
-
functionName: string;
|
|
11
|
-
functionArgs: unknown[];
|
|
12
|
-
value?: bigint;
|
|
13
|
-
}
|
|
7
|
+
export type FunkitCheckoutActionParams = ApiFunkitCheckoutActionParams;
|
|
14
8
|
export interface DynamicTargetAssetCandidate {
|
|
15
9
|
tokenAddress: Address;
|
|
16
10
|
tokenChainId: string;
|
|
@@ -18,6 +12,7 @@ export interface DynamicTargetAssetCandidate {
|
|
|
18
12
|
tokenSymbol: string;
|
|
19
13
|
isDefault?: boolean;
|
|
20
14
|
badgeText?: string;
|
|
15
|
+
targetAssetMinAmount?: number;
|
|
21
16
|
}
|
|
22
17
|
export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'generateActionsParams' | 'customRecipient' | 'modalTitle' | 'iconSrc' | 'modalTitleMeta' | 'externalCheckoutUserId'> {
|
|
23
18
|
/** List of contract action params **/
|
|
@@ -47,6 +42,8 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
|
|
|
47
42
|
externalCheckoutUserId?: string;
|
|
48
43
|
/** a list of candidate assets to be chosen dynamically */
|
|
49
44
|
dynamicTargetAssetCandidates?: DynamicTargetAssetCandidate[];
|
|
45
|
+
/** minimal toAmount needed to proceed checkout. Checked after quote */
|
|
46
|
+
targetAssetMinAmount?: number;
|
|
50
47
|
}
|
|
51
48
|
interface FunkitCheckoutValidationResult {
|
|
52
49
|
isValid: boolean;
|
|
@@ -110,6 +107,7 @@ interface FunkitCheckoutContextInterface {
|
|
|
110
107
|
targetAsset: Address;
|
|
111
108
|
targetChain: string;
|
|
112
109
|
targetAssetTicker: string;
|
|
110
|
+
targetAssetMinAmount: number | undefined;
|
|
113
111
|
iconSrc: string | undefined;
|
|
114
112
|
}): void;
|
|
115
113
|
updateSelectedPaymentMethodInfo(newPaymentMethodInfo: PaymentMethodInfo): void;
|
|
@@ -16,6 +16,8 @@ export interface FunkitUiDestinationConfig {
|
|
|
16
16
|
icon?: ReactNode;
|
|
17
17
|
/** What text to show in the `destination` row - defaults to formatted destination wallet address */
|
|
18
18
|
text?: string;
|
|
19
|
+
/** Which url to redirect to. If not specified, defaults to the block explorer of the recipientAddr of the checkout*/
|
|
20
|
+
url?: string;
|
|
19
21
|
}
|
|
20
22
|
export interface FunkitUiCustomizationsConfig {
|
|
21
23
|
confirmationScreen?: {
|
|
@@ -8,7 +8,7 @@ declare const fontStacks: {
|
|
|
8
8
|
};
|
|
9
9
|
type FontStack = keyof typeof fontStacks;
|
|
10
10
|
type RadiusScale = 'large' | 'medium' | 'small' | 'none';
|
|
11
|
-
type Blurs = 'small' | 'large' | 'none';
|
|
11
|
+
type Blurs = 'tiny' | 'small' | 'large' | 'none';
|
|
12
12
|
type FontSizeType = 'regular' | 'small';
|
|
13
13
|
interface BaseThemeOptions {
|
|
14
14
|
customFontWeights?: Partial<ThemeVars['fontWeight']>;
|
package/dist/themes/baseTheme.js
CHANGED
package/dist/themes/darkTheme.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
|
-
|
|
4
|
-
} from "./chunk-
|
|
3
|
+
zealWallet
|
|
4
|
+
} from "./chunk-JROWU5BP.js";
|
|
5
|
+
import {
|
|
6
|
+
uniswapWallet
|
|
7
|
+
} from "./chunk-LH7BMNFZ.js";
|
|
5
8
|
import {
|
|
6
9
|
zerionWallet
|
|
7
10
|
} from "./chunk-AXWP3GD4.js";
|
|
8
11
|
import {
|
|
9
|
-
|
|
10
|
-
} from "./chunk-
|
|
12
|
+
safeheronWallet
|
|
13
|
+
} from "./chunk-R6RWZRFF.js";
|
|
11
14
|
import {
|
|
12
15
|
talismanWallet
|
|
13
16
|
} from "./chunk-ABFSXBE6.js";
|
|
14
|
-
import {
|
|
15
|
-
safepalWallet
|
|
16
|
-
} from "./chunk-MSFKSQBY.js";
|
|
17
17
|
import {
|
|
18
18
|
tokenPocketWallet
|
|
19
19
|
} from "./chunk-IDKVN5CF.js";
|
|
@@ -24,41 +24,38 @@ import {
|
|
|
24
24
|
trustWallet
|
|
25
25
|
} from "./chunk-ISIBREBO.js";
|
|
26
26
|
import {
|
|
27
|
-
|
|
28
|
-
} from "./chunk-
|
|
27
|
+
rabbyWallet
|
|
28
|
+
} from "./chunk-BVX4XGNP.js";
|
|
29
|
+
import {
|
|
30
|
+
walletConnectWallet
|
|
31
|
+
} from "./chunk-NP5QGWNL.js";
|
|
29
32
|
import {
|
|
30
33
|
xdefiWallet
|
|
31
34
|
} from "./chunk-NO7XMBB5.js";
|
|
32
35
|
import {
|
|
33
|
-
|
|
34
|
-
} from "./chunk-
|
|
35
|
-
import {
|
|
36
|
-
phantomWallet
|
|
37
|
-
} from "./chunk-ZSVTX6EK.js";
|
|
36
|
+
rainbowWallet
|
|
37
|
+
} from "./chunk-2UCNRD7H.js";
|
|
38
38
|
import {
|
|
39
39
|
ramperWallet
|
|
40
40
|
} from "./chunk-PIUNLQJG.js";
|
|
41
|
-
import {
|
|
42
|
-
rabbyWallet
|
|
43
|
-
} from "./chunk-BVX4XGNP.js";
|
|
44
41
|
import {
|
|
45
42
|
roninWallet
|
|
46
43
|
} from "./chunk-63YLN6R5.js";
|
|
47
|
-
import {
|
|
48
|
-
rainbowWallet
|
|
49
|
-
} from "./chunk-2UCNRD7H.js";
|
|
50
44
|
import {
|
|
51
45
|
safeWallet
|
|
52
46
|
} from "./chunk-BQQQL6UD.js";
|
|
53
47
|
import {
|
|
54
|
-
|
|
55
|
-
} from "./chunk-
|
|
48
|
+
phantomWallet
|
|
49
|
+
} from "./chunk-ZSVTX6EK.js";
|
|
50
|
+
import {
|
|
51
|
+
safepalWallet
|
|
52
|
+
} from "./chunk-MSFKSQBY.js";
|
|
56
53
|
import {
|
|
57
54
|
subWallet
|
|
58
55
|
} from "./chunk-AD2KIJB6.js";
|
|
59
56
|
import {
|
|
60
|
-
|
|
61
|
-
} from "./chunk-
|
|
57
|
+
tahoWallet
|
|
58
|
+
} from "./chunk-6P2EMPZI.js";
|
|
62
59
|
import {
|
|
63
60
|
mewWallet
|
|
64
61
|
} from "./chunk-V57WLZEE.js";
|
|
@@ -66,41 +63,44 @@ import {
|
|
|
66
63
|
oktoWallet
|
|
67
64
|
} from "./chunk-ADIXAKUL.js";
|
|
68
65
|
import {
|
|
69
|
-
|
|
70
|
-
} from "./chunk-
|
|
71
|
-
import {
|
|
72
|
-
oneKeyWallet
|
|
73
|
-
} from "./chunk-4AD7VI2P.js";
|
|
66
|
+
okxWallet
|
|
67
|
+
} from "./chunk-4WEHDI4Y.js";
|
|
74
68
|
import {
|
|
75
69
|
omniWallet
|
|
76
70
|
} from "./chunk-7CUY5G6R.js";
|
|
77
71
|
import {
|
|
78
|
-
|
|
79
|
-
} from "./chunk-
|
|
72
|
+
coin98Wallet
|
|
73
|
+
} from "./chunk-DTRYS3MO.js";
|
|
80
74
|
import {
|
|
81
|
-
|
|
82
|
-
} from "./chunk-
|
|
75
|
+
metaMaskWallet
|
|
76
|
+
} from "./chunk-G73C6P5P.js";
|
|
83
77
|
import {
|
|
84
|
-
|
|
85
|
-
} from "./chunk-
|
|
78
|
+
oneKeyWallet
|
|
79
|
+
} from "./chunk-4AD7VI2P.js";
|
|
80
|
+
import {
|
|
81
|
+
oneInchWallet
|
|
82
|
+
} from "./chunk-OESTDX6I.js";
|
|
86
83
|
import {
|
|
87
84
|
frameWallet
|
|
88
85
|
} from "./chunk-ZMYVTWDF.js";
|
|
89
86
|
import {
|
|
90
87
|
frontierWallet
|
|
91
88
|
} from "./chunk-3S2U24BJ.js";
|
|
92
|
-
import {
|
|
93
|
-
injectedWallet
|
|
94
|
-
} from "./chunk-VCVVV2K7.js";
|
|
95
89
|
import {
|
|
96
90
|
gateWallet
|
|
97
91
|
} from "./chunk-GSOYKKIS.js";
|
|
92
|
+
import {
|
|
93
|
+
imTokenWallet
|
|
94
|
+
} from "./chunk-COZ7MIQS.js";
|
|
95
|
+
import {
|
|
96
|
+
injectedWallet
|
|
97
|
+
} from "./chunk-VCVVV2K7.js";
|
|
98
98
|
import {
|
|
99
99
|
kresusWallet
|
|
100
100
|
} from "./chunk-MJXPRJZT.js";
|
|
101
101
|
import {
|
|
102
|
-
|
|
103
|
-
} from "./chunk-
|
|
102
|
+
ledgerWallet
|
|
103
|
+
} from "./chunk-BRBKM4PW.js";
|
|
104
104
|
import {
|
|
105
105
|
bybitWallet
|
|
106
106
|
} from "./chunk-6ONTSPEY.js";
|
|
@@ -110,33 +110,33 @@ import {
|
|
|
110
110
|
import {
|
|
111
111
|
coinbaseWallet
|
|
112
112
|
} from "./chunk-H4IRCEZN.js";
|
|
113
|
-
import {
|
|
114
|
-
dawnWallet
|
|
115
|
-
} from "./chunk-LN7OD5EC.js";
|
|
116
113
|
import {
|
|
117
114
|
coreWallet
|
|
118
115
|
} from "./chunk-HBA36GW3.js";
|
|
116
|
+
import {
|
|
117
|
+
dawnWallet
|
|
118
|
+
} from "./chunk-LN7OD5EC.js";
|
|
119
119
|
import {
|
|
120
120
|
desigWallet
|
|
121
121
|
} from "./chunk-CTU6JCOK.js";
|
|
122
|
-
import {
|
|
123
|
-
coin98Wallet
|
|
124
|
-
} from "./chunk-DTRYS3MO.js";
|
|
125
122
|
import {
|
|
126
123
|
enkryptWallet
|
|
127
124
|
} from "./chunk-SJTXS4ZW.js";
|
|
125
|
+
import {
|
|
126
|
+
foxWallet
|
|
127
|
+
} from "./chunk-LMZMXEXL.js";
|
|
128
128
|
import {
|
|
129
129
|
argentWallet
|
|
130
130
|
} from "./chunk-WSQ2YJO2.js";
|
|
131
131
|
import {
|
|
132
|
-
|
|
133
|
-
} from "./chunk-
|
|
132
|
+
bifrostWallet
|
|
133
|
+
} from "./chunk-W6N74MS3.js";
|
|
134
134
|
import {
|
|
135
135
|
bitskiWallet
|
|
136
136
|
} from "./chunk-P74YPRF6.js";
|
|
137
137
|
import {
|
|
138
|
-
|
|
139
|
-
} from "./chunk-
|
|
138
|
+
bitgetWallet
|
|
139
|
+
} from "./chunk-A5APNTGL.js";
|
|
140
140
|
import {
|
|
141
141
|
bitverseWallet
|
|
142
142
|
} from "./chunk-3HZRRP4Y.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@funkit/connect",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.1",
|
|
4
4
|
"description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -88,11 +88,11 @@
|
|
|
88
88
|
"react-virtuoso": "4.10.1",
|
|
89
89
|
"ua-parser-js": "^1.0.37",
|
|
90
90
|
"uuid": "^9.0.1",
|
|
91
|
+
"@funkit/api-base": "1.5.5",
|
|
91
92
|
"@funkit/chains": "0.1.2",
|
|
92
|
-
"@funkit/
|
|
93
|
-
"@funkit/
|
|
94
|
-
"@funkit/wagmi-tools": "3.0.
|
|
95
|
-
"@funkit/utils": "1.0.6"
|
|
93
|
+
"@funkit/core": "2.3.6",
|
|
94
|
+
"@funkit/utils": "1.0.6",
|
|
95
|
+
"@funkit/wagmi-tools": "3.0.28"
|
|
96
96
|
},
|
|
97
97
|
"repository": {
|
|
98
98
|
"type": "git",
|