@bpmn-io/form-js-viewer 1.14.0 → 1.14.1-alpha.0

package/dist/index.es.js

@@ -907,7 +907,6 @@ function useDeepCompareMemoize(value) {
  * @enum { String }
  */
 const LOAD_STATES = {
-  LOADING: 'loading',
   LOADED: 'loaded',
   ERROR: 'error'
 };
@@ -1118,6 +1117,9 @@ function _isElementScrollable(el) {
   return (overflowY === 'auto' || overflowY === 'scroll') && el.scrollHeight > el.clientHeight;
 }
 
+const EMPTY_OBJECT = {};
+const EMPTY_ARRAY$2 = [];
+
 /**
  * Custom hook to scroll an element within a scrollable container.
  *
@@ -1131,8 +1133,8 @@ function _isElementScrollable(el) {
  * @param {Array} [flagRefs] - An array of refs that are used as flags to control when to scroll.
  */
 function useScrollIntoView(scrolledElementRef, deps, scrollOptions, flagRefs) {
-  const _scrollOptions = scrollOptions;
-  const _flagRefs = flagRefs;
+  const _scrollOptions = scrollOptions || EMPTY_OBJECT;
+  const _flagRefs = flagRefs || EMPTY_ARRAY$2;
   useEffect(() => {
     // return early if flags are not raised, or component is not mounted
     if (some(_flagRefs, ref => !ref.current) || !scrolledElementRef.current) {
@@ -6041,6 +6043,59 @@ function useValidDocumentData(dataSource) {
   return data.filter(isValidDocument);
 }
 
+/**
+ * @param {Object} props
+ * @param {string} props.url
+ * @param {string} props.fileName
+ * @param {Function} props.onError
+ * @param {string} props.errorMessageId
+ * @returns {import("preact").JSX.Element}
+ */
+function PdfRenderer(props) {
+  const {
+    url,
+    onError,
+    errorMessageId
+  } = props;
+  const [pdfObjectUrl, setPdfObjectUrl] = useState(null);
+  const [hasError, setHasError] = useState(false);
+  useEffect(() => {
+    let objectUrl = null;
+    const fetchPdf = async () => {
+      try {
+        const response = await fetch(url);
+        if (!response.ok) {
+          setHasError(true);
+          onError();
+          return;
+        }
+        const blob = await response.blob();
+        objectUrl = URL.createObjectURL(blob);
+        setPdfObjectUrl(objectUrl);
+      } catch {
+        setHasError(true);
+        onError();
+      }
+    };
+    fetchPdf();
+    return () => {
+      if (objectUrl) {
+        URL.revokeObjectURL(objectUrl);
+      }
+    };
+  }, [url, onError]);
+  return jsxs(Fragment, {
+    children: [pdfObjectUrl ? jsx("embed", {
+      src: pdfObjectUrl,
+      type: "application/pdf",
+      class: `fjs-${type}-pdf-viewer`
+    }) : null, hasError ? jsx(Errors, {
+      id: errorMessageId,
+      errors: ['Unable to download document']
+    }) : null]
+  });
+}
+
 /**
  *
  * @param {Object} props
@@ -6097,20 +6152,18 @@ function DocumentRenderer(props) {
     });
   }
   if (isContentTypePresent && metadata.contentType.toLowerCase() === 'application/pdf' && isInViewport) {
-    return jsxs("div", {
+    return jsx("div", {
       class: singleDocumentContainerClassName,
       style: {
         maxHeight
       },
       "aria-describedby": hasError ? errorMessageId : undefined,
-      children: [jsx("embed", {
-        src: fullUrl,
-        type: "application/pdf",
-        class: `fjs-${type}-pdf-viewer`
-      }), hasError ? jsx(Errors, {
-        id: errorMessageId,
-        errors: [errorMessage]
-      }) : null]
+      children: jsx(PdfRenderer, {
+        url: fullUrl,
+        fileName: metadata.fileName,
+        onError: () => setHasError(true),
+        errorMessageId: errorMessageId
+      })
     });
   }
   return jsxs("div", {