@funkit/connect 9.23.2-next.0 → 9.24.0-next.0

package/dist/clients/chunk-NPPIETHZ.js

@@ -0,0 +1,54 @@
+"use client";
+import {
+  Box
+} from "./chunk-JBWB54MX.js";
+
+// src/components/Text/Text.tsx
+import React from "react";
+var Text = React.forwardRef(
+  ({
+    as = "div",
+    children,
+    className,
+    color = "primaryText",
+    display,
+    font = "body",
+    id,
+    size = "16",
+    style,
+    tabIndex,
+    title,
+    textAlign = "inherit",
+    textTransform = "none",
+    weight = "regular",
+    testId
+  }, ref) => {
+    return /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        as,
+        className,
+        color: color === "inherit" ? void 0 : color,
+        display,
+        fontFamily: font,
+        fontSize: size,
+        fontWeight: weight,
+        id,
+        title,
+        ref,
+        style,
+        tabIndex,
+        textAlign,
+        textTransform,
+        testId,
+        background: { selection: "textSelection" }
+      },
+      children
+    );
+  }
+);
+Text.displayName = "Text";
+
+export {
+  Text
+};

package/dist/clients/chunk-YYMIRDCQ.js

@@ -0,0 +1,230 @@
+"use client";
+import {
+  Box
+} from "./chunk-JBWB54MX.js";
+import {
+  logger
+} from "./chunk-UUHGOBKZ.js";
+
+// src/components/AsyncImage/useAsyncImage.ts
+import { useEffect, useReducer } from "react";
+var cachedUrls = /* @__PURE__ */ new Map();
+var cachedRequestPromises = /* @__PURE__ */ new Map();
+async function loadAsyncImage(asyncImage) {
+  const cachedRequestPromise = cachedRequestPromises.get(asyncImage);
+  if (cachedRequestPromise) {
+    return cachedRequestPromise;
+  }
+  const load = async () => asyncImage().then(async (url) => {
+    cachedUrls.set(asyncImage, url);
+    return url;
+  });
+  const requestPromise = load().catch(async () => {
+    return load().catch(() => {
+      cachedRequestPromises.delete(asyncImage);
+      return void 0;
+    });
+  });
+  cachedRequestPromises.set(asyncImage, requestPromise);
+  return requestPromise;
+}
+function useForceUpdate() {
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
+  return forceUpdate;
+}
+function useAsyncImage(url) {
+  const cachedUrl = typeof url === "function" ? cachedUrls.get(url) : void 0;
+  const forceUpdate = useForceUpdate();
+  useEffect(() => {
+    if (typeof url === "function" && !cachedUrl) {
+      loadAsyncImage(url).then(forceUpdate);
+    }
+  }, [url, cachedUrl, forceUpdate]);
+  return typeof url === "function" ? cachedUrl : url;
+}
+var REMOTE_IMG_CACHE = /* @__PURE__ */ new Set();
+function preloadRemoteImages(...imageUrls) {
+  for (const imageUrl of imageUrls) {
+    try {
+      const { protocol } = new URL(imageUrl);
+      if (protocol !== "https:" && protocol !== "http:") {
+        logger.warn("preloadRemoteImages:invalidUrl", {
+          message: "Invalid protocol",
+          imageUrl
+        });
+        continue;
+      }
+      if (!REMOTE_IMG_CACHE.has(imageUrl)) {
+        REMOTE_IMG_CACHE.add(imageUrl);
+        const preloadImage = new Image();
+        preloadImage.src = imageUrl;
+      }
+    } catch (error) {
+      logger.warn("preloadRemoteImages:error", {
+        message: "Unable to preload image",
+        imageUrl,
+        error
+      });
+    }
+  }
+}
+
+// src/components/AsyncImage/AsyncImage.tsx
+import React, { useMemo, useReducer as useReducer2, useState } from "react";
+
+// src/utils/sanitizeUrl.ts
+var SAFE_URL_PROTOCOLS = /* @__PURE__ */ new Set(["https:", "http:"]);
+function sanitizeUrl(url) {
+  if (!url) {
+    return void 0;
+  }
+  try {
+    const parsed = new URL(url);
+    if (SAFE_URL_PROTOCOLS.has(parsed.protocol)) {
+      return parsed.href;
+    }
+    return void 0;
+  } catch {
+    return void 0;
+  }
+}
+function sanitizeCssUrl(url) {
+  const safeUrl = sanitizeUrl(url);
+  if (!safeUrl) {
+    return void 0;
+  }
+  return safeUrl.replace(/['()\\]/g, (char) => {
+    return `%${char.charCodeAt(0).toString(16).padStart(2, "0")}`;
+  });
+}
+
+// src/components/AsyncImage/AsyncImage.tsx
+function useTriggeredOnce() {
+  return useReducer2(() => true, false);
+}
+function AsyncImage({
+  alt,
+  background,
+  borderColor,
+  borderRadius,
+  boxShadow,
+  height,
+  useAsImage,
+  src: srcProp,
+  fallbackSrc,
+  fallbackElement,
+  width,
+  testId
+}) {
+  const src = useAsyncImage(srcProp || fallbackSrc);
+  const isRemoteImage = src !== void 0 && /^(https?|data):/.test(src);
+  const [isRemoteImageLoaded, setRemoteImageLoaded] = useTriggeredOnce();
+  const [hasError, setHasError] = useState(
+    srcProp === void 0 && fallbackSrc === void 0
+  );
+  const { asyncStyle, imgProps } = useMemo(() => {
+    const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src) : {};
+    if (useAsImage || isRemoteImage) {
+      const imgProps2 = {
+        as: "img",
+        src,
+        "aria-hidden": true,
+        onError: ({
+          currentTarget
+        }) => {
+          currentTarget.onerror = null;
+          if (fallbackSrc !== void 0) {
+            currentTarget.src = fallbackSrc;
+          } else {
+            setHasError(true);
+          }
+        },
+        onLoad: isRemoteImage ? setRemoteImageLoaded : void 0
+      };
+      return { imgProps: imgProps2, asyncStyle: asyncStyle2 };
+    }
+    return {
+      imgProps: {
+        backgroundSize: "cover"
+      },
+      asyncStyle: {
+        ...asyncStyle2,
+        // has to be added as a inline style because vanilla-extract doesn't recognize this as a valid style
+        backgroundPosition: "center"
+      }
+    };
+  }, [
+    fallbackSrc,
+    isRemoteImage,
+    isRemoteImageLoaded,
+    src,
+    useAsImage,
+    setRemoteImageLoaded
+  ]);
+  const mainElement = hasError && fallbackElement || /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      ...imgProps,
+      height: "full",
+      position: "absolute",
+      style: {
+        WebkitTouchCallout: "none",
+        transition: "opacity .15s linear",
+        userSelect: "none",
+        ...asyncStyle
+      },
+      width: "full"
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    Box,
+    {
+      "aria-label": alt,
+      borderRadius,
+      boxShadow,
+      height: typeof height === "string" ? height : void 0,
+      overflow: "hidden",
+      position: "relative",
+      role: "img",
+      style: {
+        background,
+        height: typeof height === "number" ? height : void 0,
+        width: typeof width === "number" ? width : void 0
+      },
+      width: typeof width === "string" ? width : void 0,
+      testId
+    },
+    mainElement,
+    borderColor ? /* @__PURE__ */ React.createElement(
+      Box,
+      {
+        ...typeof borderColor === "object" && "custom" in borderColor ? { style: { borderColor: borderColor.custom } } : { borderColor },
+        borderRadius,
+        borderStyle: "solid",
+        borderWidth: "1",
+        height: "full",
+        position: "relative",
+        width: "full"
+      }
+    ) : null
+  );
+}
+var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
+  if (isRemoteImage) {
+    return {
+      opacity: isRemoteImageLoaded ? 1 : 0
+    };
+  }
+  const safeSrc = sanitizeCssUrl(src);
+  return {
+    // note the url must have quotation, see https://github.com/evanw/esbuild/issues/1843#issuecomment-1370108070
+    backgroundImage: safeSrc ? `url('${safeSrc}')` : void 0,
+    backgroundRepeat: "no-repeat",
+    opacity: src ? 1 : 0
+  };
+};
+
+export {
+  preloadRemoteImages,
+  AsyncImage
+};

