@jobber/components-native 0.96.0 → 0.97.0

package/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jobber/components-native",
-    "version": "0.96.0",
+    "version": "0.97.0",
     "license": "MIT",
     "description": "React Native implementation of Atlantis",
     "repository": {
@@ -96,5 +96,5 @@
         "react-native-safe-area-context": "^5.4.0",
         "react-native-svg": ">=12.0.0"
     },
-    "gitHead": "f18222f5850dfce66a75e112122e9882ef2c7413"
+    "gitHead": "1c8d10a463f068f8580fa2296bba3a34f9c0a22e"
 }

package/dist/src/FormatFile/FormatFile.js

@@ -18,9 +18,9 @@ import { AtlantisFormatFileContext } from "./context/FormatFileContext";
 import { createUseCreateThumbnail } from "./utils/createUseCreateThumbnail";
 import { parseFile } from "./utils/parseFile";
 import { useAtlantisI18n } from "../hooks/useAtlantisI18n";
-export function FormatFileContent({ accessibilityLabel, file, showOverlay, styleInGrid, onUploadComplete, isMedia, skipContainerStyles = false, }) {
+export function FormatFileContent({ accessibilityLabel, file, showOverlay, styleInGrid, onUploadComplete, isMedia, skipContainerStyles = false, onMediaLoadEnd, }) {
     const styles = useStyles();
-    const content = isMedia ? (React.createElement(MediaView, { accessibilityLabel: accessibilityLabel, file: file, showOverlay: showOverlay, showError: file.error, styleInGrid: styleInGrid, onUploadComplete: onUploadComplete })) : (React.createElement(FileView, { accessibilityLabel: accessibilityLabel, file: file, showOverlay: showOverlay, showError: file.error, styleInGrid: styleInGrid, onUploadComplete: onUploadComplete }));
+    const content = isMedia ? (React.createElement(MediaView, { accessibilityLabel: accessibilityLabel, file: file, showOverlay: showOverlay, showError: file.error, styleInGrid: styleInGrid, onUploadComplete: onUploadComplete, onLoadEnd: onMediaLoadEnd })) : (React.createElement(FileView, { accessibilityLabel: accessibilityLabel, file: file, showOverlay: showOverlay, showError: file.error, styleInGrid: styleInGrid, onUploadComplete: onUploadComplete }));
     if (skipContainerStyles) {
         return content;
     }

package/dist/src/FormatFile/FormatFileThumbnail.js

@@ -26,7 +26,7 @@ import { parseFile } from "./utils/parseFile";
  * where you need a single shared BottomSheet rather than one per item, and
  * where the consumer controls the item dimensions via the `size` prop.
  */
-export function FormatFileThumbnail({ file, accessibilityLabel, showFileTypeIndicator = true, createThumbnail: createThumbnailProp, size, testID, }) {
+export function FormatFileThumbnail({ file, accessibilityLabel, showFileTypeIndicator = true, createThumbnail: createThumbnailProp, size, testID, onMediaLoadEnd, }) {
     const formattedFile = useMemo(() => parseFile(file, showFileTypeIndicator), [file, showFileTypeIndicator]);
     const styles = useStyles();
     const [showOverlay, setShowOverlay] = useState(formattedFile.status !== StatusCode.Completed);
@@ -42,5 +42,5 @@ export function FormatFileThumbnail({ file, accessibilityLabel, showFileTypeIndi
                 { marginBottom: 0 },
                 size && { width: size.width, height: size.height },
             ], testID: testID },
-            React.createElement(FormatFileContent, { accessibilityLabel: accessibilityLabel, file: formattedFile, onUploadComplete: () => setShowOverlay(false), isMedia: !!formattedFile.isMedia, styleInGrid: true, showOverlay: showOverlay, skipContainerStyles: true }))));
+            React.createElement(FormatFileContent, { accessibilityLabel: accessibilityLabel, file: formattedFile, onUploadComplete: () => setShowOverlay(false), isMedia: !!formattedFile.isMedia, styleInGrid: true, showOverlay: showOverlay, skipContainerStyles: true, onMediaLoadEnd: onMediaLoadEnd }))));
 }

package/dist/src/FormatFile/components/MediaView/MediaView.js

@@ -9,7 +9,7 @@ import { ProgressBar } from "../ProgressBar";
 import { ErrorIcon } from "../ErrorIcon";
 import { useAtlantisFormatFileContext } from "../../context/FormatFileContext";
 import { useAtlantisI18n } from "../../../hooks/useAtlantisI18n";
-export function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, }) {
+export function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, onLoadEnd, }) {
     const { t } = useAtlantisI18n();
     const { useCreateThumbnail } = useAtlantisFormatFileContext();
     const { thumbnail, error } = useCreateThumbnail(file);
@@ -44,7 +44,10 @@ export function MediaView({ accessibilityLabel, showOverlay, showError, file, st
         React.createElement(ImageBackground, { style: [
                 styles.imageBackground,
                 styleInGrid ? styles.imageBackgroundGrid : styles.imageBackgroundFlat,
-            ], resizeMode: styleInGrid ? "cover" : "contain", source: { uri }, testID: "test-image", onLoadStart: handleLoadStart, onLoadEnd: handleLoadEnd },
+            ], resizeMode: styleInGrid ? "cover" : "contain", source: { uri }, testID: "test-image", onLoadStart: handleLoadStart, onLoadEnd: () => {
+                handleLoadEnd();
+                onLoadEnd === null || onLoadEnd === void 0 ? void 0 : onLoadEnd();
+            } },
             React.createElement(Overlay, { isLoading: isLoading, showOverlay: showOverlay, hasError: hasError, file: file, onUploadComplete: onUploadComplete, styles: styles }))));
 }
 function Overlay({ isLoading, showOverlay, hasError, file, onUploadComplete, styles, }) {