@funkit/connect 9.7.2-next.0 → 9.8.0

package/dist/chunk-VLAOBEJN.js

@@ -1,247 +0,0 @@
-"use client";
-import {
-  baseTheme
-} from "./chunk-O35RTEEF.js";
-
-// src/themes/lightTheme.ts
-var accentColors = {
-  blue: { accentColor: "#31A3F8", accentColorForeground: "#31A3F859" },
-  green: { accentColor: "#66CC00", accentColorForeground: "#FFF" },
-  orange: { accentColor: "#F6851B", accentColorForeground: "#FFF" },
-  pink: { accentColor: "#FF5CA0", accentColorForeground: "#FFF" },
-  purple: { accentColor: "#5F5AFA", accentColorForeground: "#FFF" },
-  red: { accentColor: "#F34126", accentColorForeground: "#FFF" },
-  white: { accentColor: "#000000", accentColorForeground: "#FFF" }
-};
-var defaultAccentColor = accentColors.white;
-var lightTheme = ({
-  accentColor = defaultAccentColor.accentColor,
-  accentColorForeground = defaultAccentColor.accentColorForeground,
-  customColors,
-  customShadows,
-  ...baseThemeOptions
-  // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: just a bunch of ?? defaults
-} = {}) => ({
-  ...baseTheme(baseThemeOptions),
-  colors: {
-    accentColor,
-    accentColorForeground,
-    actionButtonBorder: "rgba(0, 0, 0, 0.04)",
-    connectButtonBackground: "#FFF",
-    connectButtonBackgroundError: "#C60000",
-    connectButtonText: "#25292E",
-    connectButtonTextError: "#FFF",
-    connectionIndicator: "#30E000",
-    error: accentColors.red.accentColor,
-    errorBackground: "#F2E6E4",
-    errorBorder: "rgba(243, 65, 38, 0.2)",
-    generalBorder: "#F7F7F7",
-    // strokeColor in figma
-    generalBorderDim: "rgba(0, 0, 0, 0.03)",
-    menuItemBackground: "#FCFCFC",
-    selectedOptionBorder: "#F7F7F7",
-    focusedOptionBorder: "#737373",
-    standby: "#F6851B",
-    success: "#66CC00",
-    delayedStatusIcon: customColors?.secondaryText ?? "#737373",
-    // backward compatibility
-    chainIconBorder: "#fff",
-    // FUNKIT COLORS
-    // modal backgrounds
-    modalBackdrop: "rgba(0, 0, 0, 0.2)",
-    modalTopbarIcon: "#000",
-    modalTopbarIconBackground: customColors?.modalTopbarIconBackground ?? "transparent",
-    modalTopbarIconBackgroundHover: customColors?.modalTopbarIconBackgroundHover ?? customColors?.buttonIconBackgroundHover ?? "#F7F7F7",
-    modalTopbarIconBackgroundPressed: customColors?.modalTopbarIconBackgroundPressed ?? customColors?.buttonIconBackgroundPressed ?? "#F0F0F0",
-    modalTopbarIconStroke: customColors?.modalTopbarIconStroke ?? customColors?.buttonIconStroke ?? "rgba(0, 0, 0, 0.35)",
-    modalBackground: "#FFF",
-    modalBorder: "#F7F7F7",
-    offBackground: "#F7F7F7",
-    offBackgroundInverse: "#333333",
-    hoverState: "#F0F0F0",
-    lightStroke: "#F7F7F7",
-    mediumStroke: "#F0F0F0",
-    heavyStroke: "#E5E5E5",
-    strokeColor: "#E8E8E8",
-    //Text
-    primaryText: "#000",
-    secondaryText: "#737373",
-    tertiaryText: "rgba(0, 0, 0, 0.35)",
-    textSelection: "rgba(0, 0, 0, 0.10)",
-    selectedDropdownItemText: customColors?.primaryText ?? "#000",
-    copyButtonBackgroundBase: customColors?.offBackground ?? "#F7F7F7",
-    copyButtonBackgroundHover: customColors?.hoverState ?? "#F0F0F0",
-    copyButtonBackgroundActive: customColors?.inputBorderHover ?? "#E5E5E5",
-    useConnectedBackgroundBase: customColors?.mediumStroke ?? "#F0F0F0",
-    useConnectedBackgroundHover: customColors?.mediumStroke ?? "#F0F0F0",
-    copyButtonBorderBase: customColors?.mediumStroke ?? "#F0F0F0",
-    copyButtonBorderHover: customColors?.mediumStroke ?? "#F0F0F0",
-    funFeatureListBackgroundBase: customColors?.offBackground ?? "#F7F7F7",
-    funFeatureListBackgroundHover: customColors?.hoverState ?? "#F0F0F0",
-    funFeatureListBorderColor: "transparent",
-    funFeatureListBorderColorHover: "transparent",
-    selectedDropdownItemBackground: "transparent",
-    alwaysVisibleLabelBackgroundHover: "transparent",
-    // input
-    inputLabel: customColors?.primaryText ?? "#000",
-    inputBackground: "#FFFFFF",
-    inputBackgroundHover: customColors?.offBackground ?? "#F7F7F7",
-    inputBorderBase: "#F0F0F0",
-    inputBorderHover: "#E5E5E5",
-    // tab
-    activeTabBorderColor: "#F7F7F7",
-    activeTabBackground: "#F7F7F7",
-    inactiveTabBorderColor: "transparent",
-    inactiveTabBackgroundBase: "transparent",
-    inactiveTabBackgroundHover: "transparent",
-    inactiveTabBackgroundActive: "transparent",
-    activeTabText: customColors?.primaryText ?? "#000",
-    inactiveTabTextBase: customColors?.secondaryText ?? "#737373",
-    inactiveTabHover: customColors?.primaryText ?? "#000",
-    // button
-    actionColor: "#000",
-    actionColorHover: "rgba(0, 0, 0, 0.7)",
-    actionColorDisabled: "rgba(0, 0, 0, 0.50)",
-    buttonPrimary: accentColor,
-    buttonDisabled: "#31A3F826",
-    buttonWarning: accentColors.red.accentColor,
-    buttonSuccess: "#2EA200",
-    buttonTextPrimary: "#FFFFFF",
-    buttonTextHover: "#FFF",
-    buttonTextDisabled: "#FFF",
-    transparent: "transparent",
-    buttonBackgroundTertiary: "#F7F7F7",
-    buttonBackgroundHoverTertiary: "#F0F0F0",
-    buttonBackgroundDisabledTertiary: "transparent",
-    buttonTextTertiary: "#000",
-    buttonTextDisabledTertiary: "rgba(0, 0, 0, 0.5)",
-    buttonBackground: "#000",
-    buttonBackgroundHover: "#333333",
-    buttonBackgroundPressed: "#000",
-    buttonBackgroundDisabled: "rgba(0, 0, 0, 0.5)",
-    buttonTextSecondaryDisabled: "rgba(0, 0, 0, 0.5)",
-    buttonTextSecondary: "#000000",
-    buttonIconBackgroundHover: "#F7F7F7",
-    buttonIconBackgroundPressed: "#F0F0F0",
-    buttonIconStroke: "rgba(0, 0, 0, 0.35)",
-    buttonBorderTertiary: "transparent",
-    buttonBorderFocusedTertiary: "rgba(0, 0, 0, 0.35)",
-    buttonFocusedOutline: "none",
-    buttonBorderGradient: "none",
-    buttonHoverBorderGradient: "none",
-    buttonDisabledBorderGradient: "none",
-    // TODO: Make common colors when refactoring the design system
-    inputAmountQuickOptionBaseBackground: "#F7F7F7",
-    inputAmountQuickOptionHoverBackground: "#F0F0F0",
-    inputAmountQuickOptionActiveBackground: "#F0F0F0",
-    inputAmountQuickOptionDisabledBackground: "#F7F7F7",
-    inputAmountQuickOptionBaseBorder: "#F7F7F7",
-    inputAmountQuickOptionHoverBorder: "rgba(0, 0, 0, 0.35)",
-    inputAmountQuickOptionActiveBorder: "rgba(0, 0, 0, 0.35)",
-    inputAmountQuickOptionFocusedBorder: "rgba(0, 0, 0, 0.35)",
-    inputAmountFiatDecimalsColor: customColors?.inputAmountFiatDecimalsColor ?? "none",
-    youPayYouReceiveBackground: "#FFF",
-    // modalBackground
-    youPayYouReceiveBorder: "#F0F0F0",
-    // mediumStroke
-    youPayYouReceivePrimaryText: "#000",
-    // primaryText
-    youPayYouReceiveSecondaryText: "#737373",
-    // secondaryText
-    withdrawalYouWillReceiveLabel: customColors?.withdrawalYouWillReceiveLabel ?? customColors?.primaryText ?? "#000",
-    withdrawalYouWillReceiveValueCrypto: customColors?.withdrawalYouWillReceiveValueCrypto ?? customColors?.primaryText ?? "#000",
-    withdrawalYouWillReceiveValueUsd: customColors?.withdrawalYouWillReceiveValueUsd ?? customColors?.secondaryText ?? "#737373",
-    // badges
-    badgeBackgroundSuccess: "rgba(124, 242, 136, 0.1)",
-    badgeBorderSuccess: "rgba(124, 242, 136, 0.2)",
-    badgeTextSuccess: "rgb(124, 242, 136)",
-    newBadgeBackground: "linear-gradient(180deg, #ECFFEA 0%, #E4FFE9 100%)",
-    newBadgeBorder: "rgba(122, 221, 122, 0.5)",
-    newBadgeText: "#028320",
-    approvedBadgeBackground: "linear-gradient(180deg, #ECFFEA 0%, #E4FFE9 100%)",
-    approvedBadgeBorder: "rgba(109, 216, 109, 0.5)",
-    approvedBadgeText: "#028320",
-    failedBadgeBackground: "rgba(255, 61, 61, 0.08)",
-    failedBadgeBorder: "rgba(0, 0, 0, 0.03)",
-    failedBadgeText: "#C2341E",
-    announceGradientFrom: "#595959",
-    announceGradientTo: "#9C9C9C",
-    fiatPendingGradientFrom: "#454545",
-    fiatPendingGradientTo: "#747474",
-    fiatSuccessBackgroundFill: "rgba(102, 204, 0, 0.16)",
-    fiatFailedBackgroundFill: "rgba(255, 61, 61, 0.12)",
-    fiatStatusIconBorder: "rgba(0, 0, 0, 0.03)",
-    fiatAccountIconFill: "#E7F3FE",
-    fiatAccountGradientFrom: "#055DF5",
-    fiatAccountGradientTo: "#4C8DFD",
-    modalHeaderDivider: "#F7F7F7",
-    // lightStroke
-    modalFooterDivider: "#F7F7F7",
-    // lightStroke
-    spinnerBackground: customColors?.mediumStroke ?? "rgba(255, 255, 255, 0.3)",
-    // 30% buttonTextPrimary
-    spinnerIndicator: customColors?.primaryText ?? "#FFF",
-    // 100% buttonTextPrimary
-    spinnerBackgroundVerifyAccount: "rgba(255, 255, 255, 0.3)",
-    // 30% buttonTextPrimary
-    spinnerIndicatorVerifyAccount: customColors?.primaryText ?? "#FFF",
-    // 100% buttonTextPrimary
-    // Override colors
-    ...customColors || {},
-    // option Boxes
-    optionBoxBackground: customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
-    // keeps gradient in SourcePaymentMethodItem if optionBoxBackground differs from modal background
-    optionBoxBackgroundUninteractive: customColors?.optionBoxBackgroundUninteractive ?? "transparent",
-    optionBoxBorderBase: customColors?.optionBoxBorderBase ?? customColors?.mediumStroke ?? "#F0F0F0",
-    optionBoxBorderHover: customColors?.optionBoxBorderHover ?? customColors?.mediumStroke ?? "#F0F0F0",
-    optionBoxDefaultModeNotActiveBorderBase: customColors?.optionBoxDefaultModeNotActiveBorderBase ?? "transparent",
-    optionBoxDefaultModeNotActiveBorderHover: customColors?.optionBoxDefaultModeNotActiveBorderHover ?? "transparent",
-    dropdownActiveItemBackgroundBase: customColors?.dropdownActiveItemBackgroundBase ?? customColors?.modalBackground ?? "#FFF",
-    openDropdownBackgroundColor: customColors?.openDropdownBackgroundColor ?? customColors?.optionBoxBackground ?? customColors?.modalBackground ?? "#FFF",
-    dropdownActiveItemBackgroundHover: customColors?.dropdownActiveItemBackgroundHover ?? customColors?.offBackground ?? "#F7F7F7",
-    dropdownActiveItemBackgroundDisabled: customColors?.dropdownActiveItemBackgroundDisabled ?? "transparent",
-    dropdownActiveItemBorderBase: customColors?.dropdownActiveItemBorderBase ?? customColors?.mediumStroke ?? "#F0F0F0",
-    dropdownActiveItemBorderHover: customColors?.dropdownActiveItemBorderHover ?? customColors?.mediumStroke ?? "#F0F0F0",
-    dropdownGroupHeader: customColors?.dropdownGroupHeader ?? customColors?.primaryText ?? "#000",
-    // primaryText
-    txSummaryBoxBackground: customColors?.txSummaryBoxBackground ?? customColors?.modalBackground ?? "#FFF",
-    txSummaryBoxBorder: customColors?.txSummaryBoxBorder ?? customColors?.lightStroke ?? "#F7F7F7",
-    counterRingColor: customColors?.counterRingColor ?? accentColor,
-    cryptoCashToggleContainerBorderColor: customColors?.cryptoCashToggleContainerBorderColor ?? "transparent",
-    cryptoCashToggleBackground: customColors?.cryptoCashToggleBackground ?? "transparent"
-  },
-  shadows: {
-    connectButton: "0px 4px 12px rgba(0, 0, 0, 0.1)",
-    dialog: "0px 8px 32px rgba(0, 0, 0, 0.32)",
-    selectedOption: "0px 2px 6px rgba(0, 0, 0, 0.24)",
-    selectedWallet: "0px 2px 6px rgba(0, 0, 0, 0.12)",
-    dropdown: "0px 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 2px 6px 0px rgba(0, 0, 0, 0.03), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
-    notification: "0px 0px 0px 1px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.05), 0px 4px 42px 0px rgba(0, 0, 0, 0.06)",
-    qrCode: "0px 0px 0px 1px rgba(0, 0, 0, 0.10), 0px 1px 4px 0px rgba(0, 0, 0, 0.04), 0px 4px 24px 0px rgba(8, 7, 7, 0.10)",
-    buttonShadow: "none",
-    buttonShadowTertiary: customShadows?.buttonShadow ?? "none",
-    buttonFocusedShadow: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
-    buttonFocusedShadowTertiary: "0px 0px 0px 2px rgba(0, 0, 0, 0.25)",
-    buttonHoverShadow: "none",
-    buttonHoverShadowTertiary: "none",
-    buttonDisabledShadow: "none",
-    buttonDisabledShadowTertiary: customShadows?.buttonDisabledShadow ?? "none",
-    buttonInnerShadow: "none",
-    buttonInnerShadowTertiary: customShadows?.buttonInnerShadow ?? "none",
-    buttonFocusedInnerShadow: "none",
-    buttonFocusedInnerShadowTertiary: customShadows?.buttonFocusedInnerShadow ?? "none",
-    buttonHoverInnerShadow: "none",
-    buttonHoverInnerShadowTertiary: customShadows?.buttonHoverInnerShadow ?? "none",
-    buttonDisabledInnerShadow: "none",
-    buttonDisabledInnerShadowTertiary: customShadows?.buttonDisabledInnerShadow ?? "none",
-    selectedDropdownItem: "none",
-    // Override shadows
-    ...customShadows || {}
-  },
-  moonpayTheme: "light"
-});
-lightTheme.accentColors = accentColors;
-
-export {
-  lightTheme
-};

