@funkit/connect 9.0.3 → 9.2.1

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @funkit/connect
 
+## 9.2.1
+
+### Patch Changes
+
+- 2e118a1: opinion theme updates
+- f991fe5: feat(connect): show Unavailable badge for geo-blocked payment methods
+- f991fe5: feat(connect): swapped coming soon if enabled without uda params
+- 48ad728: feat(connect): limit forms of payments, sticky top section
+- 030b288: Make logger mandatory on BaseApiRequest and update all call sites
+- 61cd479: feat: hide sepa if not in eu
+- Updated dependencies [030b288]
+  - @funkit/api-base@3.0.0
+
+## 9.2.0
+
+### Minor Changes
+
+- e18c036: Fix withdrawal amount floating-point precision loss by using string through the entire pipeline
+- ee5b133: feat(connect,api-base): pass recipientTargets to fops endpoint to support sol fallback asset
+
+### Patch Changes
+
+- Updated dependencies [ee5b133]
+  - @funkit/api-base@2.4.0
+
+## 9.1.0
+
+### Minor Changes
+
+- c3406b4: Deprecate isDefiMode: remove all defi mode logic from checkout flows, step transitions, and UI rendering. The config field is kept as deprecated for backwards compatibility but is now ignored.
+- 9b8fd18: Add Polymarket V2 PMCT withdrawal callback client
+- ea23c95: Add shared PendingSuccessScreen for withdrawal callback and brokerage success flows
+
+### Patch Changes
+
+- 6bcb8f1: feat: move exchange rates call to source screen
+- cbc9fa4: chore: deprecate bankr
+- 51b0c6a: Fix withdrawal receive token defaulting to source token (PMCT bug). Add `defaultReceiveToken` field to `WithdrawalConfigBase` so clients can specify the receive token independently from the source token.
+- 96f5622: make fop priority order a statsig dynamic config
+- 5a2ea07: fix: Fix Solana token addresses being lowercased during checkout initialization, which invalidated base58 addresses during UDA generation
+- 4a7c501: Update Polymarket V2 PMCT deposit and withdrawal to display PMCT token name and icon instead of USDC
+- 960d8cb: Remove DirectExecutionNotifCenter from checkout modal
+- 5f83040: Add quote:trigger logging to differentiate initial, retry, and refresh quotes
+- 9e93823: feat(connect): migrate MaxCheckoutUsd flag to statsig
+- 1791dc1: feat: add gate exchange as coming soon
+- 9dc0504: feat(connect): show unavailable sources as coming soon
+- 28bf845: feat(connect): statsig swapped navigation login events
+- 2027f83: Clarify QR code URI comment with EIP-681 context and known wallet issues
+- a748bda: lighter swapped ui improvements pt1
+- 802eebc: feat: minor adjustments to match swapped loading skeleton
+- a51fbd2: feat(connect): use fop priority to determine primary payment method
+- Updated dependencies [cbc9fa4]
+- Updated dependencies [9e93823]
+  - @funkit/api-base@2.3.3
+  - @funkit/utils@1.2.4
+
 ## 9.0.3
 
 ### Patch Changes

package/dist/__generated__/default_configs.d.ts

