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

package/dist/ExternalSource-BKTFp95O.js

@@ -0,0 +1,248 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.0 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T14:46:15.080Z
+*/
+import { Q as stringToArray, ct as __decorate } from "./Icon-CqTVC82Q.js";
+import { s as ExternalUploadSource } from "./plugins-DxjsQUa8.js";
+import { n as LitActivityBlock, t as LitUploaderBlock } from "./LitUploaderBlock-BA34rzeU.js";
+import { html } from "lit";
+import { state } from "lit/decorators.js";
+import { createRef, ref } from "lit/directives/ref.js";
+const getTopLevelOrigin = () => {
+	let e = globalThis.top ?? globalThis.parent ?? globalThis.self;
+	try {
+		return e.location.origin;
+	} catch (e) {
+		return console.warn("Unable to access top-level window location:", e), globalThis.location.origin;
+	}
+};
+var escapeRegExp = (e) => e.replace(/[\\-\\[]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+const wildcardRegexp = (e, m = "i") => {
+	let h = e.split("*").map(escapeRegExp);
+	return RegExp(`^${h.join(".+")}$`, m);
+};
+var ucCustomProperties = [
+	"--uc-font-family",
+	"--uc-font-size",
+	"--uc-line-height",
+	"--uc-button-size",
+	"--uc-preview-size",
+	"--uc-input-size",
+	"--uc-padding",
+	"--uc-radius",
+	"--uc-transition",
+	"--uc-background",
+	"--uc-foreground",
+	"--uc-primary",
+	"--uc-primary-hover",
+	"--uc-primary-transparent",
+	"--uc-primary-foreground",
+	"--uc-secondary",
+	"--uc-secondary-hover",
+	"--uc-secondary-foreground",
+	"--uc-muted",
+	"--uc-muted-foreground",
+	"--uc-destructive",
+	"--uc-destructive-foreground",
+	"--uc-border"
+], getCssValue = (e, m) => window.getComputedStyle(e).getPropertyValue(m).trim();
+const buildThemeDefinition = (e) => {
+	let m = {};
+	for (let h of ucCustomProperties) {
+		let g = getCssValue(e, h);
+		g && (m[h] = g);
+	}
+	return m;
+};
+var MESSAGE_TYPE_WHITELIST = ["selected-files-change", "toolbar-state-change"], isWhitelistedMessage = (e) => {
+	if (!e || typeof e != "object" || !("type" in e)) return !1;
+	let m = e.type;
+	return !(typeof m != "string" || !MESSAGE_TYPE_WHITELIST.includes(m));
+}, MessageBridge = class {
+	constructor(e, m) {
+		this._handlerMap = /* @__PURE__ */ new Map(), this._handleMessage = (e) => {
+			if (e.source !== this._context) return;
+			let m = e.data;
+			if (!isWhitelistedMessage(m)) return;
+			let h = this._handlerMap.get(m.type);
+			if (h) for (let e of h) e(m);
+		}, this._context = e, this._getTargetOrigin = m, window.addEventListener("message", this._handleMessage);
+	}
+	on(e, m) {
+		let h = this._handlerMap.get(e) ?? /* @__PURE__ */ new Set();
+		this._handlerMap.has(e) || this._handlerMap.set(e, h), h.add(m);
+	}
+	send(e) {
+		let m = this._getTargetOrigin();
+		this._context.postMessage(e, m);
+	}
+	destroy() {
+		window.removeEventListener("message", this._handleMessage);
+	}
+};
+function queryString(e) {
+	let m = [];
+	for (let [h, g] of Object.entries(e)) g == null || typeof g == "string" && g.length === 0 || m.push(`${h}=${encodeURIComponent(g)}`);
+	return m.join("&");
+}
+var SOCIAL_SOURCE_MAPPING = { [ExternalUploadSource.GDRIVE]: "ngdrive" }, ExternalSource = class extends LitUploaderBlock {
+	constructor(...e) {
+		super(...e), this.couldBeCtxOwner = !0, this._iframeRef = createRef(), this._latestSelectionSummary = null, this._selectedList = [], this._isSelectionReady = !1, this._isDoneBtnEnabled = !1, this._couldSelectAll = !1, this._couldDeselectAll = !1, this._showSelectionStatus = !1, this._showDoneBtn = !1, this._doneBtnTextClass = "uc-hidden", this._toolbarVisible = !0, this._handleDone = () => {
+			for (let e of this._selectedList) {
+				let m = this._extractUrlFromSelectedFile(e), { filename: h } = e, { externalSourceType: g } = this.activityParams;
+				this.api.addFileFromUrl(m, {
+					fileName: h,
+					source: g
+				});
+			}
+			this.$["*currentActivity"] = LitActivityBlock.activities.UPLOAD_LIST, this.modalManager?.open(LitActivityBlock.activities.UPLOAD_LIST);
+		}, this._handleCancel = () => {
+			this.historyBack();
+		}, this._handleSelectAll = () => {
+			this._messageBridge?.send({ type: "select-all" });
+		}, this._handleDeselectAll = () => {
+			this._messageBridge?.send({ type: "deselect-all" });
+		};
+	}
+	get _counterText() {
+		if (!this._latestSelectionSummary) return "";
+		let { selectedCount: e, total: m } = this._latestSelectionSummary;
+		return this.l10n("selected-count", {
+			count: e,
+			total: m
+		});
+	}
+	get activityParams() {
+		let e = super.activityParams;
+		if ("externalSourceType" in e) return e;
+		throw Error("External Source activity params not found");
+	}
+	initCallback() {
+		super.initCallback();
+		let { externalSourceType: e } = this.activityParams;
+		e ? this._mountIframe() : console.error("Param \"externalSourceType\" is required for external source activity"), this.sub("*currentActivityParams", () => {
+			setTimeout(() => {
+				this.isConnected && (this._unmountIframe(), this._mountIframe());
+			});
+		}), this.subConfigValue("multiple", (e) => {
+			this._showSelectionStatus = e;
+		}), this.subConfigValue("localeName", () => {
+			this._setupL10n();
+		}), this.subConfigValue("externalSourcesEmbedCss", (e) => {
+			this._applyEmbedCss(e);
+		});
+	}
+	_extractUrlFromSelectedFile(m) {
+		if (m.alternatives) {
+			let h = stringToArray(this.cfg.externalSourcesPreferredTypes);
+			for (let e of h) {
+				let h = wildcardRegexp(e);
+				for (let [e, g] of Object.entries(m.alternatives)) if (h.test(e)) return g;
+			}
+		}
+		return m.url;
+	}
+	_handleToolbarStateChange(e) {
+		this._toolbarVisible = e.isVisible;
+	}
+	async _handleSelectedFilesChange(e) {
+		if (this.cfg.multiple !== e.isMultipleMode) {
+			console.error("Multiple mode mismatch");
+			return;
+		}
+		this._setSelectionSummary(e.selectedCount, e.total), this._doneBtnTextClass = e.isReady ? "" : "uc-hidden", this._isSelectionReady = e.isReady, this._isDoneBtnEnabled = e.isReady && e.selectedFiles.length > 0, this._showSelectionStatus = e.isMultipleMode && e.total > 0, this._couldSelectAll = e.selectedCount < e.total, this._couldDeselectAll = e.selectedCount === e.total, this._selectedList = e.selectedFiles ?? [], this._showDoneBtn = e.total > 0;
+	}
+	_handleIframeLoad() {
+		this._applyEmbedCss(this.cfg.externalSourcesEmbedCss), this._applyTheme(), this._setupL10n();
+	}
+	_applyTheme() {
+		this._messageBridge?.send({
+			type: "set-theme-definition",
+			theme: buildThemeDefinition(this)
+		});
+	}
+	_applyEmbedCss(e) {
+		this._messageBridge?.send({
+			type: "set-embed-css",
+			css: e
+		});
+	}
+	_setupL10n() {
+		this._messageBridge?.send({
+			type: "set-locale-definition",
+			localeDefinition: this.cfg.localeName
+		});
+	}
+	_remoteUrl() {
+		let { pubkey: e, remoteTabSessionKey: m, socialBaseUrl: h, multiple: g } = this.cfg, { externalSourceType: _ } = this.activityParams, v = SOCIAL_SOURCE_MAPPING[_] ?? _, y = {
+			lang: this.l10n("social-source-lang")?.split("-")?.[0] || "en",
+			public_key: e,
+			images_only: "false",
+			session_key: m,
+			wait_for_theme: !0,
+			multiple: g.toString(),
+			origin: this.cfg.topLevelOrigin || getTopLevelOrigin(),
+			debug: this.cfg.debug
+		}, b = new URL(`/window4/${v}`, h);
+		return b.search = queryString(y), b.toString();
+	}
+	_setSelectionSummary(e, m) {
+		this._latestSelectionSummary = {
+			selectedCount: e,
+			total: m
+		};
+	}
+	_mountIframe() {
+		let e = document.createElement("iframe");
+		e.src = this._remoteUrl(), e.marginHeight = 0, e.marginWidth = 0, e.frameBorder = "0", e.allowTransparency = !0, e.addEventListener("load", this._handleIframeLoad.bind(this)), e.addEventListener("load", this._handleIframeLoad.bind(this)), this._iframeRef.value && (this._iframeRef.value.innerHTML = "", this._iframeRef.value.appendChild(e)), e.contentWindow && (this._messageBridge?.destroy(), this._messageBridge = new MessageBridge(e.contentWindow, () => this.cfg.socialBaseUrl), this._messageBridge.on("selected-files-change", this._handleSelectedFilesChange.bind(this)), this._messageBridge.on("toolbar-state-change", this._handleToolbarStateChange.bind(this)), this._resetSelectionStatus());
+	}
+	_unmountIframe() {
+		this._messageBridge?.destroy(), this._messageBridge = void 0, this._iframeRef.value && (this._iframeRef.value.innerHTML = ""), this._resetSelectionStatus();
+	}
+	_resetSelectionStatus() {
+		this._selectedList = [], this._isSelectionReady = !1, this._isDoneBtnEnabled = !1, this._couldSelectAll = !1, this._couldDeselectAll = !1, this._showSelectionStatus = !1, this._showDoneBtn = !1, this._doneBtnTextClass = "uc-hidden", this._latestSelectionSummary = null;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._unmountIframe();
+	}
+	render() {
+		return html`
+      <uc-activity-header>
+          <button
+            type="button"
+            class="uc-mini-btn uc-close-btn"
+            @click=${this.$["*historyBack"]}
+            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">
+          <div ${ref(this._iframeRef)} class="uc-iframe-wrapper"></div>
+          <div class="uc-toolbar" ?hidden=${!this._toolbarVisible}>
+            <button type="button" class="uc-cancel-btn uc-secondary-btn" @click=${this._handleCancel}>${this.l10n("cancel")}</button>
+            <div class="uc-selection-status-box" ?hidden=${!this._showSelectionStatus}>
+              <span>${this._counterText}</span>
+              <button type="button" @click=${this._handleSelectAll} ?hidden=${!this._couldSelectAll}>${this.l10n("select-all")}</button>
+              <button type="button" @click=${this._handleDeselectAll} ?hidden=${!this._couldDeselectAll}>${this.l10n("deselect-all")}</button>
+            </div>
+            <button
+              type="button"
+              class="uc-done-btn uc-primary-btn"
+              @click=${this._handleDone}
+              ?disabled=${!this._isDoneBtnEnabled}
+              ?hidden=${!this._showDoneBtn}
+            >
+              <uc-spinner ?hidden=${this._isSelectionReady}></uc-spinner>
+              <span class=${this._doneBtnTextClass}>${this.l10n("done")}</span>
+            </button>
+          </div>
+        </div>
+    `;
+	}
+};
+__decorate([state()], ExternalSource.prototype, "_selectedList", void 0), __decorate([state()], ExternalSource.prototype, "_isSelectionReady", void 0), __decorate([state()], ExternalSource.prototype, "_isDoneBtnEnabled", void 0), __decorate([state()], ExternalSource.prototype, "_couldSelectAll", void 0), __decorate([state()], ExternalSource.prototype, "_couldDeselectAll", void 0), __decorate([state()], ExternalSource.prototype, "_showSelectionStatus", void 0), __decorate([state()], ExternalSource.prototype, "_showDoneBtn", void 0), __decorate([state()], ExternalSource.prototype, "_doneBtnTextClass", void 0), __decorate([state()], ExternalSource.prototype, "_toolbarVisible", void 0);
+export { ExternalSource as t };

package/dist/ExternalSource-CR5DG0Jv.js

@@ -0,0 +1,9 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.0 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T14:46:15.080Z
+*/
+import "./Icon-CqTVC82Q.js";
+import { t as ExternalSource } from "./ExternalSource-BKTFp95O.js";
+export { ExternalSource };