@uploadcare/file-uploader 1.28.0-alpha.0 → 1.28.0-alpha.1

package/web/CameraSource-BvBJ5Uzy.js

@@ -0,0 +1,508 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:14.841Z
+*/
+import { At as __decorate, Bt as b, H as LitBlock, I as CameraSourceEvents, L as CameraSourceTypes, Mt as r, Nt as n$1, Y as InternalEventType, bt as stringToArray, jt as debounce, n, t as e } from "./ref-BejJFG7m.js";
+import { c as UploadSource, f as deserializeCsv } from "./plugins-CaaolyMk.js";
+import { n as LitActivityBlock, t as LitUploaderBlock } from "./LitUploaderBlock-Oi33U0uf.js";
+import { t as o } from "./style-map-CZ6fSV6e.js";
+var Select = class extends LitBlock {
+	constructor(...t) {
+		super(...t), this.value = "", this.disabled = !1, this.options = [], this._handleChange = (t) => {
+			if (this.disabled) {
+				t.preventDefault(), t.stopPropagation();
+				return;
+			}
+			t.preventDefault(), t.stopPropagation();
+			let T = t.currentTarget;
+			T && (this.value = T.value, this.dispatchEvent(new Event("change")));
+		};
+	}
+	render() {
+		return b`
+      <select @change=${this._handleChange} .value=${this.value} ?disabled=${this.disabled}>
+        ${this.options.map((t) => b`<option value=${t.value}>${t.text}</option>`)}
+      </select>
+    `;
+	}
+};
+__decorate([n$1({
+	type: String,
+	attribute: !1
+})], Select.prototype, "value", void 0), __decorate([n$1({
+	type: Boolean,
+	reflect: !0
+})], Select.prototype, "disabled", void 0), __decorate([n$1({
+	type: Array,
+	attribute: !1
+})], Select.prototype, "options", void 0);
+const canUsePermissionsApi = () => navigator.permissions !== void 0;
+var DEFAULT_VIDEO_CONFIG = {
+	width: { ideal: 1920 },
+	height: { ideal: 1080 },
+	frameRate: { ideal: 30 }
+}, DEFAULT_PERMISSIONS = ["camera", "microphone"];
+function formatTime(t) {
+	return `${Math.floor(t / 60).toString().padStart(2, "0")}:${Math.floor(t % 60).toString().padStart(2, "0")}`;
+}
+var DEFAULT_PICTURE_FORMAT = "image/jpeg", DEFAULT_VIDEO_FORMAT = "video/webm", CameraSource = class extends LitUploaderBlock {
+	constructor(...t) {
+		super(...t), this.couldBeCtxOwner = !0, this._unsubPermissions = null, this._capturing = !1, this._chunks = [], this._mediaRecorder = null, this._stream = null, this._selectedAudioId = null, this._selectedCameraId = null, this._activeTab = null, this._options = {}, this._canvas = null, this._ctx = null, this._cameraDevices = [], this._audioDevices = [], this._permissionResponses = {}, this._permissionCleanupFns = [], this._currentVideoSource = null, this._handlePreviewPlay = () => {
+			this._startTimeline(), this._currentTimelineIcon = "pause";
+		}, this._handlePreviewPause = () => {
+			this._currentTimelineIcon = "play", this._stopTimeline();
+		}, this._timerRef = e(), this._lineRef = e(), this._videoRef = e(), this._switcherRef = e(), this._startTime = 0, this._elapsedTime = 0, this._videoTransformCss = null, this._videoHidden = !0, this._messageHidden = !0, this._requestBtnHidden = canUsePermissionsApi(), this._cameraSelectOptions = [], this._cameraSelectHidden = !0, this._l10nMessage = "", this._timerHidden = !0, this._cameraHidden = !0, this._cameraActionsHidden = !0, this._audioSelectOptions = [], this._audioSelectHidden = !0, this._audioSelectDisabled = !0, this._audioToggleMicrophoneHidden = !0, this._tabCameraHidden = !0, this._tabVideoHidden = !0, this._currentIcon = "camera-full", this._currentTimelineIcon = "play", this._toggleMicrophoneIcon = "microphone", this._mutableClassButton = "uc-shot-btn uc-camera-action", this._chooseActionWithCamera = () => {
+			if (this.telemetryManager.sendEvent({
+				eventType: InternalEventType.ACTION_EVENT,
+				payload: { metadata: {
+					event: "start-camera",
+					node: this.tagName,
+					tabId: this._activeTab
+				} }
+			}), this._activeTab === CameraSourceTypes.PHOTO && this._shot(), this._activeTab === CameraSourceTypes.VIDEO) {
+				if (this._mediaRecorder?.state === "recording") {
+					this._stopRecording();
+					return;
+				}
+				this._startRecording();
+			}
+		}, this._handleCameraSelectChange = (t) => {
+			let T = t.target;
+			T && (this._selectedCameraId = T.value, this._capture());
+		}, this._handleAudioSelectChange = (t) => {
+			let T = t.target;
+			T && (this._selectedAudioId = T.value, this._capture());
+		}, this._handleRequestPermissions = () => {
+			this._capture();
+		}, this._handleStartCamera = () => {
+			this.telemetryManager.sendEvent({
+				eventType: InternalEventType.ACTION_EVENT,
+				payload: { metadata: {
+					event: "shot-camera",
+					node: this.tagName,
+					tabId: this._activeTab
+				} }
+			}), this._chooseActionWithCamera();
+		}, this._handleToggleRecording = () => {
+			this._toggleRecording();
+		}, this._handleToggleAudio = () => {
+			this._toggleEnableAudio();
+		}, this._handleRetake = () => {
+			this.telemetryManager.sendEvent({
+				eventType: InternalEventType.ACTION_EVENT,
+				payload: { metadata: {
+					event: "retake-camera",
+					node: this.tagName,
+					tabId: this._activeTab
+				} }
+			}), this._retake();
+		}, this._handleAccept = () => {
+			this.telemetryManager.sendEvent({
+				eventType: InternalEventType.ACTION_EVENT,
+				payload: { metadata: {
+					event: "accept-camera",
+					node: this.tagName,
+					tabId: this._activeTab
+				} }
+			}), this._accept();
+		}, this._handleClickTab = (t) => {
+			let T = t.currentTarget?.getAttribute("data-id");
+			T && this._handleActiveTab(T);
+		}, this._updateTimer = () => {
+			let t = Math.floor((performance.now() - this._startTime + this._elapsedTime) / 1e3);
+			if (typeof this.cfg.maxVideoRecordingDuration == "number" && this.cfg.maxVideoRecordingDuration > 0) {
+				let T = this.cfg.maxVideoRecordingDuration - t;
+				if (T <= 0) {
+					let t = this._timerRef.value;
+					t && (t.textContent = formatTime(T)), this._stopRecording();
+					return;
+				}
+				let E = this._timerRef.value;
+				E && (E.textContent = formatTime(T));
+			} else {
+				let T = this._timerRef.value;
+				T && (T.textContent = formatTime(t));
+			}
+			this._animationFrameId = requestAnimationFrame(this._updateTimer);
+		}, this._startTimer = () => {
+			this._startTime = performance.now(), this._elapsedTime = 0, this._updateTimer();
+		}, this._stopTimer = () => {
+			this._animationFrameId && cancelAnimationFrame(this._animationFrameId);
+		}, this._startTimeline = () => {
+			let t = this._videoRef.value;
+			if (!t) return;
+			let T = t.currentTime, E = t.duration || 1, D = this._lineRef.value;
+			D && (D.style.transform = `scaleX(${T / E})`);
+			let O = this._timerRef.value;
+			O && (O.textContent = formatTime(T)), this._animationFrameId = requestAnimationFrame(this._startTimeline);
+		}, this._stopTimeline = () => {
+			this._animationFrameId && cancelAnimationFrame(this._animationFrameId);
+		}, this._animationFrameId = null, this._startRecording = () => {
+			try {
+				this._chunks = [], this._options = { ...this.cfg.mediaRecorderOptions };
+				let { mimeType: t } = this.cfg.mediaRecorderOptions || {};
+				t && MediaRecorder.isTypeSupported(t) ? this._options.mimeType = t : MediaRecorder.isTypeSupported(DEFAULT_VIDEO_FORMAT) ? this._options.mimeType = DEFAULT_VIDEO_FORMAT : this._options.mimeType = "video/mp4", this._stream && (this._mediaRecorder = new MediaRecorder(this._stream, this._options), this._mediaRecorder.start(), this._mediaRecorder.addEventListener("dataavailable", (t) => {
+					this._chunks.push(t.data);
+				}), this._startTimer(), this.classList.add("uc-recording"), this._setCameraState(CameraSourceEvents.PLAY));
+			} catch (t) {
+				console.error("Failed to start recording", t), this.telemetryManager.sendEventError(t, "camera recording. Failed to start recording");
+			}
+		}, this._stopRecording = () => {
+			this._mediaRecorder?.addEventListener("stop", () => {
+				this._previewVideo(), this._stopTimer(), this._setCameraState(CameraSourceEvents.STOP);
+			}), this._mediaRecorder?.stop(), this.classList.remove("uc-recording"), this.telemetryManager.sendEvent({
+				eventType: InternalEventType.ACTION_EVENT,
+				payload: { metadata: {
+					event: "stop-camera",
+					node: this.tagName,
+					tabId: this._activeTab
+				} }
+			});
+		}, this._toggleRecording = () => {
+			if (this._mediaRecorder?.state === "recording") return;
+			let t = this._videoRef.value;
+			t && (!t.paused && !t.ended && t.readyState > 2 ? t.pause() : t.paused && t.play());
+		}, this._toggleEnableAudio = () => {
+			this._stream?.getAudioTracks().forEach((t) => {
+				t.enabled = !t.enabled, this._toggleMicrophoneIcon = t.enabled ? "microphone" : "microphone-mute", this._audioSelectDisabled = !t.enabled;
+			});
+		}, this._previewVideo = () => {
+			try {
+				let t = new Blob(this._chunks, { type: this._mediaRecorder?.mimeType }), T = URL.createObjectURL(t), E = this._videoRef.value;
+				if (!E) return;
+				E.muted = !1, E.volume = 1, this._setVideoSource(null), E.src = T, this._attachPreviewListeners(E);
+			} catch (t) {
+				console.error("Failed to preview video", t), this.telemetryManager.sendEventError(t, "camera previewing. Failed to preview video");
+			}
+		}, this._retake = () => {
+			if (this._setCameraState(CameraSourceEvents.RETAKE), this._activeTab === CameraSourceTypes.VIDEO) {
+				this._setVideoSource(this._stream);
+				let t = this._videoRef.value;
+				t && (t.muted = !0);
+			}
+			this._videoRef.value?.play?.();
+		}, this._accept = () => {
+			if (this._setCameraState(CameraSourceEvents.ACCEPT), this._activeTab === CameraSourceTypes.PHOTO) {
+				this._canvas?.toBlob((t) => {
+					if (!t) return;
+					let T = this._createFile("camera", "jpeg", DEFAULT_PICTURE_FORMAT, t);
+					this._toSend(T);
+				}, DEFAULT_PICTURE_FORMAT);
+				return;
+			}
+			let t = new Blob(this._chunks, { type: this._mediaRecorder?.mimeType }), T = this._guessExtensionByMime(this._mediaRecorder?.mimeType), E = this._createFile("video", T, `video/${T}`, t);
+			this._toSend(E), this._chunks = [];
+		}, this._handlePhoto = (t) => {
+			t === CameraSourceEvents.SHOT && (this._tabVideoHidden = !0, this._cameraHidden = !0, this._tabCameraHidden = !0, this._cameraActionsHidden = !1, this._cameraSelectHidden = !0), (t === CameraSourceEvents.RETAKE || t === CameraSourceEvents.ACCEPT) && (this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._cameraHidden = !1, this._cameraActionsHidden = !0, this._cameraSelectHidden = this._cameraDevices.length <= 1);
+		}, this._handleVideo = (t) => {
+			t === CameraSourceEvents.PLAY && (this._timerHidden = !1, this._tabCameraHidden = !0, this._cameraSelectHidden = !0, this._audioSelectHidden = !0, this._currentTimelineIcon = "pause", this._currentIcon = "square", this._mutableClassButton = "uc-shot-btn uc-camera-action uc-stop-record"), t === CameraSourceEvents.STOP && (this._timerHidden = !1, this._cameraHidden = !0, this._audioToggleMicrophoneHidden = !0, this._cameraActionsHidden = !1), (t === CameraSourceEvents.RETAKE || t === CameraSourceEvents.ACCEPT) && (this._timerHidden = !0, this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._cameraHidden = !1, this._cameraActionsHidden = !0, this._audioToggleMicrophoneHidden = !this.cfg.enableAudioRecording, this._currentIcon = "video-camera-full", this._mutableClassButton = "uc-shot-btn uc-camera-action", this._audioSelectHidden = !this.cfg.enableAudioRecording || this._audioDevices.length <= 1, this._cameraSelectHidden = this._cameraDevices.length <= 1);
+		}, this._setCameraState = (t) => {
+			this._activeTab === CameraSourceTypes.PHOTO && (t === "shot" || t === "retake" || t === "accept") && this._handlePhoto(t), this._activeTab === CameraSourceTypes.VIDEO && (t === "play" || t === "stop" || t === "retake" || t === "accept" || t === "pause" || t === "resume") && this._handleVideo(t);
+		}, this._handleActiveTab = (t) => {
+			this._switcherRef.value?.querySelectorAll("button").forEach((T) => {
+				T.classList.toggle("uc-active", T.getAttribute("data-id") === t);
+			}), t === CameraSourceTypes.PHOTO && (this._currentIcon = "camera-full", this._audioSelectHidden = !0, this._audioToggleMicrophoneHidden = !0), t === CameraSourceTypes.VIDEO && (this._currentTimelineIcon = "play", this._currentIcon = "video-camera-full", this._audioSelectHidden = !this.cfg.enableAudioRecording || this._audioDevices.length <= 1, this._audioToggleMicrophoneHidden = !this.cfg.enableAudioRecording), this.telemetryManager.sendEvent({
+				eventType: InternalEventType.ACTION_EVENT,
+				payload: { metadata: {
+					event: "camera-tab-switch",
+					node: this.tagName,
+					tabId: t
+				} }
+			}), this._activeTab = t;
+		}, this._createFile = (t, T, E, D) => {
+			let O = Date.now(), k = `${t}-${O}.${T}`;
+			return new File([D], k, {
+				lastModified: O,
+				type: E
+			});
+		}, this._toSend = (t) => {
+			this.api.addFileFromObject(t, { source: UploadSource.CAMERA }), this.set$({ "*currentActivity": LitActivityBlock.activities.UPLOAD_LIST }), this.modalManager?.open(LitActivityBlock.activities.UPLOAD_LIST);
+		}, this._setPermissionsState = debounce((t) => {
+			this.classList.toggle("uc-initialized", t === "granted");
+			let T = this._activeTab === CameraSourceTypes.VIDEO && this.cfg.enableAudioRecording, E = this._activeTab === CameraSourceTypes.PHOTO ? "camera-full" : "video-camera-full";
+			t === "granted" ? (this._videoHidden = !1, this._cameraHidden = !1, this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._messageHidden = !0, this._timerHidden = !0, this._currentIcon = E, this._audioToggleMicrophoneHidden = !T, this._audioSelectHidden = !T) : t === "prompt" ? (this._l10nMessage = "camera-permissions-prompt", this._videoHidden = !0, this._cameraHidden = !0, this._tabCameraHidden = !0, this._messageHidden = !1, this._stopCapture()) : (this._l10nMessage = "camera-permissions-denied", this._videoHidden = !0, this._messageHidden = !1, this._tabCameraHidden = !this._cameraModes.includes(CameraSourceTypes.PHOTO), this._tabVideoHidden = !this._cameraModes.includes(CameraSourceTypes.VIDEO), this._cameraActionsHidden = !0, this._mutableClassButton = "uc-shot-btn uc-camera-action", this._stopCapture());
+		}, 300), this._makeStreamInactive = () => {
+			if (!this._stream) return !1;
+			let t = this._stream?.getAudioTracks(), T = this._stream?.getVideoTracks();
+			return t.forEach((t) => {
+				t.stop();
+			}), T.forEach((t) => {
+				t.stop();
+			}), !0;
+		}, this._stopCapture = () => {
+			this._capturing &&= (this._videoRef.value && (this._videoRef.value.volume = 0), (this._currentVideoSource?.getTracks?.())?.[0]?.stop(), this._detachPreviewListeners(this._videoRef.value), this._setVideoSource(null), this._makeStreamInactive(), this._stopTimer(), !1);
+		}, this._capture = async () => {
+			let t = {
+				video: { ...DEFAULT_VIDEO_CONFIG },
+				audio: this.cfg.enableAudioRecording ? {} : !1
+			};
+			this._selectedCameraId && (t.video = { deviceId: { exact: this._selectedCameraId } }), this._selectedAudioId && this.cfg.enableAudioRecording && (t.audio = { deviceId: { exact: this._selectedAudioId } }), this._videoRef.value && (this._videoRef.value.volume = 0);
+			try {
+				this._setPermissionsState("prompt"), this._stream = await navigator.mediaDevices.getUserMedia(t), this._stream.addEventListener("inactive", () => {
+					this._setPermissionsState("denied");
+				}), this._setVideoSource(this._stream), this._capturing = !0, this._setPermissionsState("granted");
+			} catch (t) {
+				this._setPermissionsState("denied"), console.log("Failed to capture camera", t), this.telemetryManager.sendEventError(t, "camera capturing. Failed to capture camera");
+			}
+		}, this._handlePermissionsChange = () => {
+			this._capture();
+		}, this._permissionAccess = async () => {
+			try {
+				this._teardownPermissionListeners();
+				for (let t of DEFAULT_PERMISSIONS) {
+					let T = await navigator.permissions.query({ name: t });
+					this._permissionResponses[t] = T, T.addEventListener("change", this._handlePermissionsChange), this._permissionCleanupFns.push(() => {
+						T.removeEventListener("change", this._handlePermissionsChange);
+					});
+				}
+				this._unsubPermissions = () => {
+					this._teardownPermissionListeners();
+				};
+			} catch (t) {
+				this._teardownPermissionListeners(), console.log("Failed to use permissions API. Fallback to manual request mode.", t), this.telemetryManager.sendEventError(t, "camera permissions. Failed to use permissions API"), this._capture();
+			}
+		}, this._requestDeviceAccess = async () => {
+			try {
+				await navigator.mediaDevices.getUserMedia({
+					video: !0,
+					audio: this.cfg.enableAudioRecording
+				}), await this._getDevices(), navigator.mediaDevices.addEventListener("devicechange", this._getDevices);
+			} catch (t) {
+				this.telemetryManager.sendEventError(t, "camera devices. Failed to get user media"), console.log("Failed to get user media", t);
+			}
+		}, this._getDevices = async () => {
+			try {
+				let t = await navigator.mediaDevices.enumerateDevices();
+				this._cameraDevices = t.filter((t) => t.kind === "videoinput").map((t, T) => ({
+					text: t.label.trim() || `${this.l10n("caption-camera")} ${T + 1}`,
+					value: t.deviceId
+				})), this._audioDevices = this.cfg.enableAudioRecording ? t.filter((t) => t.kind === "audioinput").map((t) => ({
+					text: t.label.trim(),
+					value: t.deviceId
+				})) : [], this._cameraSelectOptions = this._cameraDevices, this._cameraSelectHidden = this._cameraDevices.length <= 1, this._selectedCameraId = this._cameraDevices[0]?.value ?? null, this._audioSelectOptions = this._audioDevices, this._audioSelectHidden = !this.cfg.enableAudioRecording || this._audioDevices.length <= 1, this._selectedAudioId = this._audioDevices[0]?.value ?? null;
+			} catch (t) {
+				this.telemetryManager.sendEventError(t, "camera devices. Failed to get devices"), console.log("Failed to get devices", t);
+			}
+		}, this._onActivate = async () => {
+			await this._permissionAccess(), await this._requestDeviceAccess(), await this._capture(), this._handleCameraModes(this._cameraModes);
+		}, this._onDeactivate = async () => {
+			this._unsubPermissions && this._unsubPermissions(), window.chrome || this._setPermissionsState("denied"), this._stopCapture();
+		}, this._handleCameraModes = (t) => {
+			this._tabVideoHidden = !t.includes(CameraSourceTypes.VIDEO), this._tabCameraHidden = !t.includes(CameraSourceTypes.PHOTO);
+			let T = t[0];
+			T && (!this._activeTab || !t.includes(this._activeTab)) && this._handleActiveTab(T);
+		};
+	}
+	_attachPreviewListeners(t) {
+		this._detachPreviewListeners(t), t.addEventListener("play", this._handlePreviewPlay), t.addEventListener("pause", this._handlePreviewPause);
+	}
+	_detachPreviewListeners(t) {
+		t?.removeEventListener("play", this._handlePreviewPlay), t?.removeEventListener("pause", this._handlePreviewPause);
+	}
+	_setVideoSource(t) {
+		this._currentVideoSource !== t && (this._currentVideoSource = t, this._applyVideoSource());
+	}
+	_applyVideoSource() {
+		let t = this._videoRef.value;
+		if (!t) return;
+		let T = this._currentVideoSource ?? null;
+		t.srcObject !== T && (t.srcObject = T);
+	}
+	_shot() {
+		if (this._setCameraState("shot"), this._canvas = document.createElement("canvas"), this._ctx = this._canvas.getContext("2d"), !this._ctx) throw Error("Failed to get canvas context");
+		let t = this._videoRef.value;
+		if (!t) throw Error("Video element not found");
+		this._canvas.height = t.videoHeight, this._canvas.width = t.videoWidth, this.cfg.cameraMirror && (this._ctx.translate(this._canvas.width, 0), this._ctx.scale(-1, 1)), this._ctx.drawImage(t, 0, 0), t.pause();
+	}
+	_guessExtensionByMime(t) {
+		let T = {
+			mp4: "mp4",
+			ogg: "ogg",
+			webm: "webm",
+			quicktime: "mov",
+			"x-matroska": "mkv"
+		};
+		if (t === "") return "webm";
+		if (t) {
+			let E = t.split("/");
+			if (E?.[0] === "video") {
+				let t = E.slice(1).join("/")?.split(";")[0];
+				if (t && T[t]) return T[t];
+			}
+		}
+		return "avi";
+	}
+	get _cameraModes() {
+		return stringToArray(this.cfg.cameraModes).filter((t) => t === CameraSourceTypes.PHOTO || t === CameraSourceTypes.VIDEO);
+	}
+	_teardownPermissionListeners() {
+		if (this._permissionCleanupFns.length !== 0) {
+			for (let t of this._permissionCleanupFns) t();
+			this._permissionCleanupFns = [], this._unsubPermissions = null;
+		}
+	}
+	initCallback() {
+		super.initCallback(), this.subConfigValue("cameraMirror", (t) => {
+			this._videoTransformCss = t ? "scaleX(-1)" : null;
+		}), this.subConfigValue("enableAudioRecording", (t) => {
+			this._audioToggleMicrophoneHidden = !t, this._audioSelectDisabled = !t;
+		}), this.subConfigValue("cameraModes", (t) => {
+			if (!this.isConnected) return;
+			let T = deserializeCsv(t);
+			this._handleCameraModes(T.filter((t) => t === CameraSourceTypes.PHOTO || t === CameraSourceTypes.VIDEO));
+		}), this._onActivate();
+	}
+	firstUpdated(t) {
+		super.firstUpdated(t), this._applyVideoSource();
+	}
+	updated(t) {
+		super.updated(t), this._applyVideoSource();
+	}
+	_destroy() {
+		this._teardownPermissionListeners(), navigator.mediaDevices?.removeEventListener("devicechange", this._getDevices), this._detachPreviewListeners(this._videoRef.value), this._setVideoSource(null);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._onDeactivate(), this._destroy();
+	}
+	render() {
+		return b`
+  <uc-activity-header>
+    <button
+      type="button"
+      class="uc-mini-btn"
+      @click=${this.$["*historyBack"]}
+      title=${this.l10n("back")}
+    >
+      <uc-icon name="back"></uc-icon>
+    </button>
+    <div ?hidden=${!this._cameraSelectHidden}>
+      <uc-icon name="camera"></uc-icon>
+      <span>${this.l10n("caption-camera")}</span>
+    </div>
+    <uc-select
+      class="uc-camera-select"
+      .options=${this._cameraSelectOptions}
+      ?hidden=${this._cameraSelectHidden}
+      @change=${this._handleCameraSelectChange}
+    >
+    </uc-select>
+    <button
+      type="button"
+      class="uc-mini-btn uc-close-btn"
+      @click=${this.$["*closeModal"]}
+      title=${this.l10n("a11y-activity-header-button-close")}
+      aria-label=${this.l10n("a11y-activity-header-button-close")}
+    >
+      <uc-icon name="close"></uc-icon>
+    </button>
+  </uc-activity-header>
+  <div class="uc-content">
+    <video
+      muted
+      autoplay
+      playsinline
+      style=${o({ transform: this._videoTransformCss })}
+      ?hidden=${this._videoHidden}
+      ${n(this._videoRef)}
+    ></video>
+    <div class="uc-message-box" ?hidden=${this._messageHidden}>
+      <span>${this.l10n(this._l10nMessage)}</span>
+      <button
+        type="button"
+        @click=${this._handleRequestPermissions}
+        ?hidden=${this._requestBtnHidden}
+        >${this.l10n("camera-permissions-request")}</button>
+    </div>
+  </div>
+
+  <div class="uc-controls">
+    <div ${n(this._switcherRef)} class="uc-switcher" ?hidden=${!this._timerHidden}>
+      <button
+        data-id="photo"
+        type="button"
+        class="uc-switch uc-mini-btn"
+        @click=${this._handleClickTab}
+        ?hidden=${this._tabCameraHidden}
+        data-testid="tab-photo"
+      >
+        <uc-icon name="camera"></uc-icon>
+      </button>
+      <button
+        data-id="video"
+        type="button"
+        class="uc-switch uc-mini-btn"
+        @click=${this._handleClickTab}
+        ?hidden=${this._tabVideoHidden}
+        data-testid="tab-video"
+      >
+        <uc-icon name="video-camera"></uc-icon>
+      </button>
+    </div>
+
+    <button
+      class="uc-secondary-btn uc-recording-timer"
+      @click=${this._handleToggleRecording}
+      ?hidden=${this._timerHidden}
+      data-testid="recording-timer"
+    >
+      <uc-icon name=${this._currentTimelineIcon}></uc-icon>
+      <span ${n(this._timerRef)}> 00:00 </span>
+      <span ${n(this._lineRef)} class="uc-line"></span>
+    </button>
+
+    <div
+      class="uc-camera-actions uc-camera-action"
+      ?hidden=${this._cameraActionsHidden}
+    >
+      <button type="button" class="uc-secondary-btn" @click=${this._handleRetake}>
+        Retake
+      </button>
+      <button
+        type="button"
+        class="uc-primary-btn"
+        @click=${this._handleAccept}
+        data-testid="accept"
+      >
+        Accept
+      </button>
+    </div>
+
+    <button
+      type="button"
+      data-testid="shot"
+      @click=${this._handleStartCamera}
+      class=${this._mutableClassButton}
+      ?hidden=${this._cameraHidden}
+    >
+      <uc-icon name=${this._currentIcon}></uc-icon>
+    </button>
+
+    <div class="uc-select">
+      <button
+        type="button"
+        class="uc-mini-btn uc-btn-microphone"
+        @click=${this._handleToggleAudio}
+        ?hidden=${this._audioToggleMicrophoneHidden}
+        data-testid="toggle-microphone"
+      >
+        <uc-icon name=${this._toggleMicrophoneIcon}></uc-icon>
+      </button>
+
+      <uc-select
+        class="uc-audio-select"
+        .options=${this._audioSelectOptions}
+        ?hidden=${this._audioSelectHidden}
+        ?disabled=${this._audioSelectDisabled}
+        @change=${this._handleAudioSelectChange}
+        data-testid="audio-select"
+      >
+      </uc-select>
+    </div>
+  </div>
+`;
+	}
+};
+__decorate([r()], CameraSource.prototype, "_videoTransformCss", void 0), __decorate([r()], CameraSource.prototype, "_videoHidden", void 0), __decorate([r()], CameraSource.prototype, "_messageHidden", void 0), __decorate([r()], CameraSource.prototype, "_requestBtnHidden", void 0), __decorate([r()], CameraSource.prototype, "_cameraSelectOptions", void 0), __decorate([r()], CameraSource.prototype, "_cameraSelectHidden", void 0), __decorate([r()], CameraSource.prototype, "_l10nMessage", void 0), __decorate([r()], CameraSource.prototype, "_timerHidden", void 0), __decorate([r()], CameraSource.prototype, "_cameraHidden", void 0), __decorate([r()], CameraSource.prototype, "_cameraActionsHidden", void 0), __decorate([r()], CameraSource.prototype, "_audioSelectOptions", void 0), __decorate([r()], CameraSource.prototype, "_audioSelectHidden", void 0), __decorate([r()], CameraSource.prototype, "_audioSelectDisabled", void 0), __decorate([r()], CameraSource.prototype, "_audioToggleMicrophoneHidden", void 0), __decorate([r()], CameraSource.prototype, "_tabCameraHidden", void 0), __decorate([r()], CameraSource.prototype, "_tabVideoHidden", void 0), __decorate([r()], CameraSource.prototype, "_currentIcon", void 0), __decorate([r()], CameraSource.prototype, "_currentTimelineIcon", void 0), __decorate([r()], CameraSource.prototype, "_toggleMicrophoneIcon", void 0), __decorate([r()], CameraSource.prototype, "_mutableClassButton", void 0);
+export { Select as n, CameraSource as t };

package/web/CameraSource-CkHzIE-h.js

@@ -0,0 +1,11 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:14.841Z
+*/
+import "./ref-BejJFG7m.js";
+import { t as CameraSource } from "./CameraSource-BvBJ5Uzy.js";
+import "./ActivityHeader-i4x6_Fne.js";
+import "./style-map-CZ6fSV6e.js";
+export { CameraSource };