@funkit/connect 9.3.1 → 9.4.1

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @funkit/connect
 
+## 9.4.1
+
+### Patch Changes
+
+- cf9b5e6: fix brokerage flow
+
+## 9.4.0
+
+### Minor Changes
+
+- 47571d6: Add onCheckoutBlocked callback with semiGeoblock/fullGeoblock distinction for geoblock, security, and unloggedin blocks
+- 30c90b2: feat(connect): make polymarket withdrawal config params customizable
+
+### Patch Changes
+
+- 0f3f24e: allow both customRecipient and actionParams for one checkout
+- 59ac11e: hide payment source labels according to statsig flag in cash tab
+- 0f3f24e: Show pending text and hide redirect button when transaction hash is unavailable
+- 0f3f24e: Increase dialog max height for withdrawal modal content
+- 0f3f24e: Fix withdrawal pending screen showing completed prematurely for multi-step transactions
+- ad9c2fe: fix(connect): update generic error message copy
+- 465be26: chore: update iframe allow list
+- cc8cf8b: bump ts version
+- 834c86f: feat(connect): chain/token dropdown groups
+- a05c817: opinion theme updates part 3
+- 4df5e00: fix oversized text in tooltip
+- Updated dependencies [cc8cf8b]
+  - @funkit/api-base@3.0.3
+  - @funkit/chains@1.1.1
+  - @funkit/fun-relay@2.6.4
+  - @funkit/utils@1.2.5
+
+## 9.3.2
+
+### Patch Changes
+
+- 7e7e08f: fix(connect): fix brokerage list gap across customers
+- 96d574a: feat: preload swapped icons
+- 7058a47: fix wallet option showing for dust balances by aligning usability check with asset selection screen
+- 192e9d0: feat: update swapped iframe events
+- b735dae: fix overlay scroll bug within swapped iframe in polymarket
+
 ## 9.3.1
 
 ### Patch Changes

package/dist/{chunk-JKGPN2BQ.js → chunk-BSF2AKBC.js}