package/dist/clients/chunk-SBQ2UUPK.js

@@ -1,214 +0,0 @@
-"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
-};

package/dist/components/Dropdown/TokenAndChainDropdown.css.d.ts

@@ -1 +0,0 @@
-export declare const hideOnXsmallScreenSize: string;

package/dist/hooks/track/CheckoutTrackingContext.d.ts

@@ -1,60 +0,0 @@
-import React, { type ReactNode } from 'react';
-import type { FunCheckoutStep } from '../../modals/CheckoutModal/FunCheckoutStep';
-/**
- * Read-only per-session metadata auto-attached by {@link useTrack} to every
- * Statsig event emitted inside the checkout modal tree. All three fields
- * already exist on the state machine — this context just surfaces them:
- *
- *   - `checkoutId`    — `modalState.checkoutId` (client-generated UUID from
- *                       `initNewCheckout`). Joins Statsig events to
- *                       `analytics.checkouts` in Redshift.
- *   - `step`          — `modalState.step` (current `FunCheckoutStep`).
- *   - `modalOpenedAt` — `checkoutItem.startTimestampMs`. `useTrack` derives
- *                       `time_since_modal_ms` = `Date.now() - modalOpenedAt`
- *                       at emission time.
- *
- * Outside the provider (e.g. `useTrack` called from a non-checkout surface)
- * every field is `null` and `useTrack` elides the attachment.
- */
-export interface CheckoutTrackingContextValue {
-    checkoutId: string | null;
-    step: FunCheckoutStep | null;
-    modalOpenedAt: number | null;
-}
-interface CheckoutTrackingProviderProps extends CheckoutTrackingContextValue {
-    children: ReactNode;
-}
-/**
- * Root provider. Memoizes `value` against the three primitive fields so
- * consumers only re-render when one of them actually changes (not on
- * every parent render). The three fields are already-derived state owned
- * by `FunCheckoutModal` / `useCheckoutModalTransition`; we surface them
- * here rather than duplicating storage.
- */
-export declare function CheckoutTrackingProvider({ children, checkoutId, step, modalOpenedAt, }: CheckoutTrackingProviderProps): React.JSX.Element;
-export declare function useCheckoutTrackingContext(): CheckoutTrackingContextValue;
-/**
- * Build the shared-metadata fields (`checkoutId`, `step`,
- * `time_since_modal_ms`) inline at emission sites that run *outside* this
- * provider and therefore can't use `useTrack`'s auto-attach.
- *
- * Those sites are:
- *  - `FunkitCheckoutContext.initNewCheckout` — modal not mounted yet
- *  - `FunkitCheckoutContext.confirmCheckout` — app-level, above the modal
- *  - `useCheckoutModalTransition.{trackNextState,onBack,onCloseWrapper}` —
- *    the hook that *produces* the provider's value; it cannot also
- *    consume it
- *
- * Keep this as a pure helper — no hooks. The three fields mirror the
- * contract in {@link CheckoutTrackingContextValue}; any new auto-attached
- * field should be added to both in the same commit.
- */
-export declare function buildCheckoutSessionMetadata(checkoutItem: {
-    id: string;
-    startTimestampMs: number;
-}, step: FunCheckoutStep): {
-    checkoutId: string;
-    step: FunCheckoutStep;
-    time_since_modal_ms: string;
-};
-export {};

