@funkit/connect 9.11.0-next.0 → 9.12.0

package/dist/clients/polymarket.d.ts

@@ -1,15 +1,23 @@
 /**
  * Polymarket V2 PMCT withdrawal.
  *
- * Withdrawal flow:
- * 1. Generate a UDA (User Deposit Address) for the withdrawal via api-base
- * 2. Transfer PMCT from user's Polymarket proxy to the UDA
- * 3. Backend handles: unwrap PMCT → USDC via PermissionedRamp + route to user
+ * Two flows are supported, dispatched on input shape:
  *
- * The callback conforms to CustomWithdrawalConfig.withdrawCallback.
+ *   1. **UDA / PMCT transfer** (legacy) — caller supplies `userId` +
+ *      `sendPmctTransfer`. The backend handles the unwrap/route via
+ *      PermissionedRamp. Returns a {@link CustomWithdrawalConfig}.
+ *
+ *   2. **Wallet unwrap** — caller supplies `proxyAddress`, a `publicClient`,
+ *      and a batched `sendTransactions` primitive. `preWithdrawalAction`
+ *      reads the pUSD allowance and returns the approve (when needed) +
+ *      `unwrap()` to USDCe as an array of {@link WithdrawalTransaction}s.
+ *      The SDK prepends those to the withdrawal txn and atomically broadcasts
+ *      the batch via the integrator's `sendTransactions`. Returns a
+ *      {@link WalletWithdrawalConfig}.
  */
-import type { Address } from 'viem';
-import type { CustomWithdrawalConfig } from '../providers/FunkitCheckoutContext/types';
+import { type Address, type PublicClient, type TransactionReceipt } from 'viem';
+import type { CustomWithdrawalConfig, FunkitWithdrawalConfig, WalletWithdrawalConfig } from '../providers/FunkitCheckoutContext/types';
+import type { WithdrawalTransaction } from '../wallets/Wallet';
 export interface PolymarketWithdrawalCallbackConfig {
     userId: string;
     modalTitle?: string;
@@ -31,9 +39,69 @@ export interface PolymarketWithdrawalCallbackConfig {
     }) => Promise<void>;
 }
 /**
- * Creates a full CustomWithdrawalConfig for Polymarket V2 PMCT withdrawals.
+ * Caller-supplied batched submitter. Receives the full ordered list of txs
+ * (helper-injected approve+unwrap, then the SDK's withdrawal txn). Must
+ * broadcast them atomically in a single user signature and return a tx hash
+ * that {@link WithdrawalClient.confirmTransaction} can wait on.
+ */
+export type PolymarketSendTransactions = (txs: WithdrawalTransaction[]) => Promise<string>;
+export interface PolymarketWalletUnwrapWithdrawalConfig {
+    /** Polymarket proxy that holds pUSD and signs the batched tx. */
+    proxyAddress: Address;
+    /** Polygon public client used for the pre-flight allowance read. */
+    publicClient: PublicClient;
+    /**
+     * Batched send primitive. The SDK passes the full ordered list of txs —
+     * helper-emitted `approve(pUSD → offramp)` (only when allowance is
+     * insufficient) and `offramp.unwrap(USDCe, proxy, amount)` from
+     * `preWithdrawalAction`, followed by the withdrawal txn — and the
+     * integrator broadcasts them atomically in a single user signature.
+     */
+    sendTransactions: PolymarketSendTransactions;
+    /**
+     * Optional override for waiting on a tx receipt. Defaults to
+     * `publicClient.waitForTransactionReceipt`.
+     */
+    confirmTransaction?: (txHash: string, chainId: number) => Promise<TransactionReceipt>;
+    modalTitle?: string;
+    disableConnectedWallet?: boolean;
+    sourceTokenSymbol?: string;
+    sourceTokenAddress?: Address;
+    defaultReceiveToken?: string;
+    iconSrc?: string;
+}
+/**
+ * Combined input — supplies params for both flows. The runtime path is
+ * chosen at call time via the `enable-polymarket-wallet-withdrawal`
+ * Statsig gate (read synchronously through {@link checkFeatureGate}, so
+ * this stays a regular function callable from event handlers).
+ */
+export interface PolymarketWithdrawalConfig extends PolymarketWithdrawalCallbackConfig, PolymarketWalletUnwrapWithdrawalConfig {
+}
+/**
+ * Combined / gated entry point. Returns a {@link CustomWithdrawalConfig}
+ * (UDA path) or {@link WalletWithdrawalConfig} (wallet-unwrap path)
+ * depending on the gate value at call time.
+ *
+ * ```ts
+ * const withdrawalConfig = createPolymarketWithdrawalConfig({
+ *   userId: walletAddress,
+ *   sendPmctTransfer: async ({ udaAddress, amountBaseUnit }) => { ... },
+ *   proxyAddress,
+ *   publicClient,
+ *   sendTransactions: async (txs) => myBatchedSend(txs),
+ * })
+ * ```
+ */
+export declare function createPolymarketWithdrawalConfig(config: PolymarketWithdrawalConfig): FunkitWithdrawalConfig;
+/**
+ * Legacy UDA / PMCT transfer flow. Returns a {@link CustomWithdrawalConfig}.
+ *
+ * @deprecated Pass the combined {@link PolymarketWithdrawalConfig} instead so
+ * the wallet-unwrap rollout can be staged via the
+ * `enable-polymarket-wallet-withdrawal` Statsig gate. Direct callers of this
+ * single-flow overload bypass the gate.
  *
- * Usage:
  * ```ts
  * const withdrawalConfig = createPolymarketWithdrawalConfig({
  *   userId: walletAddress,
@@ -42,3 +110,23 @@ export interface PolymarketWithdrawalCallbackConfig {
  * ```
  */
 export declare function createPolymarketWithdrawalConfig(config: PolymarketWithdrawalCallbackConfig): CustomWithdrawalConfig;
