@uploadcare/file-uploader 1.24.5 → 1.24.6

package/dist/env.js

@@ -25,7 +25,7 @@
  */
 
 // package.json
-var version = "1.24.5";
+var version = "1.24.6";
 
 // src/env.ts
 var PACKAGE_NAME = "blocks";

package/dist/index.css

@@ -54,6 +54,12 @@ uc-activity-header:not(#\#) > * {
     display: flex;
     align-items: center;
   }
+uc-activity-header:not(#\#) > div > uc-icon {
+    width: auto;
+  }
+uc-activity-header:not(#\#) > div {
+    gap: var(--uc-padding);
+  }
 
 /* src/blocks/CameraSource/camera-source.css */
 uc-camera-source:not(#\#) {

package/dist/index.js

@@ -506,7 +506,7 @@ var config = {
   secureSignature: "",
   secureExpire: "",
   secureDeliveryProxy: "",
-  retryThrottledRequestMaxTimes: 10,
+  retryThrottledRequestMaxTimes: 3,
   retryNetworkErrorMaxTimes: 3,
   multipartMinFileSize: 26214400,
   multipartChunkSize: 5242880,
@@ -1217,7 +1217,7 @@ import { TelemetryAPIService } from "@uploadcare/quality-insights";
 import { Queue as Queue2 } from "@uploadcare/upload-client";
 
 // package.json
-var version = "1.24.5";
+var version = "1.24.6";
 
 // src/env.ts
 var PACKAGE_NAME = "blocks";
@@ -5068,6 +5068,7 @@ CameraSource.template = /* HTML */
         type="button"
         class="uc-switch uc-mini-btn"
         set="onclick: onClickTab;  @hidden: tabCameraHidden"
+        data-testid="tab-photo"
       >
         <uc-icon name="camera"></uc-icon>
       </button>
@@ -5076,6 +5077,7 @@ CameraSource.template = /* HTML */
         type="button"
         class="uc-switch uc-mini-btn"
         set="onclick: onClickTab; @hidden: tabVideoHidden"
+        data-testid="tab-video"
       >
         <uc-icon name="video-camera"></uc-icon>
       </button>
@@ -5084,6 +5086,7 @@ CameraSource.template = /* HTML */
     <button
       class="uc-secondary-btn uc-recording-timer"
       set="@hidden:timerHidden; onclick: onToggleRecording"
+      data-testid="recording-timer"
     >
       <uc-icon set="@name: currentTimelineIcon"></uc-icon>
       <span ref="timer"> 00:00 </span>
@@ -5094,7 +5097,7 @@ CameraSource.template = /* HTML */
       class="uc-camera-actions uc-camera-action"
       set="@hidden: cameraActionsHidden"
     >
-      <button type="button" class="uc-secondary-btn" set="onclick: onRetake">
+      <button type="button" class="uc-secondary-btn" set="onclick: onRetake" data-testid="retake">
         Retake
       </button>
       <button
@@ -5120,6 +5123,7 @@ CameraSource.template = /* HTML */
       <button
         class="uc-mini-btn uc-btn-microphone"
         set="onclick: onToggleAudio; @hidden: audioToggleMicrophoneHidden;"
+        data-testid="toggle-microphone"
       >
         <uc-icon set="@name:toggleMicrophoneIcon"></uc-icon>
       </button>
@@ -5127,6 +5131,7 @@ CameraSource.template = /* HTML */
       <uc-select
         class="uc-audio-select"
         set="$.options: audioSelectOptions; onchange: onAudioSelectChange; @hidden: audioSelectHidden; @disabled: audioSelectDisabled"
+        data-testid="audio-select"
       >
       </uc-select>
     </div>
@@ -7775,8 +7780,8 @@ EditorToolbar.template = /* HTML */
         <div class="uc-list-aspect-ratio" ref="list-el"></div>
       </div>
       <div class="uc-controls-row">
-        <uc-btn-ui theme="secondary" set="onclick: on.cancelSlider" l10n="@text:cancel"> </uc-btn-ui>
-        <uc-btn-ui theme="primary" set="onclick: on.applySlider" l10n="@text:apply"> </uc-btn-ui>
+        <uc-btn-ui theme="secondary" set="onclick: on.cancelSlider; title-prop:cancel" l10n="@text:cancel"> </uc-btn-ui>
+        <uc-btn-ui theme="primary" set="onclick: on.applySlider; title-prop:apply" l10n="@text:apply"> </uc-btn-ui>
       </div>
     </uc-presence-toggle>
   </div>
@@ -9693,11 +9698,14 @@ var FileItem = class _FileItem extends FileItemConfig {
       } else if (!isFinished && externalUrl && source && Object.values(ExternalUploadSource).includes(source)) {
         hint = this.l10n("waiting-for", { source: this.l10n(`src-type-${source}`) });
       }
+      const uploadProgress = entry.getValue("uploadProgress");
+      const progressValue = uploadProgress === 100 ? 100 : isQueuedForValidation || isValidationPending ? 0 : uploadProgress;
+      const progressVisible = isUploading || isQueuedForUploading || isQueuedForValidation || isValidationPending;
       this.set$({
         hint,
         errorText,
-        progressVisible: isUploading || isQueuedForUploading || isQueuedForValidation || isValidationPending,
-        progressValue: isQueuedForValidation || isValidationPending ? 0 : entry.getValue("uploadProgress"),
+        progressVisible,
+        progressValue,
         ariaLabelStatusFile: fileName && this.l10n("a11y-file-item-status", {
           fileName,
           status: this.l10n(state?.description?.toLocaleLowerCase() ?? "").toLocaleLowerCase()
@@ -9955,6 +9963,7 @@ var FileItem = class _FileItem extends FileItemConfig {
         l10n="@title:file-item-edit-button;@aria-label:file-item-edit-button"
         class="uc-edit-btn uc-mini-btn"
         set="onclick: onEdit; @hidden: !isEditable"
+        data-testid="edit"
       >
         <uc-icon name="edit-file"></uc-icon>
       </button>

package/dist/index.layered.css

@@ -40,6 +40,12 @@
     display: flex;
     align-items: center;
   }
+  uc-activity-header > div > uc-icon {
+    width: auto;
+  }
+  uc-activity-header > div {
+    gap: var(--uc-padding);
+  }
 }
 
 /* src/blocks/CameraSource/camera-source.css */

package/dist/index.ssr.js

@@ -110,6 +110,7 @@ export const CameraSource = class {
         type="button"
         class="uc-switch uc-mini-btn"
         set="onclick: onClickTab;  @hidden: tabCameraHidden"
+        data-testid="tab-photo"
       >
         <uc-icon name="camera"></uc-icon>
       </button>
@@ -118,6 +119,7 @@ export const CameraSource = class {
         type="button"
         class="uc-switch uc-mini-btn"
         set="onclick: onClickTab; @hidden: tabVideoHidden"
+        data-testid="tab-video"
       >
         <uc-icon name="video-camera"></uc-icon>
       </button>
@@ -126,6 +128,7 @@ export const CameraSource = class {
     <button
       class="uc-secondary-btn uc-recording-timer"
       set="@hidden:timerHidden; onclick: onToggleRecording"
+      data-testid="recording-timer"
     >
       <uc-icon set="@name: currentTimelineIcon"></uc-icon>
       <span ref="timer"> 00:00 </span>
@@ -136,7 +139,7 @@ export const CameraSource = class {
       class="uc-camera-actions uc-camera-action"
       set="@hidden: cameraActionsHidden"
     >
-      <button type="button" class="uc-secondary-btn" set="onclick: onRetake">
+      <button type="button" class="uc-secondary-btn" set="onclick: onRetake" data-testid="retake">
         Retake
       </button>
       <button
@@ -162,6 +165,7 @@ export const CameraSource = class {
       <button
         class="uc-mini-btn uc-btn-microphone"
         set="onclick: onToggleAudio; @hidden: audioToggleMicrophoneHidden;"
+        data-testid="toggle-microphone"
       >
         <uc-icon set="@name:toggleMicrophoneIcon"></uc-icon>
       </button>
@@ -169,6 +173,7 @@ export const CameraSource = class {
       <uc-select
         class="uc-audio-select"
         set="$.options: audioSelectOptions; onchange: onAudioSelectChange; @hidden: audioSelectHidden; @disabled: audioSelectDisabled"
+        data-testid="audio-select"
       >
       </uc-select>
     </div>
@@ -808,8 +813,8 @@ export const EditorToolbar = class {
         <div class="uc-list-aspect-ratio" ref="list-el"></div>
       </div>
       <div class="uc-controls-row">
-        <uc-btn-ui theme="secondary" set="onclick: on.cancelSlider" l10n="@text:cancel"> </uc-btn-ui>
-        <uc-btn-ui theme="primary" set="onclick: on.applySlider" l10n="@text:apply"> </uc-btn-ui>
+        <uc-btn-ui theme="secondary" set="onclick: on.cancelSlider; title-prop:cancel" l10n="@text:cancel"> </uc-btn-ui>
+        <uc-btn-ui theme="primary" set="onclick: on.applySlider; title-prop:apply" l10n="@text:apply"> </uc-btn-ui>
       </div>
     </uc-presence-toggle>
   </div>
@@ -926,6 +931,7 @@ export const FileItem = class {
         l10n="@title:file-item-edit-button;@aria-label:file-item-edit-button"
         class="uc-edit-btn uc-mini-btn"
         set="onclick: onEdit; @hidden: !isEditable"
+        data-testid="edit"
       >
         <uc-icon name="edit-file"></uc-icon>
       </button>
@@ -1132,7 +1138,7 @@ export const ModalEvents = {
 	DESTROY: "modal:destroy",
 };
 export const PACKAGE_NAME = `blocks`;
-export const PACKAGE_VERSION = `1.24.5`;
+export const PACKAGE_VERSION = `1.24.6`;
 export const PresenceToggle = class {
 	static template = `<slot></slot> `;
 	static reg = () => {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uploadcare/file-uploader",
-  "version": "1.24.5",
+  "version": "1.24.6",
   "description": "Building blocks for Uploadcare products integration",
   "keywords": [
     "web components",
@@ -82,7 +82,7 @@
     "test:publint": "publint",
     "test:specs": "vitest run --project specs",
     "test:e2e": "vitest run --coverage --project e2e",
-    "test:e2e:dev": "vitest --browser.headless=false",
+    "test:e2e:dev": "vitest --coverage --browser.headless=false",
     "test:locales": "tsx ./scripts/test-locales.ts",
     "release": "shipjs prepare",
     "build:lib": "npm run clean:web && npm run clean:dist && tsx ./scripts/build.ts",