package/dist/clients/lighter.d.ts

@@ -14,7 +14,7 @@
  * caller provides the actual on-chain implementation.
  */
 import { type Address } from 'viem';
-import type { CustomWithdrawalConfig, MultiMethodWithdrawalConfig } from '~/providers/FunkitCheckoutContext/types';
+import type { CustomWithdrawalConfig, MultiMethodWithdrawalConfig } from '../providers/FunkitCheckoutContext/types';
 export type LighterTransferParams = {
     toAccountIndex: number;
     assetIndex: number;
@@ -60,6 +60,19 @@ export interface LighterWithdrawalConfig {
      * ```
      */
     getSecureMinWithdrawalAmount?: (symbol: string) => number | undefined;
+    /**
+     * Awaited hook fired after the user taps "Withdraw" but before either method
+     * (Fast or Secure) fetches a nonce, prompts the wallet, or submits the L2 tx.
+     *
+     * Lighter strategies and withdrawals share the same L2 signing account, so a
+     * strategy that's still placing/cancelling orders will bump the nonce out
+     * from under the withdrawal and the signed tx is rejected. Cancel in-flight
+     * strategies here (awaited) so the withdrawal signs against a stable nonce.
+     *
+     * Throw to abort the withdrawal — the message is shown to the user verbatim
+     * and no nonce is consumed. Applies to both Fast and Secure.
+     */
+    onBeforeSign?: () => Promise<void> | void;
 }
 /**
  * Default minimum Secure-withdrawal amounts (token units) for known Lighter
@@ -92,6 +105,11 @@ export interface LighterSecureWithdrawalConfig {
      * ```
      */
     getMinWithdrawalAmount?: (symbol: string) => number;
+    /**
+     * Awaited hook fired before the Secure withdrawal fetches a nonce, prompts
+     * the wallet, or submits the L2 tx. See {@link LighterWithdrawalConfig['onBeforeSign']}.
+     */
+    onBeforeSign?: () => Promise<void> | void;
 }
 /**
  * Records a Lighter Secure withdrawal in Fun's direct-execution table as

package/dist/clients/lighter.js

@@ -457,6 +457,7 @@ function createLighterSecureWithdrawalConfig(config) {
   return {
     modalTitle: config.modalTitle ?? i18next.t("withdrawal.withdraw"),
     disableConnectedWallet: config.disableConnectedWallet,
+    onBeforeSign: config.onBeforeSign,
     withdrawCallback: buildSecureWithdrawalCallback({
       exec: config.sendLighterSecureWithdrawal
     }),
@@ -474,7 +475,8 @@ function buildLighterFastWalletWithdrawalConfig({
   accountIndex,
   modalTitle,
   disableConnectedWallet,
-  iconSrc
+  iconSrc,
+  onBeforeSign
 }) {
   const adaptedWallet = createLighterAdaptedWallet({
     signerClient,
@@ -498,6 +500,7 @@ function buildLighterFastWalletWithdrawalConfig({
   return {
     modalTitle: modalTitle ?? i18next.t("withdrawal.withdraw"),
     disableConnectedWallet,
+    onBeforeSign,
     wallet,
     sourceChainId: RELAY_LIGHTER_CHAIN_ID,
     sourceTokenSymbol: "USDC",
@@ -549,7 +552,8 @@ function buildLighterMultiMethodConfig({
     accountIndex: Number(accountIndex),
     modalTitle: config.modalTitle,
     disableConnectedWallet: config.disableConnectedWallet,
-    iconSrc: config.fastIconSrc
+    iconSrc: config.fastIconSrc,
+    onBeforeSign: config.onBeforeSign
   });
   const secureConfig = createLighterSecureWithdrawalConfig({
     accountIndex,
@@ -557,6 +561,7 @@ function buildLighterMultiMethodConfig({
     disableConnectedWallet: config.disableConnectedWallet,
     iconSrc: config.secureIconSrc,
     sendLighterSecureWithdrawal: config.sendLighterSecureWithdrawal,
+    onBeforeSign: config.onBeforeSign,
     getMinWithdrawalAmount: (symbol) => {
       const userMin = config.getSecureMinWithdrawalAmount?.(symbol);
       if (userMin !== void 0) {

package/dist/clients/mallard.d.ts

@@ -15,7 +15,7 @@
  * verified on-chain (owner = the Fun deployer).
  */
 import { type Address } from 'viem';
-import type { FunkitCheckoutActionParams } from '~/providers/FunkitCheckoutContext/types';
+import type { FunkitCheckoutActionParams } from '../providers/FunkitCheckoutContext/types';
 /** Mallard deposit contract to credit a Mallard (perps) account. */
 export declare const MALLARD_DEPOSIT_ADDRESS: `0x${string}`;
 /** VaultDepositooor on Zorro chain. */

package/dist/clients/polymarket/PolymarketDepositAccountDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SourceChangeTopComponentProps } from '~/modals/CheckoutModal/stepTransition';
+import type { SourceChangeTopComponentProps } from '../../modals/CheckoutModal/stepTransition';
 import { type PolymarketAccount } from './createPolymarketDepositConfig';
 /** The account fields the picker needs: address + its live balance getter. */
 export type PolymarketAccountDisplay = Pick<PolymarketAccount, 'address' | 'getBalanceUsd'>;

