@funkit/connect 9.0.3 → 9.2.1

package/dist/clients/polymarket.d.ts

@@ -0,0 +1,41 @@
+/**
+ * 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
+ *
+ * The callback conforms to CustomWithdrawalConfig.withdrawCallback.
+ */
+import type { Address } from 'viem';
+import type { CustomWithdrawalConfig } from '../providers/FunkitCheckoutContext/types';
+export declare const PMCT_WITHDRAW_ACTION_TYPE = "PMCT_WITHDRAW";
+export interface PolymarketWithdrawalCallbackConfig {
+    userId: string;
+    modalTitle?: string;
+    disableConnectedWallet?: boolean;
+    /**
+     * Execute the ERC-20 transfer of PMCT from the user's proxy to the UDA.
+     * Called after the UDA address is generated.
+     * Should return when the transaction has been submitted (not necessarily confirmed).
+     */
+    sendPmctTransfer: (params: {
+        /** The UDA address to send PMCT to */
+        udaAddress: Address;
+        /** Amount in base units (from the quote) */
+        amountBaseUnit: bigint;
+    }) => Promise<void>;
+}
+/**
+ * Creates a full CustomWithdrawalConfig for Polymarket V2 PMCT withdrawals.
+ *
+ * Usage:
+ * ```ts
+ * const withdrawalConfig = createPolymarketWithdrawalConfig({
+ *   userId: walletAddress,
+ *   sendPmctTransfer: async ({ udaAddress, amountBaseUnit }) => { ... },
+ * })
+ * ```
+ */
+export declare function createPolymarketWithdrawalConfig(config: PolymarketWithdrawalCallbackConfig): CustomWithdrawalConfig;

package/dist/clients/polymarket.js

