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

package/dist/index.js

@@ -1,24 +1,24 @@
-export { OneBlinkFormUncontrolled as OneBlinkForm, OneBlinkFormControlled, } from './OneBlinkForm';
-export { default as OneBlinkAutoSaveForm } from './OneBlinkAutoSaveForm';
-export { default as OneBlinkReadOnlyForm } from './OneBlinkReadOnlyForm';
-export { OneBlinkFormStoreProvider } from './components/formStore/OneBlinkFormStoreProvider';
-export { default as OneBlinkFormStoreClearFiltersButton } from './components/formStore/OneBlinkFormStoreClearFiltersButton';
-export { default as OneBlinkFormStoreColumnsButton } from './components/formStore/OneBlinkFormStoreColumnsButton';
-export { default as OneBlinkFormStoreDownloadButton } from './components/formStore/OneBlinkFormStoreDownloadButton';
-export { default as OneBlinkFormStoreRefreshButton } from './components/formStore/OneBlinkFormStoreRefreshButton';
-export { default as OneBlinkFormStoreTable } from './components/formStore/OneBlinkFormStoreTable';
-export { default as useIsMounted } from './hooks/useIsMounted';
-export { default as useBooleanState } from './hooks/useBooleanState';
-export { default as useNullableState } from './hooks/useNullableState';
-export { default as useClickOutsideElement } from './hooks/useClickOutsideElement';
-export { default as useIsOffline, IsOfflineContextProvider, } from './hooks/useIsOffline';
-export { default as useLogin } from './hooks/useLogin';
-export { default as useAuth, AuthContextProvider } from './hooks/useAuth';
-export { default as useLoadDataState } from './hooks/useLoadDataState';
-export { default as useFormSubmissionState } from './hooks/useFormSubmissionState';
-export { default as useFormSubmissionAutoSaveState } from './hooks/useFormSubmissionAutoSaveState';
-export { default as MuiV4CompatibleDatePicker } from './components/pickers/V4CompatibleDatePicker';
-export { default as MuiV4CompatibleDateTimePicker } from './components/pickers/V4CompatibleDateTimePicker';
-export { default as MuiV4CompatibleTimePicker } from './components/pickers/V4CompatibleTimePicker';
-export { default as ProgressBar } from './components/renderer/ProgressBar';
+export { OneBlinkFormUncontrolled as OneBlinkForm, OneBlinkFormControlled, } from './OneBlinkForm';
+export { default as OneBlinkAutoSaveForm } from './OneBlinkAutoSaveForm';
+export { default as OneBlinkReadOnlyForm } from './OneBlinkReadOnlyForm';
+export { OneBlinkFormStoreProvider } from './components/formStore/OneBlinkFormStoreProvider';
+export { default as OneBlinkFormStoreClearFiltersButton } from './components/formStore/OneBlinkFormStoreClearFiltersButton';
+export { default as OneBlinkFormStoreColumnsButton } from './components/formStore/OneBlinkFormStoreColumnsButton';
+export { default as OneBlinkFormStoreDownloadButton } from './components/formStore/OneBlinkFormStoreDownloadButton';
+export { default as OneBlinkFormStoreRefreshButton } from './components/formStore/OneBlinkFormStoreRefreshButton';
+export { default as OneBlinkFormStoreTable } from './components/formStore/OneBlinkFormStoreTable';
+export { default as useIsMounted } from './hooks/useIsMounted';
+export { default as useBooleanState } from './hooks/useBooleanState';
+export { default as useNullableState } from './hooks/useNullableState';
+export { default as useClickOutsideElement } from './hooks/useClickOutsideElement';
+export { default as useIsOffline, IsOfflineContextProvider, } from './hooks/useIsOffline';
+export { default as useLogin } from './hooks/useLogin';
+export { default as useAuth, AuthContextProvider } from './hooks/useAuth';
+export { default as useLoadDataState } from './hooks/useLoadDataState';
+export { default as useFormSubmissionState } from './hooks/useFormSubmissionState';
+export { default as useFormSubmissionAutoSaveState } from './hooks/useFormSubmissionAutoSaveState';
+export { default as MuiV4CompatibleDatePicker } from './components/pickers/V4CompatibleDatePicker';
+export { default as MuiV4CompatibleDateTimePicker } from './components/pickers/V4CompatibleDateTimePicker';
+export { default as MuiV4CompatibleTimePicker } from './components/pickers/V4CompatibleTimePicker';
+export { default as ProgressBar } from './components/renderer/ProgressBar';
 //# sourceMappingURL=index.js.map

