@roomle/embedding-lib 7.3.0-alpha.3 → 8.0.0-alpha.1

package/roomle-embedding-lib.js

@@ -1,8 +1,6 @@
-import { n as e } from "./comlink-BipJ8Ikr.mjs";
-import { t } from "./browser-C_Dfiou7.mjs";
-import { t as n } from "./utils-i2eOrtnv.mjs";
+import { t as e } from "./browser-CW9o-dtT.mjs";
 //#region packages/common/src/utils/message-handler.ts
-var r = class {
+var t = class {
 	_side;
 	_incomingMessageBus = null;
 	_outgoingMessageBus = null;
@@ -68,37 +66,37 @@ var r = class {
 		}
 		return e.message = this._side + ": " + e.message, console.error(e), e.message;
 	}
-}, i = () => {
+}, n = () => {
 	try {
 		return window.self !== window.top;
 	} catch {
 		return !0;
 	}
-}, a = [
+}, r = [
 	"127.0.0.1",
 	"localhost",
 	"0.0.0.0"
-], o = () => {
-	let e = i(), t = window.location.href;
+], i = () => {
+	let e = n(), t = window.location.href;
 	if (e) {
 		if (!document.referrer) return null;
 		t = document.referrer;
 	}
-	let { hostname: n } = new URL(t);
-	return n;
-}, s = (e) => {
+	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 !!(a.includes(e) || t.test(e) || e.endsWith("roomle.com") || e.endsWith("gitlab.io") || e.endsWith("gitlab.com"));
-}, c = (e, t) => l(JSON.parse(JSON.stringify(e)), t), l = (e, t) => {
+	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] = l(e[n], t[n]) : e[n] = t[n];
+		t[n].constructor === Object ? e[n] = s(e[n], t[n]) : e[n] = t[n];
 	} catch {
 		e[n] = t[n];
 	}
 	return e;
-}, u = /* @__PURE__ */ function(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;
-}({}), d = (e) => JSON.parse(JSON.stringify(e)), f = {
+}({}), l = (e) => JSON.parse(JSON.stringify(e)), u = {
 	mobileLandscape: !0,
 	floorMaterialRootTag: "materials_root",
 	buttons: {
@@ -108,7 +106,7 @@ var r = class {
 		load_product: !0,
 		partlist_print: !0
 	},
-	elements: { [u.INTERACTION_NOTES]: !0 },
+	elements: { [c.INTERACTION_NOTES]: !0 },
 	helpcenter: {
 		roomdesigner: !0,
 		configurator: !1,
@@ -127,32 +125,32 @@ var r = class {
 	},
 	rotationSnapDegrees: 10,
 	interactionsCollapsed: !1
-}, p = (e) => (h(e), e?.customApiUrl && (e.customApiUrl = decodeURIComponent(e.customApiUrl)), e.shareUrl && (e.deeplink = e.shareUrl.replace(_, v)), e), m = (e) => e.trim() !== "" && Number.isFinite(Number(e.trim())), h = (e) => {
+}, 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 && h(t), Array.isArray(t)) for (let e of t) h(e);
-		t === "true" || t === "false" ? e[n] = t === "true" : typeof t == "string" && m(t) && (e[n] = Number(t));
+		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));
 	}
-}, g = () => {
-	let e = d(f);
-	e.locale ||= t(null, !0), e.id === "(idle)" && delete e.id;
-	let n = o();
-	return n && s(n) && (e.configuratorId = "demoConfigurator"), e.customApiUrl = "https://rubens.alpha.roomle.com/api/v2", e.emails = !1, e;
-}, _ = "<CONF_ID>", v = "#CONFIGURATIONID#", y = (e) => {
+}, 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 = "https://rubens.alpha.roomle.com/api/v2", 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);
-}, b = (e) => {
+}, 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);
-}, x = (e, t) => {
-	let n = d(t), r = g();
-	b(r);
-	let i = c(c(r, e.settings || {}), n);
-	return i.configuratorId = e.id, !i.overrideTenant && e.tenant && (i.overrideTenant = e.tenant), y(i), i;
-}, S = () => /(android)/i.test(navigator.userAgent), C = class {
+}, 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";
@@ -194,7 +192,7 @@ var r = 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-BCnrHxxt.mjs").then((e) => e.n).then(({ DragIn: i }) => {
+				import("./drag-in-ClPpCYyi.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 +214,7 @@ var r = class {
 			}
 		}));
 	}