package/dist/hooks/useTokenChain.d.ts

@@ -1,21 +0,0 @@
-import type { CheckoutInitTokenTransferResponse } from '@funkit/api-base';
-import type { TokenTransferSourceChainsAndAssets } from '../modals/CheckoutModal/TransferToken/TransferToken';
-export type TransferTokenDefault = {
-    token: string;
-    chainId: number;
-};
-interface UseTokenChainResult {
-    assets: TokenTransferSourceChainsAndAssets;
-    selectedChainId: number;
-    handleChainChange: (chainId?: number, autoUpdate?: boolean) => void;
-    selectedToken: string;
-    selectedChainName: string;
-    handleTokenChange: (token: string, chainId?: number, autoUpdate?: boolean) => void;
-}
-/**
- * Semi reusable hook (tied into token transfer configuration)
- * ensures token&chain dropdown preselection logic is reusable
- * @param transferInit - used for chain&token solana filtering, can be omitted if not needed
- */
-export declare const useTokenAndChainSelection: (transferInit: CheckoutInitTokenTransferResponse | undefined, defaultValues?: TransferTokenDefault, isWithdrawal?: boolean) => UseTokenChainResult;
-export {};

package/dist/modals/CheckoutModal/SwappedIframe/SwappedIframeContainer.d.ts