package/dist/services/attachments.d.ts

@@ -1,10 +1,10 @@
-import { FormTypes } from '@oneblink/types';
-import { AttachmentNew } from '../types/attachments';
-export declare function prepareNewAttachment(blob: Blob, fileName: string, element: FormTypes.FormElementBinaryStorage): AttachmentNew;
-export declare function checkIfContentTypeIsImage(contentType: string): boolean;
-export declare function parseFilesAsAttachmentsLegacy(files: File[], onAnnotateCanvas?: (file: File, canvas: HTMLCanvasElement) => void): Promise<Array<{
-    data: string;
-    fileName: string;
-    contentType: string;
-}>>;
-export declare function correctFileOrientation(file: File, onAnnotateCanvas?: (file: File, canvas: HTMLCanvasElement) => void): Promise<Blob | HTMLCanvasElement>;
+import { FormTypes } from '@oneblink/types';
+import { AttachmentNew } from '../types/attachments';
+export declare function prepareNewAttachment(blob: Blob, fileName: string, element: FormTypes.FormElementBinaryStorage): AttachmentNew;
+export declare function checkIfContentTypeIsImage(contentType: string): boolean;
+export declare function parseFilesAsAttachmentsLegacy(files: File[], onAnnotateCanvas?: (file: File, canvas: HTMLCanvasElement) => void): Promise<Array<{
+    data: string;
+    fileName: string;
+    contentType: string;
+}>>;
+export declare function correctFileOrientation(file: File, onAnnotateCanvas?: (file: File, canvas: HTMLCanvasElement) => void): Promise<Blob | HTMLCanvasElement>;

package/dist/services/attachments.js

