@funkit/connect 1.0.17 → 1.0.19
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 +16 -0
- package/dist/components/FunInput/FunTwoFaInput.d.ts +2 -1
- package/dist/index.js +210 -125
- package/dist/utils/payment.d.ts +10 -0
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +73 -73
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @funkit/connect
|
|
2
2
|
|
|
3
|
+
## 1.0.19
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- f8a93ed: refactor: actionsParams fallback
|
|
8
|
+
- a3cfa05: feat: mobile support - connection
|
|
9
|
+
|
|
10
|
+
## 1.0.18
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- bccf0b0: feat: mesh 2fa input length toggle
|
|
15
|
+
- bccf0b0: refactor: verbose sourceOfFund
|
|
16
|
+
- bccf0b0: chore: better logging
|
|
17
|
+
- 268d91c: format: tx summary alignments
|
|
18
|
+
|
|
3
19
|
## 1.0.17
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -5,5 +5,6 @@ export interface FunTwoFaInputProps {
|
|
|
5
5
|
onCompleted?: (input?: any) => void;
|
|
6
6
|
hasError: boolean;
|
|
7
7
|
errorMessage?: string;
|
|
8
|
+
inputLength: number;
|
|
8
9
|
}
|
|
9
|
-
export declare const FunTwoFaInput: ({ value, onChange, onCompleted, hasError, errorMessage, }: FunTwoFaInputProps) => React.JSX.Element;
|
|
10
|
+
export declare const FunTwoFaInput: ({ value, onChange, onCompleted, hasError, errorMessage, inputLength, }: FunTwoFaInputProps) => React.JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -1541,7 +1541,6 @@ function GeneralWalletProvider({ children }) {
|
|
|
1541
1541
|
let newFunWalletAuth;
|
|
1542
1542
|
let newFunWallet;
|
|
1543
1543
|
if (isWeb2Login) {
|
|
1544
|
-
logger.log("setupFunWallet_isWeb2Login");
|
|
1545
1544
|
newFunWalletAuth = await ((_a = connector == null ? void 0 : connector.getAuth) == null ? void 0 : _a.call(connector));
|
|
1546
1545
|
newFunWallet = await ((_b = connector == null ? void 0 : connector.getFunWallet) == null ? void 0 : _b.call(connector));
|
|
1547
1546
|
} else if (isWeb3Login) {
|
|
@@ -1549,7 +1548,6 @@ function GeneralWalletProvider({ children }) {
|
|
|
1549
1548
|
const provider = await ((_c = connector == null ? void 0 : connector.getProvider) == null ? void 0 : _c.call(connector));
|
|
1550
1549
|
if (!provider)
|
|
1551
1550
|
return;
|
|
1552
|
-
logger.log("setupFunWallet_web3Provider", { provider });
|
|
1553
1551
|
newFunWalletAuth = new Auth({ provider });
|
|
1554
1552
|
newFunWallet = new FunWallet({
|
|
1555
1553
|
users: [{ userId: await newFunWalletAuth.getAddress() }],
|
|
@@ -1558,7 +1556,12 @@ function GeneralWalletProvider({ children }) {
|
|
|
1558
1556
|
)
|
|
1559
1557
|
});
|
|
1560
1558
|
}
|
|
1561
|
-
logger.log("setupFunWallet_result", {
|
|
1559
|
+
logger.log("setupFunWallet_result", {
|
|
1560
|
+
newFunWallet,
|
|
1561
|
+
newFunWalletAuth,
|
|
1562
|
+
isWeb2Login,
|
|
1563
|
+
isWeb3Login
|
|
1564
|
+
});
|
|
1562
1565
|
setFunWallet(newFunWallet);
|
|
1563
1566
|
setFunWalletAuth(newFunWalletAuth);
|
|
1564
1567
|
}
|
|
@@ -2204,6 +2207,24 @@ function colorToHex(color) {
|
|
|
2204
2207
|
return hexColor;
|
|
2205
2208
|
}
|
|
2206
2209
|
|
|
2210
|
+
// src/utils/payment.ts
|
|
2211
|
+
function generateSourceOfFundString({
|
|
2212
|
+
paymentMethodInfo,
|
|
2213
|
+
isWeb2Login,
|
|
2214
|
+
isWeb3Login,
|
|
2215
|
+
walletAddress
|
|
2216
|
+
}) {
|
|
2217
|
+
const paymentMethod = paymentMethodInfo.paymentMethod;
|
|
2218
|
+
if (paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
|
|
2219
|
+
return `${paymentMethod}|${isWeb2Login ? "funwallet" : isWeb3Login ? "eoa" : "unrecognized"}|${walletAddress}`;
|
|
2220
|
+
} else if (paymentMethod === "brokerage" /* BROKERAGE */) {
|
|
2221
|
+
return `${paymentMethod}|${paymentMethodInfo.title.toLowerCase()}`;
|
|
2222
|
+
} else if (paymentMethod === "card" /* CARD */) {
|
|
2223
|
+
return `${paymentMethod}|moonpay`;
|
|
2224
|
+
}
|
|
2225
|
+
return "";
|
|
2226
|
+
}
|
|
2227
|
+
|
|
2207
2228
|
// src/components/FunkitProvider/FunkitCheckoutContext.tsx
|
|
2208
2229
|
var FunkitCheckoutContext = createContext9({
|
|
2209
2230
|
activeCheckouts: {},
|
|
@@ -2761,7 +2782,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
2761
2782
|
]
|
|
2762
2783
|
);
|
|
2763
2784
|
const _generateSignedBatchOperation = useCallback6(
|
|
2764
|
-
async (actionsParams, assetChainId, bypassWalletInit, stepMessageSetter) => {
|
|
2785
|
+
async (actionsParams = [], assetChainId, bypassWalletInit, stepMessageSetter) => {
|
|
2765
2786
|
if (!funWallet || !funWalletAuth) {
|
|
2766
2787
|
throw new Error("Funwallet or auth not defined");
|
|
2767
2788
|
}
|
|
@@ -2780,7 +2801,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
2780
2801
|
);
|
|
2781
2802
|
txParamsList.push(formattedTxParams);
|
|
2782
2803
|
});
|
|
2783
|
-
logger.log("originalTxParamsList", txParamsList);
|
|
2804
|
+
logger.log("originalTxParamsList", { txParamsList });
|
|
2784
2805
|
if (isWeb3Login) {
|
|
2785
2806
|
const funChainItem = await Chain.getChain({
|
|
2786
2807
|
chainIdentifier: assetChainId
|
|
@@ -2813,7 +2834,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
2813
2834
|
txParamsList = [addOwnerTxParamsItem, ...txParamsList];
|
|
2814
2835
|
}
|
|
2815
2836
|
}
|
|
2816
|
-
logger.log("finalTxParamsList", txParamsList);
|
|
2837
|
+
logger.log("finalTxParamsList", { txParamsList });
|
|
2817
2838
|
const newConfig = getFunkitEnvForCheckoutEstimation({
|
|
2818
2839
|
chainId: assetChainId,
|
|
2819
2840
|
bypassWalletInit
|
|
@@ -2869,7 +2890,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
2869
2890
|
);
|
|
2870
2891
|
const _confirmCheckout = useCallback6(
|
|
2871
2892
|
async (checkoutId, shouldbatchOpBypassInit, stepMessageSetter) => {
|
|
2872
|
-
var _a, _b, _c
|
|
2893
|
+
var _a, _b, _c;
|
|
2873
2894
|
if (!(funkitConfig == null ? void 0 : funkitConfig.apiKey)) {
|
|
2874
2895
|
throw new Error(
|
|
2875
2896
|
`Funkit Internal Error: Unable to detect funkit api key`
|
|
@@ -2905,10 +2926,15 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
2905
2926
|
userOp: batchUserOp,
|
|
2906
2927
|
quoteId: checkoutItem.latestQuote.baseQuote.quoteId,
|
|
2907
2928
|
apiKey: funkitConfig.apiKey || "",
|
|
2908
|
-
sourceOfFund: (
|
|
2929
|
+
sourceOfFund: generateSourceOfFundString({
|
|
2930
|
+
paymentMethodInfo: checkoutItem.selectedPaymentMethodInfo,
|
|
2931
|
+
isWeb2Login,
|
|
2932
|
+
isWeb3Login,
|
|
2933
|
+
walletAddress
|
|
2934
|
+
}),
|
|
2909
2935
|
clientMetadata: _generateClientMetadataForBackend(checkoutId)
|
|
2910
2936
|
});
|
|
2911
|
-
(
|
|
2937
|
+
(_c = (_b = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _b.onConfirmation) == null ? void 0 : _c.call(_b);
|
|
2912
2938
|
logger.log("checkoutConfirmed", { depositAddress });
|
|
2913
2939
|
setActiveCheckouts({
|
|
2914
2940
|
...activeCheckouts,
|
|
@@ -2924,6 +2950,8 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
2924
2950
|
funkitConfig.apiKey,
|
|
2925
2951
|
_getAndValidateCheckoutItemByCheckoutId,
|
|
2926
2952
|
isWeb3Login,
|
|
2953
|
+
isWeb2Login,
|
|
2954
|
+
walletAddress,
|
|
2927
2955
|
_generateClientMetadataForBackend,
|
|
2928
2956
|
activeCheckouts,
|
|
2929
2957
|
triggerRefreshSymbol,
|
|
@@ -4534,7 +4562,7 @@ var useMeshActiveNetworkInfo = (exchange) => {
|
|
|
4534
4562
|
};
|
|
4535
4563
|
|
|
4536
4564
|
// src/components/FunMeshVerificationStep/FunMeshVerificationStep.tsx
|
|
4537
|
-
import
|
|
4565
|
+
import React53, { useCallback as useCallback11, useEffect as useEffect11, useMemo as useMemo12, useState as useState14 } from "react";
|
|
4538
4566
|
|
|
4539
4567
|
// src/components/CopyAddress/CopyAddress.tsx
|
|
4540
4568
|
import React47, { useCallback as useCallback9, useEffect as useEffect9, useState as useState13 } from "react";
|
|
@@ -4771,8 +4799,30 @@ function FunButton({
|
|
|
4771
4799
|
}, title) : null, titleSuffix && /* @__PURE__ */ React48.createElement(Box, null, titleSuffix)));
|
|
4772
4800
|
}
|
|
4773
4801
|
|
|
4802
|
+
// src/components/FunButton/FunLinkButton.tsx
|
|
4803
|
+
import React49 from "react";
|
|
4804
|
+
function FunLinkButton({
|
|
4805
|
+
onClick,
|
|
4806
|
+
text,
|
|
4807
|
+
textProps,
|
|
4808
|
+
hasPadding = true,
|
|
4809
|
+
color = "modalText"
|
|
4810
|
+
}) {
|
|
4811
|
+
return /* @__PURE__ */ React49.createElement(Box, {
|
|
4812
|
+
as: "button",
|
|
4813
|
+
onClick,
|
|
4814
|
+
className: funLinkButtonStyle,
|
|
4815
|
+
paddingLeft: hasPadding ? "4" : "0"
|
|
4816
|
+
}, /* @__PURE__ */ React49.createElement(Text, {
|
|
4817
|
+
color,
|
|
4818
|
+
size: "12",
|
|
4819
|
+
weight: "bold",
|
|
4820
|
+
...textProps
|
|
4821
|
+
}, text));
|
|
4822
|
+
}
|
|
4823
|
+
|
|
4774
4824
|
// src/components/FunInput/FunTwoFaInput.tsx
|
|
4775
|
-
import
|
|
4825
|
+
import React52, {
|
|
4776
4826
|
Fragment,
|
|
4777
4827
|
useCallback as useCallback10,
|
|
4778
4828
|
useEffect as useEffect10,
|
|
@@ -4780,25 +4830,25 @@ import React51, {
|
|
|
4780
4830
|
} from "react";
|
|
4781
4831
|
|
|
4782
4832
|
// src/components/FunInput/FunInput.tsx
|
|
4783
|
-
import
|
|
4833
|
+
import React51, { forwardRef as forwardRef2 } from "react";
|
|
4784
4834
|
|
|
4785
4835
|
// src/components/Icons/SearchIcon.tsx
|
|
4786
|
-
import
|
|
4836
|
+
import React50 from "react";
|
|
4787
4837
|
var SearchIcon = ({ selected }) => {
|
|
4788
4838
|
const { active: active2 } = useActiveTheme();
|
|
4789
4839
|
const colorStringSelected = active2.colors.modalText;
|
|
4790
4840
|
const colorStringDefault = active2.colors.modalTextDim;
|
|
4791
4841
|
const colorString = selected ? colorStringSelected : colorStringDefault;
|
|
4792
|
-
return /* @__PURE__ */
|
|
4842
|
+
return /* @__PURE__ */ React50.createElement("svg", {
|
|
4793
4843
|
width: "24",
|
|
4794
4844
|
height: "24",
|
|
4795
4845
|
viewBox: "0 0 24 24",
|
|
4796
4846
|
fill: "none",
|
|
4797
4847
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4798
|
-
}, /* @__PURE__ */
|
|
4848
|
+
}, /* @__PURE__ */ React50.createElement("path", {
|
|
4799
4849
|
d: "M10.7702 18.3002C9.28095 18.3002 7.8251 17.8586 6.5868 17.0312C5.3485 16.2038 4.38336 15.0277 3.81343 13.6518C3.2435 12.2759 3.09438 10.7618 3.38493 9.30121C3.67548 7.84054 4.39264 6.49882 5.44573 5.44573C6.49882 4.39264 7.84054 3.67548 9.30121 3.38493C10.7618 3.09438 12.2759 3.2435 13.6518 3.81343C15.0277 4.38336 16.2038 5.3485 17.0312 6.5868C17.8586 7.8251 18.3002 9.28095 18.3002 10.7702C18.3002 11.759 18.1054 12.7382 17.727 13.6518C17.3486 14.5654 16.7939 15.3955 16.0947 16.0947C15.3955 16.7939 14.5654 17.3486 13.6518 17.727C12.7382 18.1054 11.759 18.3002 10.7702 18.3002ZM10.7702 4.75024C9.58356 4.75024 8.42352 5.10214 7.43682 5.76143C6.45013 6.42071 5.68109 7.35779 5.22697 8.45414C4.77284 9.5505 4.65402 10.7568 4.88553 11.9207C5.11704 13.0846 5.68849 14.1537 6.5276 14.9928C7.36672 15.8319 8.43581 16.4034 9.5997 16.6349C10.7635 16.8664 11.9699 16.7476 13.0663 16.2935C14.1626 15.8393 15.0997 15.0703 15.759 14.0836C16.4183 13.0969 16.7702 11.9369 16.7702 10.7502C16.7702 9.15894 16.1381 7.63282 15.0128 6.5076C13.8876 5.38238 12.3615 4.75024 10.7702 4.75024Z",
|
|
4800
4850
|
fill: colorString
|
|
4801
|
-
}), /* @__PURE__ */
|
|
4851
|
+
}), /* @__PURE__ */ React50.createElement("path", {
|
|
4802
4852
|
d: "M20 20.75C19.9015 20.7504 19.8038 20.7312 19.7128 20.6934C19.6218 20.6557 19.5392 20.6001 19.47 20.53L15.34 16.4C15.2075 16.2578 15.1354 16.0697 15.1388 15.8754C15.1422 15.6811 15.221 15.4958 15.3584 15.3583C15.4958 15.2209 15.6812 15.1422 15.8755 15.1388C16.0698 15.1354 16.2578 15.2075 16.4 15.34L20.53 19.47C20.6704 19.6106 20.7493 19.8012 20.7493 20C20.7493 20.1987 20.6704 20.3893 20.53 20.53C20.4608 20.6001 20.3782 20.6557 20.2872 20.6934C20.1962 20.7312 20.0985 20.7504 20 20.75Z",
|
|
4803
4853
|
fill: colorString
|
|
4804
4854
|
}));
|
|
@@ -4831,20 +4881,20 @@ function FunInputDefault({
|
|
|
4831
4881
|
focused: _focused,
|
|
4832
4882
|
overrideBorderWidth
|
|
4833
4883
|
}) {
|
|
4834
|
-
const [focused, setFocused] =
|
|
4884
|
+
const [focused, setFocused] = React51.useState(false);
|
|
4835
4885
|
const onFocus = () => setFocused(true);
|
|
4836
4886
|
const onBlur = () => setFocused(false);
|
|
4837
|
-
return /* @__PURE__ */
|
|
4887
|
+
return /* @__PURE__ */ React51.createElement(Box, {
|
|
4838
4888
|
color: "modalText",
|
|
4839
4889
|
display: "flex",
|
|
4840
4890
|
flexDirection: "column",
|
|
4841
4891
|
gap: "8",
|
|
4842
4892
|
width: "full"
|
|
4843
|
-
}, label && /* @__PURE__ */
|
|
4893
|
+
}, label && /* @__PURE__ */ React51.createElement(Text, {
|
|
4844
4894
|
color: textColor,
|
|
4845
4895
|
size: "14",
|
|
4846
4896
|
weight: "medium"
|
|
4847
|
-
}, label), /* @__PURE__ */
|
|
4897
|
+
}, label), /* @__PURE__ */ React51.createElement(Box, {
|
|
4848
4898
|
background: hasBackground ? "actionButtonSecondaryBackground" : void 0,
|
|
4849
4899
|
borderRadius: "menuButton",
|
|
4850
4900
|
fontFamily: "body",
|
|
@@ -4855,27 +4905,27 @@ function FunInputDefault({
|
|
|
4855
4905
|
borderColor: error ? "error" : focused && _focused ? "accentColor" : void 0,
|
|
4856
4906
|
borderWidth: overrideBorderWidth ? overrideBorderWidth : error && focused ? "2" : error ? "1" : focused && _focused ? "1" : "0",
|
|
4857
4907
|
borderStyle: "solid"
|
|
4858
|
-
}, prefix ? /* @__PURE__ */
|
|
4908
|
+
}, prefix ? /* @__PURE__ */ React51.createElement(Box, {
|
|
4859
4909
|
paddingLeft: "10",
|
|
4860
4910
|
height: "max"
|
|
4861
|
-
}, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */
|
|
4911
|
+
}, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */ React51.createElement(Box, {
|
|
4862
4912
|
paddingLeft: "10",
|
|
4863
4913
|
height: "max",
|
|
4864
4914
|
alignItems: "center"
|
|
4865
|
-
}, /* @__PURE__ */
|
|
4915
|
+
}, /* @__PURE__ */ React51.createElement(SearchIcon, {
|
|
4866
4916
|
selected: focused
|
|
4867
|
-
})) : prefixIcon === "$" ? /* @__PURE__ */
|
|
4917
|
+
})) : prefixIcon === "$" ? /* @__PURE__ */ React51.createElement(Box, {
|
|
4868
4918
|
display: "flex",
|
|
4869
4919
|
alignItems: "center",
|
|
4870
4920
|
paddingLeft: "32"
|
|
4871
|
-
}, /* @__PURE__ */
|
|
4921
|
+
}, /* @__PURE__ */ React51.createElement(Text, {
|
|
4872
4922
|
color: "modalText",
|
|
4873
4923
|
style: {
|
|
4874
4924
|
paddingBottom: 2,
|
|
4875
4925
|
fontSize: inputStyle.fontSize || InputTextSize,
|
|
4876
4926
|
fontWeight: 800
|
|
4877
4927
|
}
|
|
4878
|
-
}, "$")) : void 0), /* @__PURE__ */
|
|
4928
|
+
}, "$")) : void 0), /* @__PURE__ */ React51.createElement("input", {
|
|
4879
4929
|
type: (inputProps == null ? void 0 : inputProps.type) || "text",
|
|
4880
4930
|
value,
|
|
4881
4931
|
placeholder,
|
|
@@ -4905,7 +4955,7 @@ function FunInputDefault({
|
|
|
4905
4955
|
fontWeight: value ? "590" : "500",
|
|
4906
4956
|
...inputStyle
|
|
4907
4957
|
}
|
|
4908
|
-
})), error && typeof error === "string" && /* @__PURE__ */
|
|
4958
|
+
})), error && typeof error === "string" && /* @__PURE__ */ React51.createElement(Text, {
|
|
4909
4959
|
color: "error",
|
|
4910
4960
|
size: "14",
|
|
4911
4961
|
weight: "medium"
|
|
@@ -4933,19 +4983,19 @@ var FunInputWithRef = forwardRef2(
|
|
|
4933
4983
|
focused: _focused,
|
|
4934
4984
|
overrideBorderWidth
|
|
4935
4985
|
}, ref) {
|
|
4936
|
-
const [focused, setFocused] =
|
|
4986
|
+
const [focused, setFocused] = React51.useState(false);
|
|
4937
4987
|
const onFocus = () => setFocused(true);
|
|
4938
4988
|
const onBlur = () => setFocused(false);
|
|
4939
|
-
return /* @__PURE__ */
|
|
4989
|
+
return /* @__PURE__ */ React51.createElement(Box, {
|
|
4940
4990
|
color: "modalText",
|
|
4941
4991
|
display: "flex",
|
|
4942
4992
|
flexDirection: "column",
|
|
4943
4993
|
gap: "8"
|
|
4944
|
-
}, label && /* @__PURE__ */
|
|
4994
|
+
}, label && /* @__PURE__ */ React51.createElement(Text, {
|
|
4945
4995
|
color: textColor,
|
|
4946
4996
|
size: "14",
|
|
4947
4997
|
weight: "medium"
|
|
4948
|
-
}, label), /* @__PURE__ */
|
|
4998
|
+
}, label), /* @__PURE__ */ React51.createElement(Box, {
|
|
4949
4999
|
background: hasBackground ? "actionButtonSecondaryBackground" : void 0,
|
|
4950
5000
|
borderRadius: "menuButton",
|
|
4951
5001
|
fontFamily: "body",
|
|
@@ -4955,27 +5005,27 @@ var FunInputWithRef = forwardRef2(
|
|
|
4955
5005
|
borderColor: error ? "error" : focused && _focused ? "accentColor" : void 0,
|
|
4956
5006
|
borderWidth: overrideBorderWidth ? overrideBorderWidth : error && focused ? "2" : error ? "1" : focused && _focused ? "1" : "0",
|
|
4957
5007
|
borderStyle: "solid"
|
|
4958
|
-
}, prefix ? /* @__PURE__ */
|
|
5008
|
+
}, prefix ? /* @__PURE__ */ React51.createElement(Box, {
|
|
4959
5009
|
paddingLeft: "10",
|
|
4960
5010
|
height: "max"
|
|
4961
|
-
}, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */
|
|
5011
|
+
}, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */ React51.createElement(Box, {
|
|
4962
5012
|
paddingLeft: "10",
|
|
4963
5013
|
height: "max",
|
|
4964
5014
|
alignItems: "center"
|
|
4965
|
-
}, /* @__PURE__ */
|
|
5015
|
+
}, /* @__PURE__ */ React51.createElement(SearchIcon, {
|
|
4966
5016
|
selected: focused
|
|
4967
|
-
})) : prefixIcon === "$" ? /* @__PURE__ */
|
|
5017
|
+
})) : prefixIcon === "$" ? /* @__PURE__ */ React51.createElement(Box, {
|
|
4968
5018
|
display: "flex",
|
|
4969
5019
|
alignItems: "center",
|
|
4970
5020
|
paddingLeft: "32"
|
|
4971
|
-
}, /* @__PURE__ */
|
|
5021
|
+
}, /* @__PURE__ */ React51.createElement(Text, {
|
|
4972
5022
|
color: "modalText",
|
|
4973
5023
|
style: {
|
|
4974
5024
|
paddingBottom: 2,
|
|
4975
5025
|
fontSize: inputStyle.fontSize || InputTextSize,
|
|
4976
5026
|
fontWeight: 800
|
|
4977
5027
|
}
|
|
4978
|
-
}, "$")) : void 0), /* @__PURE__ */
|
|
5028
|
+
}, "$")) : void 0), /* @__PURE__ */ React51.createElement("input", {
|
|
4979
5029
|
ref,
|
|
4980
5030
|
type: (inputProps == null ? void 0 : inputProps.type) || "text",
|
|
4981
5031
|
value,
|
|
@@ -5005,7 +5055,7 @@ var FunInputWithRef = forwardRef2(
|
|
|
5005
5055
|
fontWeight: value ? "590" : "510",
|
|
5006
5056
|
...inputStyle
|
|
5007
5057
|
}
|
|
5008
|
-
})), error && typeof error === "string" && /* @__PURE__ */
|
|
5058
|
+
})), error && typeof error === "string" && /* @__PURE__ */ React51.createElement(Text, {
|
|
5009
5059
|
color: "error",
|
|
5010
5060
|
size: "14",
|
|
5011
5061
|
weight: "medium"
|
|
@@ -5013,9 +5063,9 @@ var FunInputWithRef = forwardRef2(
|
|
|
5013
5063
|
}
|
|
5014
5064
|
);
|
|
5015
5065
|
function FunInput(props) {
|
|
5016
|
-
return props.ref ? /* @__PURE__ */
|
|
5066
|
+
return props.ref ? /* @__PURE__ */ React51.createElement(FunInputWithRef, {
|
|
5017
5067
|
...props
|
|
5018
|
-
}) : /* @__PURE__ */
|
|
5068
|
+
}) : /* @__PURE__ */ React51.createElement(FunInputDefault, {
|
|
5019
5069
|
...props
|
|
5020
5070
|
});
|
|
5021
5071
|
}
|
|
@@ -5026,12 +5076,12 @@ var FunTwoFaInput = ({
|
|
|
5026
5076
|
onChange,
|
|
5027
5077
|
onCompleted,
|
|
5028
5078
|
hasError,
|
|
5029
|
-
errorMessage
|
|
5079
|
+
errorMessage,
|
|
5080
|
+
inputLength = 6
|
|
5030
5081
|
}) => {
|
|
5031
|
-
const inputLength = 6;
|
|
5032
5082
|
const inputRefs = useRef6([]);
|
|
5033
5083
|
inputRefs.current = Array(inputLength).fill(null);
|
|
5034
|
-
const [focusIndex, setFocusIndex] =
|
|
5084
|
+
const [focusIndex, setFocusIndex] = React52.useState(0);
|
|
5035
5085
|
const handleBackspace = useCallback10(
|
|
5036
5086
|
(index) => {
|
|
5037
5087
|
const newValue = value.slice(0, index) + value.slice(index + 1);
|
|
@@ -5069,7 +5119,7 @@ var FunTwoFaInput = ({
|
|
|
5069
5119
|
onCompleted(newValue);
|
|
5070
5120
|
}
|
|
5071
5121
|
},
|
|
5072
|
-
[hasError, onChange, onCompleted, value]
|
|
5122
|
+
[hasError, inputLength, onChange, onCompleted, value]
|
|
5073
5123
|
);
|
|
5074
5124
|
const handleKeyDown = (e) => {
|
|
5075
5125
|
if (e.key === "Backspace" || e.key === "Delete") {
|
|
@@ -5090,21 +5140,21 @@ var FunTwoFaInput = ({
|
|
|
5090
5140
|
var _a;
|
|
5091
5141
|
(_a = inputRefs.current[0]) == null ? void 0 : _a.focus();
|
|
5092
5142
|
}, []);
|
|
5093
|
-
return /* @__PURE__ */
|
|
5143
|
+
return /* @__PURE__ */ React52.createElement(Fragment, null, /* @__PURE__ */ React52.createElement(Box, null, /* @__PURE__ */ React52.createElement(Box, {
|
|
5094
5144
|
marginBottom: "10"
|
|
5095
|
-
}, /* @__PURE__ */
|
|
5145
|
+
}, /* @__PURE__ */ React52.createElement(Text, {
|
|
5096
5146
|
size: "14",
|
|
5097
5147
|
color: "modalText"
|
|
5098
|
-
}, "Code")), /* @__PURE__ */
|
|
5148
|
+
}, "Code")), /* @__PURE__ */ React52.createElement(Box, {
|
|
5099
5149
|
display: "flex",
|
|
5100
5150
|
wrap: "nowrap",
|
|
5101
5151
|
width: "full",
|
|
5102
5152
|
gap: "8"
|
|
5103
5153
|
}, Array.from({ length: inputLength }).map((_, i) => {
|
|
5104
|
-
return /* @__PURE__ */
|
|
5154
|
+
return /* @__PURE__ */ React52.createElement(Box, {
|
|
5105
5155
|
key: i,
|
|
5106
5156
|
style: { display: "flex", flex: 1 }
|
|
5107
|
-
}, /* @__PURE__ */
|
|
5157
|
+
}, /* @__PURE__ */ React52.createElement(FunInputWithRef, {
|
|
5108
5158
|
ref: (el) => inputRefs.current[i] = el,
|
|
5109
5159
|
inputStyle: {
|
|
5110
5160
|
textAlign: "center"
|
|
@@ -5128,10 +5178,10 @@ var FunTwoFaInput = ({
|
|
|
5128
5178
|
error: hasError,
|
|
5129
5179
|
focused: i === focusIndex
|
|
5130
5180
|
}));
|
|
5131
|
-
})), /* @__PURE__ */
|
|
5181
|
+
})), /* @__PURE__ */ React52.createElement(Box, {
|
|
5132
5182
|
marginTop: "6",
|
|
5133
5183
|
height: "20"
|
|
5134
|
-
}, hasError && /* @__PURE__ */
|
|
5184
|
+
}, hasError && /* @__PURE__ */ React52.createElement(Text, {
|
|
5135
5185
|
size: "14",
|
|
5136
5186
|
color: "error",
|
|
5137
5187
|
weight: "medium"
|
|
@@ -5148,6 +5198,7 @@ function FunMeshVerificationStep({
|
|
|
5148
5198
|
accessToken
|
|
5149
5199
|
}) {
|
|
5150
5200
|
const [twoFactorCode, setTwoFactorCode] = useState14("");
|
|
5201
|
+
const [isSixDigits, setIsSixDigits] = useState14(true);
|
|
5151
5202
|
const funkitConfig = useFunkitConfig();
|
|
5152
5203
|
const [screen, setScreen] = useState14(
|
|
5153
5204
|
0 /* INITIAL */
|
|
@@ -5273,7 +5324,7 @@ function FunMeshVerificationStep({
|
|
|
5273
5324
|
return "An error occurred during checkout but your brokerage funds are unaffected. To retry, please go back and re-confirm a new checkout. If the error still persists, please reach out to support for help.";
|
|
5274
5325
|
}
|
|
5275
5326
|
}, [exchange, executionStatus]);
|
|
5276
|
-
return /* @__PURE__ */
|
|
5327
|
+
return /* @__PURE__ */ React53.createElement(Box, null, screen === 0 /* INITIAL */ ? /* @__PURE__ */ React53.createElement(Box, {
|
|
5277
5328
|
width: "full",
|
|
5278
5329
|
height: "200",
|
|
5279
5330
|
display: "flex",
|
|
@@ -5282,22 +5333,22 @@ function FunMeshVerificationStep({
|
|
|
5282
5333
|
justifyContent: "center",
|
|
5283
5334
|
color: "modalText",
|
|
5284
5335
|
gap: "10"
|
|
5285
|
-
}, /* @__PURE__ */
|
|
5336
|
+
}, /* @__PURE__ */ React53.createElement(Text, {
|
|
5286
5337
|
size: "14",
|
|
5287
5338
|
color: "modalTextSecondary"
|
|
5288
|
-
}, "Executing brokerage transfer"), /* @__PURE__ */
|
|
5339
|
+
}, "Executing brokerage transfer"), /* @__PURE__ */ React53.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React53.createElement(Box, null, /* @__PURE__ */ React53.createElement(Box, {
|
|
5289
5340
|
marginBottom: "10"
|
|
5290
|
-
}, /* @__PURE__ */
|
|
5341
|
+
}, /* @__PURE__ */ React53.createElement(Text, {
|
|
5291
5342
|
size: "16",
|
|
5292
5343
|
color: "modalText",
|
|
5293
5344
|
weight: "heavy"
|
|
5294
|
-
}, verificationTitle)), /* @__PURE__ */
|
|
5345
|
+
}, verificationTitle)), /* @__PURE__ */ React53.createElement(Text, {
|
|
5295
5346
|
size: "14",
|
|
5296
5347
|
color: "modalText",
|
|
5297
5348
|
font: "body"
|
|
5298
|
-
}, verificationDescription)), screen === 1 /* TWO_FACTOR */ ? /* @__PURE__ */
|
|
5349
|
+
}, verificationDescription)), screen === 1 /* TWO_FACTOR */ ? /* @__PURE__ */ React53.createElement(Box, {
|
|
5299
5350
|
paddingTop: "10"
|
|
5300
|
-
}, /* @__PURE__ */
|
|
5351
|
+
}, /* @__PURE__ */ React53.createElement(FunTwoFaInput, {
|
|
5301
5352
|
value: twoFactorCode,
|
|
5302
5353
|
onChange: (value) => {
|
|
5303
5354
|
setExecutionError("");
|
|
@@ -5305,28 +5356,43 @@ function FunMeshVerificationStep({
|
|
|
5305
5356
|
},
|
|
5306
5357
|
onCompleted: handleCompletion,
|
|
5307
5358
|
hasError: !!executionError,
|
|
5308
|
-
errorMessage: executionError
|
|
5309
|
-
|
|
5359
|
+
errorMessage: executionError,
|
|
5360
|
+
inputLength: isSixDigits ? 6 : 7
|
|
5361
|
+
}), /* @__PURE__ */ React53.createElement(Box, {
|
|
5362
|
+
display: "flex",
|
|
5363
|
+
justifyContent: "center",
|
|
5364
|
+
alignItems: "center",
|
|
5365
|
+
paddingTop: "4"
|
|
5366
|
+
}, /* @__PURE__ */ React53.createElement(FunLinkButton, {
|
|
5367
|
+
onClick: () => {
|
|
5368
|
+
setExecutionError("");
|
|
5369
|
+
setTwoFactorCode("");
|
|
5370
|
+
setIsSixDigits(!isSixDigits);
|
|
5371
|
+
},
|
|
5372
|
+
text: `Switch to ${isSixDigits ? 7 : 6} digits`,
|
|
5373
|
+
color: "modalTextSecondary",
|
|
5374
|
+
textProps: { weight: "semibold" }
|
|
5375
|
+
}))) : screen === 2 /* CONFIRMATION */ ? /* @__PURE__ */ React53.createElement(React53.Fragment, null) : screen === 3 /* WHITELIST */ ? /* @__PURE__ */ React53.createElement(Box, {
|
|
5310
5376
|
paddingTop: "10"
|
|
5311
|
-
}, /* @__PURE__ */
|
|
5377
|
+
}, /* @__PURE__ */ React53.createElement(CopyAddress, {
|
|
5312
5378
|
type: "kv",
|
|
5313
5379
|
address: transferToAddress,
|
|
5314
5380
|
showAddress: true
|
|
5315
|
-
})) : screen === 4 /* FAILED */ ? /* @__PURE__ */
|
|
5381
|
+
})) : screen === 4 /* FAILED */ ? /* @__PURE__ */ React53.createElement(Box, {
|
|
5316
5382
|
paddingTop: "10"
|
|
5317
|
-
}, /* @__PURE__ */
|
|
5383
|
+
}, /* @__PURE__ */ React53.createElement(FunNotification, {
|
|
5318
5384
|
type: "error",
|
|
5319
5385
|
description: executionError
|
|
5320
|
-
})) : null, isButtonVisible ? /* @__PURE__ */
|
|
5386
|
+
})) : null, isButtonVisible ? /* @__PURE__ */ React53.createElement(Box, {
|
|
5321
5387
|
width: "full",
|
|
5322
5388
|
paddingTop: "24"
|
|
5323
|
-
}, /* @__PURE__ */
|
|
5389
|
+
}, /* @__PURE__ */ React53.createElement(FunButton, {
|
|
5324
5390
|
isDisabled: isButtonDisabled,
|
|
5325
|
-
titleSuffix: isExecuting ? /* @__PURE__ */
|
|
5391
|
+
titleSuffix: isExecuting ? /* @__PURE__ */ React53.createElement(Box, {
|
|
5326
5392
|
display: "flex",
|
|
5327
5393
|
alignItems: "center",
|
|
5328
5394
|
color: "modalText"
|
|
5329
|
-
}, /* @__PURE__ */
|
|
5395
|
+
}, /* @__PURE__ */ React53.createElement(SpinnerIcon, {
|
|
5330
5396
|
height: 16,
|
|
5331
5397
|
width: 16
|
|
5332
5398
|
})) : null,
|
|
@@ -5340,30 +5406,6 @@ import React67, { useEffect as useEffect13, useMemo as useMemo15 } from "react";
|
|
|
5340
5406
|
|
|
5341
5407
|
// src/components/FunButton/FunTermsAndConditionsTextButton.tsx
|
|
5342
5408
|
import React54 from "react";
|
|
5343
|
-
|
|
5344
|
-
// src/components/FunButton/FunLinkButton.tsx
|
|
5345
|
-
import React53 from "react";
|
|
5346
|
-
function FunLinkButton({
|
|
5347
|
-
onClick,
|
|
5348
|
-
text,
|
|
5349
|
-
textProps,
|
|
5350
|
-
hasPadding = true,
|
|
5351
|
-
color = "modalText"
|
|
5352
|
-
}) {
|
|
5353
|
-
return /* @__PURE__ */ React53.createElement(Box, {
|
|
5354
|
-
as: "button",
|
|
5355
|
-
onClick,
|
|
5356
|
-
className: funLinkButtonStyle,
|
|
5357
|
-
paddingLeft: hasPadding ? "4" : "0"
|
|
5358
|
-
}, /* @__PURE__ */ React53.createElement(Text, {
|
|
5359
|
-
color,
|
|
5360
|
-
size: "12",
|
|
5361
|
-
weight: "bold",
|
|
5362
|
-
...textProps
|
|
5363
|
-
}, text));
|
|
5364
|
-
}
|
|
5365
|
-
|
|
5366
|
-
// src/components/FunButton/FunTermsAndConditionsTextButton.tsx
|
|
5367
5409
|
function FunTermsAndConditionsTextButton() {
|
|
5368
5410
|
const { termsFontSize } = useFunkitConfig();
|
|
5369
5411
|
return /* @__PURE__ */ React54.createElement(Box, {
|
|
@@ -6211,6 +6253,7 @@ function LineItem({ children, ...otherProps }) {
|
|
|
6211
6253
|
width: "full",
|
|
6212
6254
|
justifyContent: "space-between",
|
|
6213
6255
|
paddingY: "8",
|
|
6256
|
+
gap: "16",
|
|
6214
6257
|
...otherProps
|
|
6215
6258
|
}, children);
|
|
6216
6259
|
}
|
|
@@ -6347,7 +6390,8 @@ function FunTransactionSummary({
|
|
|
6347
6390
|
}, hasPaymentToken ? /* @__PURE__ */ React65.createElement(Fragment2, null, /* @__PURE__ */ React65.createElement(LineItem, null, /* @__PURE__ */ React65.createElement(Text, {
|
|
6348
6391
|
weight: "medium",
|
|
6349
6392
|
color: "modalTextDim",
|
|
6350
|
-
size: "14"
|
|
6393
|
+
size: "14",
|
|
6394
|
+
style: { whiteSpace: "nowrap" }
|
|
6351
6395
|
}, "Payment token"), isLoading ? /* @__PURE__ */ React65.createElement(Box, {
|
|
6352
6396
|
color: "modalTextSecondary"
|
|
6353
6397
|
}, /* @__PURE__ */ React65.createElement(SpinnerIcon, {
|
|
@@ -6369,7 +6413,8 @@ function FunTransactionSummary({
|
|
|
6369
6413
|
}), /* @__PURE__ */ React65.createElement(Text, {
|
|
6370
6414
|
weight: "medium",
|
|
6371
6415
|
color: "modalText",
|
|
6372
|
-
size: "14"
|
|
6416
|
+
size: "14",
|
|
6417
|
+
style: { textAlign: "end" }
|
|
6373
6418
|
}, paymentTokenString))), /* @__PURE__ */ React65.createElement(FunTxSummaryDivider, null)) : null, /* @__PURE__ */ React65.createElement(FeesLineItem, {
|
|
6374
6419
|
feesItem: estFees,
|
|
6375
6420
|
isLoading
|
|
@@ -9238,6 +9283,24 @@ function FunContainer({
|
|
|
9238
9283
|
}, isCollapsed ? /* @__PURE__ */ React103.createElement(React103.Fragment, null) : children));
|
|
9239
9284
|
}
|
|
9240
9285
|
|
|
9286
|
+
// src/components/FunkitProvider/walletConnectDeepLink.ts
|
|
9287
|
+
var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
|
|
9288
|
+
function setWalletConnectDeepLink({
|
|
9289
|
+
mobileUri,
|
|
9290
|
+
name
|
|
9291
|
+
}) {
|
|
9292
|
+
localStorage.setItem(
|
|
9293
|
+
storageKey2,
|
|
9294
|
+
JSON.stringify({
|
|
9295
|
+
href: mobileUri.split("?")[0],
|
|
9296
|
+
name
|
|
9297
|
+
})
|
|
9298
|
+
);
|
|
9299
|
+
}
|
|
9300
|
+
function clearWalletConnectDeepLink() {
|
|
9301
|
+
localStorage.removeItem(storageKey2);
|
|
9302
|
+
}
|
|
9303
|
+
|
|
9241
9304
|
// src/components/Icons/ProfileIcon.tsx
|
|
9242
9305
|
import React104 from "react";
|
|
9243
9306
|
var ProfileIcon = () => {
|
|
@@ -9694,11 +9757,44 @@ function FunSignInStep({
|
|
|
9694
9757
|
uri ? 0 : 50
|
|
9695
9758
|
);
|
|
9696
9759
|
};
|
|
9760
|
+
const mobile = isMobile();
|
|
9761
|
+
const onMobileUri = async (wallet) => {
|
|
9762
|
+
var _a2;
|
|
9763
|
+
const mobileUri = await ((_a2 = wallet == null ? void 0 : wallet.getMobileUri) == null ? void 0 : _a2.call(wallet));
|
|
9764
|
+
if (!mobileUri)
|
|
9765
|
+
return;
|
|
9766
|
+
if (mobileUri) {
|
|
9767
|
+
setWalletConnectDeepLink({ mobileUri, name: wallet == null ? void 0 : wallet.name });
|
|
9768
|
+
}
|
|
9769
|
+
if (mobileUri.startsWith("http")) {
|
|
9770
|
+
const link = document.createElement("a");
|
|
9771
|
+
link.href = mobileUri;
|
|
9772
|
+
link.target = "_blank";
|
|
9773
|
+
link.rel = "noreferrer noopener";
|
|
9774
|
+
link.click();
|
|
9775
|
+
} else {
|
|
9776
|
+
window.location.href = mobileUri;
|
|
9777
|
+
}
|
|
9778
|
+
};
|
|
9779
|
+
const handleMobileWalletConnection = (wallet) => {
|
|
9780
|
+
if (wallet.id !== "walletConnect") {
|
|
9781
|
+
onMobileUri(wallet);
|
|
9782
|
+
}
|
|
9783
|
+
if (wallet.showWalletConnectModal) {
|
|
9784
|
+
wallet.showWalletConnectModal();
|
|
9785
|
+
onClose == null ? void 0 : onClose();
|
|
9786
|
+
return;
|
|
9787
|
+
}
|
|
9788
|
+
};
|
|
9697
9789
|
const selectWeb3Wallet = (wallet) => {
|
|
9698
9790
|
addLatestWalletId(wallet.id);
|
|
9699
9791
|
if (wallet.ready) {
|
|
9700
9792
|
onQrCode(wallet);
|
|
9701
|
-
|
|
9793
|
+
if (mobile) {
|
|
9794
|
+
handleMobileWalletConnection(wallet);
|
|
9795
|
+
} else {
|
|
9796
|
+
onDesktopUri(wallet);
|
|
9797
|
+
}
|
|
9702
9798
|
}
|
|
9703
9799
|
connectToWallet(wallet);
|
|
9704
9800
|
setSelectedOptionId(wallet.id);
|
|
@@ -9912,7 +10008,8 @@ var FunWeb2ConnectingStep = (props) => {
|
|
|
9912
10008
|
onChange: props.setOtpInput,
|
|
9913
10009
|
onCompleted: (input) => handleOtpComplete(input),
|
|
9914
10010
|
hasError: !!loginErrorMessage,
|
|
9915
|
-
errorMessage: loginErrorMessage
|
|
10011
|
+
errorMessage: loginErrorMessage,
|
|
10012
|
+
inputLength: 6
|
|
9916
10013
|
}), /* @__PURE__ */ React108.createElement(Box, {
|
|
9917
10014
|
display: "flex",
|
|
9918
10015
|
flexDirection: "column",
|
|
@@ -12997,9 +13094,15 @@ function FunCheckoutModal({
|
|
|
12997
13094
|
const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
|
|
12998
13095
|
const redirectToCheckoutHistory = useCallback24(
|
|
12999
13096
|
(depositAddress) => {
|
|
13000
|
-
var _a2, _b2;
|
|
13097
|
+
var _a2, _b2, _c2, _d2;
|
|
13001
13098
|
if (depositAddress) {
|
|
13002
|
-
|
|
13099
|
+
logger.log("checkoutFundingCompleted", {
|
|
13100
|
+
depositAddress,
|
|
13101
|
+
paymentMethod: (_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a2.paymentMethod,
|
|
13102
|
+
totalCheckoutUsd: (_b2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _b2.finalTotalUsd,
|
|
13103
|
+
checkoutItem
|
|
13104
|
+
});
|
|
13105
|
+
(_d2 = (_c2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _c2.onSuccess) == null ? void 0 : _d2.call(_c2, {
|
|
13003
13106
|
type: "success",
|
|
13004
13107
|
message: "Checkout funding step completed successfully.",
|
|
13005
13108
|
metadata: {}
|
|
@@ -13010,7 +13113,7 @@ function FunCheckoutModal({
|
|
|
13010
13113
|
logger.warn("No depositAddress generated");
|
|
13011
13114
|
}
|
|
13012
13115
|
},
|
|
13013
|
-
[checkoutItem
|
|
13116
|
+
[checkoutItem, onCloseWrapper, openFunCheckoutHistoryModal]
|
|
13014
13117
|
);
|
|
13015
13118
|
const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState36(false);
|
|
13016
13119
|
const onSourceAssetConfirmed = useCallback24(async () => {
|
|
@@ -14098,7 +14201,7 @@ var connectorsWithRecentWallets = ({
|
|
|
14098
14201
|
};
|
|
14099
14202
|
|
|
14100
14203
|
// src/wallets/recentWalletIds.ts
|
|
14101
|
-
var
|
|
14204
|
+
var storageKey3 = "rk-recent";
|
|
14102
14205
|
function safeParseJsonArray(string) {
|
|
14103
14206
|
try {
|
|
14104
14207
|
const value = string ? JSON.parse(string) : [];
|
|
@@ -14108,14 +14211,14 @@ function safeParseJsonArray(string) {
|
|
|
14108
14211
|
}
|
|
14109
14212
|
}
|
|
14110
14213
|
function getRecentWalletIds() {
|
|
14111
|
-
return typeof localStorage !== "undefined" ? safeParseJsonArray(localStorage.getItem(
|
|
14214
|
+
return typeof localStorage !== "undefined" ? safeParseJsonArray(localStorage.getItem(storageKey3)) : [];
|
|
14112
14215
|
}
|
|
14113
14216
|
function dedupe(array) {
|
|
14114
14217
|
return [...new Set(array)];
|
|
14115
14218
|
}
|
|
14116
14219
|
function addRecentWalletId(walletId) {
|
|
14117
14220
|
const newValue = dedupe([walletId, ...getRecentWalletIds()]);
|
|
14118
|
-
localStorage.setItem(
|
|
14221
|
+
localStorage.setItem(storageKey3, JSON.stringify(newValue));
|
|
14119
14222
|
}
|
|
14120
14223
|
|
|
14121
14224
|
// src/wallets/useWalletConnectors.ts
|
|
@@ -14716,7 +14819,7 @@ import React146, { createContext as createContext19, useContext as useContext25,
|
|
|
14716
14819
|
import { useAccount as useAccount14, usePublicClient } from "wagmi";
|
|
14717
14820
|
|
|
14718
14821
|
// src/transactions/transactionStore.ts
|
|
14719
|
-
var
|
|
14822
|
+
var storageKey4 = "rk-transactions";
|
|
14720
14823
|
function safeParseJsonData(string) {
|
|
14721
14824
|
try {
|
|
14722
14825
|
const value = string ? JSON.parse(string) : {};
|
|
@@ -14727,7 +14830,7 @@ function safeParseJsonData(string) {
|
|
|
14727
14830
|
}
|
|
14728
14831
|
function loadData() {
|
|
14729
14832
|
return safeParseJsonData(
|
|
14730
|
-
typeof localStorage !== "undefined" ? localStorage.getItem(
|
|
14833
|
+
typeof localStorage !== "undefined" ? localStorage.getItem(storageKey4) : null
|
|
14731
14834
|
);
|
|
14732
14835
|
}
|
|
14733
14836
|
var transactionHashRegex = /^0x([A-Fa-f0-9]{64})$/;
|
|
@@ -14830,7 +14933,7 @@ function createTransactionStore({
|
|
|
14830
14933
|
waitForPendingTransactions(account, chainId);
|
|
14831
14934
|
}
|
|
14832
14935
|
function persistData() {
|
|
14833
|
-
localStorage.setItem(
|
|
14936
|
+
localStorage.setItem(storageKey4, JSON.stringify(data));
|
|
14834
14937
|
}
|
|
14835
14938
|
function notifyListeners() {
|
|
14836
14939
|
for (const listener of listeners) {
|
|
@@ -16037,12 +16140,12 @@ function generateInnerWagmiConfig(props) {
|
|
|
16037
16140
|
|
|
16038
16141
|
// src/components/FunkitProvider/useFingerprint.ts
|
|
16039
16142
|
import { useCallback as useCallback29, useEffect as useEffect33 } from "react";
|
|
16040
|
-
var
|
|
16143
|
+
var storageKey5 = "funkit-connect-version";
|
|
16041
16144
|
function setFunkitConnectVersion({ version }) {
|
|
16042
|
-
localStorage.setItem(
|
|
16145
|
+
localStorage.setItem(storageKey5, version);
|
|
16043
16146
|
}
|
|
16044
16147
|
function getCurrentSdkVersion() {
|
|
16045
|
-
return "1.0.
|
|
16148
|
+
return "1.0.19";
|
|
16046
16149
|
}
|
|
16047
16150
|
function useFingerprint() {
|
|
16048
16151
|
const fingerprint = useCallback29(() => {
|
|
@@ -16077,24 +16180,6 @@ function usePreloadImages() {
|
|
|
16077
16180
|
}, [preloadImages]);
|
|
16078
16181
|
}
|
|
16079
16182
|
|
|
16080
|
-
// src/components/FunkitProvider/walletConnectDeepLink.ts
|
|
16081
|
-
var storageKey5 = "WALLETCONNECT_DEEPLINK_CHOICE";
|
|
16082
|
-
function setWalletConnectDeepLink({
|
|
16083
|
-
mobileUri,
|
|
16084
|
-
name
|
|
16085
|
-
}) {
|
|
16086
|
-
localStorage.setItem(
|
|
16087
|
-
storageKey5,
|
|
16088
|
-
JSON.stringify({
|
|
16089
|
-
href: mobileUri.split("?")[0],
|
|
16090
|
-
name
|
|
16091
|
-
})
|
|
16092
|
-
);
|
|
16093
|
-
}
|
|
16094
|
-
function clearWalletConnectDeepLink() {
|
|
16095
|
-
localStorage.removeItem(storageKey5);
|
|
16096
|
-
}
|
|
16097
|
-
|
|
16098
16183
|
// src/components/FunkitProvider/FunkitProvider.tsx
|
|
16099
16184
|
var MoonPayProvider = (props) => {
|
|
16100
16185
|
const [MoonPayProviderInner, setMoonPayProviderInner] = React149.useState(null);
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PaymentMethodInfo } from '../consts/payment';
|
|
2
|
+
/**
|
|
3
|
+
* Generate a string for backend to indicate the source of a checkout funds
|
|
4
|
+
*/
|
|
5
|
+
export declare function generateSourceOfFundString({ paymentMethodInfo, isWeb2Login, isWeb3Login, walletAddress, }: {
|
|
6
|
+
paymentMethodInfo: PaymentMethodInfo;
|
|
7
|
+
isWeb2Login: boolean;
|
|
8
|
+
isWeb3Login: boolean;
|
|
9
|
+
walletAddress: string | undefined;
|
|
10
|
+
}): string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
bifrostWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-6LTLPR2Q.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
bifrostWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
bitgetWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-ZNXQ4V6G.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
bitgetWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
frontierWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-AM4SSLAP.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
frontierWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
gateWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-V45EXW7A.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
gateWallet
|
|
10
10
|
};
|
|
@@ -1,154 +1,154 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
|
-
|
|
4
|
-
} from "./chunk-
|
|
5
|
-
import {
|
|
6
|
-
xdefiWallet
|
|
7
|
-
} from "./chunk-L734HTUS.js";
|
|
8
|
-
import {
|
|
9
|
-
rabbyWallet
|
|
10
|
-
} from "./chunk-XPEBP6XV.js";
|
|
11
|
-
import {
|
|
12
|
-
subWallet
|
|
13
|
-
} from "./chunk-2GAW2UBU.js";
|
|
3
|
+
zerionWallet
|
|
4
|
+
} from "./chunk-7CQPABJG.js";
|
|
14
5
|
import {
|
|
15
6
|
tokenaryWallet
|
|
16
7
|
} from "./chunk-ENZLEAG2.js";
|
|
17
8
|
import {
|
|
18
|
-
|
|
19
|
-
} from "./chunk-
|
|
9
|
+
oneInchWallet
|
|
10
|
+
} from "./chunk-LCPIZUR3.js";
|
|
11
|
+
import {
|
|
12
|
+
tahoWallet
|
|
13
|
+
} from "./chunk-H76YCX2M.js";
|
|
20
14
|
import {
|
|
21
15
|
talismanWallet
|
|
22
16
|
} from "./chunk-H273OTQA.js";
|
|
23
|
-
import {
|
|
24
|
-
walletConnectWallet
|
|
25
|
-
} from "./chunk-ASPRR7T3.js";
|
|
26
17
|
import {
|
|
27
18
|
tokenPocketWallet
|
|
28
|
-
} from "./chunk-
|
|
19
|
+
} from "./chunk-2UXZAUWT.js";
|
|
29
20
|
import {
|
|
30
|
-
|
|
31
|
-
} from "./chunk-
|
|
21
|
+
trustWallet
|
|
22
|
+
} from "./chunk-Z2DGDHHZ.js";
|
|
23
|
+
import {
|
|
24
|
+
uniswapWallet
|
|
25
|
+
} from "./chunk-XRSY4JVH.js";
|
|
26
|
+
import {
|
|
27
|
+
walletConnectWallet
|
|
28
|
+
} from "./chunk-ASPRR7T3.js";
|
|
32
29
|
import {
|
|
33
30
|
zealWallet
|
|
34
31
|
} from "./chunk-DPXMP5KS.js";
|
|
32
|
+
import {
|
|
33
|
+
xdefiWallet
|
|
34
|
+
} from "./chunk-L734HTUS.js";
|
|
35
|
+
import {
|
|
36
|
+
rabbyWallet
|
|
37
|
+
} from "./chunk-XPEBP6XV.js";
|
|
35
38
|
import {
|
|
36
39
|
rainbowWallet
|
|
37
|
-
} from "./chunk-
|
|
40
|
+
} from "./chunk-O5NKWWEG.js";
|
|
38
41
|
import {
|
|
39
42
|
ramperWallet
|
|
40
43
|
} from "./chunk-ZOL6ZMTJ.js";
|
|
41
44
|
import {
|
|
42
45
|
roninWallet
|
|
43
|
-
} from "./chunk-
|
|
46
|
+
} from "./chunk-LVRXH33E.js";
|
|
44
47
|
import {
|
|
45
48
|
safeWallet
|
|
46
49
|
} from "./chunk-D3DCQ72J.js";
|
|
47
50
|
import {
|
|
48
51
|
safeheronWallet
|
|
49
52
|
} from "./chunk-63NPZXAL.js";
|
|
50
|
-
import {
|
|
51
|
-
phantomWallet
|
|
52
|
-
} from "./chunk-KGBLSE7L.js";
|
|
53
53
|
import {
|
|
54
54
|
safepalWallet
|
|
55
|
-
} from "./chunk-
|
|
55
|
+
} from "./chunk-SYELB4QO.js";
|
|
56
56
|
import {
|
|
57
|
-
|
|
58
|
-
} from "./chunk-
|
|
57
|
+
subWallet
|
|
58
|
+
} from "./chunk-ZBAQFL6G.js";
|
|
59
59
|
import {
|
|
60
|
-
|
|
61
|
-
} from "./chunk-
|
|
60
|
+
ledgerWallet
|
|
61
|
+
} from "./chunk-Y6VY6E3L.js";
|
|
62
62
|
import {
|
|
63
63
|
metaMaskWallet
|
|
64
|
-
} from "./chunk-
|
|
64
|
+
} from "./chunk-3WZRNEZH.js";
|
|
65
65
|
import {
|
|
66
|
-
|
|
67
|
-
} from "./chunk-
|
|
66
|
+
omniWallet
|
|
67
|
+
} from "./chunk-SVN7OEQR.js";
|
|
68
68
|
import {
|
|
69
69
|
oktoWallet
|
|
70
70
|
} from "./chunk-WKHTUEF5.js";
|
|
71
71
|
import {
|
|
72
72
|
okxWallet
|
|
73
|
-
} from "./chunk-
|
|
73
|
+
} from "./chunk-NGXIHASN.js";
|
|
74
74
|
import {
|
|
75
75
|
oneKeyWallet
|
|
76
76
|
} from "./chunk-4WOV4ITL.js";
|
|
77
77
|
import {
|
|
78
|
-
|
|
79
|
-
} from "./chunk-
|
|
78
|
+
phantomWallet
|
|
79
|
+
} from "./chunk-KGBLSE7L.js";
|
|
80
80
|
import {
|
|
81
|
-
|
|
82
|
-
} from "./chunk-
|
|
81
|
+
mewWallet
|
|
82
|
+
} from "./chunk-PWYTDYBE.js";
|
|
83
83
|
import {
|
|
84
|
-
|
|
85
|
-
} from "./chunk-
|
|
84
|
+
foxWallet
|
|
85
|
+
} from "./chunk-Q4RLUJJD.js";
|
|
86
86
|
import {
|
|
87
|
-
|
|
88
|
-
} from "./chunk-
|
|
87
|
+
frontierWallet
|
|
88
|
+
} from "./chunk-AM4SSLAP.js";
|
|
89
89
|
import {
|
|
90
|
-
|
|
91
|
-
} from "./chunk-
|
|
90
|
+
frameWallet
|
|
91
|
+
} from "./chunk-XXFJVY73.js";
|
|
92
92
|
import {
|
|
93
|
-
|
|
94
|
-
} from "./chunk-
|
|
93
|
+
gateWallet
|
|
94
|
+
} from "./chunk-V45EXW7A.js";
|
|
95
95
|
import {
|
|
96
96
|
imTokenWallet
|
|
97
97
|
} from "./chunk-5MVV7OVS.js";
|
|
98
|
-
import {
|
|
99
|
-
gateWallet
|
|
100
|
-
} from "./chunk-VSZ7PAHS.js";
|
|
101
98
|
import {
|
|
102
99
|
kresusWallet
|
|
103
100
|
} from "./chunk-X6T3CICZ.js";
|
|
104
101
|
import {
|
|
105
|
-
|
|
106
|
-
} from "./chunk-
|
|
102
|
+
injectedWallet
|
|
103
|
+
} from "./chunk-KIHCNUU3.js";
|
|
104
|
+
import {
|
|
105
|
+
bybitWallet
|
|
106
|
+
} from "./chunk-ZUAHWUEL.js";
|
|
107
|
+
import {
|
|
108
|
+
clvWallet
|
|
109
|
+
} from "./chunk-MIWCKFYE.js";
|
|
107
110
|
import {
|
|
108
111
|
coinbaseWallet
|
|
109
112
|
} from "./chunk-XBUTWYE4.js";
|
|
113
|
+
import {
|
|
114
|
+
coin98Wallet
|
|
115
|
+
} from "./chunk-4FQLUQNA.js";
|
|
116
|
+
import {
|
|
117
|
+
coreWallet
|
|
118
|
+
} from "./chunk-JLQ5HJYV.js";
|
|
110
119
|
import {
|
|
111
120
|
dawnWallet
|
|
112
121
|
} from "./chunk-4XQDKOGF.js";
|
|
113
|
-
import {
|
|
114
|
-
enkryptWallet
|
|
115
|
-
} from "./chunk-FLY7F4XA.js";
|
|
116
122
|
import {
|
|
117
123
|
desigWallet
|
|
118
124
|
} from "./chunk-P4JLZ42R.js";
|
|
119
125
|
import {
|
|
120
|
-
|
|
121
|
-
} from "./chunk-
|
|
126
|
+
enkryptWallet
|
|
127
|
+
} from "./chunk-FLY7F4XA.js";
|
|
122
128
|
import {
|
|
123
|
-
|
|
124
|
-
} from "./chunk-
|
|
129
|
+
bifrostWallet
|
|
130
|
+
} from "./chunk-6LTLPR2Q.js";
|
|
125
131
|
import {
|
|
126
|
-
|
|
127
|
-
} from "./chunk-
|
|
132
|
+
argentWallet
|
|
133
|
+
} from "./chunk-NZ5G23JP.js";
|
|
128
134
|
import {
|
|
129
135
|
bitgetWallet
|
|
130
|
-
} from "./chunk-
|
|
131
|
-
import {
|
|
132
|
-
bifrostWallet
|
|
133
|
-
} from "./chunk-KGTZ6E7L.js";
|
|
134
|
-
import {
|
|
135
|
-
braveWallet
|
|
136
|
-
} from "./chunk-ABYQAXUX.js";
|
|
136
|
+
} from "./chunk-ZNXQ4V6G.js";
|
|
137
137
|
import {
|
|
138
138
|
bitskiWallet
|
|
139
139
|
} from "./chunk-C67TQJ6W.js";
|
|
140
140
|
import {
|
|
141
|
-
|
|
142
|
-
} from "./chunk-
|
|
141
|
+
bitverseWallet
|
|
142
|
+
} from "./chunk-NL4I7WOT.js";
|
|
143
143
|
import {
|
|
144
|
-
|
|
145
|
-
} from "./chunk-
|
|
144
|
+
bloomWallet
|
|
145
|
+
} from "./chunk-NTGZF5BY.js";
|
|
146
146
|
import "./chunk-ZOLACFTK.js";
|
|
147
|
+
import "./chunk-ZDU3JFGR.js";
|
|
147
148
|
import {
|
|
148
|
-
|
|
149
|
-
} from "./chunk-
|
|
149
|
+
braveWallet
|
|
150
|
+
} from "./chunk-ABYQAXUX.js";
|
|
150
151
|
import "./chunk-QII6PY2D.js";
|
|
151
|
-
import "./chunk-ZDU3JFGR.js";
|
|
152
152
|
export {
|
|
153
153
|
argentWallet,
|
|
154
154
|
bifrostWallet,
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
metaMaskWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-3WZRNEZH.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
metaMaskWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
okxWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-NGXIHASN.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
okxWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
rainbowWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-O5NKWWEG.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
rainbowWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
tokenPocketWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-2UXZAUWT.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
tokenPocketWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
trustWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-Z2DGDHHZ.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
trustWallet
|
|
10
10
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
zerionWallet
|
|
4
|
-
} from "../chunk-
|
|
4
|
+
} from "../chunk-7CQPABJG.js";
|
|
5
5
|
import "../chunk-ZOLACFTK.js";
|
|
6
|
-
import "../chunk-QII6PY2D.js";
|
|
7
6
|
import "../chunk-ZDU3JFGR.js";
|
|
7
|
+
import "../chunk-QII6PY2D.js";
|
|
8
8
|
export {
|
|
9
9
|
zerionWallet
|
|
10
10
|
};
|