@@ -1,17 +0,0 @@
-import type { SwappedFormOfPayment } from '@funkit/api-base';
-import React from 'react';
-import type { PaymentMethodType } from '../../../hooks/usePaymentSources';
-import { type CheckoutModalCommonState, FunCheckoutStep, type ModalStepComponentProps, type ModalStepInfo } from '../../../modals/CheckoutModal/stepTransition';
-export type SwappedIframeState = CheckoutModalCommonState & {
-    /** The selected payment option from the fops API */
-    selectedPaymentOption: SwappedFormOfPayment;
-    /** Payment method type filter to restore when returning to SOURCE_CHANGE */
-    paymentMethodTypeFilter?: PaymentMethodType;
-    /** Set to true when an error occurs (iframe error or load timeout) */
-    error?: boolean;
-};
-export type SwappedIframeNext = {
-    success?: boolean;
-};
-export declare const SwappedIframeInfo: ModalStepInfo<FunCheckoutStep.SWAPPED_IFRAME>;
-export declare function SwappedIframeContainer({ modalState, onBack, onClose, setModalState, }: ModalStepComponentProps<FunCheckoutStep.SWAPPED_IFRAME>): React.JSX.Element;

package/dist/modals/WithdrwalModal/WithdrawalCallbackSuccess.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
-interface WithdrawalCallbackSuccessProps {
-    bottomBarId: string;
-    onClose: () => void;
-    onNewWithdrawal: () => void;
-    quote: FunkitCheckoutQuoteResult | undefined;
-}
-export declare const WithdrawalCallbackSuccess: ({ bottomBarId, onClose, onNewWithdrawal, quote, }: WithdrawalCallbackSuccessProps) => React.JSX.Element;
-export {};