@@ -1,73 +1,73 @@
-import { Sentry } from '@oneblink/apps';
-import { v4 as uuid } from 'uuid';
-import { blobToCanvas, getBlobOrientation } from './blob-utils';
-export function prepareNewAttachment(blob, fileName, element) {
-    return {
-        _id: uuid(),
-        data: blob,
-        fileName,
-        isPrivate: element.storageType !== 'public',
-        type: 'NEW',
-    };
-}
-export function checkIfContentTypeIsImage(contentType) {
-    return contentType.indexOf('image/') === 0;
-}
-export async function parseFilesAsAttachmentsLegacy(files, onAnnotateCanvas) {
-    const attachments = [];
-    for (const file of files) {
-        const result = await correctFileOrientation(file, onAnnotateCanvas);
-        if (result instanceof Blob) {
-            console.log('Attempting to parse File as attachment', file);
-            const base64data = await new Promise((resolve, reject) => {
-                const reader = new FileReader();
-                reader.onload = function () {
-                    resolve(reader.result);
-                };
-                reader.onerror = function () {
-                    reject(new Error('Could not read file from data url'));
-                };
-                reader.readAsDataURL(file);
-            });
-            attachments.push({
-                fileName: file.name,
-                contentType: file.type,
-                data: base64data,
-            });
-        }
-        else {
-            attachments.push({
-                fileName: file.name,
-                contentType: file.type,
-                data: result.toDataURL(),
-            });
-        }
-    }
-    return attachments;
-}
-export async function correctFileOrientation(file, onAnnotateCanvas) {
-    try {
-        if (!checkIfContentTypeIsImage(file.type)) {
-            return file;
-        }
-        console.log('Attempting to parse File as image attachment', file);
-        const orientation = await getBlobOrientation(file);
-        if ((typeof orientation !== 'number' || orientation === 1) &&
-            !onAnnotateCanvas) {
-            console.log('Skipping orientation correction for image');
-            return file;
-        }
-        console.log('Loading image onto canvas to correct orientation using image meta data', { orientation });
-        const canvas = await blobToCanvas(file, orientation);
-        if (onAnnotateCanvas) {
-            onAnnotateCanvas(file, canvas);
-        }
-        return canvas;
-    }
-    catch (err) {
-        console.warn('Failed to rotate the orientation of a file:', err);
-        Sentry.captureException(err);
-        return file;
-    }
-}
+import { Sentry } from '@oneblink/apps';
+import { v4 as uuid } from 'uuid';
+import { blobToCanvas, getBlobOrientation } from './blob-utils';
+export function prepareNewAttachment(blob, fileName, element) {
+    return {
+        _id: uuid(),
+        data: blob,
+        fileName,
+        isPrivate: element.storageType !== 'public',
+        type: 'NEW',
+    };
+}
+export function checkIfContentTypeIsImage(contentType) {
+    return contentType.indexOf('image/') === 0;
+}
+export async function parseFilesAsAttachmentsLegacy(files, onAnnotateCanvas) {
+    const attachments = [];
+    for (const file of files) {
+        const result = await correctFileOrientation(file, onAnnotateCanvas);
+        if (result instanceof Blob) {
+            console.log('Attempting to parse File as attachment', file);
+            const base64data = await new Promise((resolve, reject) => {
+                const reader = new FileReader();
+                reader.onload = function () {
+                    resolve(reader.result);
+                };
+                reader.onerror = function () {
+                    reject(new Error('Could not read file from data url'));
+                };
+                reader.readAsDataURL(file);
+            });
+            attachments.push({
+                fileName: file.name,
+                contentType: file.type,
+                data: base64data,
+            });
+        }
+        else {
+            attachments.push({
+                fileName: file.name,
+                contentType: file.type,
+                data: result.toDataURL(),
+            });
+        }
+    }
+    return attachments;
+}
+export async function correctFileOrientation(file, onAnnotateCanvas) {
+    try {
+        if (!checkIfContentTypeIsImage(file.type)) {
+            return file;
+        }
+        console.log('Attempting to parse File as image attachment', file);
+        const orientation = await getBlobOrientation(file);
+        if ((typeof orientation !== 'number' || orientation === 1) &&
+            !onAnnotateCanvas) {
+            console.log('Skipping orientation correction for image');
+            return file;
+        }
+        console.log('Loading image onto canvas to correct orientation using image meta data', { orientation });
+        const canvas = await blobToCanvas(file, orientation);
+        if (onAnnotateCanvas) {
+            onAnnotateCanvas(file, canvas);
+        }
+        return canvas;
+    }
+    catch (err) {
+        console.warn('Failed to rotate the orientation of a file:', err);
+        Sentry.captureException(err);
+        return file;
+    }
+}
 //# sourceMappingURL=attachments.js.map

package/dist/services/barcode-readers/quagger.d.ts

@@ -1 +1 @@
-export default function (imgData: string, barcodeTypes?: string[]): Promise<string | undefined>;
+export default function (imgData: string, barcodeTypes?: string[]): Promise<string | undefined>;

package/dist/services/barcode-readers/quagger.js