@@ -0,0 +1,345 @@
+"use client";
+import {
+  logger
+} from "./chunk-SBQ2UUPK.js";
+
+// src/clients/polymarket.tsx
+import {
+  POLYMARKET_API_KEY,
+  initializeCheckoutTokenTransferAddress
+} from "@funkit/api-base";
+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";
+
+// src/components/Icons/BinanceIcon.tsx
+import React from "react";
+var BinanceIcon = ({ size = 24 }) => {
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React.createElement("rect", { width: "20", height: "20", rx: "4", fill: "#F3BA2F" }),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M7.67 9.04 10 6.71l2.33 2.34 1.36-1.36L10 4 6.31 7.69zM4 10l1.36-1.36L6.7 10l-1.35 1.36zm3.67.96L10 13.29l2.33-2.33 1.36 1.35-3.69 3.7-3.69-3.7zm5.62-.96 1.35-1.35L16 10l-1.36 1.36z",
+        fill: "#fff"
+      }
+    ),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M11.38 10 10 8.62 8.98 9.64l-.11.12-.25.24L10 11.38z",
+        fill: "#fff"
+      }
+    )
+  );
+};
+
+// src/components/Icons/CoinbaseIcon.tsx
+import React2 from "react";
+var CoinbaseIcon = ({ size = 24 }) => {
+  return /* @__PURE__ */ React2.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none"
+    },
+    /* @__PURE__ */ React2.createElement("rect", { width: "20", height: "20", rx: "4", fill: "#2C5FF6" }),
+    /* @__PURE__ */ React2.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",
+        fill: "#fff"
+      }
+    )
+  );
+};
+
+// src/components/Icons/GateIoIcon.tsx
+import React3 from "react";
+var GateIoIcon = ({ size = 24 }) => {
+  return /* @__PURE__ */ React3.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 25 25",
+      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(
+      "mask",
+      {
+        id: "b",
+        maskUnits: "userSpaceOnUse",
+        x: "5",
+        y: "5",
+        width: "15",
+        height: "15",
+        style: { maskType: "luminance" }
+      },
+      /* @__PURE__ */ React3.createElement("path", { d: "M5 5h15v15H5V5Z", fill: "#fff" })
+    ), /* @__PURE__ */ React3.createElement("g", { mask: "url(#b)" }, /* @__PURE__ */ React3.createElement(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        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(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12.5 12.5h4.125V8.375H12.5V12.5Z",
+        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" })))
+  );
+};
+
+// src/components/Icons/GeminiIcon.tsx
+import React4 from "react";
+var GeminiIcon = ({ size = 24 }) => {
+  return /* @__PURE__ */ React4.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React4.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(
+      "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",
+        fill: "#fff"
+      }
+    )
+  );
+};
+
+// src/components/Icons/KrakenIcon.tsx
+import React5 from "react";
+var KrakenIcon = ({ size = 24 }) => {
+  return /* @__PURE__ */ React5.createElement(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 20 20",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__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: "#5741D9"
+      }
+    ),
+    /* @__PURE__ */ React5.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",
+        fill: "#fff"
+      }
+    )
+  );
+};
+
+// src/consts/bluvo.tsx
+var BLUVO_MIN_DEPOSIT_BY_CUSTOMER = {
+  [ETHEREAL_API_KEY]: 15
+};
+var BLUVO_EXCHANGES = {
+  coinbase: {
+    icon: (size) => /* @__PURE__ */ React6.createElement(CoinbaseIcon, { size }),
+    name: "Coinbase"
+  },
+  binance: {
+    icon: (size) => /* @__PURE__ */ React6.createElement(BinanceIcon, { size }),
+    name: "Binance"
+  },
+  gemini: {
+    icon: (size) => /* @__PURE__ */ React6.createElement(GeminiIcon, { size }),
+    name: "Gemini"
+  },
+  kraken: {
+    icon: (size) => /* @__PURE__ */ React6.createElement(KrakenIcon, { size }),
+    name: "Kraken"
+  },
+  gate: {
+    icon: (size) => /* @__PURE__ */ React6.createElement(GateIoIcon, { size }),
+    name: "Gate"
+  }
+};
+function getExchangeName(brokerType) {
+  return BLUVO_EXCHANGES[brokerType].name;
+}
+
+// src/domains/paymentMethods.ts
+function createPaymentMethodInfo(params) {
+  switch (params.paymentMethod) {
+    case "card" /* CARD */:
+      return {
+        paymentMethod: "card" /* CARD */,
+        title: params.titleCustomization,
+        description: ""
+      };
+    case "balance" /* ACCOUNT_BALANCE */:
+      return {
+        paymentMethod: "balance" /* ACCOUNT_BALANCE */,
+        title: "Your Wallet",
+        description: formatAddress(params.walletAddress || "")
+      };
+    case "brokerage" /* BROKERAGE */:
+      return {
+        paymentMethod: "brokerage" /* BROKERAGE */,
+        title: getExchangeName(params.exchange),
+        description: "",
+        deviceId: params.deviceId,
+        exchange: params.exchange
+      };
+    case "token_transfer" /* TOKEN_TRANSFER */:
+      return {
+        // this is an arbitrary value for Polymarket.
+        paymentMethod: "token_transfer" /* TOKEN_TRANSFER */,
+        title: "QR Code Transfer",
+        description: ""
+      };
+    case "virtual_bank" /* VIRTUAL_BANK */:
+      return {
+        paymentMethod: "virtual_bank" /* VIRTUAL_BANK */,
+        title: "Fiat Account",
+        description: "",
+        matchingFiatAccount: params.matchingFiatAccount,
+        bridgeCustomer: params.bridgeCustomer
+      };
+    default:
+      exhaustiveCheck(params);
+      return {};
+  }
+}
+
+// src/domains/clientMetadata.ts
+function generateClientMetadataForTokenTransfer() {
+  return {
+    id: "",
+    startTimestampMs: 0,
+    finalDollarValue: 0,
+    latestQuote: null,
+    depositAddress: null,
+    initSettings: {
+      config: {
+        targetAsset: "0x",
+        targetChain: "",
+        targetAssetTicker: "",
+        checkoutItemTitle: ""
+      }
+    },
+    selectedSourceAssetInfo: {
+      address: "0x",
+      symbol: "",
+      chainId: "",
+      iconSrc: null
+    },
+    selectedPaymentMethodInfo: createPaymentMethodInfo({
+      paymentMethod: "token_transfer" /* TOKEN_TRANSFER */
+    })
+  };
+}
+
+// src/clients/polymarket.tsx
+var PMCT_WITHDRAW_ACTION_TYPE = "PMCT_WITHDRAW";
+var POLYGON_USDCE = "0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174";
+function createPolymarketWithdrawalCallback(config) {
+  const { userId, sendPmctTransfer } = config;
+  return async (param) => {
+    const { targetAssetAddress, targetChainId, destinationAddress, funQuote } = param;
+    logger.info("polymarket:withdrawal:start", {
+      targetChainId,
+      targetAssetAddress,
+      destinationAddress,
+      quoteId: param.quoteId
+    });
+    const transferInit = await initializeCheckoutTokenTransferAddress({
+      apiKey: POLYMARKET_API_KEY,
+      userId,
+      recipientAddr: destinationAddress,
+      toChainId: targetChainId.toString(),
+      toTokenAddress: targetAssetAddress,
+      logger,
+      clientMetadata: {
+        ...generateClientMetadataForTokenTransfer(),
+        isWithdrawal: true
+      }
+      // TODO: add this actionType back
+      // we need a backend release to pass the actual actionType for it.
+      // otherwise the current checkout will fail due to UDA creation
+      // actionType: PMCT_WITHDRAW_ACTION_TYPE,
+    });
+    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);
+    await sendPmctTransfer({
+      udaAddress,
+      amountBaseUnit: amount
+    });
+    logger.info("polymarket:withdrawal:transferSubmitted", {
+      udaAddress,
+      amountBaseUnit: amountStr
+    });
+  };
+}
+function createPolymarketWithdrawalConfig(config) {
+  return {
+    modalTitle: config.modalTitle ?? "Withdraw",
+    sourceChainId: polygon.id.toString(),
+    sourceTokenSymbol: "PMCT",
+    defaultReceiveToken: "USDC",
+    // TODO: PMCT is not deployed yet. we need to update this later
+    sourceTokenAddress: POLYGON_USDCE,
+    iconSrc: "https://sdk-cdn.fun.xyz/images/pmct.png",
+    disableConnectedWallet: config.disableConnectedWallet,
+    // sending $3 is enough to trigger Fun's UDA flow
+    getMinWithdrawalUSD: () => 3,
+    withdrawCallback: createPolymarketWithdrawalCallback(config)
+  };
+}
+export {
+  PMCT_WITHDRAW_ACTION_TYPE,
+  createPolymarketWithdrawalConfig
+};