package/dist/modals/WithdrwalModal/WithdrawalContent.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import type { Hex } from 'viem';
-import type { FunkitActiveWithdrawalItem, FunkitWithdrawalConfig } from '../../providers/FunkitCheckoutContext';
-import { type WithdrawalFormData } from './useWithdrawal';
-interface WithdrawContentProps {
-    onContinue: (withdrawal: WithdrawalFormData, txHash: Hex) => void;
-    config: FunkitWithdrawalConfig;
-    withdrawalItem: FunkitActiveWithdrawalItem | null;
-}
-export declare const WithdrawContent: ({ onContinue, config, withdrawalItem, }: WithdrawContentProps) => React.JSX.Element;
-export {};

package/dist/modals/WithdrwalModal/WithdrawalModal.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { FunkitWithdrawalConfig } from '../../providers/FunkitCheckoutContext';
-export declare const WITHDRAWAL_MODAL_CONTENT_ID = "withdrawal-modal-content";
-export interface WithdrawalModalProps {
-    open: boolean;
-    onClose: () => void;
-    config: FunkitWithdrawalConfig;
-}
-export declare function WithdrawalModal({ onClose, open, config, }: WithdrawalModalProps): React.JSX.Element;

package/dist/modals/WithdrwalModal/WithdrawalSuccess.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { Address } from 'viem';
-interface WithdrawSuccessProps {
-    depositAddress: Address;
-    amount: number;
-    token: string;
-    tokenIconSrc: string;
-    chainId: string;
-    txHash: string;
-    bottomBarId: string;
-    onNewWithdrawal: () => void;
-    onClose: () => void;
-}
-export declare const WithdrawSuccess: ({ depositAddress, bottomBarId, onNewWithdrawal, onClose, }: WithdrawSuccessProps) => React.JSX.Element;
-export {};