-}, w = () => {
+}, S = () => {
 	let e, t;
 	return {
 		promise: new Promise((n, r) => {
@@ -225,7 +223,7 @@ var r = class {
 		resolve: e,
 		reject: t
 	};
-}, T = {
+}, C = {
 	SDK: "extended",
 	CONFIGURATOR_SDK: "configurator",
 	CALLBACKS: "callbacks",
@@ -233,20 +231,20 @@ var r = class {
 	ANALYTICS: "analytics",
 	GLOBAL: "global",
 	RAPI: "rapi"
-}, E = ".", D = T.SDK + "." + T.CALLBACKS, O = {
+}, w = ".", T = C.SDK + "." + C.CALLBACKS, E = {
 	REQUEST_BOOT: "requestBoot",
 	SETUP: "setup",
 	WEBSITE_READY: "websiteReady"
-}, k = {
+}, D = {
 	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) => {
+}, O = ["constructor", "callbacks"], k = (e) => e[0] !== "_" && !O.includes(e), A = (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 ? C.CALLBACKS + "." : "";
+	return r.filter(k).map((e) => t + "." + i + e);
+}, j = 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 = n + "/configurators/" + e, a = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;roomle_portal_v2"), o = new Request(i, {
 		method: "GET",
@@ -263,7 +261,7 @@ var r = class {
 		cache: "default"
 	}), { configurator: s } = await (await fetch(o)).json();
 	return s;
-}, P = "data-rml-interaction-container", F = (e, t, n) => {
+}, M = "data-rml-interaction-container", N = (e, t, n) => {
 	let r = null;
 	Object.defineProperty(e, t, {
 		get() {
@@ -273,39 +271,39 @@ var r = class {
 			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 = {
+}, P = () => window.innerHeight * .01 + "px", F = (e) => {
+	e && setTimeout(() => e.style.setProperty(R, P()), 0);
+}, I = "rml-styles", L = 450, R = "--rml-full-height", z = {
 	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 C {
+}, B = /* @__PURE__ */ new Map(), V = class extends x {
 	static createPlanner(e, t, n, r = []) {
 		return this._create(e, t, n, r);
 	}
-	static async connect(e, t = []) {
-		let n = new C();
-		n.viewName = e;
-		let { resolve: i, promise: a } = w(), { resolve: o, promise: s } = w(), c = new r("custom-view-" + e, window, window.parent, ({ message: e, args: t }) => {
+	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:
+				case D.REGISTER_CUSTOM_VIEW_DONE:
 					i();
 					break;
-				case k.RETURN_METHODS:
-					n.handleSetup(t[0]), o();
+				case D.RETURN_METHODS:
+					r.handleSetup(t[0]), o();
 					break;
-				default: if (n.isSetupDone) return n.executeMessage({
+				default: if (r.isSetupDone) return r.executeMessage({
 					message: e,
 					args: t
 				});
 			}
 		});
-		n.setMessageHandler(c);
+		r.setMessageHandler(c);
 		let l = [e];
-		return c.sendMessage(k.REGISTER_CUSTOM_VIEW, l), await a, c.sendMessage(k.GET_METHODS, l), await s, n.setupPlugins(t, document.body, "custom-view"), await Promise.allSettled(n.pluginsLoaded), n;
+		return c.sendMessage(D.REGISTER_CUSTOM_VIEW, l), await a, c.sendMessage(D.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);
@@ -316,23 +314,14 @@ var r = class {
 	static createViewer(e, t, n, r = []) {
 		return this._create(e, t, n, r);
 	}
-	static hiMessageHandler = null;
-	static setupHi(t) {
-		console.warn("[DEPRECATED] RoomleEmbeddingApi.setupHi() is deprecated and will be removed.\nMigration: import { setupHi } from '@roomle/embedding-lib/hi'; setupHi(libraryIdOrOptions, callbacks);"), this.hiMessageHandler && window.removeEventListener("message", this.hiMessageHandler), this.hiMessageHandler = (r) => {
-			if (r.data.type === "connect_hi" && r.data.port) {
-				let i = r.data.port;
-				i.start?.(), e(n(t), i);
-			}
-		}, window.addEventListener("message", this.hiMessageHandler);
-	}
 	static async _create(e, t, n, r) {
 		return new Promise(async (i, a) => {
 			try {
-				let a = p(n), o = g();
-				b(o);
-				let s = await N(e, c(o, a));
-				n = x(s, a);
-				let l = new this(s, t, n, r, i);
+				let a = d(n), s = m();
+				v(s);
+				let c = await j(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);
@@ -344,53 +333,53 @@ var r = class {
 	_configuratorSettings;
 	_initData = {};
 	_iframe;
-	constructor(e, t, n, i, a) {
+	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(t)) throw Error("There is already an instance on this DOM element");
-		if (!document.getElementById(R)) {
-			let e = n.zIndex || 9999999, t = document.createElement("style");
-			t.type = "text/css", t.id = R;
-			let r = "transition:all ease-in-out " + z + "ms;", i = ["-webkit-", "-o-"].reduce((e, t) => e += t + r, "") + r, a = I();
+		if (B.has(n)) throw Error("There is already an instance on this DOM element");
+		if (!document.getElementById(I)) {
+			let e = r.zIndex || 9999999, t = document.createElement("style");
+			t.type = "text/css", t.id = I;
+			let n = "transition:all ease-in-out " + L + "ms;", i = ["-webkit-", "-o-"].reduce((e, t) => e += t + n, "") + n, a = P();
 			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}
+        .${z.CONTAINER}{${R}:${a};}
+        .${z.POSITION}{position:fixed;top:0;left:0;z-index:${e};opacity:0}
+        .${z.TRANSITION}{${i}}
+        .${z.FILL}{width:100%;height:100%;opacity:1}
+        .${z.ANDROID_HEIGHT}{height:calc(var(${R},1vh)*100)}
+        .${z.OVERFLOW_HIDDEN}{overflow:hidden}
       `, document.head.appendChild(t);
 		}
 		this._executeMessage = this._executeMessage.bind(this);
-		let o = new r("website", window, null, this._executeMessage);
-		this.setMessageHandler(o), this._onResize = this._onResize.bind(this), S() && window.addEventListener("resize", this._onResize), this._container = t, this._initData = n, this._configuratorSettings = e;
+		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(t, !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), B.set(n, !0);
 	}
 	teardown() {
-		this._container && H.delete(this._container);
+		this._container && B.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(z.CONTAINER), e.classList.add(z.FILL), e;
 	}
 	_onResize() {
-		L(this._iframe);
+		F(this._iframe);
 	}
 	_onUseFullPage() {
-		this._iframe.classList.add(V.POSITION), document.documentElement.classList.add(V.OVERFLOW_HIDDEN), window.document.body.classList.add(V.OVERFLOW_HIDDEN), S() && (L(this._iframe), this._iframe.classList.add(V.ANDROID_HEIGHT));
+		this._iframe.classList.add(z.POSITION), document.documentElement.classList.add(z.OVERFLOW_HIDDEN), window.document.body.classList.add(z.OVERFLOW_HIDDEN), b() && (F(this._iframe), this._iframe.classList.add(z.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(z.POSITION), this._iframe.classList.remove(z.ANDROID_HEIGHT), document.documentElement.classList.remove(z.OVERFLOW_HIDDEN), window.document.body.classList.remove(z.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 === E.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 === E.SETUP ? (this.handleSetup(t[0]), N(this.ui.callbacks, "onUseFullPage", this._onUseFullPage), N(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(E.WEBSITE_READY);
 		}, 0), Promise.resolve({ result: null })) : this.executeMessage({
 			message: e,
 			args: t
@@ -398,4 +387,4 @@ var r = class {
 	}
 };
 //#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 { E as HANDSHAKE_MESSAGES, M as INTERACTION_CONTAINER_SELECTOR, C as NAMESPACE, w as NAMESPACE_SEPARATOR, T as SDK_CALLBACK, D as WELL_KNOWN_MESSAGES, V as default, j as getConfiguratorSettings, A as getMethodNames, k as isExposable };