@funkit/connect 8.0.0 → 8.2.0

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @funkit/connect
 
+## 8.2.0
+
+### 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
+  - Enable easy integration via `@funkit/connect/clients/{client-name}` imports
+
+- cf97880: Add customTopComponent option to five checkout screens (SourceChange, SelectAsset, SelectBrokerage, ConnectExchange, TransferCrypto) allowing custom React components to be rendered at the top of each screen
+
+### Patch Changes
+
+- 95f245d: fix(connect): use stable isTokenEquivalent comparison in withdrawal
+- 3725dbf: Deprecate EnableBitcoin feature flag - Bitcoin is now enabled by default in token transfer configuration
+- f7bde29: feat: new disableLogging funkit config
+- be4569b:
+- 70fd67a: feat: add new customer
+- 967d7a6: Block Lighter customers from checkout when wallet is not connected. Shows "Your wallet is not connected" message instead of allowing checkout to proceed with invalid address.
+- 605738b: fix dollar sign position in hyperbeat meld flow
+- eae9077: feat(connect): proceed when selecting asset for fanatics
+- 56e62ef: feat(connect): add WithdrawalInfoBanner to withdrawal modal
+- ad7b142: feat(connect): implement two layer flag evaluation
+  feat(connect): migrate EnableMeldPayment flag to statsig
+- Updated dependencies [3725dbf]
+- Updated dependencies [70fd67a]
+- Updated dependencies [39a2171]
+- Updated dependencies [ad7b142]
+  - @funkit/utils@1.1.24
+  - @funkit/api-base@2.1.1
+
+## 8.1.0
+
+### Minor Changes
+
+- 95ea941: remove katana chain support
+- 95ea941: remove hardcoded logic
+
+### Patch Changes
+
+- 9203321: feat(connect): migrate IsCheckoutActivated flag to statsig
+- 507e0e4: Fix "New Deposit" button not working after successful brokerage transactions. The button now properly closes the current checkout and opens a new one.
+- 3ee4395: Fix checkout initialization with placeholder addresses and add logout detection logging
+- 864ff30: Hide token amount display for AA deposits with fee distribution
+- ab6f6d2: Show impact <0.01% instead of negative price impact.
+- 5c4a30f: preserve input amount as token or fiat based on selection when continue and return back
+- ab6f6d2: apply output recalibration with swapImpact only
+- Updated dependencies [9203321]
+- Updated dependencies [95ea941]
+- Updated dependencies [95ea941]
+  - @funkit/utils@1.1.23
+  - @funkit/api-base@2.1.0
+  - @funkit/chains@1.1.0
+
 ## 8.0.0
 
 ### Major Changes

package/dist/__generated__/default_configs.d.ts

