@funkit/connect 5.5.13-next.1 → 5.5.13-next.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @funkit/connect
 
+## 5.5.13-next.2
+
+### Patch Changes
+
+- 17e47e1: move withdrawSourceBalance to top level config
+- df1b830: chore: deprecate dydx fee handling
+- 9ce2ee3: chore(connect): add meld util tests
+
 ## 5.5.13-next.1
 
 ### Patch Changes

package/dist/domains/meld.d.ts

@@ -0,0 +1,19 @@
+import { type MeldQuote } from '@funkit/api-base';
+/**
+ * Auto-pick the best quote for the user.
+ * 1. Pick the quote with the highest customerScore, at least >= 30
+ * 2. If no quote has customerScore >= 30, pick either Coinbase or Binance
+ *    2a. If both are available, pick the one with the highest destinationAmount
+ *    2b. If only one is available, pick it
+ * 3. If no quote has customerScore >= 30 and no Coinbase or Binance is available, pick the quote with the highest destinationAmount
+ * @param quotes - the quotes to pick from
+ * @returns the best quote based on the criteria
+ */
+export declare function autoPickBestQuote(quotes: MeldQuote[]): MeldQuote | undefined;
+/**
+ * Check if the quote is the best price quote.
+ * @param sourceQuotes - the quotes to check
+ * @param targetQuote - the quote to check
+ * @returns true if the quote is the best price quote, false otherwise
+ */
+export declare function isBestPriceQuote(sourceQuotes: MeldQuote[] | undefined, targetQuote: MeldQuote | undefined): boolean;

package/dist/index.js

@@ -1,10 +1,10 @@
 "use client";
-import {
-  darkTheme
-} from "./chunk-ICCAQZHZ.js";
 import {
   lightTheme
 } from "./chunk-RN4I4Y57.js";
+import {
+  darkTheme
+} from "./chunk-ICCAQZHZ.js";
 import {
   systemFontStack
 } from "./chunk-R2UFCJL7.js";
@@ -2864,14 +2864,14 @@ var flagConfig = {
           }
         ]
       },
