@uploadcare/file-uploader 1.15.0-alpha.9 → 1.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.15.0-alpha.9",
+  "version": "1.16.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": {
     ".": {
@@ -100,13 +98,14 @@
     "@babel/preset-env": "^7.21.4",
     "@esm-bundle/chai": "^4.3.4-fix.0",
     "@happy-dom/global-registrator": "^16.8.1",
-    "@total-typescript/ts-reset": "^0.5.1",
+    "@total-typescript/ts-reset": "^0.6.1",
     "@types/chai": "^4.3.4",
     "@types/mocha": "^10.0.1",
     "@types/node": "^18.15.11",
     "@types/react": "^18.2.34",
+    "@types/sinon": "^17.0.4",
     "@web/test-runner": "^0.19.0",
-    "esbuild": "^0.19.9",
+    "esbuild": "^0.25.1",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-import": "^2.29.1",
@@ -126,8 +125,8 @@
     "stylelint-declaration-block-no-ignored-properties": "^2.7.0",
     "stylelint-order": "^6.0.3",
     "svg-sprite": "^2.0.4",
-    "tsd": "^0.29.0",
-    "typescript": "^5.2.2"
+    "tsd": "^0.31.2",
+    "typescript": "^5.8.2"
   },
   "author": "Uploadcare Inc.",
   "license": "MIT",

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

@@ -5,8 +5,8 @@ export class FileUploaderInline extends SolutionBlock {
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("./index.js").OutputCollectionState<import("./index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': ReturnType<import("./index.js").OutputErrorCollection>[];
+        '*collectionState': import("./index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderInline.d.ts","sourceRoot":"","sources":["FileUploaderInline.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;;MAUC;IAGH,gCAGC;IAED,6BAEC;CA0BF;;;;8BAtD6B,oCAAoC"}
+{"version":3,"file":"FileUploaderInline.d.ts","sourceRoot":"","sources":["FileUploaderInline.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;+CAcoB,YAAU;mCACsC,YAAU;6BAIhD,2BAA2B;;wCAMS,2CACnD;;;;;;MAhBd;IAGH,gCAGC;IAED,6BAEC;CA0BF;;;;8BAtD6B,oCAAoC"}

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

@@ -7,8 +7,8 @@ export class FileUploaderMinimal extends SolutionBlock {
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("./index.js").OutputCollectionState<import("./index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': ReturnType<import("./index.js").OutputErrorCollection>[];
+        '*collectionState': import("./index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;
@@ -19,20 +19,20 @@ export class FileUploaderMinimal extends SolutionBlock {
         '*closeModal': () => void;
     };
     _handleModalOpen(data: {
-        id: string;
-        modal?: import("./index.js").Modal | undefined;
+        id: import("../../../abstract/ModalManager.js").ModalId;
+        modal: import("../../../abstract/ModalManager.js").ModalNode;
     }): void;
     _handleModalClose(data: {
-        id: string;
-        modal?: import("./index.js").Modal | undefined;
+        id: import("../../../abstract/ModalManager.js").ModalId;
+        modal: import("../../../abstract/ModalManager.js").ModalNode;
     }): void;
     handleModalOpen: ((data: {
-        id: string;
-        modal?: import("./index.js").Modal | undefined;
+        id: import("../../../abstract/ModalManager.js").ModalId;
+        modal: import("../../../abstract/ModalManager.js").ModalNode;
     }) => void) | undefined;
     handleModalClose: ((data: {
-        id: string;
-        modal?: import("./index.js").Modal | undefined;
+        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":"AAQA;IAMI;;;;;;;;;;;;;;;;;;MAMC;IAXF;;;aAAkD;IAAlD;;;aAAkD;IAkGjD;;;4BAAuD;IACvD;;;4BAAyD;CAW5D;;;;8BArH6B,oCAAoC"}
+{"version":3,"file":"FileUploaderMinimal.d.ts","sourceRoot":"","sources":["FileUploaderMinimal.js"],"names":[],"mappings":"AAQA;IAMI;;;;;;;;+CASqD,YAAU;mCAEf,YAClD;6BAKS,2BAA2B;;wCAIhC,2CAGI;;;;;;MAlBL;;;;;;;;;IA8FD;;;4BAAuD;IACvD;;;4BAAyD;CAW5D;;;;8BA5H6B,oCAAoC"}

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

@@ -22,7 +22,13 @@ export class FileUploaderMinimal extends SolutionBlock {
   }
 
   /** @type {import('../../../abstract/ModalManager.js').ModalCb} */
-  _handleModalOpen() {
+  _handleModalOpen(e) {
+    if (e.id === ActivityBlock.activities.CLOUD_IMG_EDIT) {
+      this.set$({
+        classUploadList: ACTIVE_CLASS,
+      });
+    }
+
     if (this.$['*currentActivity'] === ActivityBlock.activities.UPLOAD_LIST) {
       this.set$({
         classUploadList: ACTIVE_CLASS,
@@ -75,6 +81,7 @@ export class FileUploaderMinimal extends SolutionBlock {
       } else {
         this.set$({
           classUploadList: EMPTY_CLASS,
+          isHiddenStartFrom: false,
         });
         this.$['*currentActivity'] = uBlock.initActivity || ActivityBlock.activities.START_FROM;
       }

package/solutions/file-uploader/minimal/index.css

@@ -1,28 +1,5 @@
 @import url('../../../blocks/themes/uc-basic/index.css');
 
-/* @import url('../../../blocks/themes/uc-basic/config.css'); */
-
-/* COMMON STYLES */
-
-/* @import url('../../../blocks/themes/uc-basic/common.css'); */
-
-/* THEME */
-
-/* @import url('../../../blocks/themes/uc-basic/theme.css'); */
-
-/* BLOCKS: */
-
-/* @import url('../../../blocks/StartFrom/start-from.css');
-@import url('../../../blocks/DropArea/drop-area.css');
-@import url('../../../blocks/UploadList/upload-list.css');
-@import url('../../../blocks/FileItem/file-item.css');
-@import url('../../../blocks/Icon/icon.css');
-@import url('../../../blocks/ProgressBar/progress-bar.css');
-@import url('../../../blocks/Copyright/copyright.css');
-@import url('../../../blocks/Modal/modal.css');
-@import url('../../../blocks/CloudImageEditor/index.css');
-@import url('../../../blocks/CloudImageEditorActivity/index.css'); */
-
 /* ICONS: */
 :where([uc-file-uploader-minimal]) {
   --cfg-init-activity: 'start-from';
@@ -133,6 +110,11 @@
   border-radius: var(--uc-radius);
 }
 
+[uc-file-uploader-minimal] uc-file-item uc-progress-bar .uc-fake-progress {
+  background-color: var(--uc-primary-transparent);
+  border-radius: var(--uc-radius);
+}
+
 [uc-file-uploader-minimal] uc-upload-list uc-drop-area {
   width: 100%;
   height: 100%;

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

@@ -4,8 +4,8 @@ export class FileUploaderRegular extends SolutionBlock {
         '*commonProgress': number;
         '*uploadList': never[];
         '*uploadQueue': import("@uploadcare/upload-client").Queue;
-        '*collectionErrors': any[];
-        '*collectionState': import("./index.js").OutputCollectionState<import("./index.js").OutputCollectionStatus, "maybe-has-group"> | null;
+        '*collectionErrors': ReturnType<import("./index.js").OutputErrorCollection>[];
+        '*collectionState': import("./index.js").OutputCollectionState | null;
         '*groupInfo': import("@uploadcare/upload-client").UploadcareGroup | null;
         '*uploadTrigger': Set<string>;
         '*secureUploadsManager': import("../../../abstract/SecureUploadsManager.js").SecureUploadsManager | null;

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

@@ -1 +1 @@
-{"version":3,"file":"FileUploaderRegular.d.ts","sourceRoot":"","sources":["FileUploaderRegular.js"],"names":[],"mappings":"AAIA;IAMI;;;;;;;;;;;;;;;MAGC;CAaJ;;;;8BAzB6B,oCAAoC"}
+{"version":3,"file":"FileUploaderRegular.d.ts","sourceRoot":"","sources":["FileUploaderRegular.js"],"names":[],"mappings":"AAIA;IAMI;;;;;+CAmBsB,YAAU;mCAEmB,YAChD;6BAEO,2BAA2B;;wCAEnC,2CAAoB;;;;;;MAvBrB;CAaJ;;;;8BAzB6B,oCAAoC"}

package/types/exported.d.ts

@@ -285,6 +285,8 @@ export type ConfigType = {
   gridShowFileNames: boolean;
 
   cloudImageEditorAutoOpen: boolean;
+
+  cloudImageEditorMaskHref: string | null;
 };
 export type ConfigComplexType = Pick<ConfigType, (typeof complexConfigKeys)[number]>;
 export type ConfigPlainType = Omit<ConfigType, keyof ConfigComplexType>;
@@ -292,8 +294,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>;
@@ -352,17 +354,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>;
 
@@ -384,7 +386,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
   fullPath: string | null;
   source: SourceTypes | null;
 } & (
-  | {
+    | {
       status: 'success';
       fileInfo: UploadcareFile;
       uuid: string;
@@ -396,7 +398,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'failed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -408,7 +410,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'uploading';
       fileInfo: null;
       uuid: null;
@@ -420,7 +422,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-  | {
+    | {
       status: 'removed';
       fileInfo: UploadcareFile | null;
       uuid: string | null;
@@ -432,7 +434,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: true;
       errors: OutputError<OutputFileErrorType>[];
     }
-  | {
+    | {
       status: 'idle';
       fileInfo: null;
       uuid: null;
@@ -444,7 +446,7 @@ export type OutputFileEntry<TStatus extends OutputFileStatus = OutputFileStatus>
       isRemoved: false;
       errors: [];
     }
-);
+  );
 
 export type OutputCollectionStatus = 'idle' | 'uploading' | 'success' | 'failed';
 
@@ -468,43 +470,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

@@ -54,7 +54,7 @@ declare namespace JSX {
     >;
     'uc-cloud-image-editor': CustomElement<CloudImageEditorBlock, JSX.IntrinsicElements['uc-cloud-image-editor-block']>;
     'uc-form-input': CustomElement<FormInput, CtxAttributes>;
-    'uc-file-uploader-regular': CustomElement<FileUploaderRegular, CtxAttributes>;
+    'uc-file-uploader-regular': CustomElement<FileUploaderRegular, CtxAttributes & Partial<{ headless: boolean }>>;
     'uc-file-uploader-minimal': CustomElement<FileUploaderMinimal, CtxAttributes>;
     'uc-file-uploader-inline': CustomElement<FileUploaderInline, CtxAttributes>;
     'uc-upload-ctx-provider': CustomElement<InstanceType<UploadCtxProvider>, CtxAttributes>;

package/utils/browser-info.d.ts

@@ -0,0 +1,13 @@
+export function calcBrowserInfo(): {
+    safariDesktop: boolean;
+};
+export function calcBrowserFeatures(): {
+    htmlMediaCapture: boolean;
+};
+export namespace browserInfo {
+    let safariDesktop: boolean;
+}
+export namespace browserFeatures {
+    let htmlMediaCapture: boolean;
+}
+//# sourceMappingURL=browser-info.d.ts.map

package/utils/browser-info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-info.d.ts","sourceRoot":"","sources":["browser-info.js"],"names":[],"mappings":"AAWO;;EAEL;AAEK;;EAEL"}

package/utils/browser-info.js

@@ -0,0 +1,22 @@
+// @ts-check
+
+const calcIsDesktopSafari = () => {
+  const ua = navigator.userAgent;
+  return /Macintosh|Windows/.test(ua) && /Version\/[\d\.]+.*Safari/.test(ua) && !/Chrome|Chromium|Edg|OPR/.test(ua);
+};
+
+const calcHtmlMediaCaptureSupport = () => {
+  return 'capture' in document.createElement('input');
+};
+
+export const calcBrowserInfo = () => ({
+  safariDesktop: calcIsDesktopSafari(),
+});
+
+export const calcBrowserFeatures = () => ({
+  htmlMediaCapture: calcHtmlMediaCaptureSupport(),
+});
+
+export const browserInfo = calcBrowserInfo();
+
+export const browserFeatures = calcBrowserFeatures();

package/utils/browser-info.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=browser-info.test.d.ts.map

package/utils/browser-info.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser-info.test.d.ts","sourceRoot":"","sources":["browser-info.test.js"],"names":[],"mappings":""}

package/utils/browser-info.test.js

@@ -0,0 +1,109 @@
+// @ts-check
+import { expect } from '@esm-bundle/chai';
+import { calcBrowserFeatures, calcBrowserInfo } from './browser-info';
+import * as sinon from 'sinon';
+
+const DESKTOP_SAFARI_USER_AGENTS = [
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.1 Safari/605.1.15',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_2_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 12_0) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Safari/605.1.15',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 13_0) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Safari/605.1.15',
+  'Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6; en-US) AppleWebKit/533.18.1 (KHTML, like Gecko) Version/5.0.4 Safari/533.18.5',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/601.7.8 (KHTML, like Gecko) Version/9.1.2 Safari/601.7.8',
+  'Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_7_5; en-US) AppleWebKit/534.57.2 (KHTML, like Gecko) Version/5.1.10 Safari/534.57.2',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/602.3.12 (KHTML, like Gecko) Version/10.0.3 Safari/602.4.8',
+];
+
+const MOBILE_SAFARI_USER_AGENTS = [
+  'Mozilla/5.0 (iPhone; CPU iPhone OS 14_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15A5365e Safari/604.1',
+  'Mozilla/5.0 (iPhone; CPU iPhone OS 13_5 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Mobile/15E148 Safari/604.1',
+  'Mozilla/5.0 (iPad; CPU OS 15_2 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1',
+  'Mozilla/5.0 (iPod touch; CPU iPhone OS 12_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Mobile/15E148 Safari/604.1',
+  'Mozilla/5.0 (iPhone; CPU iPhone OS 16_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.0 Mobile/15E148 Safari/604.1',
+  'Mozilla/5.0 (iPad; CPU OS 14_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Mobile/15E148 Safari/604.1',
+  'Mozilla/5.0 (iPhone; CPU iPhone OS 12_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.0 Mobile/16A366 Safari/602.1',
+  'Mozilla/5.0 (iPhone; CPU iPhone OS 11_4 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15G77 Safari/604.1',
+  'Mozilla/5.0 (iPad; CPU OS 13_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0 Mobile/15E148 Safari/604.1',
+  'Mozilla/5.0 (iPhone; CPU iPhone OS 10_3 like Mac OS X) AppleWebKit/602.1.50 (KHTML, like Gecko) Version/10.0 Mobile/14E5239e Safari/602.1',
+];
+
+const OTHER_DESKTOP_USER_AGENTS = [
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36',
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36 Edg/112.0.1722.64',
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:112.0) Gecko/20100101 Firefox/112.0',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:112.0) Gecko/20100101 Firefox/112.0',
+  'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36',
+  'Mozilla/5.0 (X11; Linux x86_64; rv:112.0) Gecko/20100101 Firefox/112.0',
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.5615.49 Safari/537.36 OPR/98.0.4759.82',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36 OPR/98.0.4759.82',
+  'Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko',
+];
+
+const OTHER_MOBILE_USER_AGENTS = [
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36',
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:115.0) Gecko/20100101 Firefox/115.0',
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 Edg/115.0.0.0',
+  'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko',
+  'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36',
+  'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36',
+  'Mozilla/5.0 (X11; Linux x86_64; rv:115.0) Gecko/20100101 Firefox/115.0',
+  'Mozilla/5.0 (Linux; Android 11; Pixel 5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Mobile Safari/537.36',
+  'Mozilla/5.0 (Android 11; Mobile; rv:115.0) Gecko/115.0 Firefox/115.0',
+  'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36 OPR/100.0.0.0',
+];
+
+describe('browser-info', () => {
+  describe('safariDesktop flag', () => {
+    it('should be true for desktop safari', () => {
+      const sandbox = sinon.createSandbox();
+      for (const ua of DESKTOP_SAFARI_USER_AGENTS) {
+        sandbox.replaceGetter(window.navigator, 'userAgent', () => ua);
+        const browserInfo = calcBrowserInfo();
+        expect(browserInfo.safariDesktop).to.be.true;
+        sandbox.restore();
+      }
+    });
+
+    it('should be false for other browsers', () => {
+      const sandbox = sinon.createSandbox();
+      for (const ua of [...OTHER_DESKTOP_USER_AGENTS, ...OTHER_MOBILE_USER_AGENTS, ...MOBILE_SAFARI_USER_AGENTS]) {
+        sandbox.replaceGetter(window.navigator, 'userAgent', () => ua);
+        const browserInfo = calcBrowserInfo();
+        expect(browserInfo.safariDesktop).to.be.false;
+        sandbox.restore();
+      }
+    });
+  });
+});
+
+describe('browser-features', () => {
+  describe('htmlMediaCapture', () => {
+    it('should be true if capture is supported', () => {
+      const sandbox = sinon.createSandbox();
+      const originalDocumentCreateElement = document.createElement.bind(document);
+      sandbox.replace(document, 'createElement', () => {
+        const input = originalDocumentCreateElement('input');
+        input.capture = '';
+        return input;
+      });
+      const browserFeatures = calcBrowserFeatures();
+      expect(browserFeatures.htmlMediaCapture).to.be.true;
+      sandbox.restore();
+    });
+    it('should be false if capture is not supported', () => {
+      const sandbox = sinon.createSandbox();
+      const originalDocumentCreateElement = document.createElement.bind(document);
+      sandbox.replace(document, 'createElement', () => {
+        const input = originalDocumentCreateElement('input');
+        // @ts-ignore
+        delete input.capture;
+        return input;
+      });
+      const browserFeatures = calcBrowserFeatures();
+      expect(browserFeatures.htmlMediaCapture).to.be.false;
+      sandbox.restore();
+    });
+  });
+});

package/utils/cdn-utils.d.ts

@@ -52,8 +52,8 @@ export function splitFileUrl(fileUrl: string): {
     hash: string;
 };
 export function normalizeCdnOperation(operation?: string | unknown): string;
-export function joinCdnOperations(...operations?: unknown[] | undefined): string;
-export function createCdnUrlModifiers(...cdnOperations?: unknown[] | undefined): string;
-export function createCdnUrl(baseCdnUrl: string, cdnModifiers?: string | undefined, filename?: string | undefined): string;
+export function joinCdnOperations(...operations?: (string | unknown)[]): string;
+export function createCdnUrlModifiers(...cdnOperations?: (string | unknown)[]): string;
+export function createCdnUrl(baseCdnUrl: string, cdnModifiers?: string, filename?: string): string;
 export function createOriginalUrl(cdnUrl: string, uuid: string): string;
 //# sourceMappingURL=cdn-utils.d.ts.map

package/utils/cdn-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn-utils.d.ts","sourceRoot":"","sources":["cdn-utils.js"],"names":[],"mappings":"AAgDA;;;;;GAKG;AACH,wDAcC;AAED;;;;;GAKG;AACH,oCAHW,MAAM,GACJ,MAAM,CAQlB;AAED;;;;;GAKG;AACH,+CAHW,MAAM,GACJ,MAAM,CAYlB;AAED;;;;;GAKG;AACH,0CAHW,MAAM,GACJ,MAAM,EAAE,CASpB;AAED;;;;;GAKG;AACH,qDASC;AAED;;;;;GAKG;AACH,qDAEC;AAED;;;;;GAKG;AACH,+CAFa;IAAE,QAAQ,SAAS;IAAC,MAAM,SAAS;IAAC,IAAI,SAAQ;CAAE,CAS9D;AAvJM,kDAHI,SAAS,OAAO,UAkB1B;AAQM,iFAKN;AASM,wFAGN;AA2HM,2HAgBN;AASM,wEAIN"}
+{"version":3,"file":"cdn-utils.d.ts","sourceRoot":"","sources":["cdn-utils.js"],"names":[],"mappings":"AAgDA;;;;;GAKG;AACH,wDAcC;AAED;;;;;GAKG;AACH,oCAHW,MAAM,GACJ,MAAM,CAQlB;AAED;;;;;GAKG;AACH,+CAHW,MAAM,GACJ,MAAM,CAYlB;AAED;;;;;GAKG;AACH,0CAHW,MAAM,GACJ,MAAM,EAAE,CASpB;AAED;;;;;GAKG;AACH,qDASC;AAED;;;;;GAKG;AACH,qDAEC;AAED;;;;;GAKG;AACH,+CAFa;IAAE,QAAQ,SAAS;IAAC,MAAM,SAAS;IAAC,IAAI,SAAQ;CAAE,CAS9D;AAvJM,kDAHI,SAAS,OAAO,UAkB1B;AAQM,kDAHO,CAAC,SAAS,OAAO,CAAC,EAAA,UAQ/B;AASM,yDAHO,CAAC,SAAS,OAAO,CAAC,EAAA,UAM/B;AA2HM,mGAgBN;AASM,wEAIN"}

package/utils/fileTypes.d.ts

@@ -1,5 +1,9 @@
+export const BASIC_IMAGE_WILDCARD: "image/*";
+export const BASIC_VIDEO_WILDCARD: "video/*";
+export const HEIC_IMAGE_MIME_LIST: string[];
+export function calcImageAcceptList(): string[];
 export const IMAGE_ACCEPT_LIST: string[];
-export function mergeFileTypes(fileTypes?: string[] | undefined): string[];
+export function mergeFileTypes(fileTypes?: string[]): string[];
 export function matchMimeType(mimeType: string, allowedFileTypes: string[]): boolean;
 export function matchExtension(fileName: string, allowedFileTypes: string[]): boolean;
 export function fileIsImage(file: File | Blob): boolean;

package/utils/fileTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fileTypes.d.ts","sourceRoot":"","sources":["fileTypes.js"],"names":[],"mappings":"AAGA,yCAcE;AAMK,kEAFM,MAAM,EAAE,CAUpB;AAOM,kEAHI,QAAQ,WAYlB;AAOM,mEAHI,QAAQ,WAWlB;AAMM,kCAHI,IAAI,GAAG,IAAI,WASrB;AAQM,6BAHI,OAAO,GACL,OAAO,CAInB;AAQM,6BAHI,OAAO,GACL,OAAO,CAInB"}
+{"version":3,"file":"fileTypes.d.ts","sourceRoot":"","sources":["fileTypes.js"],"names":[],"mappings":"AAIA,mCAAoC,SAAS,CAAC;AAC9C,mCAAoC,SAAS,CAAC;AAC9C,4CAaE;AAEK,gDAUN;AAED,yCAAuD;AAMhD,2CAHI,MAAM,EAAE,GACN,MAAM,EAAE,CAUpB;AAOM,kEAHI,QAAQ,WAYlB;AAOM,mEAHI,QAAQ,WAWlB;AAMM,kCAHI,IAAI,GAAG,IAAI,WASrB;AAQM,6BAHI,OAAO,GACL,OAAO,CAInB;AAQM,6BAHI,OAAO,GACL,OAAO,CAInB"}

package/utils/fileTypes.js

@@ -1,8 +1,10 @@
 // @ts-check
+import { browserInfo } from './browser-info.js';
 import { stringToArray } from './stringToArray.js';
 
-export const IMAGE_ACCEPT_LIST = [
-  'image/*',
+export const BASIC_IMAGE_WILDCARD = 'image/*';
+export const BASIC_VIDEO_WILDCARD = 'video/*';
+export const HEIC_IMAGE_MIME_LIST = [
   'image/heif',
   'image/heif-sequence',
   'image/heic',
@@ -17,6 +19,20 @@ export const IMAGE_ACCEPT_LIST = [
   '.avifs',
 ];
 
+export const calcImageAcceptList = () => {
+  // Desktop Safari allows selecting HEIC images with simple image/* wildcard
+  // But if we provide a more specific HEIC types - safari starts to convert any images to HEIC
+  if (browserInfo.safariDesktop) {
+    return [BASIC_IMAGE_WILDCARD];
+  }
+  // Other browsers allows to select HEIC images with more specific HEIC types only
+  // Mobile Safari will allow to select HEIC images even with simple image/* wildcard and it will convert them to JPEG by default (behaviour could be changed in file picker UI)
+  // Hope it will be fixed in the future so we'll add specific types so that Mobile Safari will know that we're supporting HEIC images
+  return [BASIC_IMAGE_WILDCARD, ...HEIC_IMAGE_MIME_LIST];
+};
+
+export const IMAGE_ACCEPT_LIST = calcImageAcceptList();
+
 /**
  * @param {string[]} [fileTypes]
  * @returns {string[]}

package/utils/getPluralForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getPluralForm.d.ts","sourceRoot":"","sources":["getPluralForm.js"],"names":[],"mappings":"AASO,sCAJI,MAAM,SACN,MAAM,GACJ,UAAU,CAKtB;yBAVa,KAAK,cAAc"}
+{"version":3,"file":"getPluralForm.d.ts","sourceRoot":"","sources":["getPluralForm.js"],"names":[],"mappings":"AASO,sCAJI,MAAM,SACN,MAAM,GACJ,UAAU,CAKtB;yBAVa,IAAI,CAAC,cAAc"}

package/utils/isSecureTokenExpired.d.ts

@@ -1,4 +1,4 @@
-export function isSecureTokenExpired(secureToken: import('../types').SecureUploadsSignatureAndExpire, { threshold }: {
+export function isSecureTokenExpired(secureToken: import("../types").SecureUploadsSignatureAndExpire, { threshold }: {
     threshold?: number;
 }): boolean;
 //# sourceMappingURL=isSecureTokenExpired.d.ts.map

package/utils/memoize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"memoize.d.ts","sourceRoot":"","sources":["memoize.js"],"names":[],"mappings":"AASO,uHAaN"}
+{"version":3,"file":"memoize.d.ts","sourceRoot":"","sources":["memoize.js"],"names":[],"mappings":"AASO,wBANc,KAAK,SAAZ,GAAG,EAAG,EACD,OAAO,kBACiB,CAAC,SAA/B,CAAE,GAAG,IAAI,EAAE,KAAK,KAAK,OAAQ,MAC/B,CAAC,GACC,CAAC,CAeb"}

package/utils/mixinClass.d.ts

@@ -4,5 +4,7 @@ export type GConstructor<T> = new (...args: any[]) => T;
  * are some dynamic generated properties or native overrides in the class. We're use it to define dynamic access
  * properties and events to subscribe to.
  */
-export type MixinClass<Base extends GConstructor<HTMLElement>, InstanceProperties extends Record<string, any> = {}> = (new (...args: ConstructorParameters<Base>) => InstanceProperties & InstanceType<Base>) & Omit<Base, "new">;
+export type MixinClass<Base extends GConstructor<HTMLElement>, InstanceProperties extends Record<string, any> = {}> = {
+    new (...args: ConstructorParameters<Base>): InstanceProperties & InstanceType<Base>;
+} & Omit<Base, "new">;
 //# sourceMappingURL=mixinClass.d.ts.map