@@ -1,35 +1,35 @@
-import Quagga from 'quagga';
-const BARCODE_TYPES = [
-    'code_128_reader',
-    'ean_reader',
-    'ean_8_reader',
-    'code_39_reader',
-    'code_39_vin_reader',
-    'codabar_reader',
-    'upc_reader',
-    'upc_e_reader',
-    'i2of5_reader',
-    '2of5_reader',
-    'code_93_reader',
-];
-export default function (imgData, barcodeTypes) {
-    return new Promise((resolve) => {
-        Quagga.decodeSingle({
-            decoder: {
-                readers: (barcodeTypes && barcodeTypes.length
-                    ? barcodeTypes
-                    : BARCODE_TYPES).filter((type) => type !== 'qr_reader'),
-            },
-            locate: true,
-            src: imgData,
-        }, function (result) {
-            if (result && result.codeResult) {
-                resolve(result.codeResult.code);
-            }
-            else {
-                resolve(undefined);
-            }
-        });
-    });
-}
+import Quagga from 'quagga';
+const BARCODE_TYPES = [
+    'code_128_reader',
+    'ean_reader',
+    'ean_8_reader',
+    'code_39_reader',
+    'code_39_vin_reader',
+    'codabar_reader',
+    'upc_reader',
+    'upc_e_reader',
+    'i2of5_reader',
+    '2of5_reader',
+    'code_93_reader',
+];
+export default function (imgData, barcodeTypes) {
+    return new Promise((resolve) => {
+        Quagga.decodeSingle({
+            decoder: {
+                readers: (barcodeTypes && barcodeTypes.length
+                    ? barcodeTypes
+                    : BARCODE_TYPES).filter((type) => type !== 'qr_reader'),
+            },
+            locate: true,
+            src: imgData,
+        }, function (result) {
+            if (result && result.codeResult) {
+                resolve(result.codeResult.code);
+            }
+            else {
+                resolve(undefined);
+            }
+        });
+    });
+}
 //# sourceMappingURL=quagger.js.map

package/dist/services/blob-utils.d.ts

@@ -1,5 +1,5 @@
-export declare function dataUriToBlobSync(dataUri: string): Blob;
-export declare function urlToBlobAsync(url: string, isPrivate?: boolean, abortSignal?: AbortSignal): Promise<Blob>;
-export declare function blobToCanvas(blob: Blob, orientation?: number): Promise<HTMLCanvasElement>;
-export declare function canvasToBlob(canvas: HTMLCanvasElement): Promise<Blob>;
-export declare function getBlobOrientation(blob: Blob): Promise<number | undefined>;
+export declare function dataUriToBlobSync(dataUri: string): Blob;
+export declare function urlToBlobAsync(url: string, isPrivate?: boolean, abortSignal?: AbortSignal): Promise<Blob>;
+export declare function blobToCanvas(blob: Blob, orientation?: number): Promise<HTMLCanvasElement>;
+export declare function canvasToBlob(canvas: HTMLCanvasElement): Promise<Blob>;
+export declare function getBlobOrientation(blob: Blob): Promise<number | undefined>;

package/dist/services/blob-utils.js