@@ -199,6 +199,7 @@ var baseTheme = ({
     buttonTextPrimary: customFontFamily,
     buttonTextSecondary: customFontFamily,
     buttonTextTertiary: customFontFamily,
+    dropdownGroupHeader: customFontFamily,
     header: customFontFamily,
     inputAmount: customFontFamily,
     txStatusDescription: customFontFamily,
@@ -209,6 +210,7 @@ var baseTheme = ({
     buttonTextPrimary: fontStacks[fontStack],
     buttonTextSecondary: fontStacks[fontStack],
     buttonTextTertiary: fontStacks[fontStack],
+    dropdownGroupHeader: fontStacks[fontStack],
     header: fontStacks[fontStack],
     inputAmount: fontStacks[fontStack],
     txStatusDescription: fontStacks[fontStack],
@@ -218,6 +220,7 @@ var baseTheme = ({
   fontWeight: {
     ...DEFAULT_FONT_WEIGHTS,
     cryptoCashToggle: DEFAULT_FONT_WEIGHTS.medium,
+    dropdownGroupHeader: DEFAULT_FONT_WEIGHTS.medium,
     inputAmount: DEFAULT_FONT_WEIGHTS.medium,
     inputLabel: DEFAULT_FONT_WEIGHTS.medium,
     inputValue: DEFAULT_FONT_WEIGHTS.medium,
@@ -249,6 +252,7 @@ var baseTheme = ({
     buttonTextSecondary: FONT_SIZINGS[fontSizing][10],
     buttonTextTertiary: FONT_SIZINGS[fontSizing][12],
     dollarValue: FONT_SIZINGS[fontSizing][40],
+    dropdownGroupHeader: FONT_SIZINGS[fontSizing][12],
     inputAmount: FONT_SIZINGS[fontSizing][57],
     inputLabel: customFontSizings[12] ?? FONT_SIZINGS[fontSizing][12],
     inputValue: customFontSizings[13] ?? FONT_SIZINGS[fontSizing][13],
@@ -274,6 +278,8 @@ var baseTheme = ({
     formOfPaymentsListSectionLabelFontSize: FONT_SIZINGS[fontSizing][12],
     quickOptionFontSize: FONT_SIZINGS[fontSizing][14],
     useConnectedFontSize: FONT_SIZINGS[fontSizing][12],
+    paymentFeeSummaryTooltip: FONT_SIZINGS[fontSizing][10],
+    tooltipContent: FONT_SIZINGS[fontSizing][10],
     ...customFontSizings
   },
   radii: {
@@ -303,6 +309,8 @@ var baseTheme = ({
     activeOptionBorderWidth: "1px",
     buttonTertiaryBorderWidth: "0px",
     cryptoCashToggleContainerBorderWidth: "0px",
+    cryptoCashToggleActiveTabBorderWidth: "1px",
+    cryptoCashToggleInactiveTabBorderWidth: "1px",
     txSummaryBoxBorderWidth: "1px",
     ...customBorderWidths
   },
@@ -313,6 +321,13 @@ var baseTheme = ({
     cryptoCashToggleMarginBottom: "16px",
     cryptoCashToggleMarginTop: "24px",
     cryptoCashToggleTabPaddingY: "6px",
+    dropdownItemIconGap: "4px",
+    dropdownItemPaddingX: "4px",
+    dropdownItemPaddingY: "6px",
+    dropdownCompactPaddingX: "6px",
+    dropdownCompactPaddingY: "6px",
+    dropdownPaddingX: "12px",
+    dropdownPaddingY: "12px",
     modalBaseHorizontalPadding: "6px",
     modalBottomBarButtonPaddingY: "0px",
     modalBottomHorizontalPadding: "12px",
@@ -324,6 +339,7 @@ var baseTheme = ({
     selectAssetItemTextGap: "0px",
     selectBrokerageItemPaddingX: "12px",
     selectBrokerageItemPaddingY: "11px",
+    selectBrokerageListGap: "0px",
     txBreakdownMarginY: "18px",
     txBreakdownPaddingX: "12px",
     txSummaryBoxPaddingX: "12px",
@@ -340,6 +356,7 @@ var baseTheme = ({
     inputPaddingY: "12px",
     dropdownActiveItemRegularSizePaddingY: "8px",
     assetListDefaultGap: "4px",
+    dropdownGroupDividerMarginY: "8px",
     ...customSpacings
   },
   textTransforms: {

package/dist/{chunk-VIJQ5A6W.js → chunk-DBRUJYOQ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-JKGPN2BQ.js";
+} from "./chunk-BSF2AKBC.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -72,6 +72,8 @@ var lightTheme = ({
     copyButtonBackgroundBase: customColors?.offBackground ?? "#F7F7F7",
     copyButtonBackgroundHover: customColors?.hoverState ?? "#F0F0F0",
     copyButtonBackgroundActive: customColors?.inputBorderHover ?? "#E5E5E5",
+    useConnectedBackgroundBase: customColors?.mediumStroke ?? "#F0F0F0",
+    useConnectedBackgroundHover: customColors?.mediumStroke ?? "#F0F0F0",
     copyButtonBorderBase: customColors?.mediumStroke ?? "#F0F0F0",
     copyButtonBorderHover: customColors?.mediumStroke ?? "#F0F0F0",
     funFeatureListBackgroundBase: customColors?.offBackground ?? "#F7F7F7",
@@ -89,6 +91,13 @@ var lightTheme = ({
     // tab
     activeTabBorderColor: "#F7F7F7",
     activeTabBackground: "#F7F7F7",
+    inactiveTabBorderColor: "transparent",
+    inactiveTabBackgroundBase: "transparent",
+    inactiveTabBackgroundHover: "transparent",
+    inactiveTabBackgroundActive: "transparent",
+    activeTabText: customColors?.primaryText ?? "#000",
+    inactiveTabTextBase: customColors?.secondaryText ?? "#737373",
+    inactiveTabHover: customColors?.primaryText ?? "#000",
     // button
     actionColor: "#000",
     actionColorHover: "rgba(0, 0, 0, 0.7)",
@@ -193,6 +202,8 @@ var lightTheme = ({
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     dropdownActiveItemBorderBase: customColors?.dropdownActiveItemBorderBase ?? customColors?.mediumStroke ?? "#F0F0F0",
     dropdownActiveItemBorderHover: customColors?.dropdownActiveItemBorderHover ?? customColors?.mediumStroke ?? "#F0F0F0",
+    dropdownGroupHeader: customColors?.dropdownGroupHeader ?? customColors?.primaryText ?? "#000",
+    // primaryText
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#F7F7F7",
     counterRingColor: customColors?.counterRingColor ?? accentColor,

package/dist/{chunk-WXEL44DS.js → chunk-IZC4ZKKQ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-JKGPN2BQ.js";
+} from "./chunk-BSF2AKBC.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -72,6 +72,8 @@ var darkTheme = ({
     copyButtonBackgroundBase: customColors?.offBackground ?? "#1F1F1F",
     copyButtonBackgroundHover: customColors?.hoverState ?? "#333333",
     copyButtonBackgroundActive: customColors?.inputBorderHover ?? "#525252",
+    useConnectedBackgroundBase: customColors?.mediumStroke ?? "#333333",
+    useConnectedBackgroundHover: customColors?.mediumStroke ?? "#333333",
     copyButtonBorderBase: customColors?.mediumStroke ?? "#333333",
     copyButtonBorderHover: customColors?.mediumStroke ?? "#333333",
     funFeatureListBackgroundBase: customColors?.offBackground ?? "#1F1F1F",
@@ -89,6 +91,13 @@ var darkTheme = ({
     // tab
     activeTabBorderColor: "#333333",
     activeTabBackground: "#333333",
+    inactiveTabBorderColor: "transparent",
+    inactiveTabBackgroundBase: "transparent",
+    inactiveTabBackgroundHover: "transparent",
+    inactiveTabBackgroundActive: "transparent",
+    activeTabText: customColors?.primaryText ?? "#FFF",
+    inactiveTabTextBase: customColors?.secondaryText ?? "#8C8C8C",
+    inactiveTabHover: customColors?.primaryText ?? "#FFF",
     // button
     actionColor: "#FFF",
     actionColorHover: "rgba(255, 255, 255, 0.8)",
@@ -193,6 +202,8 @@ var darkTheme = ({
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     dropdownActiveItemBorderBase: customColors?.dropdownActiveItemBorderBase ?? customColors?.mediumStroke ?? "#333333",
     dropdownActiveItemBorderHover: customColors?.dropdownActiveItemBorderHover ?? customColors?.mediumStroke ?? "#333333",
+    dropdownGroupHeader: customColors?.dropdownGroupHeader ?? customColors?.primaryText ?? "#FFF",
+    // primaryText
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#000",
     txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#333333",
     counterRingColor: customColors?.counterRingColor ?? accentColor,