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

package/web/ExternalSource-CKfMtOgU.js

@@ -0,0 +1,250 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:13.662Z
+*/
+import { At as __decorate, Bt as b, H as LitBlock, Mt as r, bt as stringToArray, n, t as e } from "./ref-BOnG19ns.js";
+import { s as ExternalUploadSource } from "./plugins-Cjgw5oWg.js";
+import { n as LitActivityBlock, t as LitUploaderBlock } from "./LitUploaderBlock-BjAaoLl2.js";
+var Spinner = class extends LitBlock {
+	render() {
+		return b` <div class="uc-spinner"></div> `;
+	}
+};
+const getTopLevelOrigin = () => {
+	let t = globalThis.top ?? globalThis.parent ?? globalThis.self;
+	try {
+		return t.location.origin;
+	} catch (t) {
+		return console.warn("Unable to access top-level window location:", t), globalThis.location.origin;
+	}
+};
+var escapeRegExp = (t) => t.replace(/[\\-\\[]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+const wildcardRegexp = (t, y = "i") => {
+	let x = t.split("*").map(escapeRegExp);
+	return RegExp(`^${x.join(".+")}$`, y);
+};
+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 = (t, y) => window.getComputedStyle(t).getPropertyValue(y).trim();
+const buildThemeDefinition = (t) => {
+	let y = {};
+	for (let x of ucCustomProperties) {
+		let S = getCssValue(t, x);
+		S && (y[x] = S);
+	}
+	return y;
+};
+var MESSAGE_TYPE_WHITELIST = ["selected-files-change", "toolbar-state-change"], isWhitelistedMessage = (t) => {
+	if (!t || typeof t != "object" || !("type" in t)) return !1;
+	let y = t.type;
+	return !(typeof y != "string" || !MESSAGE_TYPE_WHITELIST.includes(y));
+}, MessageBridge = class {
+	constructor(t, y) {
+		this._handlerMap = /* @__PURE__ */ new Map(), this._handleMessage = (t) => {
+			if (t.source !== this._context) return;
+			let y = t.data;
+			if (!isWhitelistedMessage(y)) return;
+			let x = this._handlerMap.get(y.type);
+			if (x) for (let t of x) t(y);
+		}, this._context = t, this._getTargetOrigin = y, window.addEventListener("message", this._handleMessage);
+	}
+	on(t, y) {
+		let x = this._handlerMap.get(t) ?? /* @__PURE__ */ new Set();
+		this._handlerMap.has(t) || this._handlerMap.set(t, x), x.add(y);
+	}
+	send(t) {
+		let y = this._getTargetOrigin();
+		this._context.postMessage(t, y);
+	}
+	destroy() {
+		window.removeEventListener("message", this._handleMessage);
+	}
+};
+function queryString(t) {
+	let y = [];
+	for (let [x, S] of Object.entries(t)) S == null || typeof S == "string" && S.length === 0 || y.push(`${x}=${encodeURIComponent(S)}`);
+	return y.join("&");
+}
+var SOCIAL_SOURCE_MAPPING = { [ExternalUploadSource.GDRIVE]: "ngdrive" }, ExternalSource = class extends LitUploaderBlock {
+	constructor(...t) {
+		super(...t), this.couldBeCtxOwner = !0, this._iframeRef = e(), 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 t of this._selectedList) {
+				let y = this._extractUrlFromSelectedFile(t), { filename: x } = t, { externalSourceType: S } = this.activityParams;
+				this.api.addFileFromUrl(y, {
+					fileName: x,
+					source: S
+				});
+			}
+			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: t, total: y } = this._latestSelectionSummary;
+		return this.l10n("selected-count", {
+			count: t,
+			total: y
+		});
+	}
+	get activityParams() {
+		let t = super.activityParams;
+		if ("externalSourceType" in t) return t;
+		throw Error("External Source activity params not found");
+	}
+	initCallback() {
+		super.initCallback();
+		let { externalSourceType: t } = this.activityParams;
+		t ? 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", (t) => {
+			this._showSelectionStatus = t;
+		}), this.subConfigValue("localeName", () => {
+			this._setupL10n();
+		}), this.subConfigValue("externalSourcesEmbedCss", (t) => {
+			this._applyEmbedCss(t);
+		});
+	}
+	_extractUrlFromSelectedFile(t) {
+		if (t.alternatives) {
+			let y = stringToArray(this.cfg.externalSourcesPreferredTypes);
+			for (let x of y) {
+				let y = wildcardRegexp(x);
+				for (let [x, S] of Object.entries(t.alternatives)) if (y.test(x)) return S;
+			}
+		}
+		return t.url;
+	}
+	_handleToolbarStateChange(t) {
+		this._toolbarVisible = t.isVisible;
+	}
+	async _handleSelectedFilesChange(t) {
+		if (this.cfg.multiple !== t.isMultipleMode) {
+			console.error("Multiple mode mismatch");
+			return;
+		}
+		this._setSelectionSummary(t.selectedCount, t.total), this._doneBtnTextClass = t.isReady ? "" : "uc-hidden", this._isSelectionReady = t.isReady, this._isDoneBtnEnabled = t.isReady && t.selectedFiles.length > 0, this._showSelectionStatus = t.isMultipleMode && t.total > 0, this._couldSelectAll = t.selectedCount < t.total, this._couldDeselectAll = t.selectedCount === t.total, this._selectedList = t.selectedFiles ?? [], this._showDoneBtn = t.total > 0;
+	}
+	_handleIframeLoad() {
+		this._applyEmbedCss(this.cfg.externalSourcesEmbedCss), this._applyTheme(), this._setupL10n();
+	}
+	_applyTheme() {
+		this._messageBridge?.send({
+			type: "set-theme-definition",
+			theme: buildThemeDefinition(this)
+		});
+	}
+	_applyEmbedCss(t) {
+		this._messageBridge?.send({
+			type: "set-embed-css",
+			css: t
+		});
+	}
+	_setupL10n() {
+		this._messageBridge?.send({
+			type: "set-locale-definition",
+			localeDefinition: this.cfg.localeName
+		});
+	}
+	_remoteUrl() {
+		let { pubkey: t, remoteTabSessionKey: y, socialBaseUrl: x, multiple: S } = this.cfg, { externalSourceType: C } = this.activityParams, w = SOCIAL_SOURCE_MAPPING[C] ?? C, T = {
+			lang: this.l10n("social-source-lang")?.split("-")?.[0] || "en",
+			public_key: t,
+			images_only: "false",
+			session_key: y,
+			wait_for_theme: !0,
+			multiple: S.toString(),
+			origin: this.cfg.topLevelOrigin || getTopLevelOrigin(),
+			debug: this.cfg.debug
+		}, E = new URL(`/window4/${w}`, x);
+		return E.search = queryString(T), E.toString();
+	}
+	_setSelectionSummary(t, y) {
+		this._latestSelectionSummary = {
+			selectedCount: t,
+			total: y
+		};
+	}
+	_mountIframe() {
+		let t = document.createElement("iframe");
+		t.src = this._remoteUrl(), t.marginHeight = 0, t.marginWidth = 0, t.frameBorder = "0", t.allowTransparency = !0, t.addEventListener("load", this._handleIframeLoad.bind(this)), t.addEventListener("load", this._handleIframeLoad.bind(this)), this._iframeRef.value && (this._iframeRef.value.innerHTML = "", this._iframeRef.value.appendChild(t)), t.contentWindow && (this._messageBridge?.destroy(), this._messageBridge = new MessageBridge(t.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 b`
+      <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 ${n(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([r()], ExternalSource.prototype, "_selectedList", void 0), __decorate([r()], ExternalSource.prototype, "_isSelectionReady", void 0), __decorate([r()], ExternalSource.prototype, "_isDoneBtnEnabled", void 0), __decorate([r()], ExternalSource.prototype, "_couldSelectAll", void 0), __decorate([r()], ExternalSource.prototype, "_couldDeselectAll", void 0), __decorate([r()], ExternalSource.prototype, "_showSelectionStatus", void 0), __decorate([r()], ExternalSource.prototype, "_showDoneBtn", void 0), __decorate([r()], ExternalSource.prototype, "_doneBtnTextClass", void 0), __decorate([r()], ExternalSource.prototype, "_toolbarVisible", void 0);
+export { Spinner as n, ExternalSource as t };

package/web/ExternalSource-DP6q8ylB.js

@@ -0,0 +1,10 @@
+/**
+* @license
+* Package: @uploadcare/file-uploader@1.28.0-alpha.1 (MIT)
+* License: https://github.com/uploadcare/blob/main/LICENSE
+* Built: 2026-03-02T20:26:13.662Z
+*/
+import "./ref-BOnG19ns.js";
+import { t as ExternalSource } from "./ExternalSource-CKfMtOgU.js";
+import "./ActivityHeader-DQy6rII1.js";
+export { ExternalSource };