@funkit/connect 8.2.1-next.0 → 8.2.1

package/CHANGELOG.md

@@ -1,5 +1,80 @@
 # @funkit/connect
 
+## 8.2.1
+
+### Patch Changes
+
+- 87c0f00: feat(connect): split decimal based on locale
+- 761464a: feat(connect): fanatics checkout history
+- fcf7c8b: refactor(connect): select asset screen - minor refactor and breaking up into smaller components
+- 68d2aaf: feat(connect): add theme level variables to modal header icon buttons
+- 074e0f5: fix(connect): custom payment method icon for connected wallet users
+- 29ac86d: Add configurable props to custom source banner component
+- d1a72f7: feat(connect): preload remote S3 url
+- 203029c: feat(connect): add theme level control to set font size for you send you receive component
+- b7886e5: feat(connect): migrate EnableFiatDeposit flag to statsig
+- 4833bc1: Do not unnecessarily fetch Lighter accounts
+- ad0a860: fix(connect): input screen decimal color check
+- 9ffd984: feat(connect): ability to pass custom icons to payment method icons
+- 6cea746: feat(connect): add instant time estimate label via config
+- d9821eb: swapped based use cash tab UI implementation
+- 2f4c5c2: feat(connect): add theme styling for cash crypto toggle
+- 9f3ff5c: fix(connect): transparent caret color bug
+- cade95a: geist mono font for amounts in fanatics theme
+- 0b0e4e8: fanatics modal mobile view improvements
+- 9f98ac4: feat(connect): add dynamic chain icon mask on FunAvatar component
+- 49376c3: fix: getBalance computation no longer relies on deprecated field
+- 7d6b623: new skeletons for fanatics
+- 0d1a649: feat(connect): customizable payment method icons
+- 38be23d: feat: new inputAmountFiatDecimalsColor theme variable
+- 88aed38: fix(connect): select asset screen - padding issue for navigateOnAssetClick variant
+- ce0e7ff: fix(connect): cdn url path
+- ff96c90: feat(connect): hide destination field in payment summary for simplifiedUi config
+- 14355da: feat(connect): ability to display step vs animated progress
+- aabec47: feat(connect): ui customization to hide secondary token symbol on FunAssetItem
+- 1f1c515: chore(connect): fanatics confirmation step
+- cc8ed95: feat(connect): fanatics connect exchange screen
+- a677e72: refactor(connect): break up TransactionStatus into separate files
+- 52208da: fix(connect): fix stale value with flush sync
+- 5aa2e13: feat(connect): migrate CheckoutNotificationsRefreshInterval flag to statsig
+- 5bba47b: fix(connect): update default theme value horizontal padding on confirmation screen
+- 0c04e6e: chore: deprecate unused hook useUsableWalletAssetsForCheckout
+- 2f67612: fix font sizes for fanatics
+- Updated dependencies [dee4a4b]
+- Updated dependencies [4f6433f]
+- Updated dependencies [b7886e5]
+- Updated dependencies [c939c70]
+- Updated dependencies [78f741f]
+- Updated dependencies [5aa2e13]
+  - @funkit/fun-relay@2.3.0
+  - @funkit/api-base@2.1.2
+  - @funkit/utils@1.1.25
+
+## 8.2.1-next.2
+
+### Patch Changes
+
+- b7886e5: feat(connect): migrate EnableFiatDeposit flag to statsig
+- Updated dependencies [b7886e5]
+  - @funkit/utils@1.1.25-next.0
+  - @funkit/api-base@2.1.2-next.2
+
+## 8.2.1-next.1
+
+### Patch Changes
+
+- fcf7c8b: refactor(connect): select asset screen - minor refactor and breaking up into smaller components
+- 68d2aaf: feat(connect): add theme level variables to modal header icon buttons
+- 074e0f5: fix(connect): custom payment method icon for connected wallet users
+- d1a72f7: feat(connect): preload remote S3 url
+- 6cea746: feat(connect): add instant time estimate label via config
+- cade95a: geist mono font for amounts in fanatics theme
+- 7d6b623: new skeletons for fanatics
+- 88aed38: fix(connect): select asset screen - padding issue for navigateOnAssetClick variant
+- 14355da: feat(connect): ability to display step vs animated progress
+- Updated dependencies [4f6433f]
+  - @funkit/api-base@2.1.2-next.1
+
 ## 8.2.1-next.0
 
 ### Patch Changes