package/dist/clients/polymarket/createPolymarketDepositConfig.d.ts

@@ -1,4 +1,4 @@
-import type { FunkitCheckoutActionParams, FunkitCheckoutConfig, PolymarketTransferAccount } from '~/providers/FunkitCheckoutContext/types';
+import type { FunkitCheckoutActionParams, FunkitCheckoutConfig, PolymarketTransferAccount } from '../../providers/FunkitCheckoutContext/types';
 import { type PolymarketPerpsDepositConfig } from './polymarket';
 /**
  * Routing ids that select the deposit destination. The deposit dropdown writes

package/dist/clients/polymarket/polymarket.d.ts

@@ -16,8 +16,8 @@
  *      {@link WalletWithdrawalConfig}.
  */
 import { type Address, type PublicClient, type TransactionReceipt } from 'viem';
-import type { CustomWithdrawalConfig, FunkitCheckoutActionParams, FunkitWithdrawalConfig, WalletWithdrawalConfig } from '~/providers/FunkitCheckoutContext/types';
-import type { WithdrawalTransaction } from '~/wallets/Wallet';
+import type { CustomWithdrawalConfig, FunkitCheckoutActionParams, FunkitWithdrawalConfig, WalletWithdrawalConfig } from '../../providers/FunkitCheckoutContext/types';
+import type { WithdrawalTransaction } from '../../wallets/Wallet';
 /** Polygon USDCe — used as sourceTokenAddress for withdrawals */
 export declare const POLYGON_USDCE: Address;
 /** Polymarket pUSD on Polygon — the integrator-held source token in the wallet-unwrap flow. */