+/**
+ * Wallet-flow with embedded pUSD → USDCe unwrap. Returns a
+ * {@link WalletWithdrawalConfig} whose `preWithdrawalAction` and `wallet`
+ * coordinate via a closure-scoped queue, so the integrator only sees the
+ * batched `sendTransactions` primitive.
+ *
+ * @deprecated Pass the combined {@link PolymarketWithdrawalConfig} instead so
+ * the wallet-unwrap rollout can be staged via the
+ * `enable-polymarket-wallet-withdrawal` Statsig gate. Direct callers of this
+ * single-flow overload bypass the gate.
+ *
+ * ```ts
+ * const withdrawalConfig = createPolymarketWithdrawalConfig({
+ *   proxyAddress,
+ *   publicClient,
+ *   sendTransactions: async (txs) => myBatchedSend(txs),
+ * })
+ * ```
+ */
+export declare function createPolymarketWithdrawalConfig(config: PolymarketWalletUnwrapWithdrawalConfig): WalletWithdrawalConfig;

package/dist/clients/polymarket.js

@@ -8,14 +8,22 @@ import {
   POLYMARKET_API_KEY,
   initializeCheckoutTokenTransferAddress
 } from "@funkit/api-base";
+import {
+  encodeFunctionData,
+  erc20Abi,
+  getAddress
+} from "viem";
 import { polygon } from "viem/chains";
 
 // src/domains/paymentMethods.ts
 import { exhaustiveCheck, formatAddress } from "@funkit/utils";
 
 // src/consts/bluvo.tsx
-import { ETHEREAL_API_KEY } from "@funkit/api-base";
-import React6 from "react";
+import {
+  ETHEREAL_API_KEY,
+  FormOfPaymentType
+} from "@funkit/api-base";
+import React7 from "react";
 
 // src/components/Icons/BinanceIcon.tsx
 import React from "react";
@@ -47,10 +55,51 @@ var BinanceIcon = ({ size = 24 }) => {
   );
 };
 
-// src/components/Icons/CoinbaseIcon.tsx
+// src/components/Icons/BybitIcon.tsx
 import React2 from "react";
