@funkit/connect 0.1.14 → 0.1.15

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

@@ -14929,6 +14929,7 @@ import {
   getCheckoutByDepositAddress,
   getCheckoutQuote as getApiCheckoutQuote,
   getCheckoutsByFunWalletAddress,
+  getCheckoutsByRecipientAddress,
   getMoonpayBuyQuoteForCreditCard,
   initializeCheckout as postApiInitializeCheckout,
   isAddress as isAddress3,
@@ -15294,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)) {
@@ -17370,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",
@@ -17842,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
@@ -18072,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);
@@ -18095,7 +18102,7 @@ function FunPaymentMeshType({
       },
       accessTokens: []
     });
-    setFrontConnection({ ...frontConnect });
+    setLinkConnection({ ...newLinkConnection });
   }, [onFinish, onSoftHide]);
   const onClickContinue = useCallback10(async () => {
     try {
@@ -18109,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);
@@ -18122,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(
@@ -19962,6 +19969,7 @@ var FunkitCheckoutContext = createContext12({
   checkoutHistoryList: [],
   checkoutHistoryStateMap: {},
   checkoutHistoryDepositAddrMap: {},
+  checkoutHistoryCurrentDepositAddrMap: {},
   isCheckoutHistoryInited: false,
   isRefreshingCheckoutHistory: true,
   _startCheckoutHistoryListener: () => void 0,
@@ -19981,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)
         );
@@ -20008,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);
   }, []);
@@ -20345,6 +20370,7 @@ function FunkitCheckoutProvider({ children }) {
     checkoutHistoryList,
     checkoutHistoryStateMap,
     checkoutHistoryDepositAddrMap,
+    checkoutHistoryCurrentDepositAddrMap,
     isCheckoutHistoryInited,
     isRefreshingCheckoutHistory,
     _startCheckoutHistoryListener,
@@ -20396,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)) {
@@ -20409,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]);
@@ -20533,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();
@@ -20549,7 +20599,7 @@ function useWalletAssetsListener(activate = true) {
       startAssetsListener();
     }
     return () => stopAssetsListener();
-  }, []);
+  }, [activate]);
 }
 
 // src/components/FunNotification/FunCheckoutNotification.tsx
