@funkit/connect 0.1.13 → 0.1.14

package/dist/{chunk-UOUEGWLS.js → chunk-47OHV4T2.js}

@@ -68,8 +68,8 @@ var darkTheme = ({
     inputFieldDisabled: "",
     strokePrimary: "",
     strokeSecondary: "",
-    buttonPrimary: "#FFF",
-    buttonProcessing: "",
+    buttonPrimary: accentColor,
+    buttonProcessing: accentColorForeground,
     buttonDisabled: "rgba(255, 255, 255, 0.20)",
     buttonTextPrimary: "#000000",
     buttonTextSecondary: "#FFF",

package/dist/{chunk-Q73FKLU4.js → chunk-C2QHNJBG.js}

@@ -68,8 +68,8 @@ var lightTheme = ({
     inputFieldDisabled: "#1A1B1F99",
     strokePrimary: "#0000000D",
     strokeSecondary: "",
-    buttonPrimary: "#31A3F8",
-    buttonProcessing: "#31A3F859",
+    buttonPrimary: accentColor,
+    buttonProcessing: accentColorForeground,
     buttonDisabled: "#31A3F826",
     buttonWarning: "#C60000",
     buttonTextWarning: "#FFF",

package/dist/{chunk-BQU2NRO5.js → chunk-OYE6VAAG.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);
@@ -20464,6 +20463,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 +20494,7 @@ var useFunkitCheckout = (props) => {
               return;
             }
           }
-          openFunCheckoutModal?.(newId);
+          onOpenWrapper?.(newId);
         } else {
           openConnectModal?.();
           setWaitingLogin(inputConfig);
@@ -20507,8 +20513,8 @@ var useFunkitCheckout = (props) => {
       _initNewCheckout,
       props,
       isUserLoggedIn,
+      onOpenWrapper,
       walletAddress,
-      openFunCheckoutModal,
       onErrorWrapper,
       openConnectModal
     ]
@@ -22277,7 +22283,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 +22302,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 +22494,29 @@ function FunCheckoutModal({
     checkoutStep,
     selectedPaymentMethodInfo?.paymentMethod
   ]);
+  const onCloseWrapper = useCallback17(() => {
+    checkoutItem?.initSettings?.onClose?.();
+    onClose?.();
+  }, [checkoutItem?.initSettings, onClose]);
   const redirectToCheckoutHistory = useCallback17(
     (depositAddress) => {
       if (depositAddress) {
-        onClose?.();
-        openFunCheckoutHistoryModal?.(depositAddress);
+        checkoutItem?.initSettings?.onSuccess?.({
+          type: "success",
+          message: "Checkout funding step completed successfully.",
+          metadata: {}
+        });
+        onCloseWrapper?.();
+        if (depositAddress === checkoutItem?.initSettings?.config?.customRecipient) {
+          logger.log("Skipping checkout history detail");
+        } else {
+          openFunCheckoutHistoryModal?.(depositAddress);
+        }
       } else {
         logger.warn("No depositAddress generated");
       }
     },
-    [onClose, openFunCheckoutHistoryModal]
+    [checkoutItem?.initSettings, onCloseWrapper, openFunCheckoutHistoryModal]
   );
   const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState30(false);
   const onSourceAssetConfirmed = useCallback17(async () => {
@@ -22602,7 +22622,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 +22636,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
@@ -24868,7 +24888,7 @@ function setRainbowKitVersion({ version }) {
 }
 function useFingerprint() {
   const fingerprint = useCallback22(() => {
-    setRainbowKitVersion({ version: "0.1.13" });
+    setRainbowKitVersion({ version: "0.1.14" });
   }, []);
   useEffect33(() => {
     fingerprint();
@@ -24954,31 +24974,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, {

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

@@ -61,15 +61,19 @@ export type FunkitCheckoutResult = {
 interface useFunkitCheckoutProps {
     /** @required the checkout config object **/
     config: FunkitCheckoutConfig;
+    /** @optional fires when the checkout modal is opened **/
+    onOpen?: () => void;
+    /** @optional fires when the checkout modal is closed **/
+    onClose?: () => void;
     /** @optional fires when checkout config is done validating **/
     onValidation?: (result: FunkitCheckoutValidationResult) => void;
     /** @optional fires when a checkout quote is received **/
     onEstimation?: (result: FunkitCheckoutQuoteResult) => void;
     /** @optional fires when a checkout if confirmed with the funkit server **/
     onConfirmation?: () => void;
-    /** @optional fires if the checkout fails at any point */
+    /** @optional fires if the checkout fails at any point **/
     onError?: (result: FunkitCheckoutResult) => void;
-    /** @optional fires if the checkout fails at any point */
+    /** @optional fires if the checkout fails at any point **/
     onSuccess?: (result: FunkitCheckoutResult) => void;
 }
 /**

package/dist/components/index.js

@@ -4,9 +4,9 @@ import {
   FunkitProvider,
   NATIVE_TOKEN,
   useFunkitCheckout
-} from "../chunk-BQU2NRO5.js";
-import "../chunk-UOUEGWLS.js";
-import "../chunk-Q73FKLU4.js";
+} from "../chunk-OYE6VAAG.js";
+import "../chunk-47OHV4T2.js";
+import "../chunk-C2QHNJBG.js";
 import "../chunk-VP4CAK4A.js";
 export {
   ConnectButton,

package/dist/index.js

@@ -31,13 +31,13 @@ import {
   useFunCheckoutModal,
   useFunkitCheckout,
   useWalletConnectors
-} from "./chunk-BQU2NRO5.js";
+} from "./chunk-OYE6VAAG.js";
 import {
   darkTheme
-} from "./chunk-UOUEGWLS.js";
+} from "./chunk-47OHV4T2.js";
 import {
   lightTheme
-} from "./chunk-Q73FKLU4.js";
+} from "./chunk-C2QHNJBG.js";
 import "./chunk-VP4CAK4A.js";
 
 // src/components/ConnectOptions/MobileOptions.tsx

package/dist/themes/darkTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   darkTheme
-} from "../chunk-UOUEGWLS.js";
+} from "../chunk-47OHV4T2.js";
 import "../chunk-VP4CAK4A.js";
 export {
   darkTheme

package/dist/themes/lightTheme.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   lightTheme
-} from "../chunk-Q73FKLU4.js";
+} from "../chunk-C2QHNJBG.js";
 import "../chunk-VP4CAK4A.js";
 export {
   lightTheme

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

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

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

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

package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js

@@ -2,9 +2,9 @@
 import {
   bitKeepWallet,
   bitgetWallet
-} from "../chunk-6FQF7H7H.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-Q6N2YWW4.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   bitKeepWallet,
   bitgetWallet

package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-4EKX7Z25.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-JJICTRJY.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   frontierWallet
 };

package/dist/wallets/walletConnectors/index.js

@@ -1,44 +1,46 @@
 "use client";
 import {
-  rainbowWallet
-} from "./chunk-IEAKLGB6.js";
+  coin98Wallet
+} from "./chunk-LVMQKSKW.js";
 import {
-  trustWallet
-} from "./chunk-YWKKNHO3.js";
+  walletConnectWallet
+} from "./chunk-DBMFZSXN.js";
 import {
-  tokenPocketWallet
-} from "./chunk-3XLDPS4Y.js";
+  tahoWallet
+} from "./chunk-OOGGCCFQ.js";
 import {
-  uniswapWallet
-} from "./chunk-APZ6YBCA.js";
+  tokenPocketWallet
+} from "./chunk-KUXG7P5Q.js";
 import {
-  walletConnectWallet
-} from "./chunk-XXTDCRCW.js";
+  trustWallet
+} from "./chunk-TORM2ZGA.js";
 import {
-  xdefiWallet
-} from "./chunk-5ZLRNFDM.js";
+  talismanWallet
+} from "./chunk-5UETJ33B.js";
 import {
   zealWallet
 } from "./chunk-QBKHMTGI.js";
+import {
+  xdefiWallet
+} from "./chunk-5ZLRNFDM.js";
 import {
   zerionWallet
-} from "./chunk-77KYAV4P.js";
+} from "./chunk-MDDT3PSR.js";
 import {
-  coinbaseWallet
-} from "./chunk-WFTAXMQP.js";
-import "./chunk-UZ5XLPAW.js";
+  uniswapWallet
+} from "./chunk-APZ6YBCA.js";
 import {
-  imTokenWallet
-} from "./chunk-7EOFWORX.js";
+  oneKeyWallet
+} from "./chunk-6CW3SAA3.js";
 import {
-  injectedWallet
-} from "./chunk-U32TVZ7G.js";
+  phantomWallet
+} from "./chunk-KUZFZL2D.js";
 import {
-  oktoWallet
-} from "./chunk-VW5SMBMG.js";
+  rabbyWallet
+} from "./chunk-TNC2B7LX.js";
 import {
-  safeheronWallet
-} from "./chunk-7WTKIVCW.js";
+  rainbowWallet
+} from "./chunk-4WS4ZSRN.js";
 import {
   safeWallet
 } from "./chunk-BNTZHUB6.js";
@@ -49,70 +51,66 @@ import {
   subWallet
 } from "./chunk-PTF3JKWO.js";
 import {
-  tahoWallet
-} from "./chunk-OOGGCCFQ.js";
+  safeheronWallet
+} from "./chunk-7WTKIVCW.js";
 import {
-  talismanWallet
-} from "./chunk-5UETJ33B.js";
+  injectedWallet
+} from "./chunk-U32TVZ7G.js";
 import {
-  frontierWallet
-} from "./chunk-4EKX7Z25.js";
+  ledgerWallet
+} from "./chunk-VAR774R5.js";
 import {
   metaMaskWallet
-} from "./chunk-MOWIPEYK.js";
+} from "./chunk-2XHTO74O.js";
+import {
+  foxWallet
+} from "./chunk-TG2HN6KW.js";
 import {
   mewWallet
 } from "./chunk-BZFEDZQJ.js";
 import {
   okxWallet
-} from "./chunk-GHYJ56FA.js";
-import {
-  omniWallet
-} from "./chunk-NEDPCNTA.js";
+} from "./chunk-RL5OHS6R.js";
 import {
-  oneKeyWallet
-} from "./chunk-6CW3SAA3.js";
-import {
-  phantomWallet
-} from "./chunk-KUZFZL2D.js";
-import {
-  rabbyWallet
-} from "./chunk-TNC2B7LX.js";
+  oktoWallet
+} from "./chunk-BDKAIAQA.js";
 import {
-  coin98Wallet
-} from "./chunk-LVMQKSKW.js";
+  omniWallet
+} from "./chunk-X6A7D2EA.js";
 import {
   coreWallet
 } from "./chunk-T3RIVRAX.js";
 import {
   dawnWallet
 } from "./chunk-QJNS6IE4.js";
+import {
+  argentWallet
+} from "./chunk-FTTYELWN.js";
 import {
   desigWallet
 } from "./chunk-SXUVHZCG.js";
 import {
   enkryptWallet
 } from "./chunk-ND76X5A2.js";
-import {
-  foxWallet
-} from "./chunk-TG2HN6KW.js";
 import {
   frameWallet
 } from "./chunk-MBFEMLUU.js";
 import {
-  ledgerWallet
-} from "./chunk-GLB4HFDR.js";
+  frontierWallet
+} from "./chunk-JJICTRJY.js";
 import {
-  argentWallet
-} from "./chunk-LEWQ7DQV.js";
+  imTokenWallet
+} from "./chunk-7EOFWORX.js";
 import {
   bifrostWallet
-} from "./chunk-LL6T7V77.js";
+} from "./chunk-LBSWP7R6.js";
 import {
   bitKeepWallet,
   bitgetWallet
-} from "./chunk-6FQF7H7H.js";
-import "./chunk-ZOLACFTK.js";
+} from "./chunk-Q6N2YWW4.js";
+import {
+  bitskiWallet
+} from "./chunk-FL3REGA5.js";
 import {
   braveWallet
 } from "./chunk-INSQDNCE.js";
@@ -121,8 +119,10 @@ import {
 } from "./chunk-EHO4MJZJ.js";
 import "./chunk-6T5K52ZY.js";
 import {
-  bitskiWallet
-} from "./chunk-FL3REGA5.js";
+  coinbaseWallet
+} from "./chunk-WFTAXMQP.js";
+import "./chunk-UZ5XLPAW.js";
+import "./chunk-ZOLACFTK.js";
 export {
   argentWallet,
   bifrostWallet,

package/dist/wallets/walletConnectors/ledgerWallet/ledgerWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   ledgerWallet
-} from "../chunk-GLB4HFDR.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-VAR774R5.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   ledgerWallet
 };

package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   metaMaskWallet
-} from "../chunk-MOWIPEYK.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-2XHTO74O.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   metaMaskWallet
 };

package/dist/wallets/walletConnectors/oktoWallet/oktoWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   oktoWallet
-} from "../chunk-VW5SMBMG.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-BDKAIAQA.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   oktoWallet
 };

package/dist/wallets/walletConnectors/okxWallet/okxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   okxWallet
-} from "../chunk-GHYJ56FA.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-RL5OHS6R.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   okxWallet
 };

package/dist/wallets/walletConnectors/omniWallet/omniWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   omniWallet
-} from "../chunk-NEDPCNTA.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-X6A7D2EA.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   omniWallet
 };

package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   rainbowWallet
-} from "../chunk-IEAKLGB6.js";
+} from "../chunk-4WS4ZSRN.js";
+import "../chunk-6T5K52ZY.js";
 import "../chunk-UZ5XLPAW.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-6T5K52ZY.js";
 export {
   rainbowWallet
 };

package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   tokenPocketWallet
-} from "../chunk-3XLDPS4Y.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-KUXG7P5Q.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   tokenPocketWallet
 };

package/dist/wallets/walletConnectors/trustWallet/trustWallet.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   trustWallet
-} from "../chunk-YWKKNHO3.js";
+} from "../chunk-TORM2ZGA.js";
+import "../chunk-6T5K52ZY.js";
 import "../chunk-UZ5XLPAW.js";
 import "../chunk-ZOLACFTK.js";
-import "../chunk-6T5K52ZY.js";
 export {
   trustWallet
 };

package/dist/wallets/walletConnectors/walletConnectWallet/walletConnectWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   walletConnectWallet
-} from "../chunk-XXTDCRCW.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-DBMFZSXN.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   walletConnectWallet
 };

package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   zerionWallet
-} from "../chunk-77KYAV4P.js";
-import "../chunk-ZOLACFTK.js";
+} from "../chunk-MDDT3PSR.js";
 import "../chunk-6T5K52ZY.js";
+import "../chunk-ZOLACFTK.js";
 export {
   zerionWallet
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funkit/connect",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "description": "Funkit Connect SDK elevates DeFi apps via web2 sign-ins and one-click checkouts.",
   "files": [
     "dist",
@@ -85,8 +85,8 @@
   },
   "dependencies": {
     "@front-finance/link": "^1.1.9",
-    "@funkit/core": "^0.10.9",
-    "@funkit/wagmi-tools": "^0.1.8",
+    "@funkit/core": "^0.10.10",
+    "@funkit/wagmi-tools": "^0.1.9",
     "@moonpay/moonpay-react": "^1.4.1",
     "@privy-io/js-sdk-core": "^0.11.0",
     "@types/uuid": "^9.0.1",