@funkit/connect 9.21.1-next.0 → 9.23.0

package/dist/clients/chunk-L7PABCF2.js

@@ -1,54 +0,0 @@
-"use client";
-import {
-  Box
-} from "./chunk-7GWX2ZS4.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-OJLDTEKB.js

@@ -1,54 +0,0 @@
-"use client";
-import {
-  Box
-} from "./chunk-ZEFHAWRH.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-SSSQQ32F.js

@@ -1,186 +0,0 @@
-"use client";
-import {
-  useFunkitTranslation
-} from "./chunk-ZEFHAWRH.js";
-
-// src/providers/FunkitConfigContext.tsx
-import {
-  createContext,
-  useContext,
-  useMemo
-} from "react";
-var DEFAULT_TEXT_CUSTOMIZATIONS = {
-  virtualFiat: "Deposit with SEPA",
-  brokerageOrExchange: "Connect Exchange",
-  debitOrCredit: "Deposit with Card",
-  accountBalance: "Wallet",
-  selectAccount: "Select an exchange",
-  perpsTransferTitle: "Transfer",
-  sourceMethodTitle: "Your source",
-  tokensListTitle: "Your tokens",
-  transferTokens: "Transfer Crypto",
-  bitcoinLightning: "Bitcoin on Cash App",
-  receiveDropdownTitle: "",
-  // Default to empty
-  receiveDropdownLabel: "Asset to Receive",
-  confirmationScreen: {
-    payAmountLabel: "You send",
-    receiveAmountLabel: "You receive"
-  },
-  paymentMethodSubtitles: {}
-};
-var DEFAULT_UI_CUSTOMIZATIONS = {
-  alignTitle: "center",
-  alwaysShowTopDivider: false,
-  showModalTitle: true,
-  callToActionsUppercase: false,
-  enableCompactList: false,
-  checkoutHistory: {
-    showGetHelpAsAlert: true,
-    simplifiedUi: false
-  },
-  confirmationScreen: {
-    preferDestinationWhenSame: false,
-    showAmountSummaryAbovePaymentMethod: false,
-    showDisclaimerAsAlert: true,
-    showInstantTimeEstimate: false,
-    showLeftAlignedDollarValueWithLabel: false,
-    showPaymentAmountUsd: false,
-    showReceiveAmountUsd: false,
-    showSelectedRoute: false,
-    stepIndicatorType: "spinner",
-    showTokenAmount: true,
-    showTransactionDigest: "none"
-  },
-  sourceChangeScreen: {
-    bottomBarCloseButton: {
-      enabled: false,
-      labelKey: "common.close"
-    },
-    showTargetAssetSelection: false,
-    showWalletOnInsufficientBalance: false,
-    showWalletConnect: true,
-    showCustomTopComponentDivider: false,
-    paymentMethodIcons: {}
-  },
-  inputAmountScreen: {
-    allowTokenAmountInput: true
-  },
-  selectAssetScreen: {
-    isSecondaryTokenSymbolVisible: true,
-    navigateOnAssetClick: false
-  },
-  transferCryptoScreen: {
-    showYouSendYouReceive: false
-  },
-  withdrawalScreen: {},
-  selectBrokerageScreen: {},
-  connectExchangeScreen: {},
-  customIcons: {},
-  customFontFamily: {
-    primary: "",
-    secondary: "",
-    tertiary: ""
-  }
-};
-var DEFAULT_FUNKIT_CONFIG = {
-  apiKey: "",
-  appName: "",
-  textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
-  uiCustomizations: DEFAULT_UI_CUSTOMIZATIONS
-};
-var FunkitConfigContext = createContext(
-  DEFAULT_FUNKIT_CONFIG
-);
-function useFunkitConfig() {
-  const originalFunkitConfig = useContext(FunkitConfigContext);
-  const { t } = useFunkitTranslation();
-  const translatedDefaults = useMemo(() => {
-    return {
-      virtualFiat: t("textCustomizations.virtualFiat"),
-      brokerageOrExchange: t("textCustomizations.brokerageOrExchange"),
-      debitOrCredit: t("textCustomizations.debitOrCredit"),
-      accountBalance: t("textCustomizations.accountBalance"),
-      selectAccount: t("textCustomizations.selectAccount"),
-      perpsTransferTitle: t("perpsTransfer.title"),
-      sourceMethodTitle: t("textCustomizations.sourceMethodTitle"),
-      tokensListTitle: t("textCustomizations.tokensListTitle"),
-      transferTokens: t("textCustomizations.transferTokens"),
-      bitcoinLightning: t("textCustomizations.bitcoinLightning"),
-      receiveDropdownTitle: t("textCustomizations.receiveDropdownTitle"),
-      receiveDropdownLabel: t("textCustomizations.receiveDropdownLabel"),
-      confirmationScreen: {
-        payAmountLabel: t("textCustomizations.payAmountLabel"),
-        receiveAmountLabel: t("textCustomizations.receiveAmountLabel")
-      },
-      paymentMethodSubtitles: {}
-    };
-  }, [t]);
-  const finalFunkitConfig = useMemo(() => {
-    return {
-      ...DEFAULT_FUNKIT_CONFIG,
-      ...originalFunkitConfig,
-      textCustomizations: {
-        ...translatedDefaults,
-        ...originalFunkitConfig.textCustomizations,
-        confirmationScreen: {
-          ...translatedDefaults.confirmationScreen,
-          ...originalFunkitConfig.textCustomizations?.confirmationScreen
-        },
-        paymentMethodSubtitles: {
-          ...translatedDefaults.paymentMethodSubtitles,
-          ...originalFunkitConfig.textCustomizations?.paymentMethodSubtitles
-        }
-      },
-      uiCustomizations: {
-        ...DEFAULT_FUNKIT_CONFIG.uiCustomizations,
-        ...originalFunkitConfig.uiCustomizations,
-        checkoutHistory: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.checkoutHistory,
-          ...originalFunkitConfig.uiCustomizations?.checkoutHistory
-        },
-        confirmationScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.confirmationScreen,
-          ...originalFunkitConfig.uiCustomizations?.confirmationScreen
-        },
-        connectExchangeScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.connectExchangeScreen,
-          ...originalFunkitConfig.uiCustomizations?.connectExchangeScreen
-        },
-        inputAmountScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.inputAmountScreen,
-          ...originalFunkitConfig.uiCustomizations?.inputAmountScreen
-        },
-        selectAssetScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectAssetScreen,
-          ...originalFunkitConfig.uiCustomizations?.selectAssetScreen
-        },
-        selectBrokerageScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectBrokerageScreen,
-          ...originalFunkitConfig.uiCustomizations?.selectBrokerageScreen
-        },
-        sourceChangeScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen,
-          ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen,
-          bottomBarCloseButton: {
-            ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen.bottomBarCloseButton,
-            ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen?.bottomBarCloseButton
-          }
-        },
-        transferCryptoScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.transferCryptoScreen,
-          ...originalFunkitConfig.uiCustomizations?.transferCryptoScreen
-        },
-        withdrawalScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.withdrawalScreen,
-          ...originalFunkitConfig.uiCustomizations?.withdrawalScreen
-        }
-      }
-    };
-  }, [originalFunkitConfig, translatedDefaults]);
-  return finalFunkitConfig;
-}
-
-export {
-  useFunkitConfig
-};

