@funkit/connect 8.3.0 → 8.4.0-next.1

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # @funkit/connect
 
+## 8.4.0-next.1
+
+### Minor Changes
+
+- ba04b38: Add Global Compute customer and enable brokerage features by default
+
+### Patch Changes
+
+- e756825: feat(connect): show Across icon and label in selected route when Across is enabled
+- 04f8d12: feat(connect): treat Across (CCTP) routes as slow deposits with 1-2 min time estimate
+- b3589c1: embed theme params in the fops request for swapped
+- bc5436e: change final buttons on fanatics
+- 2ccdc83: refactor: reorder meld options
+- c6fc3e7: fix: iframe postMessage origin validation
+- a7ca00e: fix(connect): fix fanatics font size
+- 8cb1965: chore: sanitize htmls
+- 0e6d9bd: feat(connect): map skeleton heights to actual font sizes in FunPaymentMethodItemSkeleton
+- 4fe1634: implement swapped iframe integration
+- bd51750: feat(connect): make CryptoCashToggle styles theme configurable
+- a61d9e5: fix(connect): redirect completion tx explorer to Lighter for L1 deposits
+- 3c36d53: Fix stale withdrawal quote reuse across consecutive withdrawals by resetting checkout ID on "New Withdrawal"
+- f1b51e0: feat(connect): max height on mobile
+- 12e06a2: feat(connect): ability to update source change layout via ui config
+- 6e9ec49: feat(connect): add theme level configs to source list section labels
+- 7ebf0ca: fix(connect): add i18n for Across and LayerZero time estimate strings
+- a615907: feat(connect): improve metric collection for analytics events
+- 729eb2b: fix: adjust Across bridge time estimates and fix Lighter explorer link
+- 712bacc: refactor(connect): reorder SourceChange component hooks and variables for readability
+- aeb52c7: fix(connect): skip broken Polygon default viem RPC
+- 28eb98c: misc fixes
+- e13fffb: feat(connect): update fanatics padding for close and action button
+- 8840aa9: feat: add dynamic s3 icon fallback
+- 4fc223a: extra bottom padding removed for swapped iframe
+- a653ae3: fix(connect): increase flag fetch timeout to 10s
+- 2ac1d6d: refactor(connect): extract completion tx resolution into utility function
+- 644c1ad: Remove dangerouslySetInnerHTML from InfoBanner and strip HTML from usdceWarning translations.
+- 28eb98c: refactor(connect): rename isLighterNativeFlow to isLighterSlowDeposit and extract delayed cutoff utility
+- 64f367d: feat(connect): handle withdrawal rate limit errors
+- 7e19469: chore(connect): silence statsig warnings
+- 508713c: fix(connect): update transaction status padding for fanatics
+- 126661c: feat(connect): add page readiness tracking for checkout steps
+- d4d38db: feat(connect): add source change initial loader
+- Updated dependencies [ba04b38]
+- Updated dependencies [b3589c1]
+- Updated dependencies [4fe1634]
+- Updated dependencies [4fe1634]
+- Updated dependencies [8aa93f1]
+- Updated dependencies [3b1c2c0]
+  - @funkit/api-base@2.2.0-next.0
+  - @funkit/utils@1.2.1-next.0
+  - @funkit/fun-relay@2.4.1-next.1
+
+## 8.3.1-next.0
+
+### Patch Changes
+
+- addf363: feat(connect): add AZTEC token support for Lighter exchange
+- fdefe58: feat(connect): update lighter utils to use dynamic target id for dynamic target assets
+- Updated dependencies [addf363]
+  - @funkit/fun-relay@2.4.1-next.0
+
 ## 8.3.0
 
 ### Minor Changes

package/dist/__generated__/default_configs.d.ts

@@ -242,6 +242,23 @@ declare const _default: {
                     readonly path: "FUN_MAINNET_DEPOSIT";
                 };
             }];