package/dist/clients/rolly.d.ts

@@ -12,7 +12,7 @@
  * known at quote time.
  */
 import { type Address } from 'viem';
-import type { FunkitCheckoutActionParams } from '~/providers/FunkitCheckoutContext/types';
+import type { FunkitCheckoutActionParams } from '../providers/FunkitCheckoutContext/types';
 /** Rolly rollup deposit contract on Arbitrum (UUPS proxy). */
 export declare const ROLLY_VAULT_ADDRESS: `0x${string}`;
 /** Arbitrum USDT0 — Rolly's source deposit token. */

package/dist/components/ApprovalMethodToggle/ApprovalMethodToggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ApprovalMethod } from '~/providers/FunkitQuoteContext';
+import type { ApprovalMethod } from '../../providers/FunkitQuoteContext';
 interface ApprovalMethodToggleProps {
     value: ApprovalMethod;
     onChange: (next: ApprovalMethod) => void;

package/dist/components/Dropdown/ChainDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken/TransferToken';
+import type { TokenTransferSourceChainsAndAssets } from '../../modals/CheckoutModal/TransferToken/TransferToken';
 import type { BaseActiveDropdownItemProps } from './BaseActiveDropdownItem';
 import { type BaseDropdownProps } from './BaseDropdown';
 interface ChainDropdownProps {

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

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-import type { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken/TransferToken';
+import type { TokenTransferSourceChainsAndAssets } from '../../modals/CheckoutModal/TransferToken/TransferToken';
 import type { BaseDropdownProps } from './BaseDropdown';
 interface TokenAndChainDropdownProps {
     isLoading: boolean;

package/dist/components/Dropdown/TokenDropdown.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TokenTransferSourceChainsAndAssets } from '~/modals/CheckoutModal/TransferToken/TransferToken';
+import type { TokenTransferSourceChainsAndAssets } from '../../modals/CheckoutModal/TransferToken/TransferToken';
 import { type BaseDropdownProps } from './BaseDropdown';
 interface TokenDropdownProps {
     selectedChainId: number | undefined;

package/dist/components/FunAsset/FunAssetItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { AssetHoldingsItem } from '~/utils/assets';
+import type { AssetHoldingsItem } from '../../utils/assets';
 interface FunAssetItemProps {
     asset: AssetHoldingsItem;
     isActive?: boolean;

package/dist/components/FunCheckoutHistory/AddTokenToWalletButton.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactNode } from 'react';
-import type { AddToWalletToken } from '~/providers/FunkitCheckoutContext';
+import type { AddToWalletToken } from '../../providers/FunkitCheckoutContext';
 export type AddTokenToWalletBannerStatus = 'idle' | 'pending' | 'success' | 'error';
 interface AddTokenToWalletBannerProps {
     status: AddTokenToWalletBannerStatus;

package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryBottomBar.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import type { FunButtonProps } from '~/components/FunButton/FunButton';
+import type { FunButtonProps } from '../../components/FunButton/FunButton';
 interface FunDirectExecutionHistoryBottomBarProps {
     isProcessing: boolean;
     isLoaded: boolean;

package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts

@@ -1,6 +1,6 @@
 import type { DirectExecution } from '@funkit/api-base';
 import React from 'react';
-import type { MergedMultiStepDirectExecution } from '~/domains/checkoutNotifications';
+import type { MergedMultiStepDirectExecution } from '../../domains/checkoutNotifications';
 import type { TextConfigStatus, TextConfigSteps } from '../TransactionStatus/TransactionStatus';
 import type { FunDirectExecutionStatusProps } from './FunDirectExecutionStatus';
 export declare function FunDirectExecutionHistoryDetail({ bottomBarId, directExecution, isActiveCheckout, onClose, onAnimationComplete, showCheckoutStatus, customTextConfigStatus, customTextConfigSteps, dangerousCustomDelayedAutoTriggerCutoff, disableAutoUpdate, hideYouReceive, }: {

package/dist/components/FunCheckoutHistory/PendingSuccessScreen.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { TextConfigSteps } from '~/components/TransactionStatus/TransactionStatus';
-import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
+import type { TextConfigSteps } from '../../components/TransactionStatus/TransactionStatus';
+import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
 export interface PendingSuccessScreenProps {
     bottomBarId: string;
     onClose: () => void;

package/dist/components/FunCheckoutHistory/YouSendItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { HistoricalCheckoutItem } from '~/domains/clientMetadata';
+import type { HistoricalCheckoutItem } from '../../domains/clientMetadata';
 export declare function YouSendItem({ clientMetadata, isLoaded, }: {
     clientMetadata: HistoricalCheckoutItem | undefined;
     isLoaded: boolean;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { NotificationStatus } from '~/modals/CheckoutModal/TransferToken/CheckoutNotification';
+import type { NotificationStatus } from '../../modals/CheckoutModal/TransferToken/CheckoutNotification';
 export interface FunNotificationBannerIconProps {
     iconUrl?: string | null;
     fallbackIconUrl?: string;

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

@@ -1,6 +1,6 @@
 import { type SwappedFormOfPayment } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
-import { type FunkitPaymentMethodIconsConfig } from '~/providers/FunkitConfigContext';
+import { type FunkitPaymentMethodIconsConfig } from '../../providers/FunkitConfigContext';
 import { PaymentMethod, type PaymentMethodBrokerageInfo, type PaymentMethodVirtualBankInfo } from '../../domains/paymentMethods';
 import type { AssetHoldingsItem } from '../../domains/wallet';
 /**

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type BrokerageOption } from '~/consts/bluvo';
+import { type BrokerageOption } from '../../consts/bluvo';
 interface FunSelectBrokerageProps {
     isDisabled?: boolean;
     options: ReadonlyArray<BrokerageOption>;

package/dist/components/FunTransactionSummary/DestinationYieldRows.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext/types';
+import type { FunkitCheckoutConfig } from '../../providers/FunkitCheckoutContext/types';
 /**
  * Renders integrator-provided destination yield metadata (Supply APY /
  * Collateralization) as rows. Driven by the customer-agnostic

package/dist/components/FunTransactionSummary/PaymentAmountSummary.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { DirectExecutionType } from '@funkit/api-base';
-import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
-import type { QuoteDisplayAmounts } from '~/domains/quoteMode';
-import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
+import type { QuoteDisplayAmounts } from '../../domains/quoteMode';
+import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 interface PaymentAmountSummaryProps {
     isLoading: boolean;
     targetChainId: string;

package/dist/components/FunTransactionSummary/PaymentFeesSummary.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactNode } from 'react';
-import type { CheckoutFees } from '~/domains/fees';
-import type { FunkitCheckoutQuoteResult } from '~/domains/quote';
+import type { CheckoutFees } from '../../domains/fees';
+import type { FunkitCheckoutQuoteResult } from '../../domains/quote';
 import { type FunTooltipProps } from '../FunTooltip/FunTooltip';
 export declare const NO_DATA_VALUE = "-";
 interface PaymentFeesSummaryProps {

package/dist/components/FunTransactionSummary/PaymentFeesSummary.track.d.ts

@@ -1,4 +1,4 @@
-import type { TrackEventData } from '~/hooks/track/useTrack';
-import type { FunkitActiveCheckoutItem } from '~/providers/FunkitCheckoutContext';
+import type { TrackEventData } from '../../hooks/track/useTrack';
+import type { FunkitActiveCheckoutItem } from '../../providers/FunkitCheckoutContext';
 import type { FeeItem } from './PaymentFeesSummary';
 export declare const trackEventFromPaymentFeesSummary: (checkoutItem: FunkitActiveCheckoutItem, feeItems: FeeItem[], isWithdrawal: boolean) => TrackEventData;

package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts

@@ -1,7 +1,7 @@
 import type { FunAddress } from '@funkit/api-base';
 import React from 'react';
-import type { PaymentMethodInfo } from '~/domains/paymentMethods';
-import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext/types';
+import type { PaymentMethodInfo } from '../../domains/paymentMethods';
+import type { FunkitCheckoutConfig } from '../../providers/FunkitCheckoutContext/types';
 interface PaymentMethodSummaryProps {
     paymentMethodInfo: PaymentMethodInfo;
     customRecipient: FunAddress | undefined;

package/dist/components/FunTransactionSummary/PaymentRouteSummary.d.ts

@@ -1,6 +1,6 @@
 import type { FunAddress } from '@funkit/api-base';
 import React, { type ReactNode } from 'react';
-import { type PaymentMethodInfo } from '~/domains/paymentMethods';
+import { type PaymentMethodInfo } from '../../domains/paymentMethods';
 type PaymentRouteSummaryProps = {
     paymentMethodInfo: PaymentMethodInfo | null;
     customRecipient: FunAddress | undefined;

package/dist/components/ModalHeightAnimationLayer/FunCheckoutModalHeightAnimationWrapper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type FunkitCheckoutConfig } from '~/index';
-import { FunCheckoutStep } from '~/modals/CheckoutModal/stepTransition';
+import { type FunkitCheckoutConfig } from '../../index';
+import { FunCheckoutStep } from '../../modals/CheckoutModal/stepTransition';
 interface FunCheckoutModalHeightAnimationWrapperProps {
     children: React.ReactNode;
     checkoutConfig?: FunkitCheckoutConfig;

package/dist/components/NewTokenDepositAlert/NewTokenDepositAlert.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TransferTokenDefault } from '~/hooks/useTokenAndChainDropdown';
+import type { TransferTokenDefault } from '../../hooks/useTokenAndChainDropdown';
 interface NewTokenDepositAlertProps {
     onClick: (value: TransferTokenDefault) => void;
 }

package/dist/components/ReceiveAmount/ReceiveAmount.d.ts

@@ -1,7 +1,7 @@
 import type { ApiFunkitCheckoutQuoteResult } from '@funkit/utils';
 import React, { type ReactNode } from 'react';
-import type { ServerCheckoutConfig } from '~/domains/clientMetadata';
-import type { FunkitCheckoutConfig } from '~/providers/FunkitCheckoutContext';
+import type { ServerCheckoutConfig } from '../../domains/clientMetadata';
+import type { FunkitCheckoutConfig } from '../../providers/FunkitCheckoutContext';
 interface ReceiveAmountProps {
     config: ServerCheckoutConfig | FunkitCheckoutConfig;
     /** To override the default icon if custom one is needed */

package/dist/components/SourcePaymentMethodItem/SourcePaymentMethodItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentMethod } from '~/domains/paymentMethods';
+import { PaymentMethod } from '../../domains/paymentMethods';
 import { type FunPaymentMethodItemProps } from '../FunPaymentMethodItem/FunPaymentMethodItem';
 interface SourcePaymentMethodItemProps extends Omit<FunPaymentMethodItemProps, 'valueIcon'> {
     type: PaymentMethod;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CheckoutProgressStep } from '~/providers/FunkitCheckoutContext';
+import type { CheckoutProgressStep } from '../../../providers/FunkitCheckoutContext';
 import type { TransactionStatusProps } from '../TransactionStatus';
 interface AnimatedSpinnerProps {
     currentStatus: TransactionStatusProps['status'];

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { CheckoutProgressStep } from '~/providers/FunkitCheckoutContext';
+import type { CheckoutProgressStep } from '../../providers/FunkitCheckoutContext';
 export declare const STEP_SPINNER_MORPH_DEGREES = 45;
 export declare const STEP_SPINNER_MORPH_MAX_OFFSET = 4;
 export declare const STEP_SPINNER_SIZE_BIG_SCALE = 1;