@oneblink/apps-react 2.3.0-beta.2 → 2.3.0-beta.3

package/dist/components/renderer/ProgressBar.js

@@ -1,7 +1,7 @@
-import { LinearProgress } from '@mui/material';
-import * as React from 'react';
-const ProgressBar = ({ progress, className }) => {
-    return (React.createElement(LinearProgress, { className: className, variant: "determinate", value: progress }));
-};
-export default React.memo(ProgressBar);
+import { LinearProgress } from '@mui/material';
+import * as React from 'react';
+const ProgressBar = ({ progress, ...rest }) => {
+    return React.createElement(LinearProgress, { ...rest, variant: "determinate", value: progress });
+};
+export default React.memo(ProgressBar);
 //# sourceMappingURL=ProgressBar.js.map

package/dist/components/renderer/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/renderer/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS,EAAE,EAAE;IACrD,OAAO,CACL,oBAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE,QAAQ,GACf,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,WAAW,CAAC,CAAA","sourcesContent":["import { LinearProgress } from '@mui/material'\nimport * as React from 'react'\n\ninterface Props {\n  progress: number\n  className?: string\n}\n\nconst ProgressBar = ({ progress, className }: Props) => {\n  return (\n    <LinearProgress\n      className={className}\n      variant=\"determinate\"\n      value={progress}\n    />\n  )\n}\n\nexport default React.memo<Props>(ProgressBar)\n"]}
+{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/renderer/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuB,MAAM,eAAe,CAAA;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS,EAAE,EAAE;IACnD,OAAO,oBAAC,cAAc,OAAK,IAAI,EAAE,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,QAAQ,GAAI,CAAA;AAC5E,CAAC,CAAA;AAED,eAAe,KAAK,CAAC,IAAI,CAAQ,WAAW,CAAC,CAAA","sourcesContent":["import { LinearProgress, LinearProgressProps } from '@mui/material'\nimport * as React from 'react'\n\ninterface Props extends Omit<LinearProgressProps, 'value' | 'variant'> {\n  progress: number\n}\n\nconst ProgressBar = ({ progress, ...rest }: Props) => {\n  return <LinearProgress {...rest} variant=\"determinate\" value={progress} />\n}\n\nexport default React.memo<Props>(ProgressBar)\n"]}

package/dist/components/renderer/ToggleAllCheckbox.d.ts