package/dist/modals/WithdrwalModal/types.d.ts

@@ -1,5 +0,0 @@
-export declare enum WithdrawalModalStep {
-    ENTER_AMOUNT = "ENTER_AMOUNT",
-    SUCCESS = "SUCCESS",
-    PENDING_CALLBACK = "PENDING_CALLBACK"
-}

package/dist/modals/WithdrwalModal/useWithdrawal.d.ts

@@ -1,24 +0,0 @@
-import type { Address, Hex } from 'viem';
-import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
-import { type FunkitActiveWithdrawalItem, type FunkitWithdrawalConfig } from '../../providers/FunkitCheckoutContext';
-import { type CheckoutConfirmationError } from '../CheckoutModal/ConfirmationStep/useCheckoutConfirmation';
-interface UseWithdrawalResult {
-    handleWithdrawal: (withdrawal: WithdrawalFormData) => Promise<void>;
-    isWithdrawing: boolean;
-    withdrawalError: CheckoutConfirmationError | null;
-    stepMessage: string | null;
-}
-export type WithdrawalFormData = {
-    destinationAddress: Address;
-    withdrawalUSD: string;
-    tokenSymbol: string;
-    tokenAddress: Address;
-    chainId: number;
-    quote: FunkitCheckoutQuoteResult;
-};
-export declare function useWithdrawal({ config, withdrawalItem, onSuccess, }: {
-    config: FunkitWithdrawalConfig;
-    withdrawalItem: FunkitActiveWithdrawalItem | null;
-    onSuccess: (withdrawal: WithdrawalFormData, txHash: Hex) => void;
-}): UseWithdrawalResult;
-export {};