@jobber/components-native 0.40.1 → 0.42.0

package/dist/src/FormatFile/components/_mocks/mockFiles.js

@@ -0,0 +1,78 @@
+import { v4 } from "react-native-uuid";
+import { StatusCode } from "../../types";
+export const FILE_UPLOAD_MOCK_FILE = ({ progress, status = StatusCode.InProgress, }) => ({
+    batchContext: {
+        batchCount: 1,
+        batchId: "FILES",
+    },
+    uuid: v4(),
+    key: "path/test.txt",
+    name: "test.txt",
+    size: 1,
+    type: "application/txt",
+    progress: progress,
+    status: status,
+    sourcePath: "path/test.txt",
+    uploadUrl: "uploadUrl",
+    cancel: jest.fn(),
+});
+export const FILE_UPLOAD_MOCK_IMAGE = ({ progress, size, status = StatusCode.InProgress, }) => ({
+    batchContext: {
+        batchCount: 1,
+        batchId: "IMAGES",
+    },
+    uuid: v4(),
+    key: "path/test.png",
+    name: "test.png",
+    size: size || 1,
+    type: "image/png",
+    progress: progress,
+    status: status,
+    sourcePath: "path/test.png",
+    uploadUrl: "uploadUrl",
+    cancel: jest.fn(),
+});
+export const FILE_UPLOAD_MOCK_PDF = ({ progress, status = StatusCode.InProgress, }) => ({
+    batchContext: {
+        batchCount: 1,
+        batchId: "FILES",
+    },
+    uuid: v4(),
+    key: "path/test.pdf",
+    name: "test.pdf",
+    size: 1,
+    type: "file/pdf",
+    progress: progress,
+    status: status,
+    sourcePath: "path/test.pdf",
+    uploadUrl: "uploadUrl",
+    cancel: jest.fn(),
+});
+export const FILE_MOCK_PDF = {
+    fileName: "some_file.pdf",
+    fileSize: 1,
+    contentType: "pdf",
+    url: "https://path/to/file.pdf",
+    thumbnailUrl: "https://path/to/fileThumbnail.pdf",
+};
+export const FILE_MOCK_VIDEO = {
+    fileName: "some_file.mp4",
+    fileSize: 1,
+    contentType: "video",
+    url: undefined,
+    thumbnailUrl: "path/to/fileThumbnail.mp4",
+};
+export const FILE_MOCK_FILE = {
+    fileName: "some_file.txt",
+    fileSize: 1,
+    contentType: "file",
+    url: "https://path/to/file",
+    thumbnailUrl: "https://path/to/fileThumbnail",
+};
+export const FILE_MOCK_IMAGE = {
+    fileName: "some_image.jpg",
+    fileSize: 1,
+    contentType: "image/jpg",
+    url: "https://path/to/image",
+    thumbnailUrl: "https://path/to/imageThumbnail",
+};

package/dist/src/FormatFile/constants.js

@@ -0,0 +1,14 @@
+export const acceptedExtensions = [
+    { name: "video" },
+    { name: "pdf" },
+    { name: "mov" },
+    { name: "mp4" },
+    { name: "docx" },
+    { name: "xlsx" },
+];
+export const videoExtensions = [
+    { type: "mov" },
+    { type: "mp4" },
+    { type: "3gpp" },
+    { type: "hevc" },
+];

package/dist/src/FormatFile/context/FormatFileContext.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from "react";
+export const formatFileContextDefaultValues = {
+    useCreateThumbnail: () => ({ thumbnail: undefined, error: false }),
+};
+export const AtlantisFormatFileContext = createContext(formatFileContextDefaultValues);
+export function useAtlantisFormatFileContext() {
+    return useContext(AtlantisFormatFileContext);
+}

package/dist/src/FormatFile/context/types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/FormatFile/index.js

@@ -0,0 +1 @@
+export { FormatFile } from "./FormatFile";

package/dist/src/FormatFile/messages.js

@@ -0,0 +1,23 @@
+import { defineMessages } from "react-intl";
+export const messages = defineMessages({
+    defaultAccessibilityLabel: {
+        id: "defaultAccessibilityLabel",
+        defaultMessage: "Attachment Preview",
+        description: "The default accessibility label",
+    },
+    defaultAccessibilityHint: {
+        id: "defaultAccessibilityHint",
+        defaultMessage: "Select for more options",
+        description: "The default accessibility hint",
+    },
+    errorAccessibilityLabel: {
+        id: "errorAccessibilityLabel",
+        defaultMessage: "Failed upload",
+        description: "The accessibility label for error states",
+    },
+    inProgressAccessibilityLabel: {
+        id: "inProgress",
+        defaultMessage: "Upload in progress",
+        description: "The accessibility label for in-progress states",
+    },
+});

package/dist/src/FormatFile/types.js

@@ -0,0 +1,8 @@
+export var StatusCode;
+(function (StatusCode) {
+    StatusCode[StatusCode["Pending"] = 0] = "Pending";
+    StatusCode[StatusCode["Started"] = 1] = "Started";
+    StatusCode[StatusCode["InProgress"] = 2] = "InProgress";
+    StatusCode[StatusCode["Completed"] = 3] = "Completed";
+    StatusCode[StatusCode["Failed"] = 4] = "Failed";
+})(StatusCode || (StatusCode = {}));

package/dist/src/FormatFile/utils/computeA11yLabel.js

@@ -0,0 +1,12 @@
+import { messages } from "../messages";
+export function computeA11yLabel({ accessibilityLabel, showOverlay, showError, formatMessage, }) {
+    if (!showError && showOverlay) {
+        return formatMessage(messages.inProgressAccessibilityLabel);
+    }
+    else if (showError) {
+        return formatMessage(messages.errorAccessibilityLabel);
+    }
+    else {
+        return (accessibilityLabel || formatMessage(messages.defaultAccessibilityLabel));
+    }
+}

package/dist/src/FormatFile/utils/createUseCreateThumbnail.js

@@ -0,0 +1,22 @@
+import { useIsMounted } from "@jobber/hooks/useIsMounted";
+import { useCallback, useEffect, useState } from "react";
+export function createUseCreateThumbnail(createThumbnail) {
+    const useCreateThumbnail = useCallback((file) => {
+        const [thumbnail, setThumbnail] = useState(undefined);
+        const [error, setError] = useState(false);
+        const { current } = useIsMounted();
+        useEffect(() => {
+            createThumbnail(file)
+                .then(({ thumbnail: newThumbnail, error: newError }) => {
+                setThumbnail(newThumbnail);
+                setError(newError);
+            })
+                .catch(() => {
+                setError(true);
+                setThumbnail(undefined);
+            });
+        }, [current, file]);
+        return { thumbnail, error };
+    }, [createThumbnail]);
+    return { useCreateThumbnail };
+}

package/dist/src/FormatFile/utils/index.js

@@ -0,0 +1 @@
+export { computeA11yLabel } from "./computeA11yLabel";

package/dist/src/index.js

@@ -2,6 +2,7 @@ export * from "./ActionItem";
 export * from "./ActionLabel";
 export * from "./ActivityIndicator";
 export * from "./AtlantisContext";
+export * from "./AutoLink";
 export * from "./Banner";
 export * from "./BottomSheet";
 export * from "./Button";
@@ -16,6 +17,7 @@ export * from "./Divider";
 export * from "./EmptyState";
 export * from "./ErrorMessageWrapper";
 export * from "./Flex";
+export * from "./FormatFile";
 export * from "./Form";
 export * from "./FormField";
 export * from "./Heading";

package/dist/src/utils/test/wait.js

@@ -19,7 +19,7 @@ import { act } from "react-test-renderer";
  */
 export function wait(milliseconds = 0) {
     return __awaiter(this, void 0, void 0, function* () {
-        yield new Promise(resolve => setTimeout(resolve, milliseconds));
+        yield new Promise((resolve) => setTimeout(resolve, milliseconds));
     });
 }
 /**