-var CoinbaseIcon = ({ size = 24 }) => {
+var BybitIcon = ({ size = 24 }) => {
   return /* @__PURE__ */ React2.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React2.createElement("rect", { width: "20", height: "20", rx: "4", fill: "#0B0E11" }),
+    /* @__PURE__ */ React2.createElement("g", { transform: "translate(2 6.78) scale(0.184)" }, /* @__PURE__ */ React2.createElement("path", { d: "M62.0083 25.3572V3H66.5022V25.3572H62.0083Z", fill: "#F7A600" }), /* @__PURE__ */ React2.createElement(
+      "path",
+      {
+        d: "M9.63407 31.9983H0V9.64111H9.24666C13.7406 9.64111 16.3591 12.0903 16.3591 15.9214C16.3591 18.4013 14.6774 20.0039 13.5134 20.5375C14.9028 21.1652 16.6813 22.5779 16.6813 25.5624C16.6813 29.7373 13.7406 31.9983 9.63407 31.9983ZM8.89096 13.5355H4.4939V18.6852H8.89096C10.7981 18.6852 11.8652 17.6488 11.8652 16.1095C11.8652 14.5719 10.7981 13.5355 8.89096 13.5355ZM9.18151 22.6104H4.4939V28.1056H9.18151C11.2189 28.1056 12.1874 26.8503 12.1874 25.3418C12.1874 23.835 11.2171 22.6104 9.18151 22.6104Z",
+        fill: "white"
+      }
+    ), /* @__PURE__ */ React2.createElement(
+      "path",
+      {
+        d: "M30.3882 22.8293V31.9983H25.926V22.8293L19.0073 9.64111H23.8886L28.1888 18.6527L32.4239 9.64111H37.3052L30.3882 22.8293Z",
+        fill: "white"
+      }
+    ), /* @__PURE__ */ React2.createElement(
+      "path",
+      {
+        d: "M50.0457 31.9983H40.4116V9.64111H49.6583C54.1522 9.64111 56.7707 12.0903 56.7707 15.9214C56.7707 18.4013 55.089 20.0039 53.925 20.5375C55.3144 21.1652 57.093 22.5779 57.093 25.5624C57.093 29.7373 54.1522 31.9983 50.0457 31.9983ZM49.3026 13.5355H44.9055V18.6852H49.3026C51.2097 18.6852 52.2768 17.6488 52.2768 16.1095C52.2768 14.5719 51.2097 13.5355 49.3026 13.5355ZM49.5931 22.6104H44.9055V28.1056H49.5931C51.6305 28.1056 52.599 26.8503 52.599 25.3418C52.599 23.835 51.6305 22.6104 49.5931 22.6104Z",
+        fill: "white"
+      }
+    ), /* @__PURE__ */ React2.createElement(
+      "path",
+      {
+        d: "M80.986 13.5355V32H76.4921V13.5355H70.4785V9.64111H86.9996V13.5355H80.986Z",
+        fill: "white"
+      }
+    ))
+  );
+};
+
+// src/components/Icons/CoinbaseIcon.tsx
+import React3 from "react";
+var CoinbaseIcon = ({ size = 24 }) => {
+  return /* @__PURE__ */ React3.createElement(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -59,8 +108,8 @@ var CoinbaseIcon = ({ size = 24 }) => {
       viewBox: "0 0 20 20",
       fill: "none"
     },
-    /* @__PURE__ */ React2.createElement("rect", { width: "20", height: "20", rx: "4", fill: "#2C5FF6" }),
-    /* @__PURE__ */ React2.createElement(
+    /* @__PURE__ */ React3.createElement("rect", { width: "20", height: "20", rx: "4", fill: "#2C5FF6" }),
+    /* @__PURE__ */ React3.createElement(
       "path",
       {
         d: "M9.99 13.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5c1.76 0 3.22 1.305 3.46 3h3.52A7.005 7.005 0 0 0 9.99 3c-3.86 0-7 3.14-7 7s3.14 7 7 7c3.69 0 6.725-2.87 6.98-6.5h-3.52c-.24 1.695-1.7 3-3.46 3Z",
@@ -71,9 +120,9 @@ var CoinbaseIcon = ({ size = 24 }) => {
 };
 
 // src/components/Icons/GateIoIcon.tsx
-import React3 from "react";
+import React4 from "react";
 var GateIoIcon = ({ size = 24 }) => {
-  return /* @__PURE__ */ React3.createElement(
+  return /* @__PURE__ */ React4.createElement(
     "svg",
     {
       width: size,
@@ -82,8 +131,8 @@ var GateIoIcon = ({ size = 24 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React3.createElement("rect", { width: "25", height: "25", rx: "5.357", fill: "#fff" }),
-    /* @__PURE__ */ React3.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ React3.createElement(
+    /* @__PURE__ */ React4.createElement("rect", { width: "25", height: "25", rx: "5.357", fill: "#fff" }),
+    /* @__PURE__ */ React4.createElement("g", { clipPath: "url(#a)" }, /* @__PURE__ */ React4.createElement(
       "mask",
       {
         id: "b",
@@ -94,8 +143,8 @@ var GateIoIcon = ({ size = 24 }) => {
         height: "15",
         style: { maskType: "luminance" }
       },
-      /* @__PURE__ */ React3.createElement("path", { d: "M5 5h15v15H5V5Z", fill: "#fff" })
-    ), /* @__PURE__ */ React3.createElement("g", { mask: "url(#b)" }, /* @__PURE__ */ React3.createElement(
+      /* @__PURE__ */ React4.createElement("path", { d: "M5 5h15v15H5V5Z", fill: "#fff" })
+    ), /* @__PURE__ */ React4.createElement("g", { mask: "url(#b)" }, /* @__PURE__ */ React4.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -103,7 +152,7 @@ var GateIoIcon = ({ size = 24 }) => {
         d: "M12.5 16.625a4.125 4.125 0 0 1 0-8.25V5a7.5 7.5 0 1 0 7.5 7.5h-3.375a4.125 4.125 0 0 1-4.125 4.125Z",
         fill: "#2354E6"
       }
-    )), /* @__PURE__ */ React3.createElement(
+    )), /* @__PURE__ */ React4.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -112,14 +161,14 @@ var GateIoIcon = ({ size = 24 }) => {
         fill: "#17E6A1"
       }
     )),
-    /* @__PURE__ */ React3.createElement("defs", null, /* @__PURE__ */ React3.createElement("clipPath", { id: "a" }, /* @__PURE__ */ React3.createElement("path", { fill: "#fff", transform: "translate(5 5)", d: "M0 0h15v15H0z" })))
+    /* @__PURE__ */ React4.createElement("defs", null, /* @__PURE__ */ React4.createElement("clipPath", { id: "a" }, /* @__PURE__ */ React4.createElement("path", { fill: "#fff", transform: "translate(5 5)", d: "M0 0h15v15H0z" })))
   );
 };
 
 // src/components/Icons/GeminiIcon.tsx
-import React4 from "react";
+import React5 from "react";
 var GeminiIcon = ({ size = 24 }) => {
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React5.createElement(
     "svg",
     {
       width: size,
@@ -128,14 +177,14 @@ var GeminiIcon = ({ size = 24 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         d: "M16 0H4a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4",
         fill: "#58C8E6"
       }
     ),
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React5.createElement(
       "path",
       {
         d: "M15.025 7.686H8.661a3.21 3.21 0 0 1 3.182-2.746 3.21 3.21 0 0 1 3.182 2.746m-3.653.94v2.746H8.626V8.626zm-.035 3.686a3.21 3.21 0 0 1-3.182 2.746 3.21 3.21 0 0 1-3.183-2.746zm-6.365-.94A3.23 3.23 0 0 1 7.686 8.66v2.71zm10.053-2.746a3.23 3.23 0 0 1-2.711 2.71v-2.71zM11.843 4C9.734 4 7.937 5.624 7.712 7.712A4.18 4.18 0 0 0 4 11.843 4.16 4.16 0 0 0 8.157 16c2.109 0 3.909-1.624 4.131-3.712C14.376 12.063 16 10.266 16 8.157A4.16 4.16 0 0 0 11.843 4",
@@ -146,9 +195,9 @@ var GeminiIcon = ({ size = 24 }) => {
 };
 
 // src/components/Icons/KrakenIcon.tsx
-import React5 from "react";
+import React6 from "react";
 var KrakenIcon = ({ size = 24 }) => {
-  return /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React6.createElement(
     "svg",
     {
       width: size,
@@ -157,14 +206,14 @@ var KrakenIcon = ({ size = 24 }) => {
       fill: "none",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(
       "path",
       {
         d: "M16 0H4a4 4 0 0 0-4 4v12a4 4 0 0 0 4 4h12a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4",
         fill: "#5741D9"
       }
     ),
-    /* @__PURE__ */ React5.createElement(
+    /* @__PURE__ */ React6.createElement(
       "path",
       {
         d: "M4 11.78v-.67a6.4 6.4 0 0 1 .83-3.26 6 6 0 0 1 2.64-2.3A6 6 0 0 1 9.89 5q1.84-.02 3.4.96a5.6 5.6 0 0 1 2.64 4.18q.1.9.07 1.82l-.01.98q0 .22-.05.43c-.15.54-.8.8-1.27.49a.8.8 0 0 1-.35-.57l-.04-.48v-1.98q0-.4-.26-.68a.83.83 0 0 0-1.17-.04 1 1 0 0 0-.32.65v.28l-.01 2.19c0 .41-.33.73-.76.76a1 1 0 0 1-.56-.17.8.8 0 0 1-.3-.48l-.03-.33v-2.2a1 1 0 0 0-.26-.65.84.84 0 0 0-1.25.02 1 1 0 0 0-.24.64V13q0 .28-.1.54a1 1 0 0 1-.32.34.8.8 0 0 1-1.17-.4 1 1 0 0 1-.07-.38V11q.01-.24-.05-.47a.9.9 0 0 0-.72-.62c-.37-.06-.65.11-.85.4q-.14.22-.14.46v2q.02.3-.04.59a.84.84 0 0 1-.87.63.9.9 0 0 1-.74-.63A1 1 0 0 1 4 13z",
@@ -180,29 +229,32 @@ var BLUVO_MIN_DEPOSIT_BY_CUSTOMER = {
 };
 var BLUVO_EXCHANGES = {
   coinbase: {
-    icon: (size) => /* @__PURE__ */ React6.createElement(CoinbaseIcon, { size }),
+    icon: (size) => /* @__PURE__ */ React7.createElement(CoinbaseIcon, { size }),
     name: "Coinbase"
   },
   binance: {
-    icon: (size) => /* @__PURE__ */ React6.createElement(BinanceIcon, { size }),
+    icon: (size) => /* @__PURE__ */ React7.createElement(BinanceIcon, { size }),
     name: "Binance"
   },
   gemini: {
-    icon: (size) => /* @__PURE__ */ React6.createElement(GeminiIcon, { size }),
+    icon: (size) => /* @__PURE__ */ React7.createElement(GeminiIcon, { size }),
     name: "Gemini"
   },
   kraken: {
-    icon: (size) => /* @__PURE__ */ React6.createElement(KrakenIcon, { size }),
+    icon: (size) => /* @__PURE__ */ React7.createElement(KrakenIcon, { size }),
     name: "Kraken"
   },
   gate: {
-    icon: (size) => /* @__PURE__ */ React6.createElement(GateIoIcon, { size }),
+    icon: (size) => /* @__PURE__ */ React7.createElement(GateIoIcon, { size }),
     name: "Gate"
   }
 };
 function getExchangeName(brokerType) {
   return BLUVO_EXCHANGES[brokerType].name;
 }
+var FOP_COMPONENT_ICONS = {
+  [FormOfPaymentType.BYBIT]: (size) => /* @__PURE__ */ React7.createElement(BybitIcon, { size })
+};
 
 // src/domains/paymentMethods.ts
 function createPaymentMethodInfo(params) {
@@ -276,9 +328,71 @@ function generateClientMetadataForTokenTransfer() {
   };
 }
 
+// src/utils/statsig/checkFeatureGate.ts
+import { StatsigClient } from "@statsig/react-bindings";
+
+// src/providers/FunkitStatsigProvider.tsx
+import { datadogLogs } from "@datadog/browser-logs";
+import {
+  LogEventCompressionMode,
+  LogLevel,
+  StatsigProvider,
+  useClientAsyncInit
+} from "@statsig/react-bindings";
+import React8, { useEffect } from "react";
+var STATSIG_CLIENT_KEY = "client-UmFd8WIJljA7cLmZuDqs3X25M8sKd5WIQP4BSC2bRbM";
+
+// src/__generated__/default_feature_gates.ts
+var default_feature_gates_default = {
+  "compliance-review-blocker": false,
+  "enable-across-wallet-flow": false,
+  "enable-empty-withdrawal-selection": false,
+  "enable-permit-toggle": false,
+  "enable-polymarket-wallet-withdrawal": false,
+  "enable-swapped-exchanges": false,
+  "exact-in": false,
+  "faster-notifications": false,
+  "new-token-transfer-config": false,
+  "new-withdrawal-config": false,
+  "polymarket-pusd-migration": false,
+  "saved-card-defaults-to-fiat-tab": false,
+  "test-testing-gate": false,
+  "wallet-flow-enable-exact-input-with-actions": false,
+  "you-receive-remove-swap-impact": false
+};
+
+// src/utils/statsig/checkFeatureGate.ts
+function checkFeatureGate(name) {
+  try {
+    return StatsigClient.instance(STATSIG_CLIENT_KEY).checkGate(name);
+  } catch (err) {
+    logger.warn("checkFeatureGate:error", { name, err });
+    return default_feature_gates_default[name];
+  }
+}
+
 // src/clients/polymarket.tsx
 var PMCT_WITHDRAW_ACTION_TYPE = "PMCT_WITHDRAW";
 var POLYGON_USDCE = "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174";
+var PUSD_TOKEN = {
+  address: getAddress("0xC011a7E12a19f7B1f670d46F03B03f3342E82DFB"),
+  symbol: "pUSD",
+  iconSrc: "https://sdk-cdn.fun.xyz/images/pusd.svg"
+};
+var PUSD_OFFRAMP_ADDRESS = "0x2957922Eb93258b93368531d39fAcCA3B4dC5854";
+var PUSD_OFFRAMP_ABI = [
+  {
+    name: "unwrap",
+    type: "function",
+    inputs: [
+      { name: "_asset", type: "address" },
+      { name: "_to", type: "address" },
+      { name: "_amount", type: "uint256" }
+    ],
+    outputs: [],
+    stateMutability: "nonpayable"
+  }
+];
 function createPolymarketWithdrawalCallback(config) {
   const { userId, sendPmctTransfer } = config;
   return async (param) => {
@@ -304,24 +418,20 @@ function createPolymarketWithdrawalCallback(config) {
     });
     const udaAddress = transferInit.depositAddr;
     logger.info("polymarket:withdrawal:udaGenerated", { udaAddress });
-    const quote = funQuote;
-    const amountStr = quote?.baseQuote?.estTotalFromAmountBaseUnit;
-    if (!amountStr) {
-      logger.error("polymarket:withdrawal:missingAmountInQuote", { quote });
-      throw new Error("Missing withdrawal amount in quote");
-    }
-    const amount = BigInt(amountStr);
+    const amountBaseUnit = extractWithdrawalAmount(funQuote);
     await sendPmctTransfer({
       udaAddress,
-      amountBaseUnit: amount
+      amountBaseUnit
     });
     logger.info("polymarket:withdrawal:transferSubmitted", {
       udaAddress,
-      amountBaseUnit: amountStr
+      amountBaseUnit: amountBaseUnit.toString()
     });
+    return void 0;
   };
 }
-function createPolymarketWithdrawalConfig(config) {
+function buildUdaWithdrawalConfig(config) {
+  logger.info("polymarket:withdrawal:flow", { flow: "uda" });
   return {
     modalTitle: config.modalTitle ?? "Withdraw",
     disableConnectedWallet: config.disableConnectedWallet,
@@ -334,6 +444,114 @@ function createPolymarketWithdrawalConfig(config) {
     getMinWithdrawalUSD: () => 3
   };
 }
+function buildWalletUnwrapWithdrawalConfig(config) {
+  logger.info("polymarket:withdrawal:flow", { flow: "wallet-unwrap" });
+  const {
+    proxyAddress,
+    publicClient,
+    sendTransactions: callerSendTransactions,
+    confirmTransaction
+  } = config;
+  const wallet = {
+    address: () => proxyAddress,
+    getChainId: async () => polygon.id,
+    switchChain: async (chainId) => {
+      if (chainId !== polygon.id) {
+        throw new Error(
+          `Cannot switch chain: Polymarket withdrawal is fixed to ${polygon.id}, requested ${chainId}`
+        );
+      }
+    },
+    sendTransaction: async (_chainId, transaction) => callerSendTransactions([transaction]),
+    sendTransactions: async (_chainId, txs) => callerSendTransactions(txs),
+    confirmTransaction: confirmTransaction ?? (async (txHash) => publicClient.waitForTransactionReceipt({ hash: txHash }))
+  };
+  const preWithdrawalAction = async ({
+    funQuote
+  }) => {
+    logger.info("polymarket:withdrawal:wallet:start", { proxyAddress });
+    try {
+      const amountBaseUnit = extractWithdrawalAmount(funQuote);
+      const currentAllowance = await publicClient.readContract({
+        address: PUSD_TOKEN.address,
+        abi: erc20Abi,
+        functionName: "allowance",
+        args: [proxyAddress, PUSD_OFFRAMP_ADDRESS]
+      });
+      const needsApprovalTx = currentAllowance < amountBaseUnit;
+      logger.info("polymarket:withdrawal:wallet:allowanceChecked", {
+        proxyAddress,
+        amountBaseUnit: amountBaseUnit.toString(),
+        currentAllowance: currentAllowance.toString(),
+        needsApprovalTx
+      });
+      const txs = [];
+      if (needsApprovalTx) {
+        txs.push({
+          to: PUSD_TOKEN.address,
+          data: encodeFunctionData({
+            abi: erc20Abi,
+            functionName: "approve",
+            args: [PUSD_OFFRAMP_ADDRESS, amountBaseUnit]
+          }),
+          value: "0"
+        });
+      }
+      txs.push({
+        to: PUSD_OFFRAMP_ADDRESS,
+        data: encodeFunctionData({
+          abi: PUSD_OFFRAMP_ABI,
+          functionName: "unwrap",
+          args: [POLYGON_USDCE, proxyAddress, amountBaseUnit]
+        }),
+        value: "0"
+      });
+      logger.info("polymarket:withdrawal:wallet:txsStaged", {
+        proxyAddress,
+        txCount: txs.length,
+        needsApprovalTx
+      });
+      return txs;
+    } catch (err) {
+      logger.error("polymarket:withdrawal:wallet:error", err, {
+        phase: "preWithdrawal",
+        proxyAddress
+      });
+      throw err;
+    }
+  };
+  return {
+    modalTitle: config.modalTitle ?? "Withdraw",
+    disableConnectedWallet: config.disableConnectedWallet,
+    sourceChainId: polygon.id.toString(),
+    sourceTokenSymbol: config.sourceTokenSymbol ?? PUSD_TOKEN.symbol,
+    sourceTokenAddress: config.sourceTokenAddress ?? POLYGON_USDCE,
+    defaultReceiveToken: config.defaultReceiveToken ?? "USDC",
+    iconSrc: config.iconSrc ?? PUSD_TOKEN.iconSrc,
+    getMinWithdrawalUSD: () => 0,
+    wallet,
+    preWithdrawalAction
+  };
+}
+function extractWithdrawalAmount(funQuote) {
+  const quote = funQuote;
+  const amountStr = quote?.baseQuote?.estTotalFromAmountBaseUnit;
+  if (!amountStr) {
+    logger.error("polymarket:withdrawal:missingAmountInQuote", { quote });
+    throw new Error("Missing withdrawal amount in quote");
+  }
+  return BigInt(amountStr);
+}
+function createPolymarketWithdrawalConfig(config) {
+  if ("sendPmctTransfer" in config && "sendTransactions" in config) {
+    const walletUnwrapEnabled = checkFeatureGate(
+      "enable-polymarket-wallet-withdrawal"
+    );
+    logger.info("polymarket:withdrawal:gate", { walletUnwrapEnabled });
+    return walletUnwrapEnabled ? buildWalletUnwrapWithdrawalConfig(config) : buildUdaWithdrawalConfig(config);
+  }
+  return "sendPmctTransfer" in config ? buildUdaWithdrawalConfig(config) : buildWalletUnwrapWithdrawalConfig(config);
+}
 export {
   createPolymarketWithdrawalConfig
 };

package/dist/components/Dialog/DialogContent.css.d.ts

@@ -1,6 +1,6 @@
 export declare const DIALOG_WIDTH_WIDE = "450px";
 export declare const DIALOG_HEIGHT = 525;
-export declare const DIALOG_HEIGHT_SWAPPED_IFRAME = 580;
+export declare const DIALOG_HEIGHT_SWAPPED_IFRAME = 525;
 export declare const DIALOG_INNER_PADDING_X = 12;
 export declare const SCROLL_BAR_WIDTH = 6;
 export declare const DIALOG_BOTTOM_PADDING = "15";

package/dist/components/FunNotificationBanner/FunNotificationBanner.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactNode } from 'react';
 import { type FunNotificationBannerIconProps } from './FunNotificationBannerIcon';
 interface FunNotificationBannerProps extends FunNotificationBannerIconProps {
-    title: ReactNode;
+    title: string;
     description: ReactNode;
     /** Additional text-like content clarifying the description */
     disclaimer?: ReactNode;

package/dist/components/FunSelectBrokerage/FunSelectBrokerage.d.ts

@@ -1,9 +1,10 @@
 import React from 'react';
-import { type BluvoExchangeType } from '../../consts/bluvo';
+import { type BrokerageOption } from '../../consts/bluvo';
 interface FunSelectBrokerageProps {
     isDisabled?: boolean;
-    onSelect: (value: BluvoExchangeType) => void;
-    selectedValue: BluvoExchangeType | undefined;
+    options: ReadonlyArray<BrokerageOption>;
+    onSelect: (option: BrokerageOption) => void;
+    selectedKey: string | undefined;
 }
-export declare function FunSelectBrokerage({ isDisabled, onSelect, selectedValue, }: FunSelectBrokerageProps): React.JSX.Element;
+export declare function FunSelectBrokerage({ isDisabled, options, onSelect, selectedKey, }: FunSelectBrokerageProps): React.JSX.Element;
 export {};

package/dist/components/TransactionStatus/AnimatedText.d.ts

@@ -1,10 +1,14 @@
+import { type Easing } from 'motion/react';
 import { type FC } from 'react';
 import { type TextProps } from '../Text/Text';
 export interface AnimatedTextProps extends TextProps {
     animationDelay?: number;
+    animationDirection?: number;
     animationDuration?: number;
+    animationEase?: Easing | Easing[];
     animationMaxBlur?: number;
     animationMaxDistance?: number;
+    animationMode?: 'wait' | 'popLayout';
     textKey: number | string;
 }
 export declare const AnimatedText: FC<AnimatedTextProps>;

package/dist/consts/bluvo.d.ts

@@ -1,4 +1,5 @@
 import type { UseBluvoFlowHook } from '@bluvo/react';
+import { type GenericFormOfPayment } from '@funkit/api-base';
 import React from 'react';
 export type BluvoQuote = UseBluvoFlowHook['quote'];
 export type BluvoWithdrawableBalance = UseBluvoFlowHook['walletBalances'];
@@ -44,3 +45,29 @@ export declare const SUPPORTED_EXCHANGES: readonly [{
 export declare const BLUVO_EXCHANGES: Readonly<Record<BluvoExchangeType, BluvoExchangeInfo>>;
 export declare function getExchangeIcon(brokerType: BluvoExchangeType, size: number): React.JSX.Element | null;
 export declare function getExchangeName(brokerType: BluvoExchangeType): string;
+export declare enum BrokerageKind {
+    BLUVO = "bluvo",
+    SWAPPED = "swapped"
+}
+export type BrokerageOption = {
+    name: string;
+    icon: React.ReactNode;
+    status: BluvoExchangeStatus;
+    hasActiveConnection: boolean;
+} & ({
+    kind: BrokerageKind.BLUVO;
+    exchange: BluvoExchangeType;
+} | {
+    kind: BrokerageKind.SWAPPED;
+    fop: GenericFormOfPayment;
+});
+export interface BluvoExchangeOptionInput {
+    exchange: BluvoExchangeType;
+    exchangeName: string;
+    exchangeIcon: React.ReactNode;
+    status: BluvoExchangeStatus;
+    hasActiveConnection: boolean;
+}
+export declare function bluvoExchangeToBrokerageOption(option: BluvoExchangeOptionInput): BrokerageOption;
+export declare function fopToBrokerageOption(fop: GenericFormOfPayment, iconSize: number): BrokerageOption;
+export declare function brokerageOptionKey(option: BrokerageOption): string;

package/dist/domains/swapped.d.ts

@@ -4,7 +4,7 @@ export declare const FOPS_STALE_TIME: number;
  * Validates FOPs by checking icon URL, embedded flow URL, and payment group.
  * Deduplicates generic FOPs whose fopType already appears in saved FOPs.
  */
-export declare function validateFops(res: GetFopsResponse, logTag: 'useFops' | 'useWithdrawFops'): GetFopsResponse;
+export declare function validateFops(res: GetFopsResponse, logTag: 'useFops' | 'useWithdrawFops' | 'useSwappedExchanges'): GetFopsResponse;
 /**
  * Sorts fops by a priority order list (array of fopType strings, index = priority).
  * Fops not in the list are sorted by max checkout limit descending.