@funkit/connect 10.1.0 → 10.2.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @funkit/connect
 
+## 10.2.0
+
+### Minor Changes
+
+- 4851fe3: Add Lighter Unified Trading account support. When the connected wallet's Lighter main account reports `account_trading_mode: 1` (unified), the deposit flow hides the `USDC (Spot)` destination and shows `USDC (Perps)` as plain `USDC`, and the withdrawal flow does the same for the Fast/Secure source-token dropdowns. Simple-mode accounts (`account_trading_mode: 0`) are unchanged.
+
+### Patch Changes
+
+- 1ee3c30: Export `getWithdrawButtonText` from the withdrawal module so its CTA
+  label/disabled-reason precedence ladder can be unit-tested directly. Internal
+  helper only — no runtime or public-API behavior change.
+- 1af584f: Lighter Unified Trading accounts: the Fast withdrawal method subtitle now reads "USDC only" instead of "USDC Perps only" (new `withdrawal.fastDisclaimerUnified` key, all 8 locales). Simple-mode accounts are unchanged.
+- 8ae9a55: Move the Statsig fallback generator into connect-core's own prebuild
+- cc2f674: Migrate the on-ramp fops request to the typed FIAT_TO_CRYPTO rail config
+- 81dc85c: Add WithdrawRecipientAddress snapshot coverage (default/use-connected/error/risk/non-EVM). Test-only; no runtime change.
+- Updated dependencies [8ae9a55]
+  - @funkit/connect-core@1.7.1
+
+## 10.1.1
+
+### Patch Changes
+
+- 045cd95: feat(connect): update source change wordings
+- 2a5b19a: fix(connect): make swapped iframe scrollable
+- 6ae84b0: Hide fiat withdrawal limits when the user's balance is below the payment method limit
+- 36423cd: test(connect): test TransferToken
+- a074ecf: feat(connect): order connect wallet chain icons via config
+- Updated dependencies [6ae84b0]
+- Updated dependencies [a074ecf]
+  - @funkit/connect-core@1.7.0
+
 ## 10.1.0
 
 ### Minor Changes

package/dist/clients/lighter.css

@@ -16491,6 +16491,24 @@
   animation-name: stgjxld;
 }
 
