Transaction: 5wEensU...Yvm8

{ "data": { "events_v2.near": { "widget": { "components__image": { "": "const url = props.url;\n\nif (!url) {\n return props.__engine.helpers.propIsRequiredMessage('url');\n}\n\nif (!state) {\n State.init({ loaded: false, src: null });\n return <></>;\n}\n\nconst AnimationFadeBlurIn = styled.keyframes`\n from {\n opacity: 0;\n filter: blur(10px);\n }\n\n to {\n opacity: 1;\n filter: blur(0px);\n }\n`;\n\nconst LoadedImage = styled.img`\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n\n ${(props) => props.style || ''}\n\n animation: ${AnimationFadeBlurIn} 1s ease-in-out;\n`;\n\nreturn (\n <>\n {!state.loaded && (\n <LoadedImage\n src={url}\n alt={props.alt || 'Image'}\n onLoad={() => {\n State.update({ loaded: true, src: url });\n }}\n style={{\n display: 'none',\n opacity: 0,\n width: 0,\n height: 0,\n position: 'absolute',\n top: '-1000px',\n left: '-1000px',\n }}\n />\n )}\n\n {state.loaded && (\n <img\n src={state.src}\n alt={props.alt || 'Image'}\n style={{\n display: 'block',\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n ...(props.style || {}),\n }}\n />\n )}\n </>\n);\n" } } } } }