@funkit/connect 0.1.13 → 0.1.15

package/dist/{chunk-BQU2NRO5.js → chunk-IDQLTS4C.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   darkTheme
-} from "./chunk-UOUEGWLS.js";
+} from "./chunk-47OHV4T2.js";
 import {
   lightTheme
-} from "./chunk-Q73FKLU4.js";
+} from "./chunk-C2QHNJBG.js";
 
 // src/components/index.ts
 import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3 } from "@funkit/core";
@@ -1653,7 +1653,6 @@ function GeneralWalletProvider({ children }) {
             DEFAULT_FUNWALLET_INDEX
           )
         });
-        console.log(">>>", await newFunWallet.getAddress());
       }
       logger.log("setupFunWallet_result", { newFunWallet, newFunWalletAuth });
       setFunWallet(newFunWallet);
@@ -14930,6 +14929,7 @@ import {
   getCheckoutByDepositAddress,
   getCheckoutQuote as getApiCheckoutQuote,
   getCheckoutsByFunWalletAddress,
+  getCheckoutsByRecipientAddress,
   getMoonpayBuyQuoteForCreditCard,
   initializeCheckout as postApiInitializeCheckout,
   isAddress as isAddress3,
@@ -15295,11 +15295,13 @@ function generateDefaultCheckoutHistoryStateMap() {
 function categorizeCheckoutHistories(checkoutHistoryList) {
   const stateMap = generateDefaultCheckoutHistoryStateMap();
   const depositAddrMap = {};
+  const currentDepositAddrMap = {};
   checkoutHistoryList.forEach((item) => {
     depositAddrMap[item.depositAddr] = item;
+    currentDepositAddrMap[item.currentDepositAddr] = item;
     stateMap[item.state].push(item);
   });
-  return { stateMap, depositAddrMap };
+  return { stateMap, depositAddrMap, currentDepositAddrMap };
 }
 function getCheckoutStateStepNumber(state) {
   if (FROM_PROGRESS_CHECKOUT_STATES.includes(state)) {
@@ -17371,7 +17373,11 @@ function FunTransactionSummary({
     src: CHECKOUT_ASSET[symbol.toLowerCase()].icon,
     height: 16,
     width: 16,
-    style: { marginRight: "6px" }
+    style: {
+      maxHeight: 16,
+      maxWidth: 16,
+      marginRight: "6px"
+    }
   }), /* @__PURE__ */ React56.createElement(Text, {
     weight: "medium",
     color: "modalText",
@@ -17843,8 +17849,8 @@ import React75 from "react";
 
 // src/components/FunPayments/FunPaymentMeshType.tsx
 import {
-  createFrontConnection
-} from "@front-finance/link";
+  createLink
+} from "@meshconnect/web-link-sdk";
 import React66, { useCallback as useCallback10, useEffect as useEffect17, useMemo as useMemo12, useState as useState15 } from "react";
 
 // src/components/FunSelect/FunSelect.tsx
@@ -18073,19 +18079,19 @@ function FunPaymentMeshType({
   const [meshPreError, setMeshPreError] = useState15("");
   const funkitConfig = useFunkitConfig();
   const { options } = useMeshExchanges({ fullInfo: true });
-  const [frontConnection, setFrontConnection] = useState15(null);
+  const [linkConnection, setLinkConnection] = useState15(null);
   useEffect17(() => {
-    const frontConnect = createFrontConnection({
+    const newLinkConnection = createLink({
       clientId: "e1880c6d-5af8-4634-3182-08dba58a99a5",
-      onBrokerConnected: (brokerData) => {
-        logger.log(">onBrokerConnected", brokerData);
+      onIntegrationConnected: (brokerData) => {
+        logger.log("meshLink:onBrokerConnected", brokerData);
         onFinish(brokerData);
       },
       onTransferFinished: (payload) => {
-        logger.log(">onTransferFinished", payload);
+        logger.log("meshLink:onTransferFinished", payload);
       },
       onEvent: (payload) => {
-        logger.log(">onEvent", payload);
+        logger.log("meshLink:onEvent", payload);
       },
       onExit: (error) => {
         onSoftHide(false);
@@ -18096,7 +18102,7 @@ function FunPaymentMeshType({
       },
       accessTokens: []
     });
-    setFrontConnection({ ...frontConnect });
+    setLinkConnection({ ...newLinkConnection });
   }, [onFinish, onSoftHide]);
   const onClickContinue = useCallback10(async () => {
     try {
@@ -18110,9 +18116,9 @@ function FunPaymentMeshType({
       }
       const response = await fetchMeshLinkToken(exchange, funkitConfig.apiKey);
       const linkToken = response.linkToken;
-      if (frontConnection && linkToken) {
+      if (linkConnection && linkToken) {
         onSoftHide(true);
-        frontConnection.openLink(linkToken);
+        linkConnection.openLink(linkToken);
       }
     } catch (err) {
       logger.error("Unable to fetch link token", err);
@@ -18123,7 +18129,7 @@ function FunPaymentMeshType({
     } finally {
       setIsLoadingMeshModal(false);
     }
-  }, [exchange, frontConnection, funkitConfig?.apiKey, onSoftHide]);
+  }, [exchange, linkConnection, funkitConfig?.apiKey, onSoftHide]);
   const canContinue = useMemo12(() => isNotNullish(exchange), [exchange]);
   const hasMeshPreError = useMemo12(() => meshPreError !== "", [meshPreError]);
   const filteredOptions = useMemo12(
@@ -19963,6 +19969,7 @@ var FunkitCheckoutContext = createContext12({
   checkoutHistoryList: [],
   checkoutHistoryStateMap: {},
   checkoutHistoryDepositAddrMap: {},
+  checkoutHistoryCurrentDepositAddrMap: {},
   isCheckoutHistoryInited: false,
   isRefreshingCheckoutHistory: true,
   _startCheckoutHistoryListener: () => void 0,
@@ -19982,23 +19989,36 @@ function FunkitCheckoutProvider({ children }) {
   const [checkoutHistoryList, setCheckoutHistoryList] = useState22([]);
   const {
     stateMap: checkoutHistoryStateMap,
-    depositAddrMap: checkoutHistoryDepositAddrMap
+    depositAddrMap: checkoutHistoryDepositAddrMap,
+    currentDepositAddrMap: checkoutHistoryCurrentDepositAddrMap
   } = useMemo18(() => {
     return categorizeCheckoutHistories(checkoutHistoryList);
   }, [checkoutHistoryList]);
   const [activeCheckouts, setActiveCheckouts] = useState22({});
   const [refreshSymbol, triggerRefreshSymbol] = useSymbolRefresh_default();
+  const [historyRecipientAddress, setHistoryRecipientAddress] = useState22();
   const [isCheckoutHistoryInited, setIsCheckoutHistoryInited] = useState22(false);
   const [isRefreshingCheckoutHistory, setIsRefreshingCheckoutHistory] = useState22(true);
   const _refreshCheckoutHistory = useCallback15(async () => {
     const funWalletAddress = await funWallet?.getAddress();
-    if (funkitConfig?.apiKey && funWalletAddress) {
+    if (funkitConfig?.apiKey) {
       try {
         setIsRefreshingCheckoutHistory(true);
-        const newCheckoutHistoryList = await getCheckoutsByFunWalletAddress({
-          funWalletAddress,
-          apiKey: funkitConfig?.apiKey
-        });
+        let newCheckoutHistoryList = [];
+        if (funWalletAddress) {
+          logger.log("getCheckoutsByFunWalletAddress");
+          newCheckoutHistoryList = await getCheckoutsByFunWalletAddress({
+            funWalletAddress,
+            apiKey: funkitConfig?.apiKey
+          });
+        } else if (historyRecipientAddress) {
+          logger.log("getCheckoutsByRecipientAddress");
+          newCheckoutHistoryList = await getCheckoutsByRecipientAddress({
+            recipientAddress: historyRecipientAddress,
+            apiKey: funkitConfig?.apiKey
+          });
+        }
+        logger.log("newCheckoutHistoryList", newCheckoutHistoryList);
         setCheckoutHistoryList(
           newCheckoutHistoryList.sort((a, b) => b.createdTimeMs - a.createdTimeMs)
         );
@@ -20009,16 +20029,20 @@ function FunkitCheckoutProvider({ children }) {
         setIsRefreshingCheckoutHistory(false);
       }
     }
-  }, [funWallet, funkitConfig?.apiKey]);
+  }, [funWallet, funkitConfig?.apiKey, historyRecipientAddress]);
   useEffect21(() => {
     _refreshCheckoutHistory();
   }, [refreshSymbol]);
-  const _startCheckoutHistoryListener = useCallback15(() => {
-    clearInterval(intervalRef.current);
-    intervalRef.current = setInterval(() => {
-      triggerRefreshSymbol();
-    }, CHECKOUT_HISTORY_REFETCH_INTERVAL_MS);
-  }, [triggerRefreshSymbol]);
+  const _startCheckoutHistoryListener = useCallback15(
+    (recipientAddr) => {
+      setHistoryRecipientAddress(recipientAddr);
+      clearInterval(intervalRef.current);
+      intervalRef.current = setInterval(() => {
+        triggerRefreshSymbol();
+      }, CHECKOUT_HISTORY_REFETCH_INTERVAL_MS);
+    },
+    [triggerRefreshSymbol]
+  );
   const _stopCheckoutHistoryListener = useCallback15(() => {
     clearInterval(intervalRef.current);
   }, []);
@@ -20346,6 +20370,7 @@ function FunkitCheckoutProvider({ children }) {
     checkoutHistoryList,
     checkoutHistoryStateMap,
     checkoutHistoryDepositAddrMap,
+    checkoutHistoryCurrentDepositAddrMap,
     isCheckoutHistoryInited,
     isRefreshingCheckoutHistory,
     _startCheckoutHistoryListener,
@@ -20397,9 +20422,12 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
     getCheckoutDraftDollarValue: async () => await _getCheckoutDraftDollarValue(checkoutId)
   };
 };
-var useFunkitPostCheckoutInternal = (depositAddress) => {
+var useFunkitPostCheckoutInternal = (depositAddress, isCheckoutSpecialCrFlow) => {
   const funkitConfig = useFunkitConfig();
-  const { checkoutHistoryDepositAddrMap } = useContext11(FunkitCheckoutContext);
+  const {
+    checkoutHistoryDepositAddrMap,
+    checkoutHistoryCurrentDepositAddrMap
+  } = useContext11(FunkitCheckoutContext);
   const [checkoutHistoryInfo, setCheckoutHistoryInfo] = useState22();
   const [isLoading, setIsLoading] = useState22(false);
   if (!depositAddress || !isAddress3(depositAddress)) {
@@ -20410,20 +20438,41 @@ var useFunkitPostCheckoutInternal = (depositAddress) => {
       setIsLoading(true);
       let checkoutHistory;
       if (checkoutHistoryDepositAddrMap?.[depositAddress]) {
+        logger.log("setupCheckoutHistory:checkoutHistoryDepositAddrMap");
         checkoutHistory = checkoutHistoryDepositAddrMap[depositAddress];
+      } else if (checkoutHistoryCurrentDepositAddrMap?.[depositAddress]) {
+        logger.log("setupCheckoutHistory:checkoutHistoryCurrentDepositAddrMap");
+        checkoutHistory = checkoutHistoryCurrentDepositAddrMap[depositAddress];
+      } else if (isCheckoutSpecialCrFlow) {
+        logger.log("setupCheckoutHistory:getCheckoutsByRecipientAddress");
+        const historyList = await getCheckoutsByRecipientAddress({
+          recipientAddress: depositAddress,
+          apiKey: funkitConfig?.apiKey
+        });
+        checkoutHistory = historyList.sort(
+          (a, b) => b.createdTimeMs - a.createdTimeMs
+        )[0];
       } else {
+        logger.log("setupCheckoutHistory:getCheckoutByDepositAddress");
         checkoutHistory = await getCheckoutByDepositAddress({
           depositAddress,
           apiKey: funkitConfig?.apiKey
         });
       }
+      logger.log("setupCheckoutHistory:checkoutHistory", checkoutHistory);
       setCheckoutHistoryInfo(checkoutHistory);
     } catch (err) {
       logger.error("setupCheckoutHistory:error", err);
     } finally {
       setIsLoading(false);
     }
-  }, [checkoutHistoryDepositAddrMap, depositAddress, funkitConfig?.apiKey]);
+  }, [
+    checkoutHistoryCurrentDepositAddrMap,
+    checkoutHistoryDepositAddrMap,
+    depositAddress,
+    funkitConfig?.apiKey,
+    isCheckoutSpecialCrFlow
+  ]);
   useEffect21(() => {
     setupCheckoutHistory().catch(logger.warn);
   }, [depositAddress, checkoutHistoryDepositAddrMap]);
@@ -20464,6 +20513,13 @@ var useFunkitCheckout = (props) => {
     },
     [onError]
   );
+  const onOpenWrapper = useCallback15(
+    (newId) => {
+      props?.onOpen?.();
+      openFunCheckoutModal?.(newId);
+    },
+    [openFunCheckoutModal, props]
+  );
   const beginCheckout = useCallback15(
     async (inputConfig = config) => {
       const validationResult = validateCheckoutConfig(inputConfig);
@@ -20488,7 +20544,7 @@ var useFunkitCheckout = (props) => {
               return;
             }
           }
-          openFunCheckoutModal?.(newId);
+          onOpenWrapper?.(newId);
         } else {
           openConnectModal?.();
           setWaitingLogin(inputConfig);
@@ -20507,8 +20563,8 @@ var useFunkitCheckout = (props) => {
       _initNewCheckout,
       props,
       isUserLoggedIn,
+      onOpenWrapper,
       walletAddress,
-      openFunCheckoutModal,
       onErrorWrapper,
       openConnectModal
     ]
@@ -20527,14 +20583,14 @@ var useFunkitCheckout = (props) => {
 };
 
 // src/hooks/useFunListeners.ts
-function useCheckoutHistoryListener(activate = true) {
+function useCheckoutHistoryListener(activate = true, recipientAddr) {
   const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useFunkitAllPostCheckoutsInternal();
   useEffect22(() => {
     if (activate) {
-      startCheckoutHistoryListener();
+      startCheckoutHistoryListener(recipientAddr);
     }
     return () => stopCheckoutHistoryListener();
-  }, []);
+  }, [activate]);
 }
 function useWalletAssetsListener(activate = true) {
   const { startAssetsListener, stopAssetsListener } = useGeneralWallet();
@@ -20543,7 +20599,7 @@ function useWalletAssetsListener(activate = true) {
       startAssetsListener();
     }
     return () => stopAssetsListener();
-  }, []);
+  }, [activate]);
 }
 
 // src/components/FunNotification/FunCheckoutNotification.tsx
@@ -20568,6 +20624,22 @@ function useCheckoutStateBooleans(checkoutState) {
   };
 }
 
+// src/hooks/useCheckoutType.ts
+function useCheckoutType(checkoutItem) {
+  if (!checkoutItem) {
+    return {
+      isCheckoutCrFlow: false,
+      isCheckoutSpecialCrFlow: false
+    };
+  }
+  const isCheckoutCrFlow = checkoutItem.initSettings.config.customRecipient;
+  const isCheckoutSpecialCrFlow = isCheckoutCrFlow && checkoutItem.selectedSourceAssetInfo.chainId === checkoutItem.initSettings.config.targetChain && checkoutItem.selectedSourceAssetInfo.address.toLowerCase() === checkoutItem.initSettings.config.targetAsset.toLowerCase();
+  return {
+    isCheckoutCrFlow,
+    isCheckoutSpecialCrFlow
+  };
+}
+
 // src/components/FunButton/FunViewTxButton.tsx
 import React86 from "react";
 function FunViewTxButton({ onClick }) {
@@ -20625,6 +20697,9 @@ function FunCheckoutNotification({
   checkoutHistoryItem,
   onBeforeRedirect
 }) {
+  const { isCheckoutSpecialCrFlow } = useCheckoutType(
+    checkoutHistoryItem.clientMetadata
+  );
   const { openFunCheckoutHistoryModal } = useFunCheckoutHistoryModal();
   const { isProcessing, isCompleted, isError, isExpired, isTerminal } = useCheckoutStateBooleans(checkoutHistoryItem.state);
   const titleVerb = useMemo19(() => {
@@ -20689,7 +20764,10 @@ function FunCheckoutNotification({
     onClick: () => {
       if (checkoutHistoryItem.depositAddr) {
         onBeforeRedirect?.();
-        openFunCheckoutHistoryModal?.(checkoutHistoryItem.depositAddr);
+        openFunCheckoutHistoryModal?.(
+          checkoutHistoryItem.depositAddr,
+          isCheckoutSpecialCrFlow
+        );
       }
     }
   })));
@@ -21940,6 +22018,7 @@ function FunCheckoutHistoryDetail({
   checkoutHistoryInfo
 }) {
   const checkoutItem = checkoutHistoryInfo.clientMetadata;
+  const { isCheckoutCrFlow, isCheckoutSpecialCrFlow } = useCheckoutType(checkoutItem);
   const {
     isProcessing,
     isCompleted,
@@ -21948,7 +22027,11 @@ function FunCheckoutHistoryDetail({
     isExpired,
     isTerminal
   } = useCheckoutStateBooleans(checkoutHistoryInfo.state);
-  useCheckoutHistoryListener(isProcessing);
+  const isFailedFinal = isFailed && !isCheckoutSpecialCrFlow;
+  useCheckoutHistoryListener(
+    isProcessing && !isCheckoutSpecialCrFlow,
+    isCheckoutCrFlow ? checkoutHistoryInfo.recipientAddr : void 0
+  );
   useWalletAssetsListener(isProcessing || isCompleted);
   const timelineLabels = useMemo25(() => {
     const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[checkoutHistoryInfo.fromChainId].explorerInfo;
@@ -21960,26 +22043,34 @@ function FunCheckoutHistoryDetail({
         )
       },
       {
-        text: "Order Processing",
+        text: isCheckoutSpecialCrFlow ? "Order Funded" : "Order Processing",
         description: formatTimestamp(
           new Date(checkoutHistoryInfo.createdTimeMs + FAKE_DELAY_MS)
         ),
         linkText: `View on ${explorerInfo.name}`,
-        linkUrl: `${explorerInfo.url}/address/${checkoutHistoryInfo.depositAddr}`
-      },
-      {
-        text: `Order ${isError ? "Failed" : isExpired ? "Expired" : "Delivered"}`,
-        description: isExpired ? formatTimestamp(
-          new Date(checkoutHistoryInfo.expirationTimestampSeconds * 1e3)
-        ) : isTerminal ? formatTimestamp(new Date(checkoutHistoryInfo.lastUpdatedTimeMs)) : ""
-      }
+        linkUrl: `${explorerInfo.url}/address/${isCheckoutSpecialCrFlow ? checkoutHistoryInfo.recipientAddr : checkoutHistoryInfo.depositAddr}`
+      },
+      ...isCheckoutSpecialCrFlow ? [] : [
+        {
+          text: `Order ${isError ? "Failed" : isExpired ? "Expired" : "Delivered"}`,
+          description: isExpired ? formatTimestamp(
+            new Date(
+              checkoutHistoryInfo.expirationTimestampSeconds * 1e3
+            )
+          ) : isTerminal ? formatTimestamp(
+            new Date(checkoutHistoryInfo.lastUpdatedTimeMs)
+          ) : ""
+        }
+      ]
     ];
   }, [
+    checkoutHistoryInfo.fromChainId,
     checkoutHistoryInfo.createdTimeMs,
+    checkoutHistoryInfo.recipientAddr,
     checkoutHistoryInfo.depositAddr,
     checkoutHistoryInfo.expirationTimestampSeconds,
-    checkoutHistoryInfo.fromChainId,
     checkoutHistoryInfo.lastUpdatedTimeMs,
+    isCheckoutSpecialCrFlow,
     isError,
     isExpired,
     isTerminal
@@ -21993,17 +22084,17 @@ function FunCheckoutHistoryDetail({
     display: "flex",
     flexDirection: "column",
     gap: "24",
-    style: { opacity: isFailed ? 0.5 : 1 }
+    style: { opacity: isFailedFinal ? 0.5 : 1 }
   }, /* @__PURE__ */ React106.createElement(CheckoutPrimaryInfoSnapshot, {
     checkoutItem,
     isLoading: false
-  }), isTerminal ? null : /* @__PURE__ */ React106.createElement(FunNotification, {
+  }), isCheckoutSpecialCrFlow || isTerminal ? null : /* @__PURE__ */ React106.createElement(FunNotification, {
     description: "We are currently processing your order."
   }), /* @__PURE__ */ React106.createElement(FunVerticalProgressBar, {
-    step: isTerminal ? 3 : 2,
-    totalSteps: 3,
+    step: isCheckoutSpecialCrFlow ? 2 : isTerminal ? 3 : 2,
+    totalSteps: timelineLabels.length,
     labels: timelineLabels
-  }), isTerminal ? null : /* @__PURE__ */ React106.createElement(Box, {
+  }), isCheckoutSpecialCrFlow || isTerminal ? null : /* @__PURE__ */ React106.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
@@ -22011,7 +22102,7 @@ function FunCheckoutHistoryDetail({
   }, /* @__PURE__ */ React106.createElement(Text, {
     size: "12",
     color: "modalTextDim"
-  }, "You will receive a notification when your order has finished."))), isFailed ? /* @__PURE__ */ React106.createElement(FunToast, {
+  }, "You will receive a notification when your order has finished."))), isFailedFinal ? /* @__PURE__ */ React106.createElement(FunToast, {
     type: 1 /* ERROR */,
     title: "Order Failed",
     isDescriptionText: false,
@@ -22039,14 +22130,18 @@ function FunCheckoutHistoryDetail({
 function FunCheckoutHistoryModal({
   onClose,
   open,
-  depositAddress
+  depositAddress,
+  isCheckoutSpecialCrFlow
 }) {
   if (open && !depositAddress) {
     throw new Error(
       "Unable to open checkout history modal without a depositAddress"
     );
   }
-  const { checkoutHistoryInfo, isLoading } = useFunkitPostCheckoutInternal(depositAddress);
+  const { checkoutHistoryInfo, isLoading } = useFunkitPostCheckoutInternal(
+    depositAddress,
+    isCheckoutSpecialCrFlow
+  );
   return /* @__PURE__ */ React107.createElement(Dialog, {
     open,
     onClose,
@@ -22277,7 +22372,7 @@ function MeshOrAccountSelectAsset({
     weight: "semibold"
   }, "Select Asset to Pay")), /* @__PURE__ */ React108.createElement(Box, {
     paddingBottom: "24",
-    paddingTop: "18"
+    paddingTop: "8"
   }, isLoadingAssets ? /* @__PURE__ */ React108.createElement(Box, {
     display: "flex",
     flexDirection: "column",
@@ -22296,7 +22391,8 @@ function MeshOrAccountSelectAsset({
     isDropdownOpen: true,
     options: assetOptions,
     selectedValue: selectedTokenSymbol || "",
-    optionItemPadding: "12"
+    optionItemPadding: "12",
+    showBorder: false
   })), showErrorNotification ? /* @__PURE__ */ React108.createElement(Box, {
     paddingBottom: "24"
   }, /* @__PURE__ */ React108.createElement(FunNotification, {
@@ -22487,16 +22583,31 @@ function FunCheckoutModal({
     checkoutStep,
     selectedPaymentMethodInfo?.paymentMethod
   ]);
+  const onCloseWrapper = useCallback17(() => {
+    checkoutItem?.initSettings?.onClose?.();
+    onClose?.();
+  }, [checkoutItem?.initSettings, onClose]);
+  const { isCheckoutSpecialCrFlow } = useCheckoutType(checkoutItem);
   const redirectToCheckoutHistory = useCallback17(
     (depositAddress) => {
       if (depositAddress) {
-        onClose?.();
-        openFunCheckoutHistoryModal?.(depositAddress);
+        checkoutItem?.initSettings?.onSuccess?.({
+          type: "success",
+          message: "Checkout funding step completed successfully.",
+          metadata: {}
+        });
+        onCloseWrapper?.();
+        openFunCheckoutHistoryModal?.(depositAddress, isCheckoutSpecialCrFlow);
       } else {
         logger.warn("No depositAddress generated");
       }
     },
-    [onClose, openFunCheckoutHistoryModal]
+    [
+      checkoutItem?.initSettings,
+      isCheckoutSpecialCrFlow,
+      onCloseWrapper,
+      openFunCheckoutHistoryModal
+    ]
   );
   const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState30(false);
   const onSourceAssetConfirmed = useCallback17(async () => {
@@ -22602,7 +22713,7 @@ function FunCheckoutModal({
   const { showToast } = useFunToast();
   return /* @__PURE__ */ React110.createElement(Dialog, {
     open,
-    onClose,
+    onClose: onCloseWrapper,
     titleId: "fun-checkout-modal",
     isHidden: isSoftHidden
   }, /* @__PURE__ */ React110.createElement(DialogContent, {
@@ -22616,7 +22727,7 @@ function FunCheckoutModal({
     onBack: titleConfig.onBack,
     title: titleConfig.title,
     hasCloseButton: true,
-    onClose
+    onClose: onCloseWrapper
   }), checkoutStep === "payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React110.createElement(FunCheckoutVerifyDetailsStep, {
     checkoutId,
     onSelectPaymentMethod
@@ -24155,6 +24266,26 @@ function useModalStateValueWithId() {
     }, [])
   };
 }
+function useCheckoutHistoryModalState() {
+  const [isModalOpen, setModalOpen] = useState36(false);
+  const [depositAddress, setDepositAddress] = useState36(null);
+  const [isCheckoutSpecialCrFlow, setIsCheckoutSpecialCrFlow] = useState36(false);
+  return {
+    closeModal: useCallback21(() => {
+      setDepositAddress(null);
+      setIsCheckoutSpecialCrFlow(false);
+      setModalOpen(false);
+    }, []),
+    isModalOpen,
+    depositAddress,
+    isCheckoutSpecialCrFlow,
+    openModal: useCallback21((id, isCheckoutSpecialCrFlow2) => {
+      setDepositAddress(id);
+      setIsCheckoutSpecialCrFlow(isCheckoutSpecialCrFlow2);
+      setModalOpen(true);
+    }, [])
+  };
+}
 var ModalContext = createContext14({
   accountModalOpen: false,
   chainModalOpen: false,
@@ -24189,8 +24320,9 @@ function ModalProvider({ children }) {
     closeModal: closeFunCheckoutHistoryModal,
     isModalOpen: funCheckoutHistoryModalOpen,
     openModal: openFunCheckoutHistoryModal,
-    modalId: funCheckoutHistoryModalId
-  } = useModalStateValueWithId();
+    depositAddress,
+    isCheckoutSpecialCrFlow
+  } = useCheckoutHistoryModalState();
   const {
     closeModal: closeFunDevTestModal,
     isModalOpen: funDevTestModalOpen,
@@ -24224,7 +24356,8 @@ function ModalProvider({ children }) {
         funCheckoutModalOpen,
         funCheckoutModalId,
         funCheckoutHistoryModalOpen,
-        funCheckoutHistoryModalId,
+        depositAddress,
+        isCheckoutSpecialCrFlow,
         openFunCheckoutModal,
         openFunCheckoutHistoryModal,
         funDevTestModalOpen,
@@ -24240,7 +24373,8 @@ function ModalProvider({ children }) {
         funCheckoutModalOpen,
         funCheckoutModalId,
         funCheckoutHistoryModalOpen,
-        funCheckoutHistoryModalId,
+        depositAddress,
+        isCheckoutSpecialCrFlow,
         openFunCheckoutModal,
         openFunCheckoutHistoryModal,
         funDevTestModalOpen,
@@ -24266,10 +24400,11 @@ function ModalProvider({ children }) {
     open: funCheckoutModalOpen,
     checkoutId: funCheckoutModalId,
     key: funCheckoutModalId
-  }), funCheckoutHistoryModalId ? /* @__PURE__ */ React127.createElement(FunCheckoutHistoryModal, {
+  }), depositAddress ? /* @__PURE__ */ React127.createElement(FunCheckoutHistoryModal, {
     onClose: closeFunCheckoutHistoryModal,
     open: funCheckoutHistoryModalOpen,
-    depositAddress: funCheckoutHistoryModalId
+    depositAddress,
+    isCheckoutSpecialCrFlow
   }) : null, /* @__PURE__ */ React127.createElement(FunDevTestModal, {
     onClose: closeFunDevTestModal,
     open: funDevTestModalOpen
@@ -24868,7 +25003,7 @@ function setRainbowKitVersion({ version }) {
 }
 function useFingerprint() {
   const fingerprint = useCallback22(() => {
-    setRainbowKitVersion({ version: "0.1.13" });
+    setRainbowKitVersion({ version: "0.1.15" });
   }, []);
   useEffect33(() => {
     fingerprint();
@@ -24954,31 +25089,29 @@ function FunkitProvider(props) {
   validateFunkitProviderProps(props);
   const appWagmiConfig = props.wagmiConfig;
   const initialChainId = getInitialChainIdFromFunkitProviderProps(props);
-  if (props?.funkitConfig?.enabledLoginOptions?.web2) {
-    const existingWalletGroupList = appWagmiConfig?.connectors?.(true) || [];
-    const filteredWalletGroupList = [];
-    existingWalletGroupList.forEach((groupItem) => {
-      if (groupItem.groupName === RESERVED_GROUP_NAME) {
-      } else {
-        filteredWalletGroupList.push(groupItem);
-      }
-    });
-    const newConnectors = connectorsForWallets([
-      ...filteredWalletGroupList,
-      {
-        groupName: RESERVED_GROUP_NAME,
-        wallets: [
-          funkitConnectWallet({
-            funkitOptions: {
-              chain: initialChainId,
-              apiKey: props.funkitConfig.apiKey
-            }
-          })
-        ]
-      }
-    ]);
-    appWagmiConfig.connectors = newConnectors;
-  }
+  const existingWalletGroupList = appWagmiConfig?.connectors?.(true) || [];
+  const filteredWalletGroupList = [];
+  existingWalletGroupList.forEach((groupItem) => {
+    if (groupItem.groupName === RESERVED_GROUP_NAME) {
+    } else {
+      filteredWalletGroupList.push(groupItem);
+    }
+  });
+  const newConnectors = connectorsForWallets([
+    ...filteredWalletGroupList,
+    {
+      groupName: RESERVED_GROUP_NAME,
+      wallets: [
+        funkitConnectWallet({
+          funkitOptions: {
+            chain: initialChainId,
+            apiKey: props.funkitConfig.apiKey
+          }
+        })
+      ]
+    }
+  ]);
+  appWagmiConfig.connectors = newConnectors;
   const config = createConfig(appWagmiConfig);
   logger.configure(props.funkitConfig.apiKey, !!props.debug);
   return /* @__PURE__ */ React132.createElement(WagmiConfig, {