@uploadcare/file-uploader 1.20.0-rc.2 → 1.20.1-alpha.0

package/locales/file-uploader/uk.d.ts

@@ -125,6 +125,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=uk.d.ts.map

package/locales/file-uploader/uk.js

@@ -126,4 +126,10 @@ export default {
   'select-all': 'Вибрати всі',
   'deselect-all': 'Скасувати вибір всіх',
   'waiting-for': 'Очікування {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': 'Застосувати операцію {{name}} {{value}}',
+  'aspect-ratio': 'Співвідношення сторін',
+
+  'crop-to-shape': 'Обрізати до {{value}}',
+
+  custom: 'Користувацький',
 };

package/locales/file-uploader/vi.d.ts

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=vi.d.ts.map

package/locales/file-uploader/vi.js

@@ -122,4 +122,10 @@ export default {
   'select-all': 'Chọn tất cả',
   'deselect-all': 'Bỏ chọn tất cả',
   'waiting-for': 'Đang chờ {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': 'Áp dụng thao tác {{name}} {{value}}',
+  'aspect-ratio': 'Tỷ lệ khung hình',
+
+  'crop-to-shape': 'Cắt theo {{value}}',
+
+  custom: 'Tùy chỉnh',
 };

package/locales/file-uploader/zh-TW.d.ts

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=zh-TW.d.ts.map

package/locales/file-uploader/zh-TW.js

@@ -122,4 +122,10 @@ export default {
   'select-all': '全選',
   'deselect-all': '取消全選',
   'waiting-for': '等待 {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': '套用操作 {{name}} {{value}}',
+  'aspect-ratio': '寬高比',
+
+  'crop-to-shape': '裁剪為 {{value}}',
+
+  custom: '自訂',
 };

package/locales/file-uploader/zh.d.ts

@@ -121,6 +121,10 @@ declare const _default: {
     'select-all': string;
     'deselect-all': string;
     'waiting-for': string;
+    'a11y-cloud-editor-apply-aspect-ratio': string;
+    'aspect-ratio': string;
+    'crop-to-shape': string;
+    custom: string;
 };
 export default _default;
 //# sourceMappingURL=zh.d.ts.map

package/locales/file-uploader/zh.js