@@ -2,9 +2,6 @@ declare const _default: {
     readonly addressblacklist: {
         readonly value: readonly ["0x7b97b46D35a28B561d47F50CFB9a2735E506e59d", "0x409ad08cc6CA757f69Fb80250a424B9eFeB99807", "0x02A86f51aA7B8b1c17c30364748d5Ae4a0727E23", "0x64131b60502C01362639CC5cfE1a1efB6Be1165A"];
     };
-    readonly array_of_strings: {
-        readonly value: readonly [];
-    };
     readonly blacklistedwithdrawaladdress: {
         readonly value: {
             readonly '0x2791bca1f2de4661ed88a30c99a7a9449aa84174': "USDC.e - Polygon";
@@ -30,9 +27,6 @@ declare const _default: {
     readonly blockedcountries: {
         readonly value: readonly ["AF", "BY", "MM", "CF", "CU", "CD", "IR", "LB", "LY", "NI", "KP", "UA", "SO", "SS", "SY", "VE"];
     };
-    readonly boolean: {
-        readonly value: false;
-    };
     readonly brokerage_hide_you_receive: {
         readonly value: false;
     };
@@ -275,6 +269,9 @@ declare const _default: {
     readonly enabletokentransferuniversaldepositaddress: {
         readonly value: true;
     };
+    readonly ischeckoutactivated: {
+        readonly value: true;
+    };
     readonly ismexico: {
         readonly value: {
             readonly mexico: false;
@@ -387,5 +384,12 @@ declare const _default: {
             };
         }];
     };
+    readonly withdrawalinfobanner: {
+        readonly value: {
+            readonly message: "";
+            readonly expireAtMs: 0;
+            readonly type: "alert";
+        };
+    };
 };
 export default _default;

package/dist/{chunk-IVO7KGHT.js → chunk-JIC2XXGY.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-RJAD5CZH.js";
+} from "./chunk-WIDI2TYC.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -93,6 +93,7 @@ var darkTheme = ({
     buttonIconBackgroundHover: "#333333",
     buttonIconBackgroundPressed: "#333333",
     buttonIconStroke: "rgba(255, 255, 255, 0.35)",
+    buttonBorderTertiary: "transparent",
     buttonBorderFocusedTertiary: "rgba(255, 255, 255, 0.35)",
     buttonFocusedOutline: "none",
     buttonBorderGradient: "none",
@@ -153,8 +154,12 @@ var darkTheme = ({
     // Override colors
     ...customColors || {},
     // option Boxes
-    optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000"
+    optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
+    optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
+    dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#000000",
+    dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#1F1F1F",
+    dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent"
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",

package/dist/{chunk-5GV4UXWB.js → chunk-QHRAQNOB.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-RJAD5CZH.js";
+} from "./chunk-WIDI2TYC.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -93,6 +93,7 @@ var lightTheme = ({
     buttonIconBackgroundHover: "#F7F7F7",
     buttonIconBackgroundPressed: "#F0F0F0",
     buttonIconStroke: "rgba(0, 0, 0, 0.35)",
+    buttonBorderTertiary: "transparent",
     buttonBorderFocusedTertiary: "rgba(0, 0, 0, 0.35)",
     buttonFocusedOutline: "none",
     buttonBorderGradient: "none",
@@ -153,8 +154,12 @@ var lightTheme = ({
     // Override colors
     ...customColors || {},
     // option Boxes
-    optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF"
+    optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
+    optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
+    dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#FFF",
+    dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#F7F7F7",
+    dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent"
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",

package/dist/{chunk-RJAD5CZH.js → chunk-WIDI2TYC.js}

@@ -144,32 +144,42 @@ var baseTheme = ({
   customBorderRadiuses = radiusScales[borderRadius],
   customDimensions,
   customSpacings,
+  customTextTransforms,
   overlayBlur = "small"
 }) => ({
   blurs: {
     modalOverlay: blurs[overlayBlur].modalOverlay
   },
   dimensions: {
+    inputAmountQuickOptionButtonHeight: "36px",
+    inputAmountMinHeight: "76px",
     modalBottomBarButtonHeight: "34px",
     modalTopBarHeight: "56px",
+    selectAssetItemIconSize: "24px",
     ...customDimensions
   },
   fonts: typeof customFontFamily === "string" ? {
+    body: customFontFamily,
     buttonTextPrimary: customFontFamily,
     buttonTextSecondary: customFontFamily,
     buttonTextTertiary: customFontFamily,
-    body: customFontFamily
+    inputAmount: customFontFamily
   } : {
+    body: fontStacks[fontStack],
     buttonTextPrimary: fontStacks[fontStack],
     buttonTextSecondary: fontStacks[fontStack],
     buttonTextTertiary: fontStacks[fontStack],
-    body: fontStacks[fontStack],
+    inputAmount: fontStacks[fontStack],
     ...customFontFamily
   },
   fontWeight: {
     ...DEFAULT_FONT_WEIGHTS,
     modalTopbarTitle: DEFAULT_FONT_WEIGHTS.medium,
     modalBottomBarButtonText: DEFAULT_FONT_WEIGHTS.medium,
+    paymentMethodItemSubtitle: DEFAULT_FONT_WEIGHTS.regular,
+    paymentMethodItemTitle: DEFAULT_FONT_WEIGHTS.medium,
+    selectAssetItemSubtitle: DEFAULT_FONT_WEIGHTS.regular,
+    selectAssetItemTitle: DEFAULT_FONT_WEIGHTS.medium,
     ...customFontWeights
   },
   fontSize: {
@@ -177,9 +187,14 @@ var baseTheme = ({
     buttonTextPrimary: FONT_SIZINGS[fontSizing][12],
     buttonTextSecondary: FONT_SIZINGS[fontSizing][10],
     buttonTextTertiary: FONT_SIZINGS[fontSizing][12],
+    inputAmount: FONT_SIZINGS[fontSizing][57],
     modalTopbarSubtitle: FONT_SIZINGS[fontSizing][10],
     modalTopbarTitle: FONT_SIZINGS[fontSizing][13],
     modalBottomBarButtonText: FONT_SIZINGS[fontSizing][12],
+    paymentMethodItemSubtitle: FONT_SIZINGS[fontSizing][12],
+    paymentMethodItemTitle: FONT_SIZINGS[fontSizing][12],
+    selectAssetItemSubtitle: FONT_SIZINGS[fontSizing][10],
+    selectAssetItemTitle: FONT_SIZINGS[fontSizing][13],
     ...customFontSizings
   },
   radii: {
@@ -204,6 +219,7 @@ var baseTheme = ({
   },
   borderWidths: {
     activeOptionBorderWidth: "1px",
+    buttonTertiaryBorderWidth: "0px",
     ...customBorderWidths
   },
   spacing: {
@@ -212,7 +228,17 @@ var baseTheme = ({
     modalPaddingBottomUpper: "16px",
     modalPaddingBottomLower: "16px",
     modalTopBarVerticalTextSpacing: "0px",
+    selectAssetItemPaddingX: "12px",
+    selectAssetItemPaddingY: "8px",
+    selectAssetItemTextGap: "0px",
+    selectBrokerageItemPaddingX: "12px",
+    selectBrokerageItemPaddingY: "11px",
+    youPayYouReceivePaddingY: "8px",
     ...customSpacings
+  },
+  textTransforms: {
+    inputAmountQuickOptionButtonTextTransform: "none",
+    ...customTextTransforms
   }
 });