@@ -1,13 +1,13 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../../types/form';
-interface Props {
-    id: string;
-    element: FormTypes.CheckboxElement | FormTypes.SelectElement;
-    options: FormTypes.ChoiceElementOption[];
-    selected: string[];
-    onChange: FormElementValueChangeHandler<string[]>;
-    disabled?: boolean;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../../types/form';
+interface Props {
+    id: string;
+    element: FormTypes.CheckboxElement | FormTypes.SelectElement;
+    options: FormTypes.ChoiceElementOption[];
+    selected: string[];
+    onChange: FormElementValueChangeHandler<string[]>;
+    disabled?: boolean;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/renderer/ToggleAllCheckbox.js

@@ -1,27 +1,27 @@
-import * as React from 'react';
-import { Checkbox } from '@mui/material';
-const ToggleAllCheckbox = ({ id, element, options, selected, onChange, disabled, }) => {
-    const allSelected = React.useMemo(() => {
-        return options.every((option) => {
-            return selected.includes(option.value);
-        });
-    }, [options, selected]);
-    const handleToggleAll = React.useCallback((isSelectingAll) => {
-        if (isSelectingAll) {
-            onChange(element, options.map((opt) => opt.value));
-        }
-        else {
-            onChange(element, undefined);
-        }
-    }, [element, options, onChange]);
-    return (React.createElement("label", { className: "checkbox ob-checkbox__input-label cypress-checkbox-label", htmlFor: `${id}_select-all`, style: {
-            fontStyle: 'italic',
-            marginBottom: '1.25rem',
-        } },
-        React.createElement(Checkbox, { color: "default", classes: {
-                checked: 'ob-checkbox__input-checked',
-            }, className: "ob-checkbox__input cypress-checkbox-control", id: `${id}_select-all`, disableRipple: true, checked: allSelected, indeterminate: !!selected.length && !allSelected, onChange: (e) => handleToggleAll(e.target.checked), disabled: disabled }),
-        allSelected ? 'Deselect All' : 'Select All'));
-};
-export default React.memo(ToggleAllCheckbox);
+import * as React from 'react';
+import { Checkbox } from '@mui/material';
+const ToggleAllCheckbox = ({ id, element, options, selected, onChange, disabled, }) => {
+    const allSelected = React.useMemo(() => {
+        return options.every((option) => {
+            return selected.includes(option.value);
+        });
+    }, [options, selected]);
+    const handleToggleAll = React.useCallback((isSelectingAll) => {
+        if (isSelectingAll) {
+            onChange(element, options.map((opt) => opt.value));
+        }
+        else {
+            onChange(element, undefined);
+        }
+    }, [element, options, onChange]);
+    return (React.createElement("label", { className: "checkbox ob-checkbox__input-label cypress-checkbox-label", htmlFor: `${id}_select-all`, style: {
+            fontStyle: 'italic',
+            marginBottom: '1.25rem',
+        } },
+        React.createElement(Checkbox, { color: "default", classes: {
+                checked: 'ob-checkbox__input-checked',
+            }, className: "ob-checkbox__input cypress-checkbox-control", id: `${id}_select-all`, disableRipple: true, checked: allSelected, indeterminate: !!selected.length && !allSelected, onChange: (e) => handleToggleAll(e.target.checked), disabled: disabled }),
+        allSelected ? 'Deselect All' : 'Select All'));
+};
+export default React.memo(ToggleAllCheckbox);
 //# sourceMappingURL=ToggleAllCheckbox.js.map

package/dist/components/renderer/attachments/AttachmentStatus.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-declare const _default: React.MemoExoticComponent<({ isUploading, isUploadPaused, uploadError, loadImageUrlError, isLoadingImageUrl, imageUrl, }: {
-    isUploading?: boolean | undefined;
-    isUploadPaused?: boolean | undefined;
-    uploadError?: Error | undefined;
-    loadImageUrlError?: Error | undefined;
-    isLoadingImageUrl?: boolean | undefined;
-    imageUrl: string | null | undefined;
-}) => JSX.Element | null>;
-export default _default;
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<({ isUploading, isUploadPaused, uploadError, loadImageUrlError, isLoadingImageUrl, imageUrl, }: {
+    isUploading?: boolean | undefined;
+    isUploadPaused?: boolean | undefined;
+    uploadError?: Error | undefined;
+    loadImageUrlError?: Error | undefined;
+    isLoadingImageUrl?: boolean | undefined;
+    imageUrl: string | null | undefined;
+}) => JSX.Element | null>;
+export default _default;

package/dist/components/renderer/attachments/AttachmentStatus.js

@@ -1,37 +1,37 @@
-import * as React from 'react';
-import { Tooltip } from '@mui/material';
-import useIsOffline from '../../../hooks/useIsOffline';
-const AttachmentStatus = ({ isUploading, isUploadPaused, uploadError, loadImageUrlError, isLoadingImageUrl, imageUrl, }) => {
-    const isOffline = useIsOffline();
-    const tooltip = React.useMemo(() => {
-        if (isLoadingImageUrl && !imageUrl) {
-            return 'Attempting to load file preview. File is synced with submission.';
-        }
-        if (loadImageUrlError && !imageUrl) {
-            return 'File preview not available, however file is synced with submission.';
-        }
-        return 'Synced with submission.';
-    }, [imageUrl, isLoadingImageUrl, loadImageUrlError]);
-    if (uploadError) {
-        return (React.createElement(Tooltip, { title: uploadError.message },
-            React.createElement("span", { className: "attachment__status-wrapper" },
-                React.createElement("i", { className: "material-icons has-text-danger" }, "error"))));
-    }
-    if (isUploading) {
-        if (isUploadPaused) {
-            return (React.createElement("span", { className: "attachment__status-wrapper" },
-                React.createElement("i", { className: "material-icons" }, "pause")));
-        }
-        if (isOffline) {
-            return (React.createElement(Tooltip, { title: "Upload will start when you connect to the internet" },
-                React.createElement("div", { className: "cypress-attachment-uploading" },
-                    React.createElement("i", { className: "material-icons has-text-warning" }, "wifi_off"))));
-        }
-        return null;
-    }
-    return (React.createElement(Tooltip, { title: tooltip },
-        React.createElement("span", { className: "attachment__status-wrapper" },
-            React.createElement("i", { className: "material-icons has-text-success" }, "check_circle"))));
-};
-export default React.memo(AttachmentStatus);
+import * as React from 'react';
+import { Tooltip } from '@mui/material';
+import useIsOffline from '../../../hooks/useIsOffline';
+const AttachmentStatus = ({ isUploading, isUploadPaused, uploadError, loadImageUrlError, isLoadingImageUrl, imageUrl, }) => {
+    const isOffline = useIsOffline();
+    const tooltip = React.useMemo(() => {
+        if (isLoadingImageUrl && !imageUrl) {
+            return 'Attempting to load file preview. File is synced with submission.';
+        }
+        if (loadImageUrlError && !imageUrl) {
+            return 'File preview not available, however file is synced with submission.';
+        }
+        return 'Synced with submission.';
+    }, [imageUrl, isLoadingImageUrl, loadImageUrlError]);
+    if (uploadError) {
+        return (React.createElement(Tooltip, { title: uploadError.message },
+            React.createElement("span", { className: "attachment__status-wrapper" },
+                React.createElement("i", { className: "material-icons has-text-danger" }, "error"))));
+    }
+    if (isUploading) {
+        if (isUploadPaused) {
+            return (React.createElement("span", { className: "attachment__status-wrapper" },
+                React.createElement("i", { className: "material-icons" }, "pause")));
+        }
+        if (isOffline) {
+            return (React.createElement(Tooltip, { title: "Upload will start when you connect to the internet" },
+                React.createElement("div", { className: "cypress-attachment-uploading" },
+                    React.createElement("i", { className: "material-icons has-text-warning" }, "wifi_off"))));
+        }
+        return null;
+    }
+    return (React.createElement(Tooltip, { title: tooltip },
+        React.createElement("span", { className: "attachment__status-wrapper" },
+            React.createElement("i", { className: "material-icons has-text-success" }, "check_circle"))));
+};
+export default React.memo(AttachmentStatus);
 //# sourceMappingURL=AttachmentStatus.js.map

package/dist/components/renderer/attachments/FileCard.d.ts

@@ -1,19 +1,19 @@
-import * as React from 'react';
-import { FormTypes } from '@oneblink/types';
-declare type Props = {
-    element: FormTypes.FilesElement;
-    isUploading?: boolean;
-    isUploadPaused?: boolean;
-    uploadErrorMessage?: string;
-    loadImageUrlError?: Error;
-    isLoadingImageUrl?: boolean;
-    fileName: string;
-    imageUrl: string | undefined | null;
-    onRemove: () => void;
-    onDownload?: () => void;
-    onRetry?: () => void;
-    progress: undefined | number;
-};
-declare function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadImageUrlError, isLoadingImageUrl, imageUrl, fileName, onDownload, onRemove, onRetry, progress, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FileCard>;
-export default _default;
+import * as React from 'react';
+import { FormTypes } from '@oneblink/types';
+declare type Props = {
+    element: FormTypes.FilesElement;
+    isUploading?: boolean;
+    isUploadPaused?: boolean;
+    uploadErrorMessage?: string;
+    loadImageUrlError?: Error;
+    isLoadingImageUrl?: boolean;
+    fileName: string;
+    imageUrl: string | undefined | null;
+    onRemove: () => void;
+    onDownload?: () => void;
+    onRetry?: () => void;
+    progress: undefined | number;
+};
+declare function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadImageUrlError, isLoadingImageUrl, imageUrl, fileName, onDownload, onRemove, onRetry, progress, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FileCard>;
+export default _default;

package/dist/components/renderer/attachments/FileCard.js

@@ -1,61 +1,61 @@
-import * as React from 'react';
-import clsx from 'clsx';
-import useBooleanState from '../../../hooks/useBooleanState';
-import useClickOutsideElement from '../../../hooks/useClickOutsideElement';
-import FileCardContent from './FileCardContent';
-import AttachmentStatus from './AttachmentStatus';
-import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../../../services/form-validation';
-import ProgressBar from './ProgressBar';
-function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadImageUrlError, isLoadingImageUrl, imageUrl, fileName, onDownload, onRemove, onRetry, progress, }) {
-    const dropDownRef = React.useRef(null);
-    const [isShowingMore, showMore, hideMore] = useBooleanState(false);
-    const uploadError = React.useMemo(() => {
-        if (!checkFileNameIsValid(element, fileName)) {
-            return new Error(`${fileName.split('.').pop()} files are not allowed`);
-        }
-        if (!checkFileNameExtensionIsValid(element, fileName)) {
-            return new Error(`${fileName} must have an extension`);
-        }
-        if (uploadErrorMessage) {
-            return new Error(uploadErrorMessage);
-        }
-    }, [element, fileName, uploadErrorMessage]);
-    useClickOutsideElement(dropDownRef, React.useCallback(() => {
-        if (isShowingMore) {
-            hideMore();
-        }
-    }, [hideMore, isShowingMore]));
-    const progressTooltipRef = React.useRef(null);
-    return (React.createElement("div", { className: "column is-one-quarter" },
-        React.createElement("div", { className: "ob-files__box" },
-            React.createElement("div", { className: "ob-files__content" },
-                React.createElement(FileCardContent, { imageUrl: imageUrl })),
-            React.createElement("div", { className: clsx('dropdown is-right ob-files__menu', {
-                    'is-active': isShowingMore,
-                }), ref: dropDownRef },
-                React.createElement("div", { className: "dropdown-trigger" },
-                    React.createElement("button", { type: "button", className: "button ob-files__menu-button cypress-file-menu-button", "aria-haspopup": "true", "aria-controls": "dropdown-menu", onClick: isShowingMore ? hideMore : showMore },
-                        React.createElement("i", { className: "material-icons ob-files__menu-icon" }, "more_vert"))),
-                React.createElement("div", { className: "dropdown-menu", role: "menu" },
-                    React.createElement("div", { className: "dropdown-content" },
-                        onRetry && (React.createElement("a", { className: "dropdown-item cypress-file-retry-button", onClick: () => {
-                                hideMore();
-                                onRetry();
-                            } }, "Retry")),
-                        onDownload && (React.createElement("a", { className: "dropdown-item cypress-file-download-button", onClick: () => {
-                                hideMore();
-                                onDownload();
-                            } }, "Download")),
-                        React.createElement("a", { className: clsx('dropdown-item cypress-file-remove-button', {
-                                'ob-files__menu-remove-hidden': element.readOnly,
-                            }), onClick: () => {
-                                hideMore();
-                                onRemove();
-                            } }, "Remove")))),
-            React.createElement("div", { className: "ob-files__file-name is-size-6", ref: progressTooltipRef },
-                React.createElement("span", { className: "ob-files__file-name-inner" }, fileName),
-                React.createElement(AttachmentStatus, { isUploading: isUploading, isUploadPaused: isUploadPaused, uploadError: uploadError, loadImageUrlError: loadImageUrlError, isLoadingImageUrl: isLoadingImageUrl, imageUrl: imageUrl }),
-                progressTooltipRef.current && (React.createElement(ProgressBar, { progress: progress, isShowing: !!isUploading, tooltipAnchorEl: progressTooltipRef.current }))))));
-}
-export default React.memo(FileCard);
+import * as React from 'react';
+import clsx from 'clsx';
+import useBooleanState from '../../../hooks/useBooleanState';
+import useClickOutsideElement from '../../../hooks/useClickOutsideElement';
+import FileCardContent from './FileCardContent';
+import AttachmentStatus from './AttachmentStatus';
+import { checkFileNameIsValid, checkFileNameExtensionIsValid, } from '../../../services/form-validation';
+import ProgressBar from './ProgressBar';
+function FileCard({ element, isUploading, isUploadPaused, uploadErrorMessage, loadImageUrlError, isLoadingImageUrl, imageUrl, fileName, onDownload, onRemove, onRetry, progress, }) {
+    const dropDownRef = React.useRef(null);
+    const [isShowingMore, showMore, hideMore] = useBooleanState(false);
+    const uploadError = React.useMemo(() => {
+        if (!checkFileNameIsValid(element, fileName)) {
+            return new Error(`${fileName.split('.').pop()} files are not allowed`);
+        }
+        if (!checkFileNameExtensionIsValid(element, fileName)) {
+            return new Error(`${fileName} must have an extension`);
+        }
+        if (uploadErrorMessage) {
+            return new Error(uploadErrorMessage);
+        }
+    }, [element, fileName, uploadErrorMessage]);
+    useClickOutsideElement(dropDownRef, React.useCallback(() => {
+        if (isShowingMore) {
+            hideMore();
+        }
+    }, [hideMore, isShowingMore]));
+    const progressTooltipRef = React.useRef(null);
+    return (React.createElement("div", { className: "column is-one-quarter" },
+        React.createElement("div", { className: "ob-files__box" },
+            React.createElement("div", { className: "ob-files__content" },
+                React.createElement(FileCardContent, { imageUrl: imageUrl })),
+            React.createElement("div", { className: clsx('dropdown is-right ob-files__menu', {
+                    'is-active': isShowingMore,
+                }), ref: dropDownRef },
+                React.createElement("div", { className: "dropdown-trigger" },
+                    React.createElement("button", { type: "button", className: "button ob-files__menu-button cypress-file-menu-button", "aria-haspopup": "true", "aria-controls": "dropdown-menu", onClick: isShowingMore ? hideMore : showMore },
+                        React.createElement("i", { className: "material-icons ob-files__menu-icon" }, "more_vert"))),
+                React.createElement("div", { className: "dropdown-menu", role: "menu" },
+                    React.createElement("div", { className: "dropdown-content" },
+                        onRetry && (React.createElement("a", { className: "dropdown-item cypress-file-retry-button", onClick: () => {
+                                hideMore();
+                                onRetry();
+                            } }, "Retry")),
+                        onDownload && (React.createElement("a", { className: "dropdown-item cypress-file-download-button", onClick: () => {
+                                hideMore();
+                                onDownload();
+                            } }, "Download")),
+                        React.createElement("a", { className: clsx('dropdown-item cypress-file-remove-button', {
+                                'ob-files__menu-remove-hidden': element.readOnly,
+                            }), onClick: () => {
+                                hideMore();
+                                onRemove();
+                            } }, "Remove")))),
+            React.createElement("div", { className: "ob-files__file-name is-size-6", ref: progressTooltipRef },
+                React.createElement("span", { className: "ob-files__file-name-inner" }, fileName),
+                React.createElement(AttachmentStatus, { isUploading: isUploading, isUploadPaused: isUploadPaused, uploadError: uploadError, loadImageUrlError: loadImageUrlError, isLoadingImageUrl: isLoadingImageUrl, imageUrl: imageUrl }),
+                progressTooltipRef.current && (React.createElement(ProgressBar, { progress: progress, isShowing: !!isUploading, tooltipAnchorEl: progressTooltipRef.current }))))));
+}
+export default React.memo(FileCard);
 //# sourceMappingURL=FileCard.js.map