package/dist/clients/chunk-UVWNEQMD.js

@@ -1,186 +0,0 @@
-"use client";
-import {
-  useFunkitTranslation
-} from "./chunk-JD3FIVZ7.js";
-
-// src/providers/FunkitConfigContext.tsx
-import {
-  createContext,
-  useContext,
-  useMemo
-} from "react";
-var DEFAULT_TEXT_CUSTOMIZATIONS = {
-  virtualFiat: "Deposit with SEPA",
-  brokerageOrExchange: "Connect Exchange",
-  debitOrCredit: "Deposit with Card",
-  accountBalance: "Wallet",
-  selectAccount: "Select an exchange",
-  perpsTransferTitle: "Transfer",
-  sourceMethodTitle: "Your source",
-  tokensListTitle: "Your tokens",
-  transferTokens: "Transfer Crypto",
-  bitcoinLightning: "Bitcoin on Cash App",
-  receiveDropdownTitle: "",
-  // Default to empty
-  receiveDropdownLabel: "Asset to Receive",
-  confirmationScreen: {
-    payAmountLabel: "You send",
-    receiveAmountLabel: "You receive"
-  },
-  paymentMethodSubtitles: {}
-};
-var DEFAULT_UI_CUSTOMIZATIONS = {
-  alignTitle: "center",
-  alwaysShowTopDivider: false,
-  showModalTitle: true,
-  callToActionsUppercase: false,
-  enableCompactList: false,
-  checkoutHistory: {
-    showGetHelpAsAlert: true,
-    simplifiedUi: false
-  },
-  confirmationScreen: {
-    preferDestinationWhenSame: false,
-    showAmountSummaryAbovePaymentMethod: false,
-    showDisclaimerAsAlert: true,
-    showInstantTimeEstimate: false,
-    showLeftAlignedDollarValueWithLabel: false,
-    showPaymentAmountUsd: false,
-    showReceiveAmountUsd: false,
-    showSelectedRoute: false,
-    stepIndicatorType: "spinner",
-    showTokenAmount: true,
-    showTransactionDigest: "none"
-  },
-  sourceChangeScreen: {
-    bottomBarCloseButton: {
-      enabled: false,
-      labelKey: "common.close"
-    },
-    showTargetAssetSelection: false,
-    showWalletOnInsufficientBalance: false,
-    showWalletConnect: true,
-    showCustomTopComponentDivider: false,
-    paymentMethodIcons: {}
-  },
-  inputAmountScreen: {
-    allowTokenAmountInput: true
-  },
-  selectAssetScreen: {
-    isSecondaryTokenSymbolVisible: true,
-    navigateOnAssetClick: false
-  },
-  transferCryptoScreen: {
-    showYouSendYouReceive: false
-  },
-  withdrawalScreen: {},
-  selectBrokerageScreen: {},
-  connectExchangeScreen: {},
-  customIcons: {},
-  customFontFamily: {
-    primary: "",
-    secondary: "",
-    tertiary: ""
-  }
-};
-var DEFAULT_FUNKIT_CONFIG = {
-  apiKey: "",
-  appName: "",
-  textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
-  uiCustomizations: DEFAULT_UI_CUSTOMIZATIONS
-};
-var FunkitConfigContext = createContext(
-  DEFAULT_FUNKIT_CONFIG
-);
-function useFunkitConfig() {
-  const originalFunkitConfig = useContext(FunkitConfigContext);
-  const { t } = useFunkitTranslation();
-  const translatedDefaults = useMemo(() => {
-    return {
-      virtualFiat: t("textCustomizations.virtualFiat"),
-      brokerageOrExchange: t("textCustomizations.brokerageOrExchange"),
-      debitOrCredit: t("textCustomizations.debitOrCredit"),
-      accountBalance: t("textCustomizations.accountBalance"),
-      selectAccount: t("textCustomizations.selectAccount"),
-      perpsTransferTitle: t("perpsTransfer.title"),
-      sourceMethodTitle: t("textCustomizations.sourceMethodTitle"),
-      tokensListTitle: t("textCustomizations.tokensListTitle"),
-      transferTokens: t("textCustomizations.transferTokens"),
-      bitcoinLightning: t("textCustomizations.bitcoinLightning"),
-      receiveDropdownTitle: t("textCustomizations.receiveDropdownTitle"),
-      receiveDropdownLabel: t("textCustomizations.receiveDropdownLabel"),
-      confirmationScreen: {
-        payAmountLabel: t("textCustomizations.payAmountLabel"),
-        receiveAmountLabel: t("textCustomizations.receiveAmountLabel")
-      },
-      paymentMethodSubtitles: {}
-    };
-  }, [t]);
-  const finalFunkitConfig = useMemo(() => {
-    return {
-      ...DEFAULT_FUNKIT_CONFIG,
-      ...originalFunkitConfig,
-      textCustomizations: {
-        ...translatedDefaults,
-        ...originalFunkitConfig.textCustomizations,
-        confirmationScreen: {
-          ...translatedDefaults.confirmationScreen,
-          ...originalFunkitConfig.textCustomizations?.confirmationScreen
-        },
-        paymentMethodSubtitles: {
-          ...translatedDefaults.paymentMethodSubtitles,
-          ...originalFunkitConfig.textCustomizations?.paymentMethodSubtitles
-        }
-      },
-      uiCustomizations: {
-        ...DEFAULT_FUNKIT_CONFIG.uiCustomizations,
-        ...originalFunkitConfig.uiCustomizations,
-        checkoutHistory: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.checkoutHistory,
-          ...originalFunkitConfig.uiCustomizations?.checkoutHistory
-        },
-        confirmationScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.confirmationScreen,
-          ...originalFunkitConfig.uiCustomizations?.confirmationScreen
-        },
-        connectExchangeScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.connectExchangeScreen,
-          ...originalFunkitConfig.uiCustomizations?.connectExchangeScreen
-        },
-        inputAmountScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.inputAmountScreen,
-          ...originalFunkitConfig.uiCustomizations?.inputAmountScreen
-        },
-        selectAssetScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectAssetScreen,
-          ...originalFunkitConfig.uiCustomizations?.selectAssetScreen
-        },
-        selectBrokerageScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.selectBrokerageScreen,
-          ...originalFunkitConfig.uiCustomizations?.selectBrokerageScreen
-        },
-        sourceChangeScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen,
-          ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen,
-          bottomBarCloseButton: {
-            ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.sourceChangeScreen.bottomBarCloseButton,
-            ...originalFunkitConfig.uiCustomizations?.sourceChangeScreen?.bottomBarCloseButton
-          }
-        },
-        transferCryptoScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.transferCryptoScreen,
-          ...originalFunkitConfig.uiCustomizations?.transferCryptoScreen
-        },
-        withdrawalScreen: {
-          ...DEFAULT_FUNKIT_CONFIG.uiCustomizations.withdrawalScreen,
-          ...originalFunkitConfig.uiCustomizations?.withdrawalScreen
-        }
-      }
-    };
-  }, [originalFunkitConfig, translatedDefaults]);
-  return finalFunkitConfig;
-}
-
-export {
-  useFunkitConfig
-};

package/dist/clients/chunk-YLZ7COFH.js

@@ -1,230 +0,0 @@
-"use client";
-import {
-  Box
-} from "./chunk-ZEFHAWRH.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
-};