@@ -1,74 +1,74 @@
-import { authService } from '@oneblink/apps';
-import loadImage from 'blueimp-load-image';
-// Copied from https://stackoverflow.com/questions/16245767/creating-a-blob-from-a-base64-string-in-javascript
-const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => {
-    const byteCharacters = atob(b64Data);
-    const byteArrays = [];
-    for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
-        const slice = byteCharacters.slice(offset, offset + sliceSize);
-        const byteNumbers = new Array(slice.length);
-        for (let i = 0; i < slice.length; i++) {
-            byteNumbers[i] = slice.charCodeAt(i);
-        }
-        const byteArray = new Uint8Array(byteNumbers);
-        byteArrays.push(byteArray);
-    }
-    const blob = new Blob(byteArrays, { type: contentType });
-    return blob;
-};
-export function dataUriToBlobSync(dataUri) {
-    const [prefix, b64Data] = dataUri.split(',');
-    const matches = prefix.match(/data:(.*);base64/);
-    const [, contentType] = matches || [];
-    return b64toBlob(b64Data, contentType);
-}
-async function generateRequestInit(isPrivate, abortSignal) {
-    if (!isPrivate) {
-        return {
-            signal: abortSignal,
-        };
-    }
-    const idToken = await authService.getIdToken();
-    if (idToken) {
-        return {
-            signal: abortSignal,
-            headers: {
-                Authorization: `Bearer ${idToken}`,
-            },
-        };
-    }
-}
-export async function urlToBlobAsync(url, isPrivate, abortSignal) {
-    const requestInit = await generateRequestInit(isPrivate, abortSignal);
-    const response = await fetch(url, requestInit);
-    if (!response.ok) {
-        throw new Error(`Unable to download file. HTTP Status Code: ${response.status}`);
-    }
-    return await response.blob();
-}
-export async function blobToCanvas(blob, orientation) {
-    const loadImageResult = await loadImage(blob, {
-        canvas: true,
-        orientation: orientation,
-    });
-    // @ts-expect-error this it always be a HTMLCanvasElement because we passed `canvas: true` above
-    const canvas = loadImageResult.image;
-    return canvas;
-}
-export async function canvasToBlob(canvas) {
-    const blob = await new Promise((resolve, reject) => {
-        canvas.toBlob((blob) => {
-            if (blob)
-                resolve(blob);
-            reject(new Error('Failed to convert canvas back to blob.'));
-        });
-    });
-    return blob;
-}
-export async function getBlobOrientation(blob) {
-    var _a;
-    const imageMetaData = await loadImage.parseMetaData(blob);
-    const orientation = (_a = imageMetaData.exif) === null || _a === void 0 ? void 0 : _a.get('Orientation');
-    return orientation;
-}
+import { authService } from '@oneblink/apps';
+import loadImage from 'blueimp-load-image';
+// Copied from https://stackoverflow.com/questions/16245767/creating-a-blob-from-a-base64-string-in-javascript
+const b64toBlob = (b64Data, contentType = '', sliceSize = 512) => {
+    const byteCharacters = atob(b64Data);
+    const byteArrays = [];
+    for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
+        const slice = byteCharacters.slice(offset, offset + sliceSize);
+        const byteNumbers = new Array(slice.length);
+        for (let i = 0; i < slice.length; i++) {
+            byteNumbers[i] = slice.charCodeAt(i);
+        }
+        const byteArray = new Uint8Array(byteNumbers);
+        byteArrays.push(byteArray);
+    }
+    const blob = new Blob(byteArrays, { type: contentType });
+    return blob;
+};
+export function dataUriToBlobSync(dataUri) {
+    const [prefix, b64Data] = dataUri.split(',');
+    const matches = prefix.match(/data:(.*);base64/);
+    const [, contentType] = matches || [];
+    return b64toBlob(b64Data, contentType);
+}
+async function generateRequestInit(isPrivate, abortSignal) {
+    if (!isPrivate) {
+        return {
+            signal: abortSignal,
+        };
+    }
+    const idToken = await authService.getIdToken();
+    if (idToken) {
+        return {
+            signal: abortSignal,
+            headers: {
+                Authorization: `Bearer ${idToken}`,
+            },
+        };
+    }
+}
+export async function urlToBlobAsync(url, isPrivate, abortSignal) {
+    const requestInit = await generateRequestInit(isPrivate, abortSignal);
+    const response = await fetch(url, requestInit);
+    if (!response.ok) {
+        throw new Error(`Unable to download file. HTTP Status Code: ${response.status}`);
+    }
+    return await response.blob();
+}
+export async function blobToCanvas(blob, orientation) {
+    const loadImageResult = await loadImage(blob, {
+        canvas: true,
+        orientation: orientation,
+    });
+    // @ts-expect-error this it always be a HTMLCanvasElement because we passed `canvas: true` above
+    const canvas = loadImageResult.image;
+    return canvas;
+}
+export async function canvasToBlob(canvas) {
+    const blob = await new Promise((resolve, reject) => {
+        canvas.toBlob((blob) => {
+            if (blob)
+                resolve(blob);
+            reject(new Error('Failed to convert canvas back to blob.'));
+        });
+    });
+    return blob;
+}
+export async function getBlobOrientation(blob) {
+    var _a;
+    const imageMetaData = await loadImage.parseMetaData(blob);
+    const orientation = (_a = imageMetaData.exif) === null || _a === void 0 ? void 0 : _a.get('Orientation');
+    return orientation;
+}
 //# sourceMappingURL=blob-utils.js.map

package/dist/services/checkBsbsAreInvalid.d.ts

@@ -1,3 +1,3 @@
-import { FormTypes } from '@oneblink/types';
-import { FormSubmissionModel } from '../types/form';
-export default function checkBsbsAreInvalid(form: FormTypes.Form, submission: FormSubmissionModel): boolean;
+import { FormTypes } from '@oneblink/types';
+import { FormSubmissionModel } from '../types/form';
+export default function checkBsbsAreInvalid(form: FormTypes.Form, submission: FormSubmissionModel): boolean;