package/dist/components/renderer/attachments/FileCardContent.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-declare const _default: React.MemoExoticComponent<({ imageUrl, }: {
-    imageUrl: string | null | undefined;
-}) => JSX.Element>;
-export default _default;
+import * as React from 'react';
+declare const _default: React.MemoExoticComponent<({ imageUrl, }: {
+    imageUrl: string | null | undefined;
+}) => JSX.Element>;
+export default _default;

package/dist/components/renderer/attachments/FileCardContent.js

@@ -1,11 +1,11 @@
-import * as React from 'react';
-const FileCardContent = ({ imageUrl, }) => {
-    if (imageUrl) {
-        return (React.createElement("div", { className: "ob-files__content-image" },
-            React.createElement("img", { className: "ob-files__image", src: imageUrl })));
-    }
-    return (React.createElement("div", { className: "ob-files__content-file has-text-centered" },
-        React.createElement("i", { className: "material-icons icon-large ob-files__attach-icon has-text-grey" }, "attach_file")));
-};
-export default React.memo(FileCardContent);
+import * as React from 'react';
+const FileCardContent = ({ imageUrl, }) => {
+    if (imageUrl) {
+        return (React.createElement("div", { className: "ob-files__content-image" },
+            React.createElement("img", { className: "ob-files__image", src: imageUrl })));
+    }
+    return (React.createElement("div", { className: "ob-files__content-file has-text-centered" },
+        React.createElement("i", { className: "material-icons icon-large ob-files__attach-icon has-text-grey" }, "attach_file")));
+};
+export default React.memo(FileCardContent);
 //# sourceMappingURL=FileCardContent.js.map

