@jobber/components 4.87.4 → 4.87.5

package/dist/FormatFile/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormatFile = require('../FormatFile-6030027c.js');
+var FormatFile = require('../FormatFile-5ba4cf69.js');
 require('react');
 require('classnames');
 require('filesize');

package/dist/{FormatFile-6030027c.js → FormatFile-5ba4cf69.js}

@@ -42,9 +42,9 @@ function InternalThumbnailImage({ file }) {
     const { name, src } = file;
     const [imageSource, setImageSource] = React.useState();
     const [imageLoaded, setImageLoaded] = React.useState(false);
-    if (!imageSource) {
+    React.useEffect(() => {
         src().then(url => setImageSource(url));
-    }
+    }, []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         !imageLoaded && React__default["default"].createElement(Glimmer.Glimmer, { size: "auto" }),
         React__default["default"].createElement("img", { src: imageSource, onLoad: handleImageLoad, alt: name, "data-testid": "internalThumbnailImage", className: classnames__default["default"](styles.image, { [styles.hidden]: !imageLoaded }) })));

package/dist/Gallery/index.js

@@ -6,7 +6,7 @@ var React = require('react');
 var classnames = require('classnames');
 var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
 var LightBox = require('../LightBox-7efe8932.js');
-var FormatFile = require('../FormatFile-6030027c.js');
+var FormatFile = require('../FormatFile-5ba4cf69.js');
 var Button = require('../Button-6b922fc1.js');
 require('framer-motion');
 require('react-dom');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "4.87.4",
+  "version": "4.87.5",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -80,5 +80,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "348dc45db95bc4480d56068c1268705f79c0d4cf"
+  "gitHead": "4ff921cdef2c5389568a9ba43961806698451949"
 }