-      // 5% rollout to Ostium and Polymarket users
+      // 20% rollout to Ostium and Polymarket users
       {
         value: true,
         if_all: [
           {
             key: "userId",
             type: "pctRollout",
-            pct: 5
+            pct: 20
           },
           {
             key: "apiKey",
@@ -6275,14 +6275,15 @@ function FunkitCheckoutProvider({ children }) {
   );
   const initNewWithdrawal = useCallback10(
     (props) => {
-      const { onWithdrawalConfirmation, onWithdrawalError } = props;
+      const { onWithdrawalConfirmation, onWithdrawalError, config } = props;
       const newWithdrawalId = uuid();
       const newActiveWithdrawalItem = {
         id: newWithdrawalId,
         initSettings: {
           onWithdrawalConfirmation,
           onWithdrawalError
-        }
+        },
+        withdrawalSourceTokenBalance: config.withdrawalSourceTokenBalance ?? (() => 0)
       };
       setActiveWithdrawal(newActiveWithdrawalItem);
       logger.log("withdrawalStarted", newActiveWithdrawalItem);
@@ -11439,7 +11440,7 @@ function renderRelayFee(relayQuote) {
     ]
   };
 }
-var extractFeeItems = (fees, totalUsd, isDydx) => {
+var extractFeeItems = (fees, totalUsd) => {
   const marketMakerFee = {
     label: "Market maker gas costs",
     value: formatCurrencyAndStringify2(fees.marketMakerFeeUsd),
@@ -11457,13 +11458,13 @@ var extractFeeItems = (fees, totalUsd, isDydx) => {
     return renderRelayFee(fees.relayQuote);
   }
   if (fees.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
-    const { eoaWalletFeeUsd, marketMakerFeeUsd } = fees;
+    const { eoaWalletFeeUsd } = fees;
     const fillGasCost = formatDynamicFeeUsd(eoaWalletFeeUsd, totalUsd, {
       percentThreshold: null
     });
     return {
       collapsed: {
-        value: isDydx ? formatCurrencyAndStringify2(eoaWalletFeeUsd + marketMakerFeeUsd) : fillGasCost,
+        value: fillGasCost,
         valueIcon: /* @__PURE__ */ React87.createElement(GasIcon, null)
       },
       expanded: [
@@ -11478,12 +11479,9 @@ var extractFeeItems = (fees, totalUsd, isDydx) => {
     };
   }
   if (fees.paymentMethod === "card" /* CARD */) {
-    const { marketMakerFeeUsd, cardProcessingFeeUsd, moonpayCostUsd } = fees;
+    const { cardProcessingFeeUsd, moonpayCostUsd } = fees;
     return {
-      collapsed: isDydx ? {
-        value: formatCurrencyAndStringify2(marketMakerFeeUsd),
-        valueIcon: /* @__PURE__ */ React87.createElement(GasIcon, null)
-      } : null,
+      collapsed: null,
       expanded: [
         marketMakerFee,
         lpCostFee,
@@ -11502,12 +11500,9 @@ var extractFeeItems = (fees, totalUsd, isDydx) => {
     };
   }
   if (fees.paymentMethod === "brokerage" /* BROKERAGE */) {
-    const { marketMakerFeeUsd, exchangeFeeUsd, meshCostUsd } = fees;
+    const { exchangeFeeUsd, meshCostUsd } = fees;
     return {
-      collapsed: isDydx ? {
-        value: formatCurrencyAndStringify2(marketMakerFeeUsd),
-        valueIcon: /* @__PURE__ */ React87.createElement(GasIcon, null)
-      } : null,
+      collapsed: null,
       expanded: [
         marketMakerFee,
         lpCostFee,
@@ -11526,7 +11521,6 @@ function PaymentFeesSummary({
   quote,
   fallbackFees
 }) {
-  const { apiKey } = useFunkitConfig();
   const controls = useAnimationControls();
   const [isExpanded, setIsExpanded] = useState22(false);
   const toggleIsExpanded = async () => {
@@ -11540,13 +11534,12 @@ function PaymentFeesSummary({
       setIsExpanded(true);
     }
   };
-  const isDydx = isDydxCustomer(apiKey);
   const { collapsed: collapsedItem, expanded: expandedItems } = useMemo10(() => {
     const fees = quote?.finalFeesBreakdown ?? fallbackFees;
     if (!fees) return NO_DATA;
     const totalUsd = Number(quote?.finalTotalUsd ?? "0");
-    return extractFeeItems(fees, totalUsd, isDydx);
-  }, [quote, isDydx, fallbackFees]);
+    return extractFeeItems(fees, totalUsd);
+  }, [quote, fallbackFees]);
   const isExpandable = expandedItems.length > 0 && !isLoading;
   return /* @__PURE__ */ React87.createElement(Box, null, /* @__PURE__ */ React87.createElement(
     Box,
@@ -11707,7 +11700,7 @@ var WithdrawContent = ({
   config,
   withdrawalItem
 }) => {
-  const { sourceTokenBalance } = config;
+  const sourceTokenBalance = withdrawalItem?.withdrawalSourceTokenBalance?.() || 0;
   const token = config.sourceTokenSymbol;
   const [receiveAddress, setReceiveAddress] = useState23("");
   const [amount, setAmount] = useState23("");
@@ -18684,7 +18677,6 @@ import {
   round as round3
 } from "@funkit/utils";
 import React167, { useMemo as useMemo23 } from "react";
-import { MeldServiceProvider } from "@funkit/api-base";
 
 // src/components/CurrencySelector/CurrencySelector.tsx
 import React156 from "react";
@@ -19738,65 +19730,43 @@ var YouPayYouReceiveBottomBarLayoutWrapper = ({
   );
 };
 
-// src/components/Icons/SwitchIcon.tsx
-import React164 from "react";
-var SwitchIcon = () => {
-  return /* @__PURE__ */ React164.createElement(
-    "svg",
-    {
-      width: "15",
-      height: "14",
-      viewBox: "0 0 15 14",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    },
-    /* @__PURE__ */ React164.createElement(
-      "path",
-      {
-        fillRule: "evenodd",
-        clipRule: "evenodd",
-        d: "M0.96967 4.86358C0.676777 4.57069 0.676777 4.09582 0.96967 3.80292L3.63634 1.13626C3.92923 0.843363 4.4041 0.843363 4.697 1.13626L7.36366 3.80292C7.65656 4.09582 7.65656 4.57069 7.36366 4.86358C7.07077 5.15648 6.5959 5.15648 6.303 4.86358L4.91667 3.47725L4.91667 12.3333C4.91667 12.7475 4.58088 13.0833 4.16667 13.0833C3.75245 13.0833 3.41667 12.7475 3.41667 12.3333L3.41667 3.47725L2.03033 4.86358C1.73744 5.15648 1.26256 5.15648 0.96967 4.86358ZM7.63634 9.13626C7.92923 8.84336 8.4041 8.84336 8.697 9.13626L10.0833 10.5226V1.66659C10.0833 1.25237 10.4191 0.916586 10.8333 0.916586C11.2475 0.916586 11.5833 1.25237 11.5833 1.66659V10.5226L12.9697 9.13626C13.2626 8.84336 13.7374 8.84336 14.0303 9.13626C14.3232 9.42915 14.3232 9.90402 14.0303 10.1969L11.3637 12.8636C11.0708 13.1565 10.5959 13.1565 10.303 12.8636L7.63634 10.1969C7.34344 9.90402 7.34344 9.42915 7.63634 9.13626Z",
-        fill: "currentColor"
-      }
-    )
+// src/domains/meld.ts
+import { MeldServiceProvider } from "@funkit/api-base";
+function autoPickBestQuote(quotes) {
+  if (!quotes || quotes.length === 0) {
+    return void 0;
+  }
+  const sortedByScore = [...quotes].sort(
+    (a, b) => (b.customerScore ?? 0) - (a.customerScore ?? 0)
   );
-};
-
-// src/hooks/useDynamicFont.ts
-import { useCallback as useCallback29, useEffect as useEffect30, useRef as useRef13, useState as useState40 } from "react";
-var SIZE_STEP = 1;
-var ALLOWANCE = 20;
-var BASE_FONT_SIZE = 57;
-var useDynamicFont = (inputValue, max = BASE_FONT_SIZE, min = 16) => {
-  const [fontSize, setFontSize] = useState40(max);
-  const inputRef = useRef13(null);
-  const canvasRef = useRef13(document.createElement("canvas"));
-  useEffect30(() => {
-    const measureTextWidth = (text) => {
-      if (!inputRef.current) return void 0;
-      const context = canvasRef.current.getContext("2d");
-      if (!context) return void 0;
-      const fontSize2 = inputRef.current.style.fontSize;
-      const fontFamily = window.getComputedStyle(inputRef.current).fontFamily;
-      context.font = `${fontSize2} ${fontFamily}`;
-      return Math.ceil(context.measureText(` ${text}`).width);
-    };
-    const resizeText = () => {
-      if (!inputRef.current) return;
-      const textWidth = measureTextWidth(inputValue);
-      if (textWidth === void 0) return;
-      const maxWidth = inputRef.current.getBoundingClientRect().width;
-      if (fontSize > min && textWidth >= maxWidth) {
-        setFontSize((prevSize) => prevSize - SIZE_STEP);
-      } else if (fontSize < max && textWidth < maxWidth - ALLOWANCE) {
-        setFontSize((prevSize) => prevSize + SIZE_STEP);
-      }
-    };
-    resizeText();
-  }, [max, min, inputValue, fontSize]);
-  const resetText = useCallback29(() => setFontSize(max), [max]);
-  return { ref: inputRef, fontSize, resetText };
-};
+  if ((sortedByScore[0].customerScore ?? 0) >= 30) {
+    return sortedByScore[0];
+  }
+  const coinbaseOrBinance = quotes.filter(
+    (q) => q.serviceProvider === MeldServiceProvider.COINBASEPAY || q.serviceProvider === MeldServiceProvider.BINANCECONNECT
+  );
+  if (coinbaseOrBinance.length > 0) {
+    const sortedByDestAmount2 = [...coinbaseOrBinance].sort(
+      (a, b) => (b.destinationAmount ?? 0) - (a.destinationAmount ?? 0)
+    );
+    return sortedByDestAmount2[0];
+  }
+  const sortedByDestAmount = [...quotes].sort(
+    (a, b) => (b.destinationAmount ?? 0) - (a.destinationAmount ?? 0)
+  );
+  return sortedByDestAmount[0];
+}
+function isBestPriceQuote(sourceQuotes, targetQuote) {
+  if (!sourceQuotes || sourceQuotes.length === 0 || !targetQuote) {
+    return false;
+  }
+  for (const q of sourceQuotes) {
+    if (q.destinationAmount > targetQuote.destinationAmount) {
+      return false;
+    }
+  }
+  return true;
+}
 
 // src/modals/CheckoutModal/MeldQuotes/useMeldLink.tsx
 import { startMeldSession } from "@funkit/api-base";
@@ -19892,6 +19862,66 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
   };
 };
 
+// src/components/Icons/SwitchIcon.tsx
+import React164 from "react";
+var SwitchIcon = () => {
+  return /* @__PURE__ */ React164.createElement(
+    "svg",
+    {
+      width: "15",
+      height: "14",
+      viewBox: "0 0 15 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React164.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M0.96967 4.86358C0.676777 4.57069 0.676777 4.09582 0.96967 3.80292L3.63634 1.13626C3.92923 0.843363 4.4041 0.843363 4.697 1.13626L7.36366 3.80292C7.65656 4.09582 7.65656 4.57069 7.36366 4.86358C7.07077 5.15648 6.5959 5.15648 6.303 4.86358L4.91667 3.47725L4.91667 12.3333C4.91667 12.7475 4.58088 13.0833 4.16667 13.0833C3.75245 13.0833 3.41667 12.7475 3.41667 12.3333L3.41667 3.47725L2.03033 4.86358C1.73744 5.15648 1.26256 5.15648 0.96967 4.86358ZM7.63634 9.13626C7.92923 8.84336 8.4041 8.84336 8.697 9.13626L10.0833 10.5226V1.66659C10.0833 1.25237 10.4191 0.916586 10.8333 0.916586C11.2475 0.916586 11.5833 1.25237 11.5833 1.66659V10.5226L12.9697 9.13626C13.2626 8.84336 13.7374 8.84336 14.0303 9.13626C14.3232 9.42915 14.3232 9.90402 14.0303 10.1969L11.3637 12.8636C11.0708 13.1565 10.5959 13.1565 10.303 12.8636L7.63634 10.1969C7.34344 9.90402 7.34344 9.42915 7.63634 9.13626Z",
+        fill: "currentColor"
+      }
+    )
+  );
+};
+
+// src/hooks/useDynamicFont.ts
+import { useCallback as useCallback29, useEffect as useEffect30, useRef as useRef13, useState as useState40 } from "react";
+var SIZE_STEP = 1;
+var ALLOWANCE = 20;
+var BASE_FONT_SIZE = 57;
+var useDynamicFont = (inputValue, max = BASE_FONT_SIZE, min = 16) => {
+  const [fontSize, setFontSize] = useState40(max);
+  const inputRef = useRef13(null);
+  const canvasRef = useRef13(document.createElement("canvas"));
+  useEffect30(() => {
+    const measureTextWidth = (text) => {
+      if (!inputRef.current) return void 0;
+      const context = canvasRef.current.getContext("2d");
+      if (!context) return void 0;
+      const fontSize2 = inputRef.current.style.fontSize;
+      const fontFamily = window.getComputedStyle(inputRef.current).fontFamily;
+      context.font = `${fontSize2} ${fontFamily}`;
+      return Math.ceil(context.measureText(` ${text}`).width);
+    };
+    const resizeText = () => {
+      if (!inputRef.current) return;
+      const textWidth = measureTextWidth(inputValue);
+      if (textWidth === void 0) return;
+      const maxWidth = inputRef.current.getBoundingClientRect().width;
+      if (fontSize > min && textWidth >= maxWidth) {
+        setFontSize((prevSize) => prevSize - SIZE_STEP);
+      } else if (fontSize < max && textWidth < maxWidth - ALLOWANCE) {
+        setFontSize((prevSize) => prevSize + SIZE_STEP);
+      }
+    };
+    resizeText();
+  }, [max, min, inputValue, fontSize]);
+  const resetText = useCallback29(() => setFontSize(max), [max]);
+  return { ref: inputRef, fontSize, resetText };
+};
+
 // src/modals/CheckoutModal/InputAmount/InputAmountLayout.tsx
 import { isMobile as isMobile5 } from "@funkit/utils";
 import React165 from "react";
@@ -20334,41 +20364,6 @@ function useAmountInput(options) {
 }
 
 // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
-function autoPickBestQuote(quotes) {
-  if (!quotes || quotes.length === 0) {
-    return void 0;
-  }
-  const sortedByScore = [...quotes].sort(
-    (a, b) => (b.customerScore ?? 0) - (a.customerScore ?? 0)
-  );
-  if ((sortedByScore[0].customerScore ?? 0) >= 30) {
-    return sortedByScore[0];
-  }
-  const coinbaseOrBinance = quotes.filter(
-    (q) => q.serviceProvider === MeldServiceProvider.COINBASEPAY || q.serviceProvider === MeldServiceProvider.BINANCECONNECT
-  );
-  if (coinbaseOrBinance.length > 0) {
-    const sortedByDestAmount2 = [...coinbaseOrBinance].sort(
-      (a, b) => (b.destinationAmount ?? 0) - (a.destinationAmount ?? 0)
-    );
-    return sortedByDestAmount2[0];
-  }
-  const sortedByDestAmount = [...quotes].sort(
-    (a, b) => (b.destinationAmount ?? 0) - (a.destinationAmount ?? 0)
-  );
-  return sortedByDestAmount[0];
-}
-function isBestPriceQuote(quotes, quote) {
-  if (!quotes || quotes.length === 0 || !quote) {
-    return false;
-  }
-  for (const q of quotes) {
-    if (q.destinationAmount > quote.destinationAmount) {
-      return false;
-    }
-  }
-  return true;
-}
 function useMeld(manuallySelectedQuote, usdAmount, fiatCurrency) {
   const { query: meldQuotesQuery } = useMeldQuotes(usdAmount, fiatCurrency);
   const { mutateAsync, isPending: isMeldLinkPending } = useMeldLink(
@@ -31589,7 +31584,7 @@ function setFunkitConnectVersion({ version }) {
   localStorage.setItem(storageKey5, version);
 }
 function getCurrentSdkVersion() {
-  return "5.5.13-next.1";
+  return "5.5.13-next.2";
 }
 function useFingerprint() {
   const fingerprint = useCallback50(() => {

package/dist/providers/FunkitCheckoutContext.d.ts

@@ -37,6 +37,8 @@ export interface FunkitCheckoutConfig extends Omit<ApiFunkitCheckoutConfig, 'gen
     checkoutItemTitle: string;
     /** @deprecated use targetAssetAmount **/
     checkoutItemAmount?: number;
+    /** amount of source token. it is not baseUnit **/
+    withdrawalSourceTokenBalance?: () => number;
     /** *****************************
      * Miscellaneous configurations *
      ********************************/
@@ -59,8 +61,6 @@ export interface FunkitWithdrawalConfig {
     sourceChainId: string;
     /** source token id to withdraw **/
     sourceTokenAddress: Address;
-    /** amount of source token. it is not baseUnit **/
-    sourceTokenBalance: number;
     /** whether to show connected as preferred withdrawal destination*/
     showConnectedWalletAsPreferredRecipient?: boolean;
     /** Wallet instance used to execute the quote */
@@ -138,6 +138,7 @@ export interface FunkitActiveWithdrawalItem {
     id: string;
     /** Final settings the withdrawal was init-ed with **/
     initSettings: Partial<UseFunkitCheckoutPropsWithFullConfig>;
+    withdrawalSourceTokenBalance: () => number;
 }
 interface FunkitCheckoutContextInterface {
     checkoutItem: FunkitActiveCheckoutItem | null;

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bifrostWallet
-} from "../chunk-545L7Y4M.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-W6N74MS3.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   bifrostWallet
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   bitgetWallet
-} from "../chunk-7GSNBOD3.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-A5APNTGL.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   bitgetWallet
 };

package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   bybitWallet
-} from "../chunk-W5O4YSZN.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-6ONTSPEY.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   bybitWallet
 };

package/dist/wallets/walletConnectors/clvWallet/clvWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   clvWallet
-} from "../chunk-LEXSM5KI.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-KR6JBW5E.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   clvWallet
 };

package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coin98Wallet
-} from "../chunk-KFFJPS5R.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-DTRYS3MO.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   coin98Wallet
 };

package/dist/wallets/walletConnectors/coreWallet/coreWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   coreWallet
-} from "../chunk-JXP2QPW7.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-HBA36GW3.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   coreWallet
 };

package/dist/wallets/walletConnectors/foxWallet/foxWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   foxWallet
-} from "../chunk-XYBEMO3C.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-LMZMXEXL.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   foxWallet
 };

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

@@ -1,9 +1,9 @@
 "use client";
 import {
   frontierWallet
-} from "../chunk-HKV7EMYZ.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-3S2U24BJ.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   frontierWallet
 };

package/dist/wallets/walletConnectors/gateWallet/gateWallet.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   gateWallet
-} from "../chunk-3NC26XLM.js";
-import "../chunk-WRA2DVJ7.js";
+} from "../chunk-GSOYKKIS.js";
 import "../chunk-23WIEY36.js";
+import "../chunk-WRA2DVJ7.js";
 export {
   gateWallet
 };