package/dist/components/renderer/attachments/ImagePreviewUnavailable.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
-declare function ImagePreviewUnavailable(): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof ImagePreviewUnavailable>;
-export default _default;
+import * as React from 'react';
+declare function ImagePreviewUnavailable(): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ImagePreviewUnavailable>;
+export default _default;

package/dist/components/renderer/attachments/ImagePreviewUnavailable.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import useIsOffline from '../../../hooks/useIsOffline';
-function ImagePreviewUnavailable() {
-    const isOffline = useIsOffline();
-    return (React.createElement(React.Fragment, null, isOffline ? (React.createElement(React.Fragment, null,
-        React.createElement("i", { className: "material-icons has-text-warning icon-large has-margin-bottom-6" }, "wifi_off"),
-        React.createElement("p", null, "It looks like you're offline. Image preview will be available when connectivity is restored."))) : (React.createElement(React.Fragment, null,
-        React.createElement("i", { className: "material-icons has-text-grey icon-large has-margin-bottom-6" }, "attach_file"),
-        React.createElement("p", null, "You do not have access to preview this image, however, it will be included with your submission.")))));
-}
-export default React.memo(ImagePreviewUnavailable);
+import * as React from 'react';
+import useIsOffline from '../../../hooks/useIsOffline';
+function ImagePreviewUnavailable() {
+    const isOffline = useIsOffline();
+    return (React.createElement(React.Fragment, null, isOffline ? (React.createElement(React.Fragment, null,
+        React.createElement("i", { className: "material-icons has-text-warning icon-large has-margin-bottom-6" }, "wifi_off"),
+        React.createElement("p", null, "It looks like you're offline. Image preview will be available when connectivity is restored."))) : (React.createElement(React.Fragment, null,
+        React.createElement("i", { className: "material-icons has-text-grey icon-large has-margin-bottom-6" }, "attach_file"),
+        React.createElement("p", null, "You do not have access to preview this image, however, it will be included with your submission.")))));
+}
+export default React.memo(ImagePreviewUnavailable);
 //# sourceMappingURL=ImagePreviewUnavailable.js.map