@@ -20574,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 }) {
@@ -20631,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(() => {
@@ -20695,7 +20764,10 @@ function FunCheckoutNotification({
     onClick: () => {
       if (checkoutHistoryItem.depositAddr) {
         onBeforeRedirect?.();
-        openFunCheckoutHistoryModal?.(checkoutHistoryItem.depositAddr);
+        openFunCheckoutHistoryModal?.(
+          checkoutHistoryItem.depositAddr,
+          isCheckoutSpecialCrFlow
+        );
       }
     }
   })));
@@ -21946,6 +22018,7 @@ function FunCheckoutHistoryDetail({
   checkoutHistoryInfo
 }) {
   const checkoutItem = checkoutHistoryInfo.clientMetadata;
+  const { isCheckoutCrFlow, isCheckoutSpecialCrFlow } = useCheckoutType(checkoutItem);
   const {
     isProcessing,
     isCompleted,
@@ -21954,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;
@@ -21966,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
@@ -21999,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",
@@ -22017,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,
@@ -22045,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,
@@ -22498,6 +22587,7 @@ function FunCheckoutModal({
     checkoutItem?.initSettings?.onClose?.();
     onClose?.();
   }, [checkoutItem?.initSettings, onClose]);
+  const { isCheckoutSpecialCrFlow } = useCheckoutType(checkoutItem);
   const redirectToCheckoutHistory = useCallback17(
     (depositAddress) => {
       if (depositAddress) {
@@ -22507,16 +22597,17 @@ function FunCheckoutModal({
           metadata: {}
         });
         onCloseWrapper?.();
-        if (depositAddress === checkoutItem?.initSettings?.config?.customRecipient) {
-          logger.log("Skipping checkout history detail");
-        } else {
-          openFunCheckoutHistoryModal?.(depositAddress);
-        }
+        openFunCheckoutHistoryModal?.(depositAddress, isCheckoutSpecialCrFlow);
       } else {
         logger.warn("No depositAddress generated");
       }
     },
-    [checkoutItem?.initSettings, onCloseWrapper, openFunCheckoutHistoryModal]
+    [
+      checkoutItem?.initSettings,
+      isCheckoutSpecialCrFlow,
+      onCloseWrapper,
+      openFunCheckoutHistoryModal
+    ]
   );
   const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState30(false);
   const onSourceAssetConfirmed = useCallback17(async () => {
@@ -24175,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,
@@ -24209,8 +24320,9 @@ function ModalProvider({ children }) {
     closeModal: closeFunCheckoutHistoryModal,
     isModalOpen: funCheckoutHistoryModalOpen,
     openModal: openFunCheckoutHistoryModal,
-    modalId: funCheckoutHistoryModalId
-  } = useModalStateValueWithId();
+    depositAddress,
+    isCheckoutSpecialCrFlow
+  } = useCheckoutHistoryModalState();
   const {
     closeModal: closeFunDevTestModal,
     isModalOpen: funDevTestModalOpen,
@@ -24244,7 +24356,8 @@ function ModalProvider({ children }) {
         funCheckoutModalOpen,
         funCheckoutModalId,
         funCheckoutHistoryModalOpen,
-        funCheckoutHistoryModalId,
+        depositAddress,
+        isCheckoutSpecialCrFlow,
         openFunCheckoutModal,
         openFunCheckoutHistoryModal,
         funDevTestModalOpen,
@@ -24260,7 +24373,8 @@ function ModalProvider({ children }) {
         funCheckoutModalOpen,
         funCheckoutModalId,
         funCheckoutHistoryModalOpen,
-        funCheckoutHistoryModalId,
+        depositAddress,
+        isCheckoutSpecialCrFlow,
         openFunCheckoutModal,
         openFunCheckoutHistoryModal,
         funDevTestModalOpen,
@@ -24286,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
@@ -24888,7 +25003,7 @@ function setRainbowKitVersion({ version }) {
 }
 function useFingerprint() {
   const fingerprint = useCallback22(() => {
-    setRainbowKitVersion({ version: "0.1.14" });
+    setRainbowKitVersion({ version: "0.1.15" });
   }, []);
   useEffect33(() => {
     fingerprint();

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryDetail.d.ts

@@ -1,7 +1,7 @@
 import { CheckoutHistoryItem } from '@funkit/core';
 import React from 'react';
 /**
- * Processing info about a checkout history item (already created in backed)
+ * Processing info about a checkout history item (already created in backend)
  */
 export declare function FunCheckoutHistoryDetail({ checkoutHistoryInfo, }: {
     checkoutHistoryInfo: CheckoutHistoryItem;

package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts

@@ -3,6 +3,7 @@ interface FunCheckoutHistoryModalProps {
     open: boolean;
     onClose: () => void;
     depositAddress: string;
+    isCheckoutSpecialCrFlow: boolean;
 }
-export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, }: FunCheckoutHistoryModalProps): React.JSX.Element;
+export declare function FunCheckoutHistoryModal({ onClose, open, depositAddress, isCheckoutSpecialCrFlow, }: FunCheckoutHistoryModalProps): React.JSX.Element;
 export {};

package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts

@@ -122,7 +122,7 @@ export declare const useFunkitPreCheckoutInternal: (checkoutId: string | null) =
 /**
  * Internal hook to handle post-checkout, PER-BACKEND-CHECKOUT ITEM.
  */
-export declare const useFunkitPostCheckoutInternal: (depositAddress: Address) => {
+export declare const useFunkitPostCheckoutInternal: (depositAddress: Address, isCheckoutSpecialCrFlow: boolean) => {
     isLoading: boolean;
     checkoutHistoryInfo: CheckoutHistoryItem | undefined;
 };
@@ -134,7 +134,7 @@ export declare const useFunkitAllPostCheckoutsInternal: () => {
     checkoutHistoryStateMap: CheckoutHistoryStateMap;
     isCheckoutHistoryInited: boolean;
     isRefreshingCheckoutHistory: boolean;
-    startCheckoutHistoryListener: () => void;
+    startCheckoutHistoryListener: (recipientAddr?: Address | undefined) => void;
     stopCheckoutHistoryListener: () => void;
 };
 /**

package/dist/components/FunkitProvider/ModalContext.d.ts

@@ -28,7 +28,7 @@ export declare function useFunCheckoutModal(): {
 };
 export declare function useFunCheckoutHistoryModal(): {
     funCheckoutHistoryModalOpen: boolean;
-    openFunCheckoutHistoryModal: ((depositAddress: string) => void) | undefined;
+    openFunCheckoutHistoryModal: ((depositAddress: string, isCheckoutSpecialCrFlow: boolean) => void) | undefined;
 };
 export declare function useFunDevTestModal(): {
     funDevTestModalOpen: boolean;

package/dist/components/index.js

@@ -4,7 +4,7 @@ import {
   FunkitProvider,
   NATIVE_TOKEN,
   useFunkitCheckout
-} from "../chunk-OYE6VAAG.js";
+} from "../chunk-IDQLTS4C.js";
 import "../chunk-47OHV4T2.js";
 import "../chunk-C2QHNJBG.js";
 import "../chunk-VP4CAK4A.js";

package/dist/hooks/useCheckoutType.d.ts

@@ -0,0 +1,5 @@
+import { FunkitActiveCheckoutItem } from '../components/FunkitProvider/FunkitCheckoutContext';
+export declare function useCheckoutType(checkoutItem: FunkitActiveCheckoutItem | null): {
+    isCheckoutCrFlow: any;
+    isCheckoutSpecialCrFlow: any;
+};

package/dist/hooks/useFunListeners.d.ts

@@ -1,7 +1,8 @@
+import { Address } from 'viem';
 /**
  * Handles the starting and stopping of checkout history listeners based on the calling component's mount/unmount status
  */
-export declare function useCheckoutHistoryListener(activate?: boolean): void;
+export declare function useCheckoutHistoryListener(activate?: boolean, recipientAddr?: Address | undefined): void;
 /**
  * Handles the starting and stopping of asset listeners based on the calling component's mount/unmount status
  */

package/dist/index.js

@@ -31,7 +31,7 @@ import {
   useFunCheckoutModal,
   useFunkitCheckout,
   useWalletConnectors
-} from "./chunk-OYE6VAAG.js";
+} from "./chunk-IDQLTS4C.js";
 import {
   darkTheme
 } from "./chunk-47OHV4T2.js";

package/dist/utils/checkout.d.ts

@@ -99,6 +99,7 @@ export interface CheckoutHistoryStateMap {
 export declare function categorizeCheckoutHistories(checkoutHistoryList: CheckoutHistoryItem[]): {
     stateMap: CheckoutHistoryStateMap;
     depositAddrMap: CheckoutHistoryDepositAddrMap;
+    currentDepositAddrMap: CheckoutHistoryDepositAddrMap;
 };
 export declare function getCheckoutStateStepNumber(state: CheckoutState): 0 | 1 | 3 | 2;
 export declare function formatTokenAmountForMoonpay(amount: number): string;

package/dist/wallets/walletConnectors/argentWallet/argentWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   argentWallet
-} from "../chunk-FTTYELWN.js";
-import "../chunk-6T5K52ZY.js";
+} from "../chunk-LEWQ7DQV.js";
 import "../chunk-ZOLACFTK.js";
+import "../chunk-6T5K52ZY.js";
 export {
   argentWallet
 };

package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-LBSWP7R6.js";
-import "../chunk-6T5K52ZY.js";
+} from "../chunk-LL6T7V77.js";
 import "../chunk-ZOLACFTK.js";
+import "../chunk-6T5K52ZY.js";
 export {
   bifrostWallet
 };