@@ -302,6 +302,9 @@ declare const _default: {
     readonly enabletokentransferuniversaldepositaddress: {
         readonly value: true;
     };
+    readonly foppriority: {
+        readonly value: readonly ["CARDS", "APPLE_PAY", "GOOGLE_PAY", "REVOLUT_PAY", "PAYPAL", "BANK_TRANSFER", "PIX", "SKRILL"];
+    };
     readonly ischeckoutactivated: {
         readonly value: true;
     };
@@ -313,6 +316,9 @@ declare const _default: {
     readonly isrelaybypassenabled: {
         readonly value: true;
     };
+    readonly maxcheckoutusd: {
+        readonly value: -1;
+    };
     readonly meldquickoptions: {
         readonly value: {
             readonly USD: readonly [100, 500, 1000];

package/dist/{chunk-SC53AFEE.js → chunk-3U6TWV25.js}

@@ -24,7 +24,9 @@ var radiusScales = {
     skeleton: "4px",
     dropdown: "12px",
     dropdownItem: "4px",
-    modalTopbarIcon: "9999px"
+    dropdownList: "12px",
+    modalTopbarIcon: "9999px",
+    withdrawalInput: "12px"
   },
   medium: {
     actionButton: "10px",
@@ -42,7 +44,9 @@ var radiusScales = {
     skeleton: "4px",
     dropdown: "10px",
     dropdownItem: "4px",
-    modalTopbarIcon: "9999px"
+    dropdownList: "10px",
+    modalTopbarIcon: "9999px",
+    withdrawalInput: "10px"
   },
   none: {
     actionButton: "0px",
@@ -60,7 +64,9 @@ var radiusScales = {
     skeleton: "0px",
     dropdown: "0px",
     dropdownItem: "0px",
-    modalTopbarIcon: "0px"
+    dropdownList: "0px",
+    modalTopbarIcon: "0px",
+    withdrawalInput: "0px"
   },
   small: {
     actionButton: "8px",
@@ -78,7 +84,9 @@ var radiusScales = {
     skeleton: "4px",
     dropdown: "8px",
     dropdownItem: "4px",
-    modalTopbarIcon: "9999px"
+    dropdownList: "8px",
+    modalTopbarIcon: "9999px",
+    withdrawalInput: "8px"
   }
 };
 var blurs = {
@@ -272,7 +280,9 @@ var baseTheme = ({
     tooltip: radiusScales[borderRadius].tooltip,
     dropdown: radiusScales[borderRadius].dropdown,
     dropdownItem: radiusScales[borderRadius].dropdownItem,
+    dropdownList: customBorderRadiuses?.dropdownList ?? customBorderRadiuses?.dropdown ?? radiusScales[borderRadius].dropdown,
     modalTopbarIcon: radiusScales[borderRadius].modalTopbarIcon,
+    withdrawalInput: radiusScales[borderRadius].withdrawalInput,
     ...customBorderRadiuses
   },
   borderWidths: {

package/dist/{chunk-XCM74QX2.js → chunk-P6FYL3PM.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-SC53AFEE.js";
+} from "./chunk-3U6TWV25.js";
 
 // src/themes/lightTheme.ts
 var accentColors = {
@@ -67,6 +67,8 @@ var lightTheme = ({
     secondaryText: "#737373",
     tertiaryText: "rgba(0, 0, 0, 0.35)",
     textSelection: "rgba(0, 0, 0, 0.10)",
+    selectedDropdownItemText: customColors?.primaryText ?? "#000",
+    selectedDropdownItemBackground: "transparent",
     // input
     inputBackground: "#FFFFFF",
     inputBorderBase: "#F0F0F0",
@@ -165,7 +167,9 @@ var lightTheme = ({
     optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
     optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
+    optionBoxBorderHover: customColors?.optionBoxBorderHover ?? customColors?.mediumStroke ?? "#F0F0F0",
     dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#FFF",
+    openDropdownBackgroundColor: customColors?.openDropdownBackgroundColor ?? customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
     dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#F7F7F7",
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#FFF",

package/dist/{chunk-WSCXOKCX.js → chunk-VLXKSNSJ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   baseTheme
-} from "./chunk-SC53AFEE.js";
+} from "./chunk-3U6TWV25.js";
 
 // src/themes/darkTheme.ts
 var accentColors = {
@@ -67,6 +67,8 @@ var darkTheme = ({
     secondaryText: "#8C8C8C",
     tertiaryText: "rgba(255, 255, 255, 0.35)",
     textSelection: "rgba(255, 255, 255, 0.10)",
+    selectedDropdownItemText: customColors?.primaryText ?? "#FFF",
+    selectedDropdownItemBackground: "transparent",
     // input
     inputBackground: "#000000",
     inputBorderBase: "#333333",
@@ -165,7 +167,9 @@ var darkTheme = ({
     optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
     // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
     optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
+    optionBoxBorderHover: customColors?.optionBoxBorderHover ?? customColors?.mediumStroke ?? "#333333",
     dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#000000",
+    openDropdownBackgroundColor: customColors?.openDropdownBackgroundColor ?? customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#000",
     dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#1F1F1F",
     dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
     txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#000",

package/dist/clients/chunk-SBQ2UUPK.js

@@ -0,0 +1,214 @@
+"use client";
+
+// src/utils/funLogger.ts
+import { datadogLogs } from "@datadog/browser-logs";
+import { DEV_API_KEY } from "@funkit/api-base";
+var DDOG_CLIENT_TOKEN = "pub4f86c6be8c792cb48dc156a8c17d9a47";
+var FUN_DEV_API_KEYS = [
+  "hnHevQR0y394nBprGrvNx4HgoZHUwMet5mXTOBhf",
+  "MYny3w7xJh6PRlRgkJ9604sHouY2MTke6lCPpSHq",
+  DEV_API_KEY
+];
+function setDdogEnv(environment) {
+  datadogLogs.setGlobalContextProperty("env", environment);
+}
+function setDdogTrackingConsent(consent) {
+  datadogLogs.setTrackingConsent(consent);
+}
+var FunLogger = class {
+  constructor() {
+    setDdogEnv("development" /* DEVELOPMENT */);
+    setDdogTrackingConsent("granted");
+    this.apiKey = null;
+    this.isDebugMode = false;
+    this.userId = null;
+    this.userAddress = null;
+    this.userName = null;
+    this.userLoginType = null;
+    this.sdkVersion = null;
+    this.l2Address = null;
+    this.isConfigured = false;
+    this.logQueue = [];
+    this.disableLogging = false;
+  }
+  getFunLogEnv() {
+    if (!this.apiKey || FUN_DEV_API_KEYS.includes(this.apiKey)) {
+      return "development" /* DEVELOPMENT */;
+    }
+    return "production" /* PRODUCTION */;
+  }
+  logDataDog(level, title, data, error) {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const datadogData = {
+      data,
+      apiKey: this.apiKey,
+      userId: this.userId,
+      userName: this.userName,
+      userAddress: this.userAddress,
+      userLoginType: this.userLoginType,
+      sdkVersion: this.sdkVersion
+    };
+    switch (level) {
+      case "info":
+        datadogLogs.logger.info(title, datadogData);
+        break;
+      case "debug":
+        datadogLogs.logger.debug(title, datadogData);
+        break;
+      case "warn":
+        datadogLogs.logger.warn(title, datadogData);
+        break;
+      case "error":
+        datadogLogs.logger.error(title, datadogData, error);
+    }
+  }
+  processLog(level, title, data, error) {
+    if (!this.isConfigured) {
+      this.logQueue.push({ level, title, data, error });
+      return;
+    }
+    if (!this.apiKey) {
+      console.error(
+        "FunLogger: apiKey is not set. Please call configure() with a valid apiKey."
+      );
+      return;
+    }
+    const isProd = this.getFunLogEnv() === "production" /* PRODUCTION */;
+    if (isProd) {
+      this.logDataDog(level, title, data, error);
+    }
+    if (!isProd || this.isDebugMode) {
+      const formattedData = data || "";
+      switch (level) {
+        case "debug":
+          console.debug(title, formattedData);
+          break;
+        case "info":
+          console.log(title, formattedData);
+          break;
+        case "warn":
+          console.warn(title, formattedData);
+          break;
+        case "error":
+          console.error(title, formattedData, error);
+          break;
+      }
+    }
+  }
+  onDebug({ title, data }) {
+    this.processLog("debug", title, data);
+  }
+  onInfo({ title, data }) {
+    this.processLog("info", title, data);
+  }
+  onWarn({ title, data }) {
+    this.processLog("warn", title, data);
+  }
+  onError({ title, error, data }) {
+    this.processLog("error", title, data, error);
+  }
+  extractError(error) {
+    if (error instanceof Error) {
+      return error;
+    }
+    if (typeof error === "object" && error !== null && "error" in error && error.error instanceof Error) {
+      return error.error;
+    }
+    return null;
+  }
+  /**========================
+   * PUBLIC LOGGER FUNCTIONS
+   *=========================*/
+  log(title, data) {
+    this.onInfo({ title, data });
+  }
+  info(title, data) {
+    this.onInfo({ title, data });
+  }
+  debug(title, data) {
+    this.onDebug({ title, data });
+  }
+  warn(title, data) {
+    this.onWarn({ title, data });
+  }
+  /**
+   * @param errorOrData -
+   * Previously was called "error" but since in the {@link Logger} interface, error is defined as object (which is the same thing as "any"), we treat it as of unknown type here for safety.
+   * In a lot of places it's actually being used as a "data" prop, which also usually has an `.error` property representing an actual {@link Error} object.
+   */
+  error(title, errorOrData, _data = {}) {
+    const error = this.extractError(errorOrData) ?? void 0;
+    const data = {
+      ..._data,
+      ...typeof errorOrData === "object" && errorOrData !== null ? errorOrData : {}
+    };
+    this.onError({ title, error, data });
+  }
+  flushLogQueue() {
+    const queueCopy = [...this.logQueue];
+    this.logQueue = [];
+    for (const queuedLog of queueCopy) {
+      const { level, title, data, error } = queuedLog;
+      switch (level) {
+        case "debug":
+          this.onDebug({ title, data });
+          break;
+        case "info":
+          this.onInfo({ title, data });
+          break;
+        case "warn":
+          this.onWarn({ title, data });
+          break;
+        case "error":
+          this.onError({ title, data, error });
+          break;
+      }
+    }
+  }
+  configure(apiKey, isDebug, sdkVersion, disableLogging = false) {
+    this.apiKey = apiKey;
+    this.isDebugMode = isDebug;
+    this.sdkVersion = sdkVersion;
+    this.disableLogging = disableLogging;
+    this.isConfigured = true;
+    setDdogEnv(this.getFunLogEnv());
+    setDdogTrackingConsent(this.disableLogging ? "not-granted" : "granted");
+    this.flushLogQueue();
+  }
+  getUserId() {
+    return this.userId;
+  }
+  getUserAddress() {
+    return this.userAddress;
+  }
+  getUserName() {
+    return this.userName;
+  }
+  getUserLoginType() {
+    return this.userLoginType;
+  }
+  getL2Address() {
+    return this.l2Address;
+  }
+  setUserInfo(userId, userAddress, userName, userLoginType, l2Address) {
+    this.userId = userId;
+    this.userAddress = userAddress;
+    this.userName = userName;
+    this.userLoginType = userLoginType;
+    this.l2Address = l2Address ?? null;
+  }
+};
+datadogLogs.init({
+  clientToken: DDOG_CLIENT_TOKEN,
+  site: "datadoghq.com",
+  forwardErrorsToLogs: false,
+  sessionSampleRate: 100,
+  service: "connect-sdk"
+});
+var logger = new FunLogger();
+
+export {
+  logger
+};