@shopgate/engage/product/hooks/useLoadProductImage.js

Shopgate's ENGAGE library.

function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{useState,useEffect}from'react';import{loadProductImage}from"../helpers/index";/**
 * Load product image hook
 * @param {string} src .
 * @param {Object} resolution .
 * @returns {boolean}
 */export function useLoadProductImage(src){var resolution=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),loadedImage=_useState2[0],setLoadedImage=_useState2[1];useEffect(function(){if(src){setLoadedImage(null);}},[src]);useEffect(function(){if(src&&!loadedImage){loadProductImage(src,resolution).then(function(imageSrc){return setLoadedImage(imageSrc);});}},[loadedImage,resolution,src]);return loadedImage;}