@sky-mavis/tanto-widget/dist/cjs/hooks/usePreloadImages.cjs

Tanto Widget

'use strict';

var react = require('@emotion/react');
var react$1 = require('react');
var dataUris = require('../assets/data-uris.cjs');
var index = require('../utils/index.cjs');

const usePreloadImages = imageSources => {
  react$1.useEffect(() => {
    const validSources = imageSources.filter(index.isValidURL);
    validSources.forEach(src => {
      const img = new Image();
      img.src = src;
      return img;
    });
  }, [imageSources]);
};
const usePreloadTantoImages = () => {
  const theme = react.useTheme();
  const images = [dataUris.blueFilledWCLogoUri, dataUris.blueFilledWCLogoUri, dataUris.roninExtensionCustomLogoUri, dataUris.roninExtensionCustomSquareLogoUri, dataUris.roninLogoUri, dataUris.roninMobileCustomLogoUri, dataUris.roninMobileCustomSquareLogoUri, dataUris.roninWaypointCustomLogoUri, dataUris.roninWaypointCustomSquareLogoUri, dataUris.scanWalletsIconUri];
  if (theme.mode === 'light') {
    usePreloadImages([dataUris.highlightedWalletItemBackgroundUri.light, dataUris.highlightedWalletItemBackgroundUri.lightHover]);
  }
  if (theme.mode === 'dark') {
    usePreloadImages([dataUris.highlightedWalletItemBackgroundUri.dark, dataUris.highlightedWalletItemBackgroundUri.darkHover]);
  }
  usePreloadImages(images);
};

exports.usePreloadImages = usePreloadImages;
exports.usePreloadTantoImages = usePreloadTantoImages;