+/* vanilla-extract-css-ns:src/modals/CheckoutModal/SwappedIframe/SwappedIframe.css.ts.vanilla.css?source=Lm94dGxjcDAgewogIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTsKICBzY3JvbGxiYXItd2lkdGg6IHRoaW47CiAgc2Nyb2xsYmFyLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtdGVydGlhcnlUZXh0KSB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQoub3h0bGNwMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIHdpZHRoOiA2cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLW1vZGFsQmFja2dyb3VuZCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yay1yYWRpaS1tb2RhbCk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLXRlcnRpYXJ5VGV4dCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQ */
+[data-rk] .oxtlcp0 {
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: var(--rk-colors-tertiaryText) var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar {
+  width: 6px;
+  background-color: var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-thumb {
+  border-radius: var(--rk-radii-modal);
+  background-color: var(--rk-colors-tertiaryText);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-track {
+  background-color: var(--rk-colors-modalBackground);
+}
+
 /* vanilla-extract-css-ns:src/components/FunDivider/FunDivider.css.ts.vanilla.css?source=Ll8zZGtkc2MwIHsKICBib3JkZXItd2lkdGg6IDA7CiAgYm9yZGVyLXRvcC13aWR0aDogMXB4OwogIGJvcmRlci1zdHlsZTogc29saWQ7CiAgZmxleDogMTsKfQ */
 [data-rk] ._3dkdsc0 {
   border-width: 0;

package/dist/clients/lighter.js

@@ -94,6 +94,10 @@ function isLighterxyzCustomer(apiKey) {
 
 // src/utils/customer.ts
 var LIGHTER_MAIN_ACCOUNT_TYPE = 0;
+var LIGHTER_TRADING_MODE = {
+  SIMPLE: 0,
+  UNIFIED: 1
+};
 async function getLighterAccountsByL1Address(address) {
   const response = await fetch(
     `https://mainnet.zklighter.elliot.ai/api/v1/accountsByL1Address?l1_address=${address}`
@@ -127,6 +131,9 @@ function useLighterAccounts({
   return {
     ...query,
     mainAccountIndex: mainAccount?.index?.toString(),
+    // False until the accounts load — consumers fall back to the simple-mode
+    // UI (both USDC variants shown) while the trading mode is unknown.
+    isUnifiedTradingMode: mainAccount?.account_trading_mode === LIGHTER_TRADING_MODE.UNIFIED,
     subAccounts
   };
 }
@@ -575,7 +582,8 @@ function buildLighterMultiMethodConfig({
   config,
   accountIndex,
   t,
-  secureDelayText
+  secureDelayText,
+  isUnifiedTradingMode
 }) {
   const fastConfig = buildLighterFastWalletWithdrawalConfig({
     signerClient: config.signerClient,
@@ -603,7 +611,9 @@ function buildLighterMultiMethodConfig({
   const fast = {
     id: LIGHTER_FAST_METHOD_ID,
     keyText: t("withdrawal.methodFast"),
-    subtitleText: t("withdrawal.fastDisclaimer"),
+    subtitleText: t(
+      isUnifiedTradingMode ? "withdrawal.fastDisclaimerUnified" : "withdrawal.fastDisclaimer"
+    ),
     icon: /* @__PURE__ */ React3.createElement(EvmWallet, { size: 20 }),
     valueIcon: /* @__PURE__ */ React3.createElement(ChainIconStack, { chainIds: LIGHTER_FAST_PREVIEW_CHAIN_IDS }),
     config: fastConfig
@@ -629,7 +639,7 @@ function buildLighterMultiMethodConfig({
 }
 function useLighterWithdrawalConfig(config) {
   const { t } = useFunkitTranslation();
-  const { mainAccountIndex } = useLighterAccounts({
+  const { mainAccountIndex, isUnifiedTradingMode } = useLighterAccounts({
     address: config?.l1Address
   });
   const accountIndex = mainAccountIndex && /^\d+$/.test(mainAccountIndex) ? mainAccountIndex : void 0;
@@ -642,9 +652,10 @@ function useLighterWithdrawalConfig(config) {
       config,
       accountIndex,
       t,
-      secureDelayText
+      secureDelayText,
+      isUnifiedTradingMode
     });
-  }, [config, accountIndex, t, secureDelayText]);
+  }, [config, accountIndex, t, secureDelayText, isUnifiedTradingMode]);
 }
 export {
   LIGHTER_DEFAULT_SECURE_MIN_WITHDRAWAL_AMOUNTS,

package/dist/clients/polymarket/PolymarketDepositAccountDropdown.css

@@ -16491,6 +16491,24 @@
   animation-name: stgjxld;
 }
 
+/* vanilla-extract-css-ns:src/modals/CheckoutModal/SwappedIframe/SwappedIframe.css.ts.vanilla.css?source=Lm94dGxjcDAgewogIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTsKICBzY3JvbGxiYXItd2lkdGg6IHRoaW47CiAgc2Nyb2xsYmFyLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtdGVydGlhcnlUZXh0KSB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQoub3h0bGNwMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIHdpZHRoOiA2cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLW1vZGFsQmFja2dyb3VuZCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yay1yYWRpaS1tb2RhbCk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLXRlcnRpYXJ5VGV4dCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQ */
+[data-rk] .oxtlcp0 {
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: var(--rk-colors-tertiaryText) var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar {
+  width: 6px;
+  background-color: var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-thumb {
+  border-radius: var(--rk-radii-modal);
+  background-color: var(--rk-colors-tertiaryText);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-track {
+  background-color: var(--rk-colors-modalBackground);
+}
+
 /* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUzU7DMAy-7yl8QRpSU6X8TCgTF8aBB-CGOLipt0VrncpNgQ7x7qgdbGXTEGIIxDHJ5-_Hjhwva9JupOF5ABAEuXLBeTaAeQ7JuS4qsHXqrEpp6UiGOj6NQEegYz2KIDkeD14G8Yoj2eFgz9QDnBijHilduKB8HUhUVTpWaR2C5wh2QY75I6gTKFBmjg3o8QDgHYplSSjIlnZV70JT0iXXRUpy31Gowi8_KznrUCnaxUx8zZmyPvdiVtlKFOLQiqdeMpL3agBfh9wxbS4eXRbmBhKtj9rj1HNQUyxc3hhwPCdxHc9hbT8zpszR0tznGUnn_M3uA8pQKVms7FeqIus5Q2lu6Sn0KUa_mXejerjxi38wKABfonWhMaDj8775L-dH22pO2sO1qzDNKet3AX-3C3vi4E_Fsf9gqBuzh3_i7Ed2716yrd2mzdw_kKzx68WbbD3smcJ2rLqiiWcmGyi7WqNvWqq-wemfrJjp96fzCplzuQIZBwAA */
 [data-rk] .zue0i60 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);

package/dist/clients/polymarket/index.css

@@ -16491,6 +16491,24 @@
   animation-name: stgjxld;
 }
 
+/* vanilla-extract-css-ns:src/modals/CheckoutModal/SwappedIframe/SwappedIframe.css.ts.vanilla.css?source=Lm94dGxjcDAgewogIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTsKICBzY3JvbGxiYXItd2lkdGg6IHRoaW47CiAgc2Nyb2xsYmFyLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtdGVydGlhcnlUZXh0KSB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQoub3h0bGNwMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIHdpZHRoOiA2cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLW1vZGFsQmFja2dyb3VuZCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yay1yYWRpaS1tb2RhbCk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLXRlcnRpYXJ5VGV4dCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQ */
+[data-rk] .oxtlcp0 {
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: var(--rk-colors-tertiaryText) var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar {
+  width: 6px;
+  background-color: var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-thumb {
+  border-radius: var(--rk-radii-modal);
+  background-color: var(--rk-colors-tertiaryText);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-track {
+  background-color: var(--rk-colors-modalBackground);
+}
+
 /* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUzU7DMAy-7yl8QRpSU6X8TCgTF8aBB-CGOLipt0VrncpNgQ7x7qgdbGXTEGIIxDHJ5-_Hjhwva9JupOF5ABAEuXLBeTaAeQ7JuS4qsHXqrEpp6UiGOj6NQEegYz2KIDkeD14G8Yoj2eFgz9QDnBijHilduKB8HUhUVTpWaR2C5wh2QY75I6gTKFBmjg3o8QDgHYplSSjIlnZV70JT0iXXRUpy31Gowi8_KznrUCnaxUx8zZmyPvdiVtlKFOLQiqdeMpL3agBfh9wxbS4eXRbmBhKtj9rj1HNQUyxc3hhwPCdxHc9hbT8zpszR0tznGUnn_M3uA8pQKVms7FeqIus5Q2lu6Sn0KUa_mXejerjxi38wKABfonWhMaDj8775L-dH22pO2sO1qzDNKet3AX-3C3vi4E_Fsf9gqBuzh3_i7Ed2716yrd2mzdw_kKzx68WbbD3smcJ2rLqiiWcmGyi7WqNvWqq-wemfrJjp96fzCplzuQIZBwAA */
 [data-rk] .zue0i60 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);

package/dist/components/FunPayments/FunPaymentMethods.d.ts

@@ -10,6 +10,12 @@ import type { AssetHoldingsItem } from '../../domains/wallet';
  */
 export declare function getIconFromUiConfig(paymentMethod: PaymentMethod, iconConfig: FunkitPaymentMethodIconsConfig | undefined, defaultIconSize?: number): ReactNode | undefined;
 export declare const getDynamicValueIconComponent: () => React.JSX.Element;
+/**
+ * Statsig's `connectwalletchainiconorder` only carries the chains we want to
+ * lead with (e.g. by TVL/usage) — anything else checkout-supports still needs
+ * to render after them rather than being silently dropped.
+ */
+export declare function resolveConnectWalletChainOrder(configuredOrder: readonly (string | number)[]): string[];
 export declare function SupportedChainList({ chainIdList, iconSize, style, }: {
     chainIdList: string[];
     iconSize?: number;
@@ -90,7 +96,11 @@ export declare function PaymentMethodDisabledBadge(props: {
  */
 export declare function FopPaymentMethodItem({ fop, isActive, onClick, testId, disclaimerLimit, disabled, isBelowMinimum, }: BasePaymentMethodItemProps & {
     fop: SwappedFormOfPayment;
-    disclaimerLimit: string;
+    /**
+     * Omit to show processing time only — withdrawal hides the limit when the
+     * user's balance is below the method's limit (no meaningful limit to show).
+     */
+    disclaimerLimit?: string;
     disabled?: boolean;
     /** Withdrawal off-ramp only: balance can't meet the cash sell minimum. */
     isBelowMinimum?: boolean;

package/dist/index.css

@@ -16541,6 +16541,24 @@
   animation-name: stgjxld;
 }
 
+/* vanilla-extract-css-ns:src/modals/CheckoutModal/SwappedIframe/SwappedIframe.css.ts.vanilla.css?source=Lm94dGxjcDAgewogIHNjcm9sbGJhci1ndXR0ZXI6IHN0YWJsZTsKICBzY3JvbGxiYXItd2lkdGg6IHRoaW47CiAgc2Nyb2xsYmFyLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtdGVydGlhcnlUZXh0KSB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQoub3h0bGNwMDo6LXdlYmtpdC1zY3JvbGxiYXIgewogIHdpZHRoOiA2cHg7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLW1vZGFsQmFja2dyb3VuZCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1iIHsKICBib3JkZXItcmFkaXVzOiB2YXIoLS1yay1yYWRpaS1tb2RhbCk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tcmstY29sb3JzLXRlcnRpYXJ5VGV4dCk7Cn0KLm94dGxjcDA6Oi13ZWJraXQtc2Nyb2xsYmFyLXRyYWNrIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1yay1jb2xvcnMtbW9kYWxCYWNrZ3JvdW5kKTsKfQ */
+[data-rk] .oxtlcp0 {
+  scrollbar-gutter: stable;
+  scrollbar-width: thin;
+  scrollbar-color: var(--rk-colors-tertiaryText) var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar {
+  width: 6px;
+  background-color: var(--rk-colors-modalBackground);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-thumb {
+  border-radius: var(--rk-radii-modal);
+  background-color: var(--rk-colors-tertiaryText);
+}
+[data-rk] .oxtlcp0::-webkit-scrollbar-track {
+  background-color: var(--rk-colors-modalBackground);
+}
+
 /* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=#H4sIAAAAAAAAA9VUzU7DMAy-7yl8QRpSU6X8TCgTF8aBB-CGOLipt0VrncpNgQ7x7qgdbGXTEGIIxDHJ5-_Hjhwva9JupOF5ABAEuXLBeTaAeQ7JuS4qsHXqrEpp6UiGOj6NQEegYz2KIDkeD14G8Yoj2eFgz9QDnBijHilduKB8HUhUVTpWaR2C5wh2QY75I6gTKFBmjg3o8QDgHYplSSjIlnZV70JT0iXXRUpy31Gowi8_KznrUCnaxUx8zZmyPvdiVtlKFOLQiqdeMpL3agBfh9wxbS4eXRbmBhKtj9rj1HNQUyxc3hhwPCdxHc9hbT8zpszR0tznGUnn_M3uA8pQKVms7FeqIus5Q2lu6Sn0KUa_mXejerjxi38wKABfonWhMaDj8775L-dH22pO2sO1qzDNKet3AX-3C3vi4E_Fsf9gqBuzh3_i7Ed2716yrd2mzdw_kKzx68WbbD3smcJ2rLqiiWcmGyi7WqNvWqq-wemfrJjp96fzCplzuQIZBwAA */
 [data-rk] .zue0i60 {
   transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);