@amityco/ts-sdk-react-native 7.22.1-2614119.0 → 7.22.1-c05e1197.0

package/dist/fileRepository/api/uploadAudio.d.ts

@@ -13,5 +13,5 @@
  * @category File API
  * @async
  */
-export declare const uploadAudio: (formData: FormData, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File<'audio'>[]>>;
+export declare const uploadAudio: (inputFormData: FormData, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File<'audio'>[]>>;
 //# sourceMappingURL=uploadAudio.d.ts.map

package/dist/fileRepository/api/uploadAudio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploadAudio.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadAudio.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,aACZ,QAAQ,0BACK,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAqC7C,CAAC"}
+{"version":3,"file":"uploadAudio.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadAudio.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,kBACP,QAAQ,0BACA,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAsC7C,CAAC"}

package/dist/fileRepository/api/uploadClip.d.ts

@@ -13,5 +13,5 @@
  * @category File API
  * @async
  */
-export declare const uploadClip: (formData: FormData, feedType?: Amity.ContentFeedType, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File<'clip'>[]>>;
+export declare const uploadClip: (inputFormData: FormData, feedType?: Amity.ContentFeedType, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File<'clip'>[]>>;
 //# sourceMappingURL=uploadClip.d.ts.map

package/dist/fileRepository/api/uploadClip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploadClip.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadClip.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,aACX,QAAQ,aACP,MAAM,eAAe,0BACT,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CA2C5C,CAAC"}
+{"version":3,"file":"uploadClip.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadClip.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,kBACN,QAAQ,aACZ,MAAM,eAAe,0BACT,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAyC5C,CAAC"}

package/dist/fileRepository/api/uploadFile.d.ts

@@ -13,5 +13,5 @@
  * @category File API
  * @async
  */
-export declare const uploadFile: <T extends Amity.FileType = any>(formData: FormData, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File[]>>;
+export declare const uploadFile: <T extends Amity.FileType = any>(inputFormData: FormData, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File[]>>;
 //# sourceMappingURL=uploadFile.d.ts.map

package/dist/fileRepository/api/uploadFile.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploadFile.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadFile.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,6CACX,QAAQ,0BACK,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC,CAmCpC,CAAC"}
+{"version":3,"file":"uploadFile.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadFile.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,kDACN,QAAQ,0BACA,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,EAAE,CAAC,CAiCpC,CAAC"}

package/dist/fileRepository/api/uploadImage.d.ts

@@ -14,5 +14,5 @@
  * @category File API
  * @async
  */
-export declare const uploadImage: (formData: FormData, onProgress?: ((percent: number) => void) | undefined, altText?: string) => Promise<Amity.Cached<Amity.File<'image'>[]>>;
+export declare const uploadImage: (inputFormData: FormData, onProgress?: ((percent: number) => void) | undefined, altText?: string) => Promise<Amity.Cached<Amity.File<'image'>[]>>;
 //# sourceMappingURL=uploadImage.d.ts.map

package/dist/fileRepository/api/uploadImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploadImage.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadImage.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,WAAW,aACZ,QAAQ,0BACK,MAAM,KAAK,IAAI,yBAC5B,MAAM,KACf,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAuD7C,CAAC"}
+{"version":3,"file":"uploadImage.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadImage.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;GAeG;AAEH,eAAO,MAAM,WAAW,kBACP,QAAQ,0BACA,MAAM,KAAK,IAAI,yBAC5B,MAAM,KACf,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAsD7C,CAAC"}

package/dist/fileRepository/api/uploadVideo.d.ts

@@ -14,5 +14,5 @@
  * @category File API
  * @async
  */
-export declare const uploadVideo: (formData: FormData, feedType?: Amity.ContentFeedType, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File<'video'>[]>>;
+export declare const uploadVideo: (inputFormData: FormData, feedType?: Amity.ContentFeedType, onProgress?: ((percent: number) => void) | undefined) => Promise<Amity.Cached<Amity.File<'video'>[]>>;
 //# sourceMappingURL=uploadVideo.d.ts.map

package/dist/fileRepository/api/uploadVideo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"uploadVideo.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadVideo.ts"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,aACZ,QAAQ,aACP,MAAM,eAAe,0BACT,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CA2C7C,CAAC"}
+{"version":3,"file":"uploadVideo.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/api/uploadVideo.ts"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW,kBACP,QAAQ,aACZ,MAAM,eAAe,0BACT,MAAM,KAAK,IAAI,kBACrC,QAAQ,MAAM,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC,CAyC7C,CAAC"}

package/dist/fileRepository/utils/getUploadRequestConfig.d.ts

@@ -0,0 +1,33 @@
+import type { AxiosRequestConfig } from 'axios';
+/**
+ * Builds the axios request config for multipart file uploads.
+ *
+ * ## Why this exists (React Native 0.83 New Architecture)
+ *
+ * Previously every upload hardcoded `{ 'content-type': 'multipart/form-data' }`.
+ * That header has **no `boundary`**, which breaks multipart uploads on React
+ * Native's New Architecture (Bridgeless): the request body is sent without the
+ * file bytes (it surfaces as `[object Object]` / `Stream Closed` /
+ * `AxiosError: Network Error`, or the server replies `400 "No files uploaded."`).
+ *
+ * The correct behaviour for the React Native / browser environment is to let
+ * the platform networking layer (XMLHttpRequest) serialize the `FormData` and
+ * generate the `multipart/form-data; boundary=…` header itself. So we must NOT
+ * set the content-type at all in that environment.
+ *
+ * We also pin `adapter: 'xhr'` so axios always routes the request through React
+ * Native's `XMLHttpRequest` (which understands RN file parts), rather than
+ * auto-selecting the `fetch` adapter that the New Architecture now also exposes.
+ *
+ * On Node (the `form-data` package exposes `getHeaders()`), we keep using its
+ * generated headers — which already include the correct boundary — and leave
+ * the adapter selection to axios (its http adapter, via the configured agents).
+ *
+ * @param formData The multipart payload about to be uploaded.
+ * @returns A partial axios config to spread into the upload request.
+ *
+ * @category File Util
+ * @hidden
+ */
+export declare const getUploadRequestConfig: (formData: FormData) => AxiosRequestConfig;
+//# sourceMappingURL=getUploadRequestConfig.d.ts.map

package/dist/fileRepository/utils/getUploadRequestConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUploadRequestConfig.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/utils/getUploadRequestConfig.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,sBAAsB,aAAc,QAAQ,KAAG,kBA0B3D,CAAC"}

package/dist/fileRepository/utils/recreateUploadFormData.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Rebuilds a multipart `FormData` inside the SDK's own module realm.
+ *
+ * ## Why this is required (React Native 0.83 New Architecture)
+ *
+ * When the app/UIKit constructs `new FormData()` from a *different* module realm
+ * than the SDK (which happens with `.tgz`/duplicate-`react-native` setups, and
+ * is common under the New Architecture), the resulting instance is NOT an
+ * `instanceof` the `FormData` that the SDK's axios — and React Native's native
+ * `XMLHttpRequest` — reference.
+ *
+ * As a result `axios.isFormData()` returns `false`, so axios:
+ *   - serializes the body as a plain object → it goes out as `"[object Object]"`, and
+ *   - applies its default POST content-type (`application/x-www-form-urlencoded`),
+ *     which the upload server rejects with
+ *     `"multipart != application/x-www-form-urlencoded"`.
+ *
+ * Re-creating the FormData here, with the SDK's own `new FormData()`, produces an
+ * instance both axios and RN's XHR recognize, so the file is sent as a real
+ * multipart body.
+ *
+ * We also backfill the file part's MIME `type` (via the file name/URI) because
+ * React Native on Android does not set it by default, and the backend rejects
+ * file parts without a content type.
+ *
+ * Only React Native's `FormData` exposes `getParts()`. For Node's `form-data`
+ * package or a spec-compliant `FormData`, there is nothing to normalize and the
+ * original instance is returned unchanged.
+ *
+ * @param formData The FormData passed in by the caller.
+ * @returns A FormData safe to hand to the upload transport.
+ *
+ * @category File Util
+ * @hidden
+ */
+export declare const recreateUploadFormData: (formData: FormData) => FormData;
+//# sourceMappingURL=recreateUploadFormData.d.ts.map

package/dist/fileRepository/utils/recreateUploadFormData.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recreateUploadFormData.d.ts","sourceRoot":"","sources":["../../../src/fileRepository/utils/recreateUploadFormData.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,sBAAsB,aAAc,QAAQ,KAAG,QAoC3D,CAAC"}

package/dist/index.cjs.js

@@ -12,6 +12,7 @@ var uuid$1 = require('react-native-uuid');
 var jwtDecode = require('jwt-decode');
 var reactNative = require('react-native');
 var hash = require('object-hash');
+var mime = require('mime');
 var Hls = require('hls.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -42,6 +43,7 @@ var AsyncStorage__default = /*#__PURE__*/_interopDefaultLegacy(AsyncStorage);
 var uuid__default = /*#__PURE__*/_interopDefaultLegacy(uuid$1);
 var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
 var hash__default = /*#__PURE__*/_interopDefaultLegacy(hash);
+var mime__default = /*#__PURE__*/_interopDefaultLegacy(mime);
 var Hls__default = /*#__PURE__*/_interopDefaultLegacy(Hls);
 
 exports.MembershipAcceptanceTypeEnum = void 0;
@@ -16862,6 +16864,129 @@ getFile.locally = (fileId) => {
     };
 };
 
+/**
+ * Builds the axios request config for multipart file uploads.
+ *
+ * ## Why this exists (React Native 0.83 New Architecture)
+ *
+ * Previously every upload hardcoded `{ 'content-type': 'multipart/form-data' }`.
+ * That header has **no `boundary`**, which breaks multipart uploads on React
+ * Native's New Architecture (Bridgeless): the request body is sent without the
+ * file bytes (it surfaces as `[object Object]` / `Stream Closed` /
+ * `AxiosError: Network Error`, or the server replies `400 "No files uploaded."`).
+ *
+ * The correct behaviour for the React Native / browser environment is to let
+ * the platform networking layer (XMLHttpRequest) serialize the `FormData` and
+ * generate the `multipart/form-data; boundary=…` header itself. So we must NOT
+ * set the content-type at all in that environment.
+ *
+ * We also pin `adapter: 'xhr'` so axios always routes the request through React
+ * Native's `XMLHttpRequest` (which understands RN file parts), rather than
+ * auto-selecting the `fetch` adapter that the New Architecture now also exposes.
+ *
+ * On Node (the `form-data` package exposes `getHeaders()`), we keep using its
+ * generated headers — which already include the correct boundary — and leave
+ * the adapter selection to axios (its http adapter, via the configured agents).
+ *
+ * @param formData The multipart payload about to be uploaded.
+ * @returns A partial axios config to spread into the upload request.
+ *
+ * @category File Util
+ * @hidden
+ */
+const getUploadRequestConfig = (formData) => {
+    // Node `form-data` instances expose getHeaders() (with a valid boundary).
+    if ('getHeaders' in formData) {
+        return { headers: formData.getHeaders() };
+    }
+    // React Native / browser.
+    //
+    // Set `multipart/form-data` explicitly. We must NOT omit it: when omitted,
+    // axios applies its default POST content-type (`application/x-www-form-urlencoded`)
+    // and the server rejects the upload (`multipart != application/x-www-form-urlencoded`).
+    // React Native's native networking layer appends the real `boundary=…` to this
+    // header when it serializes a (recognized) FormData body.
+    //
+    // `adapter: 'xhr'` pins axios to React Native's XMLHttpRequest (which
+    // understands RN file parts) instead of the `fetch` adapter the New
+    // Architecture also exposes.
+    //
+    // NOTE: this only works if the FormData instance is recognized as multipart.
+    // See `recreateUploadFormData` — the upload APIs rebuild the FormData in the
+    // SDK's own module realm first, otherwise axios/XHR treat it as a plain object
+    // and send `[object Object]`.
+    return {
+        headers: { 'content-type': 'multipart/form-data' },
+        adapter: 'xhr',
+    };
+};
+
+/**
+ * Rebuilds a multipart `FormData` inside the SDK's own module realm.
+ *
+ * ## Why this is required (React Native 0.83 New Architecture)
+ *
+ * When the app/UIKit constructs `new FormData()` from a *different* module realm
+ * than the SDK (which happens with `.tgz`/duplicate-`react-native` setups, and
+ * is common under the New Architecture), the resulting instance is NOT an
+ * `instanceof` the `FormData` that the SDK's axios — and React Native's native
+ * `XMLHttpRequest` — reference.
+ *
+ * As a result `axios.isFormData()` returns `false`, so axios:
+ *   - serializes the body as a plain object → it goes out as `"[object Object]"`, and
+ *   - applies its default POST content-type (`application/x-www-form-urlencoded`),
+ *     which the upload server rejects with
+ *     `"multipart != application/x-www-form-urlencoded"`.
+ *
+ * Re-creating the FormData here, with the SDK's own `new FormData()`, produces an
+ * instance both axios and RN's XHR recognize, so the file is sent as a real
+ * multipart body.
+ *
+ * We also backfill the file part's MIME `type` (via the file name/URI) because
+ * React Native on Android does not set it by default, and the backend rejects
+ * file parts without a content type.
+ *
+ * Only React Native's `FormData` exposes `getParts()`. For Node's `form-data`
+ * package or a spec-compliant `FormData`, there is nothing to normalize and the
+ * original instance is returned unchanged.
+ *
+ * @param formData The FormData passed in by the caller.
+ * @returns A FormData safe to hand to the upload transport.
+ *
+ * @category File Util
+ * @hidden
+ */
+const recreateUploadFormData = (formData) => {
+    const source = formData;
+    if (typeof source.getParts !== 'function') {
+        return formData;
+    }
+    const rebuilt = new FormData();
+    source.getParts().forEach(part => {
+        var _a;
+        const { fieldName } = part;
+        // String fields (accessType, preferredFilename, feedType, altText, …).
+        if (typeof part.string === 'string') {
+            rebuilt.append(fieldName, part.string);
+            return;
+        }
+        // File parts are represented as `{ uri, name?, type? }` in React Native.
+        if (part.uri) {
+            const type = part.type ||
+                ((_a = part.headers) === null || _a === void 0 ? void 0 : _a['content-type']) ||
+                (part.name && mime__default["default"].getType(part.name)) ||
+                mime__default["default"].getType(part.uri) ||
+                undefined;
+            rebuilt.append(fieldName, {
+                uri: part.uri,
+                name: part.name,
+                type,
+            });
+        }
+    });
+    return rebuilt;
+};
+
 /* begin_public_function
   id: file.upload.file
 */
@@ -16880,8 +17005,10 @@ getFile.locally = (fileId) => {
  * @category File API
  * @async
  */
-const uploadFile = async (formData, onProgress) => {
+const uploadFile = async (inputFormData, onProgress) => {
     const client = getActiveClient();
+    // Rebuild in the SDK's realm so axios/XHR serialize it as real multipart.
+    const formData = recreateUploadFormData(inputFormData);
     client.log('file/uploadFile', formData);
     const files = formData.getAll('files');
     if (!files.length)
@@ -16889,15 +17016,9 @@ const uploadFile = async (formData, onProgress) => {
     const accessType = GlobalFileAccessType$1.getInstance().getFileAccessType();
     formData.append('accessType', accessType);
     formData.append('preferredFilename', files[0].name);
-    const headers = 'getHeaders' in formData
-        ? formData.getHeaders()
-        : { 'content-type': 'multipart/form-data' };
-    const { data } = await client.upload.post('/api/v4/files', formData, {
-        headers,
-        onUploadProgress({ loaded, total = 100 }) {
+    const { data } = await client.upload.post('/api/v4/files', formData, Object.assign(Object.assign({}, getUploadRequestConfig(formData)), { onUploadProgress({ loaded, total = 100 }) {
             onProgress && onProgress(Math.round((loaded * 100) / total));
-        },
-    });
+        } }));
     // API-FIX: payload should be serialized properly
     // const { files } = data
     const cachedAt = client.cache && Date.now();
@@ -16967,8 +17088,10 @@ const fileUrlWithSize = (fileUrl, size) => {
  * @category File API
  * @async
  */
-const uploadVideo = async (formData, feedType, onProgress) => {
+const uploadVideo = async (inputFormData, feedType, onProgress) => {
     const client = getActiveClient();
+    // Rebuild in the SDK's realm so axios/XHR serialize it as real multipart.
+    const formData = recreateUploadFormData(inputFormData);
     client.log('file/uploadVideo', formData);
     const files = formData.getAll('files');
     if (!files.length)
@@ -16979,15 +17102,9 @@ const uploadVideo = async (formData, feedType, onProgress) => {
     if (feedType) {
         formData.append('feedType', feedType);
     }
-    const headers = 'getHeaders' in formData
-        ? formData.getHeaders()
-        : { 'content-type': 'multipart/form-data' };
-    const { data } = await client.upload.post('/api/v4/videos', formData, {
-        headers,
-        onUploadProgress({ loaded, total = 100 }) {
+    const { data } = await client.upload.post('/api/v4/videos', formData, Object.assign(Object.assign({}, getUploadRequestConfig(formData)), { onUploadProgress({ loaded, total = 100 }) {
             onProgress && onProgress(Math.round((loaded * 100) / total));
-        },
-    });
+        } }));
     // API-FIX: payload should be serialized properly
     // const { files } = data
     const cachedAt = client.cache && Date.now();
@@ -17019,8 +17136,11 @@ const uploadVideo = async (formData, feedType, onProgress) => {
  * @category File API
  * @async
  */
-const uploadImage = async (formData, onProgress, altText) => {
+const uploadImage = async (inputFormData, onProgress, altText) => {
     const client = getActiveClient();
+    // Rebuild the FormData in the SDK's realm so axios/XHR serialize it as real
+    // multipart (otherwise it is sent as "[object Object]"). See helper for details.
+    const formData = recreateUploadFormData(inputFormData);
     client.log('file/uploadImage', formData);
     const files = formData.getAll('files');
     if (files === null || files === void 0 ? void 0 : files.length) {
@@ -17040,15 +17160,9 @@ const uploadImage = async (formData, onProgress, altText) => {
     }
     const accessType = GlobalFileAccessType$1.getInstance().getFileAccessType();
     formData.append('accessType', accessType);
-    const headers = 'getHeaders' in formData
-        ? formData.getHeaders()
-        : { 'content-type': 'multipart/form-data' };
-    const { data } = await client.upload.post('/api/v4/images', formData, {
-        headers,
-        onUploadProgress({ loaded, total = 100 }) {
+    const { data } = await client.upload.post('/api/v4/images', formData, Object.assign(Object.assign({}, getUploadRequestConfig(formData)), { onUploadProgress({ loaded, total = 100 }) {
             onProgress && onProgress(Math.round((loaded * 100) / total));
-        },
-    });
+        } }));
     // API-FIX: payload should be serialized properly
     // const { files } = data
     const cachedAt = client.cache && Date.now();
@@ -17110,8 +17224,10 @@ const updateAltText = async (fileId, altText) => {
  * @category File API
  * @async
  */
-const uploadClip = async (formData, feedType, onProgress) => {
+const uploadClip = async (inputFormData, feedType, onProgress) => {
     const client = getActiveClient();
+    // Rebuild in the SDK's realm so axios/XHR serialize it as real multipart.
+    const formData = recreateUploadFormData(inputFormData);
     client.log('file/uploadClip', formData);
     const file = formData.get('files');
     if (!file)
@@ -17122,15 +17238,9 @@ const uploadClip = async (formData, feedType, onProgress) => {
     if (feedType) {
         formData.append('feedType', feedType);
     }
-    const headers = 'getHeaders' in formData
-        ? formData.getHeaders()
-        : { 'content-type': 'multipart/form-data' };
-    const { data } = await client.upload.post('/api/v4/clips', formData, {
-        headers,
-        onUploadProgress({ loaded, total = 100 }) {
+    const { data } = await client.upload.post('/api/v4/clips', formData, Object.assign(Object.assign({}, getUploadRequestConfig(formData)), { onUploadProgress({ loaded, total = 100 }) {
             onProgress && onProgress(Math.round((loaded * 100) / total));
-        },
-    });
+        } }));
     // API-FIX: payload should be serialized properly
     // const { files } = data
     const cachedAt = client.cache && Date.now();
@@ -17161,8 +17271,10 @@ const uploadClip = async (formData, feedType, onProgress) => {
  * @category File API
  * @async
  */
-const uploadAudio = async (formData, onProgress) => {
+const uploadAudio = async (inputFormData, onProgress) => {
     const client = getActiveClient();
+    // Rebuild in the SDK's realm so axios/XHR serialize it as real multipart.
+    const formData = recreateUploadFormData(inputFormData);
     client.log('file/uploadAudio', formData);
     const files = formData.getAll('file');
     if (files.length === 0)
@@ -17171,13 +17283,9 @@ const uploadAudio = async (formData, onProgress) => {
     const accessType = GlobalFileAccessType$1.getInstance().getFileAccessType();
     formData.append('accessType', accessType);
     formData.append('preferredFilename', file.name);
-    const headers = { 'content-type': 'multipart/form-data' };
-    const { data } = await client.upload.post('/api/v4/audios', formData, {
-        headers,
-        onUploadProgress({ loaded, total = 100 }) {
+    const { data } = await client.upload.post('/api/v4/audios', formData, Object.assign(Object.assign({}, getUploadRequestConfig(formData)), { onUploadProgress({ loaded, total = 100 }) {
             onProgress === null || onProgress === void 0 ? void 0 : onProgress(Math.round((loaded * 100) / total));
-        },
-    });
+        } }));
     const cachedAt = client.cache && Date.now();
     if (client.cache)
         ingestInCache({ files: data }, { cachedAt });