package/dist/components/renderer/attachments/ProgressBar.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-interface Props {
-    progress: number | undefined;
-    isShowing: boolean;
-    tooltipAnchorEl?: HTMLDivElement;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+interface Props {
+    progress: number | undefined;
+    isShowing: boolean;
+    tooltipAnchorEl?: HTMLDivElement;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/renderer/attachments/ProgressBar.js

@@ -1,34 +1,34 @@
-import * as React from 'react';
-import { Tooltip, Fade } from '@mui/material';
-import ProgressBar from '../ProgressBar';
-import useBooleanState from '../../../hooks/useBooleanState';
-const AttachmentProgressBar = ({ progress, isShowing, tooltipAnchorEl, }) => {
-    const [tooltipIsOpen, openTooltip, closeTooltip] = useBooleanState(false);
-    React.useEffect(() => {
-        if (tooltipAnchorEl && isShowing) {
-            console.log('Applying tooltip events...');
-            tooltipAnchorEl.onmouseenter = openTooltip;
-            tooltipAnchorEl.onmouseleave = closeTooltip;
-        }
-        if (!isShowing) {
-            closeTooltip();
-        }
-        return () => {
-            if (tooltipAnchorEl) {
-                console.log('Removing tooltip events...');
-                tooltipAnchorEl.onmouseenter = null;
-                tooltipAnchorEl.onmouseleave = null;
-            }
-        };
-    }, [closeTooltip, isShowing, openTooltip, tooltipAnchorEl]);
-    return (React.createElement(Fade, { in: isShowing },
-        React.createElement("span", null,
-            React.createElement("div", { className: "ob-progress__attachment-wrapper" },
-                React.createElement(Tooltip, { title: typeof progress === 'number'
-                        ? `Attachment upload progress: ${Math.round(progress)}%`
-                        : '', open: tooltipIsOpen },
-                    React.createElement("span", { className: "ob-progress__attachment-tooltip-element" })),
-                React.createElement(ProgressBar, { className: "ob-progress__attachment-bar", progress: progress || 0 })))));
-};
-export default React.memo(AttachmentProgressBar);
+import * as React from 'react';
+import { Tooltip, Fade } from '@mui/material';
+import ProgressBar from '../ProgressBar';
+import useBooleanState from '../../../hooks/useBooleanState';
+const AttachmentProgressBar = ({ progress, isShowing, tooltipAnchorEl, }) => {
+    const [tooltipIsOpen, openTooltip, closeTooltip] = useBooleanState(false);
+    React.useEffect(() => {
+        if (tooltipAnchorEl && isShowing) {
+            console.log('Applying tooltip events...');
+            tooltipAnchorEl.onmouseenter = openTooltip;
+            tooltipAnchorEl.onmouseleave = closeTooltip;
+        }
+        if (!isShowing) {
+            closeTooltip();
+        }
+        return () => {
+            if (tooltipAnchorEl) {
+                console.log('Removing tooltip events...');
+                tooltipAnchorEl.onmouseenter = null;
+                tooltipAnchorEl.onmouseleave = null;
+            }
+        };
+    }, [closeTooltip, isShowing, openTooltip, tooltipAnchorEl]);
+    return (React.createElement(Fade, { in: isShowing },
+        React.createElement("span", null,
+            React.createElement("div", { className: "ob-progress__attachment-wrapper" },
+                React.createElement(Tooltip, { title: typeof progress === 'number'
+                        ? `Attachment upload progress: ${Math.round(progress)}%`
+                        : '', open: tooltipIsOpen },
+                    React.createElement("span", { className: "ob-progress__attachment-tooltip-element" })),
+                React.createElement(ProgressBar, { className: "ob-progress__attachment-bar", progress: progress || 0 })))));
+};
+export default React.memo(AttachmentProgressBar);
 //# sourceMappingURL=ProgressBar.js.map

package/dist/form-elements/ComplianceButton.d.ts

@@ -1,10 +1,10 @@
-import * as React from 'react';
-interface Props {
-    onClick: () => void;
-    icon: string;
-    children: React.ReactNode;
-    isActive: boolean;
-    disabled: boolean;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;
+import * as React from 'react';
+interface Props {
+    onClick: () => void;
+    icon: string;
+    children: React.ReactNode;
+    isActive: boolean;
+    disabled: boolean;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/form-elements/ComplianceButton.js

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import clsx from 'clsx';
-const ComplianceButton = ({ onClick, icon, children, isActive, disabled, }) => {
-    return (React.createElement("button", { disabled: disabled, type: "button", className: clsx('button ob-button__compliance', {
-            'is-primary': isActive,
-            'is-light': !isActive,
-        }), onClick: onClick },
-        React.createElement("i", { className: "material-icons is-size-5 ob-button__compliance-icon" }, icon),
-        children));
-};
-export default React.memo(ComplianceButton);
+import * as React from 'react';
+import clsx from 'clsx';
+const ComplianceButton = ({ onClick, icon, children, isActive, disabled, }) => {
+    return (React.createElement("button", { disabled: disabled, type: "button", className: clsx('button ob-button__compliance', {
+            'is-primary': isActive,
+            'is-light': !isActive,
+        }), onClick: onClick },
+        React.createElement("i", { className: "material-icons is-size-5 ob-button__compliance-icon" }, icon),
+        children));
+};
+export default React.memo(ComplianceButton);
 //# sourceMappingURL=ComplianceButton.js.map

package/dist/form-elements/FormElementABN.d.ts

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { FormTypes, MiscTypes } from '@oneblink/types';
-import { FormElementValueChangeHandler } from '../types/form';
-declare type Props = {
-    id: string;
-    element: FormTypes.ABNElement;
-    value: MiscTypes.ABNRecord | undefined;
-    onChange: FormElementValueChangeHandler<MiscTypes.ABNRecord>;
-    displayValidationMessage: boolean;
-    validationMessage: string | undefined;
-};
-declare function FormElementABN({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof FormElementABN>;
-export default _default;
+import * as React from 'react';
+import { FormTypes, MiscTypes } from '@oneblink/types';
+import { FormElementValueChangeHandler } from '../types/form';
+declare type Props = {
+    id: string;
+    element: FormTypes.ABNElement;
+    value: MiscTypes.ABNRecord | undefined;
+    onChange: FormElementValueChangeHandler<MiscTypes.ABNRecord>;
+    displayValidationMessage: boolean;
+    validationMessage: string | undefined;
+};
+declare function FormElementABN({ id, element, value, onChange, validationMessage, displayValidationMessage, }: Props): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof FormElementABN>;
+export default _default;