package/dist/services/checkBsbsAreInvalid.js

@@ -1,41 +1,41 @@
-function checkIfBsbsAreInvalidForFormElements(formElements, submission) {
-    return formElements.some((formElement) => {
-        switch (formElement.type) {
-            case 'section':
-            case 'page': {
-                return checkIfBsbsAreInvalidForFormElements(formElement.elements, submission);
-            }
-            case 'form': {
-                const nestedSubmission = submission[formElement.name];
-                if (!nestedSubmission || typeof nestedSubmission !== 'object') {
-                    break;
-                }
-                return checkIfBsbsAreInvalidForFormElements(formElement.elements || [], nestedSubmission);
-            }
-            case 'repeatableSet': {
-                const entries = submission[formElement.name];
-                if (!Array.isArray(entries)) {
-                    break;
-                }
-                return entries.some((entry) => {
-                    return (typeof entry === 'object' &&
-                        checkIfBsbsAreInvalidForFormElements(formElement.elements, entry));
-                });
-            }
-            case 'bsb': {
-                const value = submission[formElement.name];
-                if (!value) {
-                    break;
-                }
-                const bsbValue = value;
-                if (typeof bsbValue === 'object') {
-                    return bsbValue.isInvalid;
-                }
-            }
-        }
-    });
-}
-export default function checkBsbsAreInvalid(form, submission) {
-    return checkIfBsbsAreInvalidForFormElements(form.elements, submission);
-}
+function checkIfBsbsAreInvalidForFormElements(formElements, submission) {
+    return formElements.some((formElement) => {
+        switch (formElement.type) {
+            case 'section':
+            case 'page': {
+                return checkIfBsbsAreInvalidForFormElements(formElement.elements, submission);
+            }
+            case 'form': {
+                const nestedSubmission = submission[formElement.name];
+                if (!nestedSubmission || typeof nestedSubmission !== 'object') {
+                    break;
+                }
+                return checkIfBsbsAreInvalidForFormElements(formElement.elements || [], nestedSubmission);
+            }
+            case 'repeatableSet': {
+                const entries = submission[formElement.name];
+                if (!Array.isArray(entries)) {
+                    break;
+                }
+                return entries.some((entry) => {
+                    return (typeof entry === 'object' &&
+                        checkIfBsbsAreInvalidForFormElements(formElement.elements, entry));
+                });
+            }
+            case 'bsb': {
+                const value = submission[formElement.name];
+                if (!value) {
+                    break;
+                }
+                const bsbValue = value;
+                if (typeof bsbValue === 'object') {
+                    return bsbValue.isInvalid;
+                }
+            }
+        }
+    });
+}
+export default function checkBsbsAreInvalid(form, submission) {
+    return checkIfBsbsAreInvalidForFormElements(form.elements, submission);
+}
 //# sourceMappingURL=checkBsbsAreInvalid.js.map

package/dist/services/checkIfAttachmentsExist.d.ts

@@ -1,5 +1,5 @@
-import { FormTypes } from '@oneblink/types';
-import { Attachment, AttachmentError } from '../types/attachments';
-import { FormSubmissionModel } from '../types/form';
-export declare function validateAttachmentExists(attachment: Attachment, attachmentRetentionInDays: number | undefined): AttachmentError | void;
-export default function checkIfAttachmentsExist(form: FormTypes.Form, submission: FormSubmissionModel, attachmentRetentionInDays: number | undefined): FormSubmissionModel | void;
+import { FormTypes } from '@oneblink/types';
+import { Attachment, AttachmentError } from '../types/attachments';
+import { FormSubmissionModel } from '../types/form';
+export declare function validateAttachmentExists(attachment: Attachment, attachmentRetentionInDays: number | undefined): AttachmentError | void;
+export default function checkIfAttachmentsExist(form: FormTypes.Form, submission: FormSubmissionModel, attachmentRetentionInDays: number | undefined): FormSubmissionModel | void;