@adyen/adyen-web/dist/es-legacy/components/internal/Img/Img.js

[](https://www.npmjs.com/package/@adyen/adyen-web)

import{useState as e,useRef as r,useEffect as t}from"../../../external/preact/hooks/dist/hooks.js";import o from"../../../_virtual/index.js";import{createElement as n}from"../../../external/preact/dist/preact.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){c(e,r,t[r])})}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}function l(c){const{backgroundUrl:l="",className:i="",classNameModifiers:u=[],src:f="",alt:p="",showOnError:b=!1}=c,[m,O]=e(!1),y=r(null),d=()=>{O(!0)},g=o([i],"adyen-checkout__image",{"adyen-checkout__image--loaded":m},...u.map(e=>`adyen-checkout__image--${e}`));return t(()=>{const e=l?new Image:y.current;e.src=l||f,e.onload=d,O(!!e.complete)},[]),l?n("div",s(a({"data-testid":"background",style:{backgroundUrl:l}},c),{className:g})):n("img",s(a({},c),{alt:p,ref:y,className:g,onError:e=>{var r;O(b),null==c||null===(r=c.onError)||void 0===r||r.call(c,e)}}))}export{l as default};
//# sourceMappingURL=Img.js.map