@@ -39,6 +114,7 @@
 ### Minor Changes
 
 - cf97880: Add client configuration exports with wildcard pattern support
+
   - Add `/clients/*` export path in package.json for client configurations
   - Create `src/clients/` directory with exportable client configurations
   - Update build system to compile clients directory
@@ -146,6 +222,7 @@
 - f4552b0: Expose recent deposits hooks for SDK users with comprehensive documentation
 
   Add two new public hooks for fetching recent deposits/direct executions:
+
   - `useFunkitRecentDeposits`: Auto-integrates with FunkitProvider context
   - `useFunkitRecentDepositsImpl`: Standalone implementation with explicit parameters
 
@@ -325,6 +402,7 @@
 - f4552b0: Expose recent deposits hooks for SDK users with comprehensive documentation
 
   Add two new public hooks for fetching recent deposits/direct executions:
+
   - `useFunkitRecentDeposits`: Auto-integrates with FunkitProvider context
   - `useFunkitRecentDepositsImpl`: Standalone implementation with explicit parameters
 
@@ -1085,10 +1163,12 @@
 - d307de8: Add support for custom withdrawal callbacks to enable server-side withdrawal processing
 
   Introduces a new withdrawal configuration type that allows customers (e.g., Kalshi) to handle withdrawals via callbacks instead of direct blockchain transactions. The withdrawal config now supports two modes:
+
   - Wallet-based (existing): Direct blockchain transactions via WithdrawalClient
   - Callback-based (new): Server-side processing via withdrawCallback function
 
   Key changes:
+
   - Split FunkitWithdrawalConfig into discriminated union types (WalletWithdrawalConfig, CustomWithdrawalConfig)
   - Add WithdrawalParam interface with quoteId and funQuote
   - Update withdrawal flow to route callback-based withdrawals to DirectExecutionNotifCenter (pending screen)
@@ -1168,10 +1248,12 @@
 - d307de8: Add support for custom withdrawal callbacks to enable server-side withdrawal processing
 
   Introduces a new withdrawal configuration type that allows customers (e.g., Kalshi) to handle withdrawals via callbacks instead of direct blockchain transactions. The withdrawal config now supports two modes:
+
   - Wallet-based (existing): Direct blockchain transactions via WithdrawalClient
   - Callback-based (new): Server-side processing via withdrawCallback function
 
   Key changes:
+
   - Split FunkitWithdrawalConfig into discriminated union types (WalletWithdrawalConfig, CustomWithdrawalConfig)
   - Add WithdrawalParam interface with quoteId and funQuote
   - Update withdrawal flow to route callback-based withdrawals to DirectExecutionNotifCenter (pending screen)
@@ -1525,6 +1607,7 @@
   This removes all EtherFi-related code including API keys, theme components, customer functions, and UI customizations. The EtherFi integration was marked as obsolete and has been completely removed from the codebase.
 
   **Breaking Changes:**
+
   - Removed `ETHERFI_API_KEY` constant from `@funkit/api-base`
   - Removed `isEtherFiCustomer` function from `@funkit/connect`
   - Removed `EtherFiIcon` component from `@funkit/connect`
@@ -3764,10 +3847,12 @@
 ### Patch Changes
 
 - 47087b4: Features
+
   1. Multichain asset display and checkout selection
   2. `textCustomizations` in `funkitConfig`
 
   Fixes
