@roomle/embedding-lib 0.0.0-dev-a4754cb

package/roomle-embedding-lib.js

@@ -0,0 +1,396 @@
+import { t as e } from "./browser-CW9o-dtT.mjs";
+//#region packages/common/src/utils/message-handler.ts
+var t = class {
+	_side;
+	_incomingMessageBus = null;
+	_outgoingMessageBus = null;
+	_execMessage = null;
+	constructor(e, t, n, r) {
+		this._side = e, this._incomingMessageBus = t, this._outgoingMessageBus = n, this._execMessage = r, this._incomingMessageBus && this._incomingMessageBus.addEventListener("message", this._handleMessage.bind(this));
+	}
+	setOutgoingMessageBus(e) {
+		this._outgoingMessageBus = e;
+	}
+	setMessageExecution(e) {
+		this._execMessage = e;
+	}
+	sendMessage(e, t = []) {
+		return new Promise((n, r) => {
+			if (this._incomingMessageBus === this._outgoingMessageBus) return n(void 0);
+			let i = new MessageChannel();
+			i.port1.onmessage = (e) => {
+				if (!e || !e.data) return i.port1.close(), i.port2.close(), r(/* @__PURE__ */ Error(this._side + " received message but response can not be interpreted"));
+				let t;
+				try {
+					t = JSON.parse(e.data);
+				} catch (e) {
+					return i.port1.close(), i.port2.close(), this._prepareError(e), r(e);
+				}
+				t.error ? r(t.error) : t.result === void 0 ? n(void 0) : n(t.result), i.port1.close(), i.port2.close();
+			};
+			let a = "";
+			try {
+				a = JSON.stringify({
+					message: e,
+					args: t
+				});
+			} catch {
+				return r(/* @__PURE__ */ Error(this._side + ": can not create command because it is not JSON.stringify able"));
+			}
+			if (!this._outgoingMessageBus) return r(/* @__PURE__ */ Error(this._side + ": outgoing bus not set yet"));
+			this._outgoingMessageBus.postMessage(a, "*", [i.port2]);
+		});
+	}
+	_handleMessage(e) {
+		let t = e.ports && Array.isArray(e.ports) && e.ports.length > 0 ? e.ports[0] : null;
+		if (e.data && (typeof e.data == "string" || e.data.type !== "connect_hi") && t) try {
+			let n = JSON.parse(e.data);
+			if (!this._execMessage) return t.postMessage(JSON.stringify({ error: this._side + " is not ready to handle messages" }));
+			Array.isArray(n.args) || (n.args = [n.args]);
+			let r = this._execMessage(n, e);
+			if (r === void 0) return;
+			r.then((e = {}) => {
+				let n, r;
+				typeof e == "object" && e && (n = e.error, r = e.result), n ? t.postMessage(JSON.stringify({ error: n })) : r === void 0 ? t.postMessage(JSON.stringify({ result: e })) : t.postMessage(JSON.stringify({ result: r }));
+			}, (e) => {
+				t.postMessage(JSON.stringify({ error: this._prepareError(e) }));
+			});
+		} catch (e) {
+			t.postMessage(JSON.stringify({ error: this._prepareError(e) }));
+		}
+	}
+	_prepareError(e) {
+		if (typeof e == "string") {
+			let t = this._side + ": " + e;
+			return console.error(t), t;
+		}
+		return e.message = this._side + ": " + e.message, console.error(e), e.message;
+	}
+}, n = () => {
+	try {
+		return window.self !== window.top;
+	} catch {
+		return !0;
+	}
+}, r = [
+	"127.0.0.1",
+	"localhost",
+	"0.0.0.0"
+], i = () => {
+	let e = n(), t = window.location.href;
+	if (e) {
+		if (!document.referrer) return null;
+		t = document.referrer;
+	}
+	let { hostname: r } = new URL(t);
+	return r;
+}, a = (e) => {
+	let t = /* @__PURE__ */ new RegExp(/^(10\.|172\.(1[6-9]|2\d|3[01])\.|192\.168\.)/);
+	return !!(r.includes(e) || t.test(e) || e.endsWith("roomle.com") || e.endsWith("gitlab.io") || e.endsWith("gitlab.com"));
+}, o = (e, t) => s(JSON.parse(JSON.stringify(e)), t), s = (e, t) => {
+	for (let n in t) try {
+		t[n].constructor === Object ? e[n] = s(e[n], t[n]) : e[n] = t[n];
+	} catch {
+		e[n] = t[n];
+	}
+	return e;
+}, c = /* @__PURE__ */ function(e) {
+	return e.BOTTOM_BAR = "bottom_bar", e.PARTLIST_BOUNDS = "partlist_bounds", e.INTERACTION_NOTES = "interaction_notes", e.PARAMETER_GROUPS = "parameter_groups", e;
+}({}), l = (e) => JSON.parse(JSON.stringify(e)), u = {
+	mobileLandscape: !0,
+	floorMaterialRootTag: "materials_root",
+	buttons: {
+		renderimage: !0,
+		requestproduct: !0,
+		requestplan: !0,
+		load_product: !0,
+		partlist_print: !0
+	},
+	elements: { [c.INTERACTION_NOTES]: !0 },
+	helpcenter: {
+		roomdesigner: !0,
+		configurator: !1,
+		disable: !1
+	},
+	firstPersonView: !0,
+	saveToIdb: !0,
+	enableTwoLevelCatalog: !1,
+	webGpu: !1,
+	positionInputDrawer: !1,
+	featureFlags: {
+		mocAr: !0,
+		wallAutoHeight: !1,
+		curvedWalls: !1,
+		openCloseAnimation: !0,
+		localExport3d: !1
+	},
+	configuratorZoom: !1,
+	rotationSnapDegrees: 10,
+	interactionsCollapsed: !1
+}, d = (e) => (p(e), e?.customApiUrl && (e.customApiUrl = decodeURIComponent(e.customApiUrl)), e.shareUrl && (e.deeplink = e.shareUrl.replace(h, g)), e), f = (e) => e.trim() !== "" && Number.isFinite(Number(e.trim())), p = (e) => {
+	if (!e || typeof e != "object") return;
+	let t = Object.keys(e);
+	for (let n of t) {
+		let t = e[n];
+		if (!Array.isArray(t) && typeof t == "object" && t && p(t), Array.isArray(t)) for (let e of t) p(e);
+		t === "true" || t === "false" ? e[n] = t === "true" : typeof t == "string" && f(t) && (e[n] = Number(t));
+	}
+}, m = () => {
+	let t = l(u);
+	t.locale ||= e(null, !0), t.id === "(idle)" && delete t.id;
+	let n = i();
+	return n && a(n) && (t.configuratorId = "demoConfigurator"), t.customApiUrl = void 0, t.emails = !1, t;
+}, h = "<CONF_ID>", g = "#CONFIGURATIONID#", _ = (e) => {
+	let t = e.featureFlags;
+	if (!t || typeof t != "object" || Array.isArray(t)) return;
+	let n = t;
+	"enableTwoLevelCatalog" in n && typeof n.enableTwoLevelCatalog == "boolean" && (e.enableTwoLevelCatalog === !1 || e.enableTwoLevelCatalog === void 0) && (e.enableTwoLevelCatalog = n.enableTwoLevelCatalog), "webGpu" in n && typeof n.webGpu == "boolean" && (e.webGpu === !1 || e.webGpu === void 0) && (e.webGpu = n.webGpu);
+}, v = (e) => {
+	e.featureFlags ||= {}, typeof e.featureFlags.realPartList != "boolean" && (e.featureFlags.realPartList = !0), typeof e.featureFlags.globalCallbacks != "boolean" && (e.featureFlags.globalCallbacks = !0), typeof e.featureFlags.mocAr != "boolean" && (e.featureFlags.mocAr = !1);
+}, y = (e, t) => {
+	let n = l(t), r = m();
+	v(r);
+	let i = o(o(r, e.settings || {}), n);
+	return i.configuratorId = e.id, !i.overrideTenant && e.tenant && (i.overrideTenant = e.tenant), _(i), i;
+}, b = () => /(android)/i.test(navigator.userAgent), x = class {
+	_messageHandler = null;
+	isSetupDone = !1;
+	viewName = "main";
+	plugins = {};
+	pluginsLoaded = [];
+	ui = { callbacks: null };
+	extended = { callbacks: null };
+	configurator = { callbacks: null };
+	analytics = { callbacks: {} };
+	rapi = { callbacks: {} };
+	global = { callbacks: {} };
+	setMessageHandler(e) {
+		this._messageHandler = e;
+	}
+	handleSetup(e) {
+		let { methods: t, callbacks: n } = e;
+		t.forEach((e) => {
+			let t = e.split("."), n = t[0], r = t[1];
+			this[n] || (this[n] = {}), this[n][r] = function() {
+				if (!this._messageHandler) {
+					console.error("MessageHandler not set");
+					return;
+				}
+				return this._messageHandler.sendMessage(e, [...arguments]);
+			}.bind(this);
+		}), n.forEach((e) => {
+			let t = e.split("."), n = t[0], r = t[1], i = t[2];
+			this[n] || (this[n] = {}), this[n][r] || (this[n][r] = {}), this[n][r][i] = () => void 0;
+		}), this.isSetupDone = !0;
+	}
+	executeMessage({ message: e, args: t }) {
+		let n = e.split("."), r = n[0], i = n[1], a = n.length === 3 ? n[2] : null;
+		if (a && this[r][i][a]) {
+			let e = this[r][i][a](...t);
+			return e instanceof Promise ? e.then((e) => ({ result: e })) : e === void 0 ? Promise.resolve({ result: null }) : Promise.resolve({ result: e });
+		}
+		return Promise.reject("Message \"" + e + "\" is unkown");
+	}
+	setupPlugins(e, t, n = "website") {
+		for (let r of e) typeof r == "string" && r === "dragIn" ? this.pluginsLoaded.push(new Promise((e, r) => {
+			try {
+				import("./drag-in-QhL3zGC0.mjs").then((e) => e.n).then(({ DragIn: i }) => {
+					let a = new i(this.ui, t, n, this.viewName);
+					a.init().then(() => {
+						this.plugins.dragIn = a, e();
+					}, r);
+				});
+			} catch (e) {
+				r(e);
+			}
+		})) : r.name && r.loader && this.pluginsLoaded.push(new Promise((e, i) => {
+			try {
+				r.loader().then((a) => {
+					let o = new a(this.ui, t, n, this.viewName);
+					o.init().then(() => {
+						this.plugins[r.name] = o, e();
+					}, i);
+				});
+			} catch (e) {
+				i(e);
+			}
+		}));
+	}
+}, S = () => {
+	let e, t;
+	return {
+		promise: new Promise((n, r) => {
+			e = n, t = r;
+		}),
+		resolve: e,
+		reject: t
+	};
+};
+//#endregion
+//#region packages/common/src/utils/rapi-version.ts
+(/* @__PURE__ */ "/items./items/{id}./items/{id}/renderings./items/{id}/conversions./items/{id}/3d-exports./items/{id}/perspectiveImage./items/{id}/perspectiveImageHD./items/{id}/topImage./items/{id}/tags./items/{id}/tagConnections./items/{id}/additionalContents./items/{id}/assetProcessings./items/{id}/3dAssets/{format}./items/{id}/3dAssets/{format}/{dummyFileName}./configurations./configurations/{id}./configurations/{id}/shares./configurations/{id}/renderings./configurations/{id}/3d-exports./configurations/{id}/3dAssets/{format}./configurations/{id}/3dAssets/{format}/{dummyFileName}./auth/signin./auth/signout./auth/reset./auth/reset/confirm./auth/change/pwd./auth/context./assets/analyze./version".split(".")).map((e) => RegExp("^" + e.replace(/\{[^}]+\}/g, "[^/]+") + "/?$"));
+var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + t, T = {
+	SDK: "extended",
+	CONFIGURATOR_SDK: "configurator",
+	CALLBACKS: "callbacks",
+	UI: "ui",
+	ANALYTICS: "analytics",
+	GLOBAL: "global",
+	RAPI: "rapi"
+}, E = ".", D = T.SDK + "." + T.CALLBACKS, O = {
+	REQUEST_BOOT: "requestBoot",
+	SETUP: "setup",
+	WEBSITE_READY: "websiteReady"
+}, k = {
+	GET_METHODS: "getMethods",
+	RETURN_METHODS: "returnMethods",
+	REGISTER_CUSTOM_VIEW: "registerCustomView",
+	REGISTER_CUSTOM_VIEW_DONE: "registerCustomViewDone"
+}, A = ["constructor", "callbacks"], j = (e) => e[0] !== "_" && !A.includes(e), M = (e, t, n = !1) => {
+	if (!e) return [];
+	let r = Object.getOwnPropertyNames(e), i = n ? T.CALLBACKS + "." : "";
+	return r.filter(j).map((e) => t + "." + i + e);
+}, N = async (e, t) => {
+	if (typeof e != "string") throw Error("Configurator ID is not a string type: \"" + typeof e + "\"");
+	let n = t.customApiUrl ? t.customApiUrl : "https://api.roomle.com/v2", r = t.overrideTenant || 9, i = w(n, "/configurators/" + e), a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;roomle_portal_v2"), o = new Request(i, {
+		method: "GET",
+		headers: new Headers({
+			apiKey: "roomle_portal_v2",
+			currentTenant: r,
+			locale: "en",
+			language: "en",
+			device: 1,
+			token: a,
+			platform: "web"
+		}),
+		mode: "cors",
+		cache: "default"
+	}), { configurator: s } = await (await fetch(o)).json();
+	return s;
+}, P = "data-rml-interaction-container", F = (e, t, n) => {
+	let r = null;
+	Object.defineProperty(e, t, {
+		get() {
+			return r || n;
+		},
+		set(e) {
+			e?.mute ? r = e.value : (console.warn("You override Roomle defined behaviour. To disalbe this warning pass in an object with the following properties"), console.warn("{ mute: true, value: () => void }"), r = e);
+		}
+	});
+}, I = () => window.innerHeight * .01 + "px", L = (e) => {
+	e && setTimeout(() => e.style.setProperty(B, I()), 0);
+}, R = "rml-styles", z = 450, B = "--rml-full-height", V = {
+	CONTAINER: "rml-container",
+	FILL: "rml-fill",
+	POSITION: "rml-pos",
+	TRANSITION: "rml-transition",
+	ANDROID_HEIGHT: "rml-android-height",
+	OVERFLOW_HIDDEN: "rml-overflow-hidden"
+}, H = /* @__PURE__ */ new Map(), U = class extends x {
+	static createPlanner(e, t, n, r = []) {
+		return this._create(e, t, n, r);
+	}
+	static async connect(e, n = []) {
+		let r = new x();
+		r.viewName = e;
+		let { resolve: i, promise: a } = S(), { resolve: o, promise: s } = S(), c = new t("custom-view-" + e, window, window.parent, ({ message: e, args: t }) => {
+			switch (e) {
+				case k.REGISTER_CUSTOM_VIEW_DONE:
+					i();
+					break;
+				case k.RETURN_METHODS:
+					r.handleSetup(t[0]), o();
+					break;
+				default: if (r.isSetupDone) return r.executeMessage({
+					message: e,
+					args: t
+				});
+			}
+		});
+		r.setMessageHandler(c);
+		let l = [e];
+		return c.sendMessage(k.REGISTER_CUSTOM_VIEW, l), await a, c.sendMessage(k.GET_METHODS, l), await s, r.setupPlugins(n, document.body, "custom-view"), await Promise.allSettled(r.pluginsLoaded), r;
+	}
+	static createConfigurator(e, t, n, r = []) {
+		return this._create(e, t, n, r);
+	}
+	static create(e, t, n, r) {
+		return this._create(e, t, n, r);
+	}
+	static createViewer(e, t, n, r = []) {
+		return this._create(e, t, n, r);
+	}
+	static async _create(e, t, n, r) {
+		return new Promise(async (i, a) => {
+			try {
+				let a = d(n), s = m();
+				v(s);
+				let c = await N(e, o(s, a));
+				n = y(c, a);
+				let l = new this(c, t, n, r, i);
+				return await Promise.allSettled(l.pluginsLoaded), l;
+			} catch (e) {
+				return a(e);
+			}
+		});
+	}
+	_waitForIframe;
+	_container;
+	_configuratorSettings;
+	_initData = {};
+	_iframe;
+	constructor(e, n, r, i, a) {
+		if (super(), !e || typeof e.id != "string") throw Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");
+		if (H.has(n)) throw Error("There is already an instance on this DOM element");
+		if (!document.getElementById(R)) {
+			let e = r.zIndex || 9999999, t = document.createElement("style");
+			t.type = "text/css", t.id = R;
+			let n = "transition:all ease-in-out " + z + "ms;", i = ["-webkit-", "-o-"].reduce((e, t) => e += t + n, "") + n, a = I();
+			t.innerHTML = `
+        .${V.CONTAINER}{${B}:${a};}
+        .${V.POSITION}{position:fixed;top:0;left:0;z-index:${e};opacity:0}
+        .${V.TRANSITION}{${i}}
+        .${V.FILL}{width:100%;height:100%;opacity:1}
+        .${V.ANDROID_HEIGHT}{height:calc(var(${B},1vh)*100)}
+        .${V.OVERFLOW_HIDDEN}{overflow:hidden}
+      `, document.head.appendChild(t);
+		}
+		this._executeMessage = this._executeMessage.bind(this);
+		let o = new t("website", window, null, this._executeMessage);
+		this.setMessageHandler(o), this._onResize = this._onResize.bind(this), b() && window.addEventListener("resize", this._onResize), this._container = n, this._initData = r, this._configuratorSettings = e;
+		let s = this._createIframe();
+		this._onUseFullPage = this._onUseFullPage.bind(this), this._onBackToWebsite = this._onBackToWebsite.bind(this), this._waitForIframe = a, this._container.appendChild(s), this._iframe = s, this.setupPlugins(i, this._iframe), H.set(n, !0);
+	}
+	teardown() {
+		this._container && H.delete(this._container);
+		let e = this._container.querySelector("iframe");
+		e && this._container.removeChild(e), window.removeEventListener("resize", this._onResize);
+	}
+	_createIframe() {
+		let e = document.createElement("iframe"), t = this._configuratorSettings?.url || "https://www.roomle.com/t/cp/";
+		return this._initData.useLocalRoomle && (t = location.href.replace("embedding.html", "")), location.href.includes("roomle.gitlab.io") && (t = location.href.replace("embedding.html", "index.html")), this._initData.overrideServerUrl && (t = this._initData.overrideServerUrl), e.src = t, e.classList.add(V.CONTAINER), e.classList.add(V.FILL), e;
+	}
+	_onResize() {
+		L(this._iframe);
+	}
+	_onUseFullPage() {
+		this._iframe.classList.add(V.POSITION), document.documentElement.classList.add(V.OVERFLOW_HIDDEN), window.document.body.classList.add(V.OVERFLOW_HIDDEN), b() && (L(this._iframe), this._iframe.classList.add(V.ANDROID_HEIGHT));
+	}
+	_onBackToWebsite() {
+		this._iframe.classList.remove(V.POSITION), this._iframe.classList.remove(V.ANDROID_HEIGHT), document.documentElement.classList.remove(V.OVERFLOW_HIDDEN), window.document.body.classList.remove(V.OVERFLOW_HIDDEN);
+	}
+	_executeMessage({ message: e, args: t }, n) {
+		if (n.source && n.source === this._iframe?.contentWindow) return e === O.REQUEST_BOOT ? this._messageHandler ? (this._messageHandler.setOutgoingMessageBus(n.source), Promise.resolve({ result: this._initData })) : (console.error("MessageHandler not set"), Promise.resolve({ error: "MessageHandler not set" })) : e === O.SETUP ? (this.handleSetup(t[0]), F(this.ui.callbacks, "onUseFullPage", this._onUseFullPage), F(this.ui.callbacks, "onBackToWebsite", this._onBackToWebsite), this._waitForIframe(this), setTimeout(() => {
+			if (!this._messageHandler) {
+				console.error("MessageHandler not set");
+				return;
+			}
+			this._messageHandler.sendMessage(O.WEBSITE_READY);
+		}, 0), Promise.resolve({ result: null })) : this.executeMessage({
+			message: e,
+			args: t
+		});
+	}
+};
+//#endregion
+export { O as HANDSHAKE_MESSAGES, P as INTERACTION_CONTAINER_SELECTOR, T as NAMESPACE, E as NAMESPACE_SEPARATOR, D as SDK_CALLBACK, k as WELL_KNOWN_MESSAGES, U as default, N as getConfiguratorSettings, M as getMethodNames, j as isExposable };