+        }, {
+            readonly routeId: "LIGHTER_AZTEC_SPOT_NEW_USER";
+            readonly rules: readonly [{
+                readonly when: {
+                    readonly chainId: "1";
+                    readonly tokenAddress: "0xA27EC0006e59f245217Ff08CD52A7E8b169E62D2";
+                };
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                    readonly badge: "NATIVE";
+                };
+            }, {
+                readonly when: "*";
+                readonly use: {
+                    readonly path: "FUN_MAINNET_DEPOSIT";
+                };
+            }];
         }];
     };
     readonly enablebitcoin: {
@@ -331,6 +348,41 @@ declare const _default: {
             readonly nonMainnet: 2.5;
         };
     };
+    readonly relaybypasssourcechainsandassets: {
+        readonly value: {
+            readonly '1': readonly ["*"];
+            readonly '10': readonly ["*"];
+            readonly '56': readonly ["*"];
+            readonly '137': readonly ["*"];
+            readonly '143': readonly ["*"];
+            readonly '999': readonly ["*"];
+            readonly '2741': readonly ["*"];
+            readonly '8453': readonly ["*"];
+            readonly '42161': readonly ["*"];
+            readonly '747474': readonly ["*"];
+            readonly '5064014': readonly ["*"];
+            readonly '8253038': readonly ["*"];
+        };
+    };
+    readonly relaybypasstargetchainsandassets: {
+        readonly value: {
+            readonly '1': readonly ["*"];
+            readonly '10': readonly ["*"];
+            readonly '56': readonly ["*"];
+            readonly '137': readonly ["*"];
+            readonly '143': readonly ["*"];
+            readonly '999': readonly ["*"];
+            readonly '1337': readonly ["*"];
+            readonly '2741': readonly ["*"];
+            readonly '8453': readonly ["*"];
+            readonly '42161': readonly ["*"];
+            readonly '747474': readonly ["*"];
+            readonly '3586256': readonly ["*"];
+            readonly '5064014': readonly ["*"];
+            readonly '8253038': readonly ["*"];
+            readonly '1151111081099710': readonly ["*"];
+        };
+    };
     readonly showinfobanner: {
         readonly value: {
             readonly message: "";
@@ -344,6 +396,17 @@ declare const _default: {
     readonly supportedexchangesv2: {
         readonly value: readonly [];
     };
+    readonly tokentransferchaingroups: {
+        readonly value: {
+            readonly popular: readonly [1151111081099710, 1, 728126428];
+        };
+    };
+    readonly tokentransfertokengroups: {
+        readonly value: {
+            readonly popular: readonly [];
+            readonly stablecoins: readonly ["BUSD", "DAI", "USDC", "USDC.e", "USDe", "USDT"];
+        };
+    };
     readonly uda_params: {
         readonly value: readonly [{
             readonly dynamicRoutingId: "LIGHTER_ETH_SPOT";

package/dist/{chunk-A24XIU2M.js → chunk-UE3P6YHW.js}

@@ -152,6 +152,7 @@ var baseTheme = ({
   },
   dimensions: {
     connectExchangeIconSize: "48px",
+    cryptoCashToggleIconSize: "20px",
     dollarValueSkeletonHeight: "60px",
     dollarValueSkeletonWidth: "160px",
     inputAmountQuickOptionButtonHeight: "36px",
@@ -161,6 +162,7 @@ var baseTheme = ({
     paymentAmountSkeletonBlockHeight: "10px",
     paymentAmountSkeletonBlockWidth: "93px",
     paymentAmountSkeletonCircleSize: "15px",
+    paymentMethodItemIconSize: "20px",
     selectAssetItemIconSize: "24px",
     txBreakdownSkeletonWidth: "72px",
     txSummaryLineSkeletonHeight: "14px",
@@ -192,6 +194,7 @@ var baseTheme = ({
   },
   fontWeight: {
     ...DEFAULT_FONT_WEIGHTS,
+    cryptoCashToggle: DEFAULT_FONT_WEIGHTS.medium,
     inputAmount: DEFAULT_FONT_WEIGHTS.medium,
     modalTopbarTitle: DEFAULT_FONT_WEIGHTS.medium,
     modalBottomBarButtonText: DEFAULT_FONT_WEIGHTS.medium,
@@ -205,11 +208,13 @@ var baseTheme = ({
     txStatusTitle: DEFAULT_FONT_WEIGHTS.medium,
     txSummaryLabel: DEFAULT_FONT_WEIGHTS.medium,
     txSummaryValue: DEFAULT_FONT_WEIGHTS.medium,
+    sourceListSectionLabelFontWeight: DEFAULT_FONT_WEIGHTS.medium,
     ...customFontWeights
   },
   fontSize: {
     ...FONT_SIZINGS[fontSizing],
     body: FONT_SIZINGS[fontSizing][14],
+    cryptoCashToggle: FONT_SIZINGS[fontSizing][12],
     "header-14": { fontSize: "14px", lineHeight: "14px" },
     "header-36": { fontSize: "36px", lineHeight: "36px" },
     buttonTextPrimary: FONT_SIZINGS[fontSizing][12],
@@ -235,6 +240,7 @@ var baseTheme = ({
     depositAddressFontSize: FONT_SIZINGS[fontSizing][10],
     funFeatureListItemFontSize: FONT_SIZINGS[fontSizing][12],
     dropdownItemFontSize: FONT_SIZINGS[fontSizing][12],
+    sourceListSectionLabelFontSize: FONT_SIZINGS[fontSizing][12],
     ...customFontSizings
   },
   radii: {
@@ -260,13 +266,19 @@ var baseTheme = ({
   borderWidths: {
     activeOptionBorderWidth: "1px",
     buttonTertiaryBorderWidth: "0px",
+    cryptoCashToggleContainerBorderWidth: "0px",
     txSummaryBoxBorderWidth: "1px",
     ...customBorderWidths
   },
   spacing: {
     confirmationStepMarginTop: "6px",
     confirmationStepVerticalGap: "18px",
+    cryptoCashToggleContainerPadding: "3px",
+    cryptoCashToggleMarginBottom: "16px",
+    cryptoCashToggleMarginTop: "24px",
+    cryptoCashToggleTabPaddingY: "6px",
     modalBaseHorizontalPadding: "6px",
+    modalBottomBarButtonPaddingY: "0px",
     modalBottomHorizontalPadding: "12px",
     modalPaddingBottomUpper: "16px",
     modalPaddingBottomLower: "16px",
@@ -283,6 +295,8 @@ var baseTheme = ({
     txSummaryLineItemPadding: "0px",
     txSummaryDividerMarginX: "12px",
     txSummaryDividerMarginY: "12px",
+    youPayYouReceivePaddingLeft: "12px",
+    youPayYouReceivePaddingRight: "16px",
     youPayYouReceivePaddingY: "8px",
     ...customSpacings
   },

package/dist/{chunk-CMS4F5PL.js → chunk-XX5CVGHN.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-A24XIU2M.js";
+} from "./chunk-UE3P6YHW.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -170,7 +170,8 @@ var lightTheme = ({
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#F7F7F7",
-    counterRingColor: customColors?.counterRingColor ?? accentColor
+    counterRingColor: customColors?.counterRingColor ?? accentColor,
+    cryptoCashToggleContainerBorderColor: customColors?.cryptoCashToggleContainerBorderColor ?? "transparent"
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",

package/dist/{chunk-GRQP5R23.js → chunk-YUWSE22N.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-A24XIU2M.js";
+} from "./chunk-UE3P6YHW.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -170,7 +170,8 @@ var darkTheme = ({
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#000",
     txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#333333",
-    counterRingColor: customColors?.counterRingColor ?? accentColor
+    counterRingColor: customColors?.counterRingColor ?? accentColor,
+    cryptoCashToggleContainerBorderColor: customColors?.cryptoCashToggleContainerBorderColor ?? "transparent"
   },
   shadows: {
     connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",