+
   1. Deprecate unsupported mesh brokerage options (Stash, ETrade)
   2. Fix EOA checkout initCode issue with new wrapper funWallet
   3. Fix EOA checkout wrapper funWallet regeneration on chain switch

package/dist/{chunk-MGQZMUZ2.js → chunk-BP7VOYBS.js}

@@ -153,14 +153,22 @@ var baseTheme = ({
   dimensions: {
     connectExchangeIconSize: "48px",
     dollarValueSkeletonHeight: "60px",
+    dollarValueSkeletonWidth: "160px",
     inputAmountQuickOptionButtonHeight: "36px",
     inputAmountMinHeight: "76px",
     modalBottomBarButtonHeight: "34px",
     modalTopBarHeight: "56px",
+    paymentAmountSkeletonBlockHeight: "10px",
+    paymentAmountSkeletonBlockWidth: "93px",
+    paymentAmountSkeletonCircleSize: "15px",
     selectAssetItemIconSize: "24px",
+    txBreakdownSkeletonWidth: "72px",
+    txSummaryLineSkeletonHeight: "14px",
+    txSummaryLineSkeletonWidth: "54px",
     ...customDimensions
   },
   fonts: typeof customFontFamily === "string" ? {
+    amountValue: customFontFamily,
     body: customFontFamily,
     buttonTextPrimary: customFontFamily,
     buttonTextSecondary: customFontFamily,
@@ -170,6 +178,7 @@ var baseTheme = ({
     txStatusDescription: customFontFamily,
     txStatusTitle: customFontFamily
   } : {
+    amountValue: fontStacks[fontStack],
     body: fontStacks[fontStack],
     buttonTextPrimary: fontStacks[fontStack],
     buttonTextSecondary: fontStacks[fontStack],

package/dist/{chunk-OTMBU2BL.js → chunk-KKGSXLMH.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-MGQZMUZ2.js";
+} from "./chunk-BP7VOYBS.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -51,6 +51,10 @@ var darkTheme = ({
     modalBackground: "#000000",
     modalBorder: "#292929",
     modalTopbarIcon: "#FFF",
+    modalTopbarIconBackground: customColors?.modalTopbarIconBackground ?? "transparent",
+    modalTopbarIconBackgroundHover: customColors?.modalTopbarIconBackgroundHover ?? customColors?.buttonIconBackgroundHover ?? "#333333",
+    modalTopbarIconBackgroundPressed: customColors?.modalTopbarIconBackgroundPressed ?? customColors?.buttonIconBackgroundPressed ?? "#333333",
+    modalTopbarIconStroke: customColors?.modalTopbarIconStroke ?? customColors?.buttonIconStroke ?? "rgba(255, 255, 255, 0.35)",
     offBackground: "#1F1F1F",
     offBackgroundInverse: "#F2F2F2",
     hoverState: "#333333",

package/dist/{chunk-FBCU3TQA.js → chunk-MYPFORR2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-MGQZMUZ2.js";
+} from "./chunk-BP7VOYBS.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -49,6 +49,10 @@ var lightTheme = ({
     // modal backgrounds
     modalBackdrop: "rgba(0, 0, 0, 0.2)",
     modalTopbarIcon: "#000",
+    modalTopbarIconBackground: customColors?.modalTopbarIconBackground ?? "transparent",
+    modalTopbarIconBackgroundHover: customColors?.modalTopbarIconBackgroundHover ?? customColors?.buttonIconBackgroundHover ?? "#F7F7F7",
+    modalTopbarIconBackgroundPressed: customColors?.modalTopbarIconBackgroundPressed ?? customColors?.buttonIconBackgroundPressed ?? "#F0F0F0",
+    modalTopbarIconStroke: customColors?.modalTopbarIconStroke ?? customColors?.buttonIconStroke ?? "rgba(0, 0, 0, 0.35)",
     modalBackground: "#FFF",
     modalBorder: "#F7F7F7",
     offBackground: "#F7F7F7",