@uploadcare/file-uploader 1.19.0-alpha.0 → 1.19.0

package/solutions/file-uploader/regular/FileUploaderRegular.js

@@ -1,7 +1,6 @@
 // @ts-check
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
 import { asBoolean } from '../../../blocks/Config/validatorsType.js';
-import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
 
 export class FileUploaderRegular extends SolutionBlock {
   static styleAttrs = [...super.styleAttrs, 'uc-file-uploader-regular'];
@@ -12,15 +11,12 @@ export class FileUploaderRegular extends SolutionBlock {
     this.init$ = {
       ...this.init$,
       isHidden: false,
-      '*solution': this.tagName,
     };
   }
 
   initCallback() {
     super.initCallback();
 
-    this.emit(InternalEventType.INIT_SOLUTION, undefined);
-
     this.defineAccessor(
       'headless',
       /** @param {unknown} value */ (value) => {

package/types/events.d.ts

@@ -2,4 +2,4 @@ import type { EventPayload } from '../blocks/UploadCtxProvider/EventEmitter';
 
 export type EventMap = {
   [T in keyof EventPayload]: CustomEvent<EventPayload[T]>;
-};
+};

package/types/exported.d.ts

@@ -1,10 +1,10 @@
 import type { LocaleDefinition } from '../abstract/localeRegistry';
 import type { complexConfigKeys } from '../blocks/Config/Config';
-import type { FuncFileValidator, FuncCollectionValidator } from '../abstract/managers/ValidationManager';
+import type { FuncFileValidator, FuncCollectionValidator } from '../abstract/ValidationManager';
 import type { CameraMode } from '../blocks/CameraSource/CameraSource';
 import type { FilesViewMode } from '../blocks/UploadList/UploadList';
 
-export type { FuncFileValidator, FuncCollectionValidator } from '../abstract/managers/ValidationManager';
+export type { FuncFileValidator, FuncCollectionValidator } from '../abstract/ValidationManager';
 export type { UploaderPublicApi } from '../abstract/UploaderPublicApi';
 
 export type UploadError = import('@uploadcare/upload-client').UploadError;
@@ -79,6 +79,11 @@ export type ConfigType = {
    * List of sources for file uploads.
    */
   sourceList: string;
+  /**
+   * Top-level origin for the uploader. 
+   * This is used for Google Drive Picker if there is no access to the origin due to the cross-origin policy.
+   */
+  topLevelOrigin: string;
   /**
    * Maximum size of local files in bytes.
    */
@@ -137,6 +142,11 @@ export type ConfigType = {
    * Set custom CNAME.
    */
   cdnCname: string;
+
+  /**
+   * Set CNAME base domain for prefixed CDN URLs.
+   */
+  cdnCnamePrefixed: string;
   /**
    * Set a custom upload URL.
    */
@@ -161,6 +171,10 @@ export type ConfigType = {
    * Maximum number of retry attempts for throttled requests.
    */
   retryThrottledRequestMaxTimes: number;
+  /**
+   * Maximum number of retry attempts for network errors.
+   */
+  retryNetworkErrorMaxTimes: number;
   /**
    * Minimum file size for multipart uploads.
    */
@@ -286,11 +300,9 @@ export type ConfigType = {
 
   cloudImageEditorAutoOpen: boolean;
 
-  qualityInsights: boolean;
-
   cloudImageEditorMaskHref: string | null;
 
-  /**
+   /**
    * Adds data-testid attributes to the each block. Needed for testing purposes.
    * @default false
    */
@@ -302,8 +314,8 @@ export type ConfigAttributesType = KebabCaseKeys<ConfigPlainType> & LowerCaseKey
 
 export type KebabCase<S extends string> = S extends `${infer C}${infer T}`
   ? T extends Uncapitalize<T>
-    ? `${Uncapitalize<C>}${KebabCase<T>}`
-    : `${Uncapitalize<C>}-${KebabCase<T>}`
+  ? `${Uncapitalize<C>}${KebabCase<T>}`
+  : `${Uncapitalize<C>}-${KebabCase<T>}`
   : S;
 export type KebabCaseKeys<T extends Record<string, unknown>> = { [Key in keyof T as KebabCase<Key & string>]: T[Key] };
 export type LowerCase<S extends string> = Lowercase<S>;
@@ -362,17 +374,17 @@ export type OutputErrorTypePayload = {
 
 export type OutputError<T extends OutputFileErrorType | OutputCollectionErrorType> = T extends OutputCustomErrorType
   ? {
-      type?: T;
-      message: string;
-      payload?: OutputErrorTypePayload[T];
-    }
+    type?: T;
+    message: string;
+    payload?: OutputErrorTypePayload[T];
+  }
   : T extends keyof OutputErrorTypePayload
-    ? {
-        type: T;
-        message: string;
-        payload?: OutputErrorTypePayload[T];
-      }
-    : never;
+  ? {
+    type: T;
+    message: string;
+    payload?: OutputErrorTypePayload[T];
+  }
+  : never;
 
 export type OutputErrorFile = OutputError<OutputFileErrorType>;
 
@@ -394,7 +406,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
   fullPath: string | null;
   source: SourceTypes | null;
 } & (
-  | {
+    | {
       status: 'success';
       fileInfo: UploadcareFile;
       uuid: string;
@@ -406,7 +418,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'failed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -418,7 +430,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'uploading';
       fileInfo: null;
       uuid: null;
@@ -430,7 +442,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'removed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -442,7 +454,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: true;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'idle';
       fileInfo: null;
       uuid: null;
@@ -454,7 +466,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-);
+  );
 
 export type OutputCollectionStatus = 'idle' | 'uploading' | 'success' | 'failed';
 
@@ -478,43 +490,43 @@ export type OutputCollectionState<
 } & (TGroupFlag extends 'has-group'
   ? { group: UploadcareGroup }
   : TGroupFlag extends 'maybe-has-group'
-    ? { group: UploadcareGroup | null }
-    : never) &
+  ? { group: UploadcareGroup | null }
+  : never) &
   (
     | {
-        status: 'idle';
-        isFailed: false;
-        isUploading: false;
-        isSuccess: false;
-        errors: [];
-        allEntries: OutputFileEntry<'idle' | 'success'>[];
-      }
+      status: 'idle';
+      isFailed: false;
+      isUploading: false;
+      isSuccess: false;
+      errors: [];
+      allEntries: OutputFileEntry<'idle' | 'success'>[];
+    }
     | {
-        status: 'uploading';
-        isFailed: false;
-        isUploading: true;
-        isSuccess: false;
-        errors: [];
-        allEntries: OutputFileEntry[];
-      }
+      status: 'uploading';
+      isFailed: false;
+      isUploading: true;
+      isSuccess: false;
+      errors: [];
+      allEntries: OutputFileEntry[];
+    }
     | {
-        status: 'success';
-        isFailed: false;
-        isUploading: false;
-        isSuccess: true;
-        errors: [];
-        allEntries: OutputFileEntry<'success'>[];
-      }
+      status: 'success';
+      isFailed: false;
+      isUploading: false;
+      isSuccess: true;
+      errors: [];
+      allEntries: OutputFileEntry<'success'>[];
+    }
     | {
-        status: 'failed';
-        isFailed: true;
-        isUploading: false;
-        isSuccess: false;
-        errors: OutputError<OutputCollectionErrorType>[];
-        allEntries: OutputFileEntry[];
-      }
+      status: 'failed';
+      isFailed: true;
+      isUploading: false;
+      isSuccess: false;
+      errors: OutputError<OutputCollectionErrorType>[];
+      allEntries: OutputFileEntry[];
+    }
   );
 
 export { EventType, EventPayload } from '../blocks/UploadCtxProvider/EventEmitter';
 
-export {};
+export { };

package/utils/get-top-level-origin.d.ts

@@ -0,0 +1,2 @@
+export function getTopLevelOrigin(): string;
+//# sourceMappingURL=get-top-level-origin.d.ts.map

package/utils/get-top-level-origin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-top-level-origin.d.ts","sourceRoot":"","sources":["get-top-level-origin.js"],"names":[],"mappings":"AAEO,4CAQN"}

package/utils/get-top-level-origin.js

@@ -0,0 +1,11 @@
+// @ts-check
+
+export const getTopLevelOrigin = () => {
+  const topLevelWindow = globalThis.top ?? globalThis.parent ?? globalThis.self;
+  try {
+    return topLevelWindow.location.origin;
+  } catch (e) {
+    console.warn('Unable to access top-level window location:', e);
+    return globalThis.location.origin;
+  }
+};

package/utils/validators/collection/validateCollectionUploadError.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
-export const validateCollectionUploadError: import("../../../abstract/managers/ValidationManager.js").FuncCollectionValidator;
+/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
+export const validateCollectionUploadError: import("../../../abstract/ValidationManager.js").FuncCollectionValidator;
 //# sourceMappingURL=validateCollectionUploadError.d.ts.map

package/utils/validators/collection/validateCollectionUploadError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateCollectionUploadError.d.ts","sourceRoot":"","sources":["validateCollectionUploadError.js"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,4CADW,OAAO,iDAAiD,EAAE,uBAAuB,CAQ1F"}
+{"version":3,"file":"validateCollectionUploadError.d.ts","sourceRoot":"","sources":["validateCollectionUploadError.js"],"names":[],"mappings":"AAEA,uFAAuF;AACvF,4CADW,OAAO,wCAAwC,EAAE,uBAAuB,CAQjF"}

package/utils/validators/collection/validateCollectionUploadError.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
+/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
 export const validateCollectionUploadError = (collection, api) => {
   if (collection.failedCount > 0) {
     return {

package/utils/validators/collection/validateMultiple.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
-export const validateMultiple: import("../../../abstract/managers/ValidationManager.js").FuncCollectionValidator;
+/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
+export const validateMultiple: import("../../../abstract/ValidationManager.js").FuncCollectionValidator;
 //# sourceMappingURL=validateMultiple.d.ts.map

package/utils/validators/collection/validateMultiple.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateMultiple.d.ts","sourceRoot":"","sources":["validateMultiple.js"],"names":[],"mappings":"AAEA,gGAAgG;AAChG,+BADW,OAAO,iDAAiD,EAAE,uBAAuB,CAwC1F"}
+{"version":3,"file":"validateMultiple.d.ts","sourceRoot":"","sources":["validateMultiple.js"],"names":[],"mappings":"AAEA,uFAAuF;AACvF,+BADW,OAAO,wCAAwC,EAAE,uBAAuB,CAwCjF"}

package/utils/validators/collection/validateMultiple.js

@@ -1,6 +1,6 @@
 //@ts-check
 
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncCollectionValidator} */
+/** @type {import('../../../abstract/ValidationManager.js').FuncCollectionValidator} */
 export const validateMultiple = (collection, api) => {
   const total = collection.totalCount;
   const multipleMin = api.cfg.multiple ? api.cfg.multipleMin : 0;

package/utils/validators/file/validateFileType.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
-export const validateFileType: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+export const validateFileType: import("../../../abstract/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateFileType.d.ts.map

package/utils/validators/file/validateFileType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateFileType.d.ts","sourceRoot":"","sources":["validateFileType.js"],"names":[],"mappings":"AAGA,0FAA0F;AAC1F,+BADW,OAAO,iDAAiD,EAAE,iBAAiB,CA0BpF"}
+{"version":3,"file":"validateFileType.d.ts","sourceRoot":"","sources":["validateFileType.js"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,+BADW,OAAO,wCAAwC,EAAE,iBAAiB,CA0B3E"}

package/utils/validators/file/validateFileType.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { IMAGE_ACCEPT_LIST, matchExtension, matchMimeType, mergeFileTypes } from '../../fileTypes.js';
 
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
 export const validateFileType = (outputEntry, api) => {
   const imagesOnly = api.cfg.imgOnly;
   const accept = api.cfg.accept;

package/utils/validators/file/validateIsImage.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
-export const validateIsImage: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+export const validateIsImage: import("../../../abstract/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateIsImage.d.ts.map

package/utils/validators/file/validateIsImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateIsImage.d.ts","sourceRoot":"","sources":["validateIsImage.js"],"names":[],"mappings":"AAEA,0FAA0F;AAC1F,8BADW,OAAO,iDAAiD,EAAE,iBAAiB,CAsBpF"}
+{"version":3,"file":"validateIsImage.d.ts","sourceRoot":"","sources":["validateIsImage.js"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,8BADW,OAAO,wCAAwC,EAAE,iBAAiB,CAsB3E"}

package/utils/validators/file/validateIsImage.js

@@ -1,6 +1,6 @@
 // @ts-check
 
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
 export const validateIsImage = (outputEntry, api) => {
   const imagesOnly = api.cfg.imgOnly;
   const isImage = outputEntry.isImage;

package/utils/validators/file/validateMaxSizeLimit.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
-export const validateMaxSizeLimit: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+export const validateMaxSizeLimit: import("../../../abstract/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateMaxSizeLimit.d.ts.map

package/utils/validators/file/validateMaxSizeLimit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateMaxSizeLimit.d.ts","sourceRoot":"","sources":["validateMaxSizeLimit.js"],"names":[],"mappings":"AAGA,0FAA0F;AAC1F,mCADW,OAAO,iDAAiD,EAAE,iBAAiB,CAWpF"}
+{"version":3,"file":"validateMaxSizeLimit.d.ts","sourceRoot":"","sources":["validateMaxSizeLimit.js"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,mCADW,OAAO,wCAAwC,EAAE,iBAAiB,CAW3E"}

package/utils/validators/file/validateMaxSizeLimit.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { prettyBytes } from '../../prettyBytes.js';
 
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
 export const validateMaxSizeLimit = (outputEntry, api) => {
   const maxFileSize = api.cfg.maxLocalFileSizeBytes;
   const fileSize = outputEntry.size;

package/utils/validators/file/validateUploadError.d.ts

@@ -1,3 +1,3 @@
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
-export const validateUploadError: import("../../../abstract/managers/ValidationManager.js").FuncFileValidator;
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
+export const validateUploadError: import("../../../abstract/ValidationManager.js").FuncFileValidator;
 //# sourceMappingURL=validateUploadError.d.ts.map

package/utils/validators/file/validateUploadError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"validateUploadError.d.ts","sourceRoot":"","sources":["validateUploadError.js"],"names":[],"mappings":"AAGA,0FAA0F;AAC1F,kCADW,OAAO,iDAAiD,EAAE,iBAAiB,CA4CpF"}
+{"version":3,"file":"validateUploadError.d.ts","sourceRoot":"","sources":["validateUploadError.js"],"names":[],"mappings":"AAGA,iFAAiF;AACjF,kCADW,OAAO,wCAAwC,EAAE,iBAAiB,CA4C3E"}

package/utils/validators/file/validateUploadError.js

@@ -1,7 +1,7 @@
 // @ts-check
 import { NetworkError, UploadError } from '@uploadcare/upload-client';
 
-/** @type {import('../../../abstract/managers/ValidationManager.js').FuncFileValidator} */
+/** @type {import('../../../abstract/ValidationManager.js').FuncFileValidator} */
 export const validateUploadError = (outputEntry, api) => {
   const { internalId } = outputEntry;