@@ -122,4 +122,10 @@ export default {
   'select-all': '全选',
   'deselect-all': '取消全选',
   'waiting-for': '等待 {{source}}',
+  'a11y-cloud-editor-apply-aspect-ratio': '应用操作 {{name}} {{value}}',
+  'aspect-ratio': '宽高比',
+
+  'crop-to-shape': '裁剪为 {{value}}',
+
+  custom: '自定义',
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.20.0-rc.2",
+  "version": "1.20.1-alpha.0",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -35,9 +35,7 @@
     "MIT"
   ],
   "type": "module",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": ["*.css"],
   "module": "./index.js",
   "exports": {
     ".": {
@@ -121,7 +119,7 @@
     "nano-jsx": "^0.1.0",
     "node-watch": "^0.7.3",
     "npm-run-all": "^4.1.5",
-    "playwright": "^1.51.1",
+    "playwright": "^1.55.0",
     "postcss": "^8.4.21",
     "prettier": "^3.2.4",
     "prettier-plugin-jsdoc": "1.3.0",
@@ -145,7 +143,6 @@
     "@symbiotejs/symbiote": "^1.11.7",
     "@uploadcare/cname-prefix": "^6.17.0",
     "@uploadcare/image-shrink": "^6.17.0",
-    "@uploadcare/quality-insights": "^6.17.0",
     "@uploadcare/upload-client": "^6.17.0",
     "keyux": "^0.7.1"
   }

package/solutions/cloud-image-editor/CloudImageEditor.d.ts

@@ -1,38 +1,4 @@
 export class CloudImageEditor extends CloudImageEditorBlock {
-    init$: {
-        '*solution': string;
-        '*originalUrl': null;
-        '*faderEl': null;
-        '*cropperEl': null;
-        '*imgEl': null;
-        '*imgContainerEl': null;
-        '*networkProblems': boolean;
-        '*imageSize': null;
-        '*editorTransformations': import("../../blocks/CloudImageEditor/src/types.js").Transformations;
-        '*cropPresetList': import("../../blocks/CloudImageEditor/src/types.js").CropPresetList;
-        '*tabList': ("crop" | "tuning" | "filters")[];
-        '*tabId': "crop";
-        entry: null;
-        extension: null;
-        editorMode: boolean;
-        modalCaption: string;
-        isImage: boolean;
-        msg: string;
-        src: string;
-        fileType: string;
-        showLoader: boolean;
-        uuid: null;
-        cdnUrl: null;
-        cropPreset: string;
-        tabs: string;
-        'presence.networkProblems': boolean;
-        'presence.modalCaption': boolean;
-        'presence.editorToolbar': boolean;
-        'presence.viewerToolbar': boolean;
-        '*on.retryNetwork': () => void;
-        '*on.apply': (transformations: import("../../blocks/CloudImageEditor/src/types.js").Transformations) => void;
-        '*on.cancel': () => void;
-    };
 }
 import { CloudImageEditorBlock } from '../../blocks/CloudImageEditor/src/CloudImageEditorBlock.js';
 //# sourceMappingURL=CloudImageEditor.d.ts.map

package/solutions/cloud-image-editor/CloudImageEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CloudImageEditor.d.ts","sourceRoot":"","sources":["CloudImageEditor.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGC;CAUJ;sCArBqC,4DAA4D"}
+{"version":3,"file":"CloudImageEditor.d.ts","sourceRoot":"","sources":["CloudImageEditor.js"],"names":[],"mappings":"AAGA;CAQC;sCAVqC,4DAA4D"}

package/solutions/cloud-image-editor/CloudImageEditor.js

@@ -1,24 +1,12 @@
 // @ts-check
-import { InternalEventType } from '../../blocks/UploadCtxProvider/EventEmitter.js';
 import { CloudImageEditorBlock } from '../../blocks/CloudImageEditor/src/CloudImageEditorBlock.js';
 
 export class CloudImageEditor extends CloudImageEditorBlock {
   static styleAttrs = [...super.styleAttrs, 'uc-wgt-common'];
 
-  constructor() {
-    super();
-
-    this.init$ = {
-      ...this.init$,
-      '*solution': this.tagName,
-    };
-  }
-
   initCallback() {
     super.initCallback();
 
-    this.emit(InternalEventType.INIT_SOLUTION, undefined);
-
     this.a11y?.registerBlock(this);
   }
 }

package/solutions/file-uploader/inline/FileUploaderInline.d.ts

@@ -1,7 +1,6 @@
 export class FileUploaderInline extends SolutionBlock {
     init$: {
         couldCancel: boolean;
-        '*solution': string;
         cancel: () => void;
         '*commonProgress': number;
         '*uploadList': never[];
@@ -10,7 +9,7 @@ export class FileUploaderInline extends SolutionBlock {
         '*collectionState': import("./index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': import("../../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];

package/solutions/file-uploader/inline/FileUploaderInline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderInline.d.ts","sourceRoot":"","sources":["FileUploaderInline.js"],"names":[],"mappings":"AAKA;IAMI;;;;;;;;;;;;;;;;;MAWC;IAGH,gCAGC;IAED,6BAEC;CA4BF;;;;8BAzD6B,oCAAoC"}
+{"version":3,"file":"FileUploaderInline.d.ts","sourceRoot":"","sources":["FileUploaderInline.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;;MAUC;IAGH,gCAGC;IAED,6BAEC;CA0BF;;;;8BAtD6B,oCAAoC"}

package/solutions/file-uploader/inline/FileUploaderInline.js

@@ -1,5 +1,4 @@
 // @ts-check
-import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
 import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
 
@@ -12,7 +11,6 @@ export class FileUploaderInline extends SolutionBlock {
     this.init$ = {
       ...this.init$,
       couldCancel: false,
-      '*solution': this.tagName,
       cancel: () => {
         if (this.couldHistoryBack) {
           this.$['*historyBack']();
@@ -35,8 +33,6 @@ export class FileUploaderInline extends SolutionBlock {
   initCallback() {
     super.initCallback();
 
-    this.emit(InternalEventType.INIT_SOLUTION, undefined);
-
     /** @type {import('../../../abstract/UploaderBlock.js').UploaderBlock} */
     const uBlock = this.ref.uBlock;
     this.sub('*currentActivity', (val) => {

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts

@@ -4,7 +4,6 @@ export class FileUploaderMinimal extends SolutionBlock {
         isHiddenStartFrom: boolean;
         classUploadList: string;
         classStartFrom: string;
-        '*solution': string;
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
@@ -12,7 +11,7 @@ export class FileUploaderMinimal extends SolutionBlock {
         '*collectionState': import("./index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': import("../../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];
@@ -20,20 +19,20 @@ export class FileUploaderMinimal extends SolutionBlock {
         '*closeModal': () => void;
     };
     _handleModalOpen(data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
+        id: import("../../../abstract/ModalManager.js").ModalId;
+        modal: import("../../../abstract/ModalManager.js").ModalNode;
     }): void;
     _handleModalClose(data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
+        id: import("../../../abstract/ModalManager.js").ModalId;
+        modal: import("../../../abstract/ModalManager.js").ModalNode;
     }): void;
     handleModalOpen: ((data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
+        id: import("../../../abstract/ModalManager.js").ModalId;
+        modal: import("../../../abstract/ModalManager.js").ModalNode;
     }) => void) | undefined;
     handleModalClose: ((data: {
-        id: import("../../../abstract/managers/ModalManager.js").ModalId;
-        modal: import("../../../abstract/managers/ModalManager.js").ModalNode;
+        id: import("../../../abstract/ModalManager.js").ModalId;
+        modal: import("../../../abstract/ModalManager.js").ModalNode;
     }) => void) | undefined;
 }
 export namespace FileUploaderMinimal {

package/solutions/file-uploader/minimal/FileUploaderMinimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AASA;IAMI;;;;;;;;;;;;;;;;;;;MAOC;;;;;;;;;IAgGD;;;4BAAuD;IACvD;;;4BAAyD;CAW5D;;;;8BAhI6B,oCAAoC"}
+{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAQA;IAMI;;;;;;;;;;;;;;;;;;MAMC;;;;;;;;;IA8FD;;;4BAAuD;IACvD;;;4BAAyD;CAW5D;;;;8BA5H6B,oCAAoC"}

package/solutions/file-uploader/minimal/FileUploaderMinimal.js

@@ -1,8 +1,7 @@
 //@ts-check
 import { ActivityBlock } from '../../../abstract/ActivityBlock.js';
 import { SolutionBlock } from '../../../abstract/SolutionBlock.js';
-import { ModalEvents } from '../../../abstract/managers/ModalManager.js';
-import { InternalEventType } from '../../../blocks/UploadCtxProvider/EventEmitter.js';
+import { ModalEvents } from '../../../abstract/ModalManager.js';
 
 const ACTIVE_CLASS = 'active';
 const EMPTY_CLASS = '';
@@ -19,11 +18,10 @@ export class FileUploaderMinimal extends SolutionBlock {
       isHiddenStartFrom: false,
       classUploadList: EMPTY_CLASS,
       classStartFrom: EMPTY_CLASS,
-      '*solution': this.tagName,
     };
   }
 
-  /** @type {import('../../../abstract/managers/ModalManager.js').ModalCb} */
+  /** @type {import('../../../abstract/ModalManager.js').ModalCb} */
   _handleModalOpen(e) {
     if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT) {
       this.set$({
@@ -45,7 +43,7 @@ export class FileUploaderMinimal extends SolutionBlock {
     }
   }
 
-  /** @type {import('../../../abstract/managers/ModalManager.js').ModalCb} */
+  /** @type {import('../../../abstract/ModalManager.js').ModalCb} */
   _handleModalClose(e) {
     if (e.id === this.$['*currentActivity']) {
       this.$['*currentActivity'] = ActivityBlock.activities.UPLOAD_LIST;
@@ -62,8 +60,6 @@ export class FileUploaderMinimal extends SolutionBlock {
   initCallback() {
     super.initCallback();
 
-    this.emit(InternalEventType.INIT_SOLUTION, undefined);
-
     /** @type {import('../../../abstract/UploaderBlock.js').UploaderBlock} */
     const uBlock = this.ref.uBlock;
     this.sub('*currentActivity', (val) => {

package/solutions/file-uploader/regular/FileUploaderRegular.d.ts

@@ -1,7 +1,6 @@
 export class FileUploaderRegular extends SolutionBlock {
     init$: {
         isHidden: boolean;
-        '*solution': string;
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
@@ -9,7 +8,7 @@ export class FileUploaderRegular extends SolutionBlock {
         '*collectionState': import("./index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
-        '*secureUploadsManager': import("../../../abstract/managers/SecureUploadsManager.js").SecureUploadsManager | null;
+        '*secureUploadsManager': import("../../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
         '*currentActivity': null;
         '*currentActivityParams': {};
         '*history': never[];

package/solutions/file-uploader/regular/FileUploaderRegular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderRegular.d.ts","sourceRoot":"","sources":["FileUploaderRegular.js"],"names":[],"mappings":"AAKA;IAMI;;;;;;;;;;;;;;;;MAIC;CAeJ;;;;8BA7B6B,oCAAoC"}
+{"version":3,"file":"FileUploaderRegular.d.ts","sourceRoot":"","sources":["FileUploaderRegular.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;MAGC;CAaJ;;;;8BAzB6B,oCAAoC"}

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;
@@ -300,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
    */
@@ -316,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>;
@@ -376,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>;
 
@@ -408,7 +406,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
   fullPath: string | null;
   source: SourceTypes | null;
 } & (
-  | {
+    | {
       status: 'success';
       fileInfo: UploadcareFile;
       uuid: string;
@@ -420,7 +418,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'failed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -432,7 +430,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'uploading';
       fileInfo: null;
       uuid: null;
@@ -444,7 +442,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'removed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -456,7 +454,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: true;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'idle';
       fileInfo: null;
       uuid: null;
@@ -468,7 +466,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-);
+  );
 
 export type OutputCollectionStatus = 'idle' | 'uploading' | 'success' | 'failed';
 
@@ -492,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/types/jsx.d.ts

@@ -22,6 +22,8 @@ declare namespace JSX {
   interface IntrinsicElements {
     'uc-crop-frame': any;
     'uc-editor-crop-button-control': any;
+    'uc-editor-aspect-ratio-button-control': any;
+    'uc-editor-freeform-button-control': any;
     'uc-editor-filter-control': any;
     'uc-editor-operation-control': any;
     'uc-editor-image-cropper': any;

package/utils/parseCdnUrl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parseCdnUrl.d.ts","sourceRoot":"","sources":["parseCdnUrl.js"],"names":[],"mappings":"AAIO,8CADK;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;;;;SAgB3C"}
+{"version":3,"file":"parseCdnUrl.d.ts","sourceRoot":"","sources":["parseCdnUrl.js"],"names":[],"mappings":"AAMO,8CADK;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE;;;;SAiB3C"}

package/utils/parseCdnUrl.js

@@ -1,12 +1,15 @@
+import { DEFAULT_CDN_CNAME } from '../blocks/Config/initialConfig.js';
+
 const uuidRegex = /[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}/i;
 const cdnUrlRegex = new RegExp(`^/?(${uuidRegex.source})(?:/(-/(?:[^/]+/)+)?([^/]*))?$`, 'i');
 
 /** @param {{ url: string; cdnBase: string }} options */
 export const parseCdnUrl = ({ url, cdnBase }) => {
   const cdnBaseUrlObj = new URL(cdnBase);
+  const fallbackCdnBaseUrlObj = new URL(DEFAULT_CDN_CNAME);
   const urlObj = new URL(url);
 
-  if (cdnBaseUrlObj.host !== urlObj.host) {
+  if (cdnBaseUrlObj.host !== urlObj.host && fallbackCdnBaseUrlObj.host !== urlObj.host) {
     return null;
   }
 

package/utils/parseCdnUrl.test.js

@@ -75,4 +75,17 @@ describe('parseCdnUrl', () => {
       filename: null,
     });
   });
+
+  it('should fallback to ucarecdn.com if cdnBase is not matched', () => {
+    expect(
+      parseCdnUrl({
+        url: 'https://ucarecdn.com/12345678-1234-5678-1234-567812345678/',
+        cdnBase: 'https://cdn.example.com',
+      }),
+    ).to.deep.equal({
+      uuid: '12345678-1234-5678-1234-567812345678',
+      cdnUrlModifiers: '',
+      filename: null,
+    });
+  });
 });

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"}