@swan-io/shared-business 11.2.3 → 11.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swan-io/shared-business",
-  "version": "11.2.3",
+  "version": "11.3.1",
   "engines": {
     "node": ">=20.9.0",
     "pnpm": "^9.13.0"
@@ -26,33 +26,32 @@
   ],
   "license": "MIT",
   "peerDependencies": {
-    "@swan-io/lake": "11.2.3"
+    "@swan-io/lake": "11.3.1"
   },
   "dependencies": {
-    "@formatjs/intl": "^2.10.9",
+    "@formatjs/intl": "^3.1.0",
     "@placekit/client-js": "^2.3.0",
-    "@swan-io/boxed": "^3.0.0",
-    "@swan-io/request": "^1.0.6",
+    "@swan-io/boxed": "^3.2.0",
+    "@swan-io/request": "^2.0.0",
     "@swan-io/use-form": "^3.1.0",
     "dayjs": "^1.11.13",
     "iban": "^0.0.14",
     "react": "^18.3.1",
     "react-atomic-state": "^2.0.0",
     "react-dom": "^18.3.1",
-    "react-dropzone": "^14.2.10",
+    "react-dropzone": "^14.3.5",
     "react-native-web": "^0.19.13",
     "rifm": "^0.12.1",
-    "ts-pattern": "^5.5.0",
-    "uuid": "^10.0.0"
+    "ts-pattern": "^5.6.0",
+    "uuid": "^11.0.4"
   },
   "devDependencies": {
     "@types/iban": "0.0.35",
-    "@types/react": "^18.3.11",
+    "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@types/react-native": "^0.72.8",
-    "@types/uuid": "^10.0.0",
     "jsdom": "^25.0.1",
-    "vitest": "^2.1.3",
-    "@swan-io/lake": "11.2.3"
+    "vitest": "^2.1.8",
+    "@swan-io/lake": "11.3.1"
   }
 }

package/src/components/FileInput.js

@@ -120,7 +120,7 @@ export const FileInput = ({ icon = "document-regular", accept, value, disabled =
         disabled,
         maxSize,
     });
-    return (_jsx(View, { style: commonStyles.fill, children: _jsx("div", { ...getRootProps(), onMouseEnter: setIsHovered.on, onMouseLeave: setIsHovered.off, children: _jsxs(View, { "aria-errormessage": error !== null && error !== void 0 ? error : (_a = fileRejections[0]) === null || _a === void 0 ? void 0 : _a.errors.join(", "), style: [
+    return (_jsx(View, { style: commonStyles.fill, children: _jsx("div", { ...getRootProps(), onMouseEnter: setIsHovered.on, onMouseLeave: setIsHovered.off, children: _jsxs(View, { "aria-errormessage": error !== null && error !== void 0 ? error : (_a = fileRejections[0]) === null || _a === void 0 ? void 0 : _a.errors.map(error => error.message).join(", "), style: [
                     styles.container,
                     disabled && styles.disabled,
                     layout === "horizontal" && styles.horizontalContainer,

package/src/components/FileTile.js

@@ -39,7 +39,7 @@ const styles = StyleSheet.create({
     progress: {
         height: 4,
         transitionProperty: "width",
-        transitionDuration: "300ms",
+        transitionDuration: "1000ms",
         transitionTimingFunction: "ease-in-out",
         borderRadius: 2,
         backgroundColor: colors.current[500],

package/src/components/SupportingDocumentCollection.js

@@ -149,16 +149,16 @@ export const SupportingDocumentCollectionWithRef = ({ documents, generateUpload,
                                     status === "WaitingForDocument" &&
                                     !areAllDocumentsValidated, accept: ACCEPTED_FORMATS, maxSize: 20000000, icon: "document-regular", initialFiles: files, generateUpload: generateUpload, getUploadConfig: file => ({ fileName: file.name, purpose }), uploadFile: isNotNullish(uploadFile)
                                     ? uploadFile
-                                    : ({ upload, file, onLoadStart, onProgress }) => {
+                                    : ({ upload, file, onProgress }) => {
                                         const body = new FormData();
                                         upload.fields.forEach(({ key, value }) => body.append(key, value));
                                         body.append("file", file);
+                                        setTimeout(() => onProgress(0.8), 100);
                                         return Request.make({
                                             url: upload.url,
                                             method: "POST",
-                                            onLoadStart,
-                                            onProgress,
                                             body,
+                                            type: "text",
                                         }).mapOkToResult(badStatusToError);
                                     }, formatAndSizeDescription: t("supportingDocuments.documentTypes", {
                                     maxSizeMB: 20000000 / 1000000,

package/src/hooks/useFilesUploader.d.ts

@@ -4,8 +4,7 @@ export type UploadFileInput<UploadOutput> = {
     id: string;
     upload: UploadOutput;
     file: File;
-    onLoadStart: (event: ProgressEvent<XMLHttpRequestEventTarget>) => void;
-    onProgress: (event: ProgressEvent<XMLHttpRequestEventTarget>) => void;
+    onProgress: (progress: number) => void;
 };
 export type UploadOutputWithId<UploadOutput> = {
     id: string;

package/src/hooks/useFilesUploader.js

@@ -28,14 +28,14 @@ export const useFilesUploader = (config) => {
                     name: file.name,
                 },
             ]);
-            const onProgress = (event) => {
+            const onProgress = (progress) => {
                 setFiles(files => files.map(file => {
                     if (file.id !== id) {
                         return file;
                     }
                     return {
                         ...file,
-                        statusInfo: { status: "Uploading", progress: event.loaded / event.total },
+                        statusInfo: { status: "Uploading", progress },
                     };
                 }));
             };
@@ -44,7 +44,6 @@ export const useFilesUploader = (config) => {
                 id,
                 upload,
                 file,
-                onLoadStart: onProgress,
                 onProgress,
             })
                 .tapOk(() => {