@roomle/embedding-lib 8.2.0 → 9.0.0-alpha.2

package/roomle-embedding-lib.js

@@ -97,6 +97,12 @@ var t = class {
 }, 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 = {
+	staging: !1,
+	theme: "scandinavian",
+	density: "balanced",
+	light: "soft",
+	stage: "alpha"
+}, d = {
 	mobileLandscape: !0,
 	floorMaterialRootTag: "materials_root",
 	buttons: {
@@ -124,35 +130,36 @@ var t = class {
 		openCloseAnimation: !0,
 		localExport3d: !1
 	},
+	imageGenConfig: u,
 	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) => {
+}, f = (e) => (m(e), e?.customApiUrl && (e.customApiUrl = decodeURIComponent(e.customApiUrl)), e.shareUrl && (e.deeplink = e.shareUrl.replace(g, _)), e), p = (e) => e.trim() !== "" && Number.isFinite(Number(e.trim())), m = (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));
+		if (!Array.isArray(t) && typeof t == "object" && t && m(t), Array.isArray(t)) for (let e of t) m(e);
+		t === "true" || t === "false" ? e[n] = t === "true" : typeof t == "string" && p(t) && (e[n] = Number(t));
 	}
-}, m = () => {
-	let t = l(u);
+}, h = () => {
+	let t = l(d);
 	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) => {
+	return n && a(n) && (t.configuratorId = "demoConfigurator"), t.customApiUrl = "https://rubens.alpha.roomle.com/api/v2", t.emails = !1, t;
+}, g = "<CONF_ID>", _ = "#CONFIGURATIONID#", v = (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) => {
+}, y = (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);
+}, b = (e, t) => {
+	let n = l(t), r = h();
+	y(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 {
+	return i.configuratorId = e.id, !i.overrideTenant && e.tenant && (i.overrideTenant = e.tenant), v(i), i;
+}, x = () => /(android)/i.test(navigator.userAgent), S = class {
 	_messageHandler = null;
 	isSetupDone = !1;
 	viewName = "main";
@@ -194,7 +201,7 @@ var t = class {
 	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-ClPpCYyi.mjs").then((e) => e.n).then(({ DragIn: i }) => {
+				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();
@@ -216,7 +223,7 @@ var t = class {
 			}
 		}));
 	}
-}, S = () => {
+}, C = () => {
 	let e, t;
 	return {
 		promise: new Promise((n, r) => {
@@ -229,7 +236,7 @@ var t = class {
 //#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 = {
+var w = /\/v[23]\/?$/, T = (e, t) => w.test(e) ? e.replace(w, "/v2") + t : e + t, E = {
 	SDK: "extended",
 	CONFIGURATOR_SDK: "configurator",
 	CALLBACKS: "callbacks",
@@ -237,22 +244,22 @@ var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + t
 	ANALYTICS: "analytics",
 	GLOBAL: "global",
 	RAPI: "rapi"
-}, E = ".", D = T.SDK + "." + T.CALLBACKS, O = {
+}, D = ".", O = E.SDK + "." + E.CALLBACKS, k = {
 	REQUEST_BOOT: "requestBoot",
 	SETUP: "setup",
 	WEBSITE_READY: "websiteReady"
-}, k = {
+}, A = {
 	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) => {
+}, j = ["constructor", "callbacks"], M = (e) => e[0] !== "_" && !j.includes(e), N = (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) => {
+	let r = Object.getOwnPropertyNames(e), i = n ? E.CALLBACKS + "." : "";
+	return r.filter(M).map((e) => t + "." + i + e);
+}, P = 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, {
+	let n = t.customApiUrl ? t.customApiUrl : "https://api.roomle.com/v2", r = t.overrideTenant || 9, i = T(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",
@@ -267,7 +274,7 @@ var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + t
 		cache: "default"
 	}), { configurator: s } = await (await fetch(o)).json();
 	return s;
-}, P = "data-rml-interaction-container", F = (e, t, n) => {
+}, F = "data-rml-interaction-container", I = (e, t, n) => {
 	let r = null;
 	Object.defineProperty(e, t, {
 		get() {
@@ -277,28 +284,28 @@ var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + t
 			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 = {
+}, L = () => window.innerHeight * .01 + "px", R = (e) => {
+	e && setTimeout(() => e.style.setProperty(V, L()), 0);
+}, z = "rml-styles", B = 450, V = "--rml-full-height", H = {
 	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 {
+}, U = /* @__PURE__ */ new Map(), W = class extends S {
 	static createPlanner(e, t, n, r = []) {
 		return this._create(e, t, n, r);
 	}
 	static async connect(e, n = []) {
-		let r = new x();
+		let r = new S();
 		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 }) => {
+		let { resolve: i, promise: a } = C(), { resolve: o, promise: s } = C(), c = new t("custom-view-" + e, window, window.parent, ({ message: e, args: t }) => {
 			switch (e) {
-				case k.REGISTER_CUSTOM_VIEW_DONE:
+				case A.REGISTER_CUSTOM_VIEW_DONE:
 					i();
 					break;
-				case k.RETURN_METHODS:
+				case A.RETURN_METHODS:
 					r.handleSetup(t[0]), o();
 					break;
 				default: if (r.isSetupDone) return r.executeMessage({
@@ -309,7 +316,7 @@ var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + 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;
+		return c.sendMessage(A.REGISTER_CUSTOM_VIEW, l), await a, c.sendMessage(A.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);
@@ -323,10 +330,10 @@ var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + t
 	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 a = f(n), s = h();
+				y(s);
+				let c = await P(e, o(s, a));
+				n = b(c, a);
 				let l = new this(c, t, n, r, i);
 				return await Promise.allSettled(l.pluginsLoaded), l;
 			} catch (e) {
@@ -341,51 +348,51 @@ var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + t
 	_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)) {
+		if (U.has(n)) throw Error("There is already an instance on this DOM element");
+		if (!document.getElementById(z)) {
 			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.type = "text/css", t.id = z;
+			let n = "transition:all ease-in-out " + B + "ms;", i = ["-webkit-", "-o-"].reduce((e, t) => e += t + n, "") + n, a = L();
 			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}
+        .${H.CONTAINER}{${V}:${a};}
+        .${H.POSITION}{position:fixed;top:0;left:0;z-index:${e};opacity:0}
+        .${H.TRANSITION}{${i}}
+        .${H.FILL}{width:100%;height:100%;opacity:1}
+        .${H.ANDROID_HEIGHT}{height:calc(var(${V},1vh)*100)}
+        .${H.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;
+		this.setMessageHandler(o), this._onResize = this._onResize.bind(this), x() && 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);
+		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), U.set(n, !0);
 	}
 	teardown() {
-		this._container && H.delete(this._container);
+		this._container && U.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;
+		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(H.CONTAINER), e.classList.add(H.FILL), e;
 	}
 	_onResize() {
-		L(this._iframe);
+		R(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));
+		this._iframe.classList.add(H.POSITION), document.documentElement.classList.add(H.OVERFLOW_HIDDEN), window.document.body.classList.add(H.OVERFLOW_HIDDEN), x() && (R(this._iframe), this._iframe.classList.add(H.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);
+		this._iframe.classList.remove(H.POSITION), this._iframe.classList.remove(H.ANDROID_HEIGHT), document.documentElement.classList.remove(H.OVERFLOW_HIDDEN), window.document.body.classList.remove(H.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 (n.source && n.source === this._iframe?.contentWindow) return e === k.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 === k.SETUP ? (this.handleSetup(t[0]), I(this.ui.callbacks, "onUseFullPage", this._onUseFullPage), I(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);
+			this._messageHandler.sendMessage(k.WEBSITE_READY);
 		}, 0), Promise.resolve({ result: null })) : this.executeMessage({
 			message: e,
 			args: t
@@ -393,4 +400,4 @@ var C = /\/v[23]\/?$/, w = (e, t) => C.test(e) ? e.replace(C, "/v2") + t : e + 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 };
+export { k as HANDSHAKE_MESSAGES, F as INTERACTION_CONTAINER_SELECTOR, E as NAMESPACE, D as NAMESPACE_SEPARATOR, O as SDK_CALLBACK, A as WELL_KNOWN_MESSAGES, W as default, P as getConfiguratorSettings, N as getMethodNames, M as isExposable };

package/roomle-embedding-lib.min.js

@@ -102,6 +102,13 @@ var t = class {
 		openCloseAnimation: !0,
 		localExport3d: !1
 	},
+	imageGenConfig: {
+		staging: !1,
+		theme: "scandinavian",
+		density: "balanced",
+		light: "soft",
+		stage: "alpha"
+	},
 	configuratorZoom: !1,
 	rotationSnapDegrees: 10,
 	interactionsCollapsed: !1
@@ -134,7 +141,7 @@ var t = class {
 	return r && ((e) => {
 		let t = /* @__PURE__ */ new RegExp(/^(10\.|172\.(1[6-9]|2\d|3[01])\.|192\.168\.)/);
 		return !!(n.includes(e) || t.test(e) || e.endsWith("roomle.com") || e.endsWith("gitlab.io") || e.endsWith("gitlab.com"));
-	})(r) && (t.configuratorId = "demoConfigurator"), t.customApiUrl = void 0, t.emails = !1, t;
+	})(r) && (t.configuratorId = "demoConfigurator"), t.customApiUrl = "https://rubens.alpha.roomle.com/api/v2", t.emails = !1, t;
 }, d = (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);
 }, f = () => /(android)/i.test(navigator.userAgent), p = class {
@@ -175,7 +182,7 @@ var t = class {
 	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-CV1E-DO6.mjs").then((e) => e.n).then(({ DragIn: i }) => {
+				import("./drag-in-BP_E53zb.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();