@roomle/embedding-lib 5.5.0-debug.3 → 5.5.0-debug.5

package/embedding-lib-BdWR8XoQ.mjs

@@ -0,0 +1,539 @@
+var C = Object.defineProperty;
+var F = (r, s, e) => s in r ? C(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e;
+var c = (r, s, e) => F(r, typeof s != "symbol" ? s + "" : s, e);
+class y {
+  constructor(s, e, o, t) {
+    c(this, "_side");
+    // for better debugging (who handles message? iframe or website?)
+    c(this, "_incomingMessageBus");
+    c(this, "_outgoingMessageBus", null);
+    c(this, "_execMessage", null);
+    this._side = s, this._incomingMessageBus = e, this._outgoingMessageBus = o, this._execMessage = t, this._incomingMessageBus.addEventListener(
+      "message",
+      this._handleMessage.bind(this)
+    );
+  }
+  setOutgoingMessageBus(s) {
+    this._outgoingMessageBus = s;
+  }
+  setMessageExecution(s) {
+    this._execMessage = s;
+  }
+  sendMessage(s, e = []) {
+    return new Promise((o, t) => {
+      const n = new MessageChannel();
+      n.port1.onmessage = (a) => {
+        if (!a || !a.data)
+          return n.port1.close(), n.port2.close(), t(
+            new Error(
+              this._side + " received message but response can not be interpreted"
+            )
+          );
+        let i;
+        try {
+          i = JSON.parse(a.data);
+        } catch (d) {
+          return n.port1.close(), n.port2.close(), this._prepareError(d), t(d);
+        }
+        i.error ? t(i.error) : i.result !== void 0 ? o(i.result) : o(void 0), n.port1.close(), n.port2.close();
+      };
+      let l = "";
+      try {
+        l = JSON.stringify({ message: s, args: e });
+      } catch {
+        return t(
+          new Error(
+            this._side + ": can not create command because it is not JSON.stringify able"
+          )
+        );
+      }
+      if (!this._outgoingMessageBus)
+        return t(new Error(this._side + ": outgoing bus not set yet"));
+      this._outgoingMessageBus.postMessage(l, "*", [
+        n.port2
+      ]);
+    });
+  }
+  _handleMessage(s) {
+    const e = s.ports && Array.isArray(s.ports) && s.ports.length > 0 ? s.ports[0] : null;
+    if (s.data && e)
+      try {
+        const o = JSON.parse(s.data);
+        if (!this._execMessage)
+          return e.postMessage(
+            JSON.stringify({
+              error: this._side + " is not ready to handle messages"
+            })
+          );
+        Array.isArray(o.args) || (o.args = [o.args]);
+        const t = this._execMessage(o, s);
+        if (t === void 0)
+          return;
+        t.then(
+          (n = {}) => {
+            let l, a;
+            typeof n == "object" && n !== null && (l = n.error, a = n.result), l ? e.postMessage(
+              JSON.stringify({ error: l })
+            ) : a !== void 0 ? e.postMessage(
+              JSON.stringify({ result: a })
+            ) : e.postMessage(
+              JSON.stringify({ result: n })
+            );
+          },
+          (n) => {
+            e.postMessage(
+              JSON.stringify({
+                error: this._prepareError(n)
+              })
+            );
+          }
+        );
+      } catch (o) {
+        e.postMessage(
+          JSON.stringify({
+            error: this._prepareError(o)
+          })
+        );
+      }
+  }
+  _prepareError(s) {
+    if (typeof s == "string") {
+      const e = this._side + ": " + s;
+      return console.error(e), e;
+    }
+    return s.message = this._side + ": " + s.message, console.error(s), s.message;
+  }
+}
+const p = ".", E = {
+  REQUEST_BOOT: "requestBoot",
+  SETUP: "setup",
+  WEBSITE_READY: "websiteReady"
+}, _ = {
+  GET_METHODS: "getMethods",
+  RETURN_METHODS: "returnMethods",
+  REGISTER_CUSTOM_VIEW: "registerCustomView",
+  REGISTER_CUSTOM_VIEW_DONE: "registerCustomViewDone"
+}, U = async (r, s) => {
+  if (typeof r != "string")
+    throw new Error(
+      'Configurator ID is not a string type: "' + typeof r + '"'
+    );
+  const e = s.customApiUrl ? s.customApiUrl : "https://api.roomle.com/v2", o = s.overrideTenant || 9, t = e + "/configurators/" + r, n = "roomle_portal_v2", l = "03-" + window.btoa((/* @__PURE__ */ new Date()).toISOString() + ";anonymous;" + n), a = () => {
+    const h = {
+      apiKey: n,
+      currentTenant: o,
+      locale: "en",
+      language: "en",
+      device: 1,
+      token: l,
+      platform: "web"
+    };
+    return new Headers(h);
+  }, i = new Request(t, {
+    method: "GET",
+    headers: a(),
+    mode: "cors",
+    cache: "default"
+  }), d = await fetch(i), { configurator: g } = await d.json();
+  return g;
+}, B = () => {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return !0;
+  }
+}, k = ["127.0.0.1", "localhost", "0.0.0.0"], W = () => {
+  const r = B();
+  let s = window.location.href;
+  if (r) {
+    if (!document.referrer)
+      return null;
+    s = document.referrer;
+  }
+  const { hostname: e } = new URL(s);
+  return e;
+}, x = (r) => !!(k.includes(r) || r.endsWith("roomle.com") || r.endsWith("gitlab.io") || r.endsWith("gitlab.com")), M = [
+  "language",
+  "browserLanguage",
+  "userLanguage",
+  "systemLanguage"
+], G = (r = null) => {
+  const s = window.navigator;
+  if (r)
+    return r.substr(0, 2);
+  if (Array.isArray(s.languages) && s.languages.length > 0)
+    return s.languages[0].substr(0, 2);
+  for (let e = 0, o = M.length; e < o; e++) {
+    const t = s[M[e]];
+    if (t)
+      return t.substr(0, 2);
+  }
+  return "en";
+}, V = (r, s) => {
+  const e = JSON.parse(JSON.stringify(r));
+  return S(e, s);
+}, S = (r, s) => {
+  for (const e in s)
+    try {
+      s[e].constructor === Object ? r[e] = S(r[e], s[e]) : r[e] = s[e];
+    } catch {
+      r[e] = s[e];
+    }
+  return r;
+};
+var J = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 };
+const $ = {
+  mobileLandscape: !0,
+  floorMaterialRootTag: "materials_root",
+  buttons: {
+    renderimage: !0,
+    requestproduct: !0,
+    requestplan: !0,
+    load_product: !0,
+    partlist_print: !0
+  },
+  helpcenter: {
+    roomdesigner: !0,
+    configurator: !1,
+    disable: !1
+  },
+  firstPersonView: !0,
+  saveToIdb: !0,
+  featureFlags: {
+    mocAr: !0
+  },
+  rotationSnapDegrees: 10
+}, z = "(idle)", Y = (r) => (O(r), r != null && r.customApiUrl && (r.customApiUrl = decodeURIComponent(r.customApiUrl)), r.shareUrl && (r.deeplink = r.shareUrl.replace(
+  Q,
+  X
+)), r), O = (r) => {
+  if (!r)
+    return;
+  const s = Object.keys(r);
+  for (const e of s) {
+    const o = r[e];
+    if (!Array.isArray(o) && typeof o == "object" && o !== null && O(o), Array.isArray(o))
+      for (const t of o)
+        O(t);
+    (o === "true" || o === "false") && (r[e] = o === "true");
+  }
+}, q = (r, s) => {
+  s.configuratorId = r.id;
+  const e = r.settings || {};
+  return !s.overrideTenant && r.tenant && (s.overrideTenant = r.tenant), V(e, s);
+}, K = () => {
+  const r = {
+    ...$
+  };
+  r.locale || (r.locale = G()), r.id === z && delete r.id;
+  const s = W();
+  return s && x(s) && (r.configuratorId = "demoConfigurator"), r.customApiUrl = J.VITE_RAPI_URL, r.emails = !1, r;
+}, Q = "<CONF_ID>", X = "#CONFIGURATIONID#", R = () => /(android)/i.test(navigator.userAgent);
+class T {
+  constructor() {
+    c(this, "_messageHandler", null);
+    c(this, "isSetupDone", !1);
+    c(this, "viewName", "main");
+    c(this, "plugins", {});
+    c(this, "pluginsLoaded", []);
+    c(this, "ui", {
+      callbacks: null
+    });
+    c(this, "extended", {
+      callbacks: null
+    });
+    c(this, "configurator", {
+      callbacks: null
+    });
+    c(this, "analytics", {
+      callbacks: {}
+    });
+    c(this, "global", {
+      callbacks: {}
+    });
+  }
+  setMessageHandler(s) {
+    this._messageHandler = s;
+  }
+  handleSetup(s) {
+    const { methods: e, callbacks: o } = s;
+    e.forEach((t) => {
+      const n = t.split(p), l = n[0], a = n[1];
+      this[l] || (this[l] = {}), this[l][a] = (function() {
+        if (!this._messageHandler) {
+          console.error("MessageHandler not set");
+          return;
+        }
+        return this._messageHandler.sendMessage(t, [...arguments]);
+      }).bind(this);
+    }), o.forEach((t) => {
+      const n = t.split(p), l = n[0], a = n[1], i = n[2];
+      this[l] || (this[l] = {}), this[l][a] || (this[l][a] = {}), this[l][a][i] = () => {
+      };
+    }), this.isSetupDone = !0;
+  }
+  executeMessage({ message: s, args: e }) {
+    const o = s.split(p), t = o[0], n = o[1], l = o.length === 3 ? o[2] : null;
+    if (l && this[t][n][l]) {
+      const a = this[t][n][l](
+        ...e
+      );
+      return a instanceof Promise ? a.then((i) => ({ result: i })) : a !== void 0 ? Promise.resolve({ result: a }) : Promise.resolve({ result: null });
+    }
+    return Promise.reject('Message "' + s + '" is unkown');
+  }
+  setupPlugins(s, e, o = "website") {
+    for (const t of s)
+      typeof t == "string" && t === "dragIn" ? this.pluginsLoaded.push(
+        new Promise((n, l) => {
+          try {
+            import("./drag-in-B_Ab1D0Y.mjs").then(
+              ({ DragIn: a }) => {
+                const i = new a(e, o);
+                i.setInstance(this.ui), i.setViewName(this.viewName), this.plugins.dragIn = i, n();
+              }
+            );
+          } catch (a) {
+            l(a);
+          }
+        })
+      ) : t.name && t.loader && this.pluginsLoaded.push(
+        new Promise((n, l) => {
+          try {
+            t.loader().then((a) => {
+              const i = new a(e, o);
+              i.setInstance(this.ui), i.setViewName(this.viewName), this.plugins[t.name] = i, n();
+            });
+          } catch (a) {
+            l(a);
+          }
+        })
+      );
+  }
+}
+const A = () => {
+  let r, s;
+  return { promise: new Promise((o, t) => {
+    r = o, s = t;
+  }), resolve: r, reject: s };
+}, N = (r, s, e) => {
+  let o = null;
+  Object.defineProperty(r, s, {
+    get() {
+      return o || e;
+    },
+    set(t) {
+      t != null && t.mute ? o = t.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 }"), o = t);
+    }
+  });
+}, v = () => window.innerHeight * 0.01 + "px", L = (r) => {
+  r && setTimeout(
+    () => r.style.setProperty(I, v()),
+    0
+  );
+}, b = "rml-styles", Z = 450, I = "--rml-full-height", u = {
+  CONTAINER: "rml-container",
+  FILL: "rml-fill",
+  POSITION: "rml-pos",
+  TRANSITION: "rml-transition",
+  ANDROID_HEIGHT: "rml-android-height",
+  OVERFLOW_HIDDEN: "rml-overflow-hidden"
+}, w = /* @__PURE__ */ new Map();
+class ee extends T {
+  constructor(e, o, t, n, l) {
+    super();
+    c(this, "_waitForIframe");
+    c(this, "_container");
+    c(this, "_configuratorSettings");
+    c(this, "_initData", {});
+    c(this, "_iframe");
+    if (!e || typeof e.id != "string")
+      throw new Error(
+        "Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person"
+      );
+    if (w.has(o))
+      throw new Error("There is already an instance on this DOM element");
+    if (!!!document.getElementById(b)) {
+      const g = t.zIndex || 9999999, h = document.createElement("style");
+      h.type = "text/css", h.id = b;
+      const f = "transition:all ease-in-out " + Z + "ms;", m = ["-webkit-", "-o-"].reduce(
+        (P, D) => P += D + f,
+        ""
+      ) + f, H = v();
+      h.innerHTML = `
+        .${u.CONTAINER}{${I}:${H};}
+        .${u.POSITION}{position:fixed;top:0;left:0;z-index:${g};opacity:0}
+        .${u.TRANSITION}{${m}}
+        .${u.FILL}{width:100%;height:100%;opacity:1}
+        .${u.ANDROID_HEIGHT}{height:calc(var(${I},1vh)*100)}
+        .${u.OVERFLOW_HIDDEN}{overflow:hidden}
+      `, document.head.appendChild(h);
+    }
+    this._executeMessage = this._executeMessage.bind(this);
+    const i = new y(
+      "website",
+      window,
+      null,
+      this._executeMessage
+    );
+    this.setMessageHandler(i), this._onResize = this._onResize.bind(this), R() && window.addEventListener("resize", this._onResize), this._container = o, this._initData = t, this._configuratorSettings = e;
+    const d = this._createIframe();
+    this._onUseFullPage = this._onUseFullPage.bind(this), this._onBackToWebsite = this._onBackToWebsite.bind(this), this._waitForIframe = l, this._container.appendChild(d), this._iframe = d, this.setupPlugins(n, this._iframe), w.set(o, !0);
+  }
+  static createPlanner(e, o, t, n = []) {
+    return this._create(
+      e,
+      o,
+      t,
+      n
+    );
+  }
+  static async connect(e, o = []) {
+    const t = new T();
+    t.viewName = e;
+    const { resolve: n, promise: l } = A(), { resolve: a, promise: i } = A(), d = ({
+      message: f,
+      args: m
+    }) => {
+      if (f === _.REGISTER_CUSTOM_VIEW_DONE) {
+        n();
+        return;
+      }
+      if (f === _.RETURN_METHODS) {
+        t.handleSetup(m[0]), a();
+        return;
+      }
+      if (t.isSetupDone)
+        return t.executeMessage({ message: f, args: m });
+    }, g = new y(
+      "custom-view",
+      window,
+      window.parent,
+      d
+    );
+    t.setMessageHandler(g);
+    const h = [e];
+    return g.sendMessage(
+      _.REGISTER_CUSTOM_VIEW,
+      h
+    ), await l, g.sendMessage(_.GET_METHODS, h), await i, t.setupPlugins(
+      o,
+      document.body,
+      "custom-view"
+    ), await Promise.allSettled(t.pluginsLoaded), t;
+  }
+  /**
+   * Method to create a new instance of a Roomle Configurator
+   * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
+   * @param container DOM container in which the configurator should be placed
+   * @param initData settings with which the configurator should be started
+   */
+  static createConfigurator(e, o, t, n = []) {
+    return this._create(
+      e,
+      o,
+      t,
+      n
+    );
+  }
+  /**
+   * Method to create a new instance of a Roomle Configurator
+   * @deprecated please use "createConfigurator"
+   * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
+   * @param container DOM container in which the configurator should be placed
+   * @param initData settings with which the configurator should be started
+   */
+  static create(e, o, t, n) {
+    return this._create(
+      e,
+      o,
+      t,
+      n
+    );
+  }
+  /**
+   * Method to create a new instance of a Roomle Viewer
+   * @param configuratorId the id which identifies your configurator, you will get this ID from your Roomle Contact Person
+   * @param container DOM container in which the configurator should be placed
+   * @param initData settings with which the configurator should be started
+   */
+  static createViewer(e, o, t, n = []) {
+    return this._create(
+      e,
+      o,
+      t,
+      n
+    );
+  }
+  static async _create(e, o, t, n) {
+    return new Promise(async (l, a) => {
+      try {
+        const i = S(
+          K(),
+          Y(t)
+        );
+        i.featureFlags || (i.featureFlags = {}), typeof i.featureFlags.realPartList != "boolean" && (i.featureFlags.realPartList = !0), typeof i.featureFlags.globalCallbacks != "boolean" && (i.featureFlags.globalCallbacks = !0), typeof i.featureFlags.mocAr != "boolean" && (i.featureFlags.mocAr = !1);
+        const d = await U(
+          e,
+          i
+        );
+        t = q(d, i);
+        const g = new this(
+          d,
+          o,
+          t,
+          n,
+          l
+        );
+        return await Promise.allSettled(g.pluginsLoaded), g;
+      } catch (i) {
+        return a(i);
+      }
+    });
+  }
+  teardown() {
+    this._container && w.delete(this._container);
+    const e = this._container.querySelector("iframe");
+    e && this._container.removeChild(e), window.removeEventListener("resize", this._onResize);
+  }
+  _createIframe() {
+    var t;
+    const e = document.createElement("iframe");
+    let o = ((t = this._configuratorSettings) == null ? void 0 : t.url) || "https://www.roomle.com/t/cp/";
+    return this._initData.useLocalRoomle && (o = location.href.replace("embedding.html", "")), location.href.includes("roomle.gitlab.io") && (o = location.href.replace("embedding.html", "index.html")), this._initData.overrideServerUrl && (o = this._initData.overrideServerUrl), e.src = o, e.classList.add(u.CONTAINER), e.classList.add(u.FILL), e;
+  }
+  _onResize() {
+    L(this._iframe);
+  }
+  _onUseFullPage() {
+    this._iframe.classList.add(u.POSITION), document.documentElement.classList.add(u.OVERFLOW_HIDDEN), window.document.body.classList.add(u.OVERFLOW_HIDDEN), R() && (L(this._iframe), this._iframe.classList.add(u.ANDROID_HEIGHT));
+  }
+  _onBackToWebsite() {
+    this._iframe.classList.remove(u.POSITION), this._iframe.classList.remove(u.ANDROID_HEIGHT), document.documentElement.classList.remove(u.OVERFLOW_HIDDEN), window.document.body.classList.remove(u.OVERFLOW_HIDDEN);
+  }
+  _executeMessage({ message: e, args: o }, t) {
+    var n;
+    if (t.source && t.source === ((n = this._iframe) == null ? void 0 : n.contentWindow))
+      return e === E.REQUEST_BOOT ? this._messageHandler ? (this._messageHandler.setOutgoingMessageBus(t.source), Promise.resolve({ result: this._initData })) : (console.error("MessageHandler not set"), Promise.resolve({ error: "MessageHandler not set" })) : e === E.SETUP ? (this.handleSetup(o[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(E.WEBSITE_READY);
+      }, 0), Promise.resolve({ result: null })) : this.executeMessage({ message: e, args: o });
+  }
+}
+export {
+  ee as R,
+  A as p
+};

package/embedding-lib-Cf_bgB5_.mjs

@@ -0,0 +1,8 @@
+var H=Object.defineProperty,A=(r,e,t)=>e in r?H(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,c=(r,e,t)=>A(r,typeof e!="symbol"?e+"":e,t);class b{constructor(e,t,s,i){c(this,"_side"),c(this,"_incomingMessageBus"),c(this,"_outgoingMessageBus",null),c(this,"_execMessage",null),this._side=e,this._incomingMessageBus=t,this._outgoingMessageBus=s,this._execMessage=i,this._incomingMessageBus.addEventListener("message",this._handleMessage.bind(this))}setOutgoingMessageBus(e){this._outgoingMessageBus=e}setMessageExecution(e){this._execMessage=e}sendMessage(e,t=[]){return new Promise((s,i)=>{const o=new MessageChannel;o.port1.onmessage=n=>{if(!n||!n.data)return o.port1.close(),o.port2.close(),i(new Error(this._side+" received message but response can not be interpreted"));let l;try{l=JSON.parse(n.data)}catch(u){return o.port1.close(),o.port2.close(),this._prepareError(u),i(u)}l.error?i(l.error):l.result!==void 0?s(l.result):s(void 0),o.port1.close(),o.port2.close()};let a="";try{a=JSON.stringify({message:e,args:t})}catch{return i(new Error(this._side+": can not create command because it is not JSON.stringify able"))}if(!this._outgoingMessageBus)return i(new Error(this._side+": outgoing bus not set yet"));this._outgoingMessageBus.postMessage(a,"*",[o.port2])})}_handleMessage(e){const t=e.ports&&Array.isArray(e.ports)&&e.ports.length>0?e.ports[0]:null;if(e.data&&t)try{const s=JSON.parse(e.data);if(!this._execMessage)return t.postMessage(JSON.stringify({error:this._side+" is not ready to handle messages"}));Array.isArray(s.args)||(s.args=[s.args]);const i=this._execMessage(s,e);if(i===void 0)return;i.then((o={})=>{let a,n;typeof o=="object"&&o!==null&&(a=o.error,n=o.result),a?t.postMessage(JSON.stringify({error:a})):n!==void 0?t.postMessage(JSON.stringify({result:n})):t.postMessage(JSON.stringify({result:o}))},o=>{t.postMessage(JSON.stringify({error:this._prepareError(o)}))})}catch(s){t.postMessage(JSON.stringify({error:this._prepareError(s)}))}}_prepareError(e){if(typeof e=="string"){const t=this._side+": "+e;return console.error(t),t}return e.message=this._side+": "+e.message,console.error(e),e.message}}const p=".",f={REQUEST_BOOT:"requestBoot",SETUP:"setup",WEBSITE_READY:"websiteReady"},_={GET_METHODS:"getMethods",RETURN_METHODS:"returnMethods",REGISTER_CUSTOM_VIEW:"registerCustomView",REGISTER_CUSTOM_VIEW_DONE:"registerCustomViewDone"},U=async(r,e)=>{if(typeof r!="string")throw new Error('Configurator ID is not a string type: "'+typeof r+'"');const t=e.customApiUrl?e.customApiUrl:"https://api.roomle.com/v2",s=e.overrideTenant||9,i=t+"/configurators/"+r,o="roomle_portal_v2",a="03-"+window.btoa(new Date().toISOString()+";anonymous;"+o),n=()=>{const h={apiKey:o,currentTenant:s,locale:"en",language:"en",device:1,token:a,platform:"web"};return new Headers(h)},l=new Request(i,{method:"GET",headers:n(),mode:"cors",cache:"default"}),u=await fetch(l),{configurator:d}=await u.json();return d},F=()=>{try{return window.self!==window.top}catch{return!0}},x=["127.0.0.1","localhost","0.0.0.0"],B=()=>{const r=F();let e=window.location.href;if(r){if(!document.referrer)return null;e=document.referrer}const{hostname:t}=new URL(e);return t},C=r=>!!(x.includes(r)||r.endsWith("roomle.com")||r.endsWith("gitlab.io")||r.endsWith("gitlab.com")),v=["language","browserLanguage","userLanguage","systemLanguage"],W=(r=null)=>{const e=window.navigator;if(r)return r.substr(0,2);if(Array.isArray(e.languages)&&e.languages.length>0)return e.languages[0].substr(0,2);for(let t=0,s=v.length;t<s;t++){const i=e[v[t]];if(i)return i.substr(0,2)}return"en"},k=(r,e)=>{const t=JSON.parse(JSON.stringify(r));return w(t,e)},w=(r,e)=>{for(const t in e)try{e[t].constructor===Object?r[t]=w(r[t],e[t]):r[t]=e[t]}catch{r[t]=e[t]}return r};var V={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1};const G={mobileLandscape:!0,floorMaterialRootTag:"materials_root",buttons:{renderimage:!0,requestproduct:!0,requestplan:!0,load_product:!0,partlist_print:!0},helpcenter:{roomdesigner:!0,configurator:!1,disable:!1},firstPersonView:!0,saveToIdb:!0,featureFlags:{mocAr:!0},rotationSnapDegrees:10},J="(idle)",$=r=>(E(r),r!=null&&r.customApiUrl&&(r.customApiUrl=decodeURIComponent(r.customApiUrl)),r.shareUrl&&(r.deeplink=r.shareUrl.replace(q,Y)),r),E=r=>{if(!r)return;const e=Object.keys(r);for(const t of e){const s=r[t];if(!Array.isArray(s)&&typeof s=="object"&&s!==null&&E(s),Array.isArray(s))for(const i of s)E(i);(s==="true"||s==="false")&&(r[t]=s==="true")}},j=(r,e)=>{e.configuratorId=r.id;const t=r.settings||{};return!e.overrideTenant&&r.tenant&&(e.overrideTenant=r.tenant),k(t,e)},z=()=>{const r={...G};r.locale||(r.locale=W()),r.id===J&&delete r.id;const e=B();return e&&C(e)&&(r.configuratorId="demoConfigurator"),r.customApiUrl=V.VITE_RAPI_URL,r.emails=!1,r},q="<CONF_ID>",Y="#CONFIGURATIONID#",M=()=>/(android)/i.test(navigator.userAgent);class T{constructor(){c(this,"_messageHandler",null),c(this,"isSetupDone",!1),c(this,"viewName","main"),c(this,"plugins",{}),c(this,"pluginsLoaded",[]),c(this,"ui",{callbacks:null}),c(this,"extended",{callbacks:null}),c(this,"configurator",{callbacks:null}),c(this,"analytics",{callbacks:{}}),c(this,"global",{callbacks:{}})}setMessageHandler(e){this._messageHandler=e}handleSetup(e){const{methods:t,callbacks:s}=e;t.forEach(i=>{const o=i.split(p),a=o[0],n=o[1];this[a]||(this[a]={}),this[a][n]=function(){if(!this._messageHandler){console.error("MessageHandler not set");return}return this._messageHandler.sendMessage(i,[...arguments])}.bind(this)}),s.forEach(i=>{const o=i.split(p),a=o[0],n=o[1],l=o[2];this[a]||(this[a]={}),this[a][n]||(this[a][n]={}),this[a][n][l]=()=>{}}),this.isSetupDone=!0}executeMessage({message:e,args:t}){const s=e.split(p),i=s[0],o=s[1],a=s.length===3?s[2]:null;if(a&&this[i][o][a]){const n=this[i][o][a](...t);return n instanceof Promise?n.then(l=>({result:l})):n!==void 0?Promise.resolve({result:n}):Promise.resolve({result:null})}return Promise.reject('Message "'+e+'" is unkown')}setupPlugins(e,t,s="website"){for(const i of e)typeof i=="string"&&i==="dragIn"?this.pluginsLoaded.push(new Promise((o,a)=>{try{import("./drag-in-DKZRYdaz.mjs").then(({DragIn:n})=>{const l=new n(t,s);l.setInstance(this.ui),l.setViewName(this.viewName),this.plugins.dragIn=l,o()})}catch(n){a(n)}})):i.name&&i.loader&&this.pluginsLoaded.push(new Promise((o,a)=>{try{i.loader().then(n=>{const l=new n(t,s);l.setInstance(this.ui),l.setViewName(this.viewName),this.plugins[i.name]=l,o()})}catch(n){a(n)}}))}}const y=()=>{let r,e;return{promise:new Promise((t,s)=>{r=t,e=s}),resolve:r,reject:e}},S=(r,e,t)=>{let s=null;Object.defineProperty(r,e,{get(){return s||t},set(i){i!=null&&i.mute?s=i.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 }"),s=i)}})},R=()=>window.innerHeight*.01+"px",N=r=>{r&&setTimeout(()=>r.style.setProperty(I,R()),0)},D="rml-styles",Q=450,I="--rml-full-height",g={CONTAINER:"rml-container",FILL:"rml-fill",POSITION:"rml-pos",TRANSITION:"rml-transition",ANDROID_HEIGHT:"rml-android-height",OVERFLOW_HIDDEN:"rml-overflow-hidden"},O=new Map;class K extends T{constructor(e,t,s,i,o){if(super(),c(this,"_waitForIframe"),c(this,"_container"),c(this,"_configuratorSettings"),c(this,"_initData",{}),c(this,"_iframe"),!e||typeof e.id!="string")throw new Error("Please provide a correct configuratorId, you get the correct ID from your Roomle Contact Person");if(O.has(t))throw new Error("There is already an instance on this DOM element");if(!document.getElementById(D)){const l=s.zIndex||9999999,u=document.createElement("style");u.type="text/css",u.id=D;const d="transition:all ease-in-out "+Q+"ms;",h=["-webkit-","-o-"].reduce((L,P)=>L+=P+d,"")+d,m=R();u.innerHTML=`
+        .${g.CONTAINER}{${I}:${m};}
+        .${g.POSITION}{position:fixed;top:0;left:0;z-index:${l};opacity:0}
+        .${g.TRANSITION}{${h}}
+        .${g.FILL}{width:100%;height:100%;opacity:1}
+        .${g.ANDROID_HEIGHT}{height:calc(var(${I},1vh)*100)}
+        .${g.OVERFLOW_HIDDEN}{overflow:hidden}
+      `,document.head.appendChild(u)}this._executeMessage=this._executeMessage.bind(this);const a=new b("website",window,null,this._executeMessage);this.setMessageHandler(a),this._onResize=this._onResize.bind(this),M()&&window.addEventListener("resize",this._onResize),this._container=t,this._initData=s,this._configuratorSettings=e;const n=this._createIframe();this._onUseFullPage=this._onUseFullPage.bind(this),this._onBackToWebsite=this._onBackToWebsite.bind(this),this._waitForIframe=o,this._container.appendChild(n),this._iframe=n,this.setupPlugins(i,this._iframe),O.set(t,!0)}static createPlanner(e,t,s,i=[]){return this._create(e,t,s,i)}static async connect(e,t=[]){const s=new T;s.viewName=e;const{resolve:i,promise:o}=y(),{resolve:a,promise:n}=y(),l=({message:h,args:m})=>{if(h===_.REGISTER_CUSTOM_VIEW_DONE){i();return}if(h===_.RETURN_METHODS){s.handleSetup(m[0]),a();return}if(s.isSetupDone)return s.executeMessage({message:h,args:m})},u=new b("custom-view",window,window.parent,l);s.setMessageHandler(u);const d=[e];return u.sendMessage(_.REGISTER_CUSTOM_VIEW,d),await o,u.sendMessage(_.GET_METHODS,d),await n,s.setupPlugins(t,document.body,"custom-view"),await Promise.allSettled(s.pluginsLoaded),s}static createConfigurator(e,t,s,i=[]){return this._create(e,t,s,i)}static create(e,t,s,i){return this._create(e,t,s,i)}static createViewer(e,t,s,i=[]){return this._create(e,t,s,i)}static async _create(e,t,s,i){return new Promise(async(o,a)=>{try{const n=w(z(),$(s));n.featureFlags||(n.featureFlags={}),typeof n.featureFlags.realPartList!="boolean"&&(n.featureFlags.realPartList=!0),typeof n.featureFlags.globalCallbacks!="boolean"&&(n.featureFlags.globalCallbacks=!0),typeof n.featureFlags.mocAr!="boolean"&&(n.featureFlags.mocAr=!1);const l=await U(e,n);s=j(l,n);const u=new this(l,t,s,i,o);return await Promise.allSettled(u.pluginsLoaded),u}catch(n){return a(n)}})}teardown(){this._container&&O.delete(this._container);const e=this._container.querySelector("iframe");e&&this._container.removeChild(e),window.removeEventListener("resize",this._onResize)}_createIframe(){var e;const t=document.createElement("iframe");let s=((e=this._configuratorSettings)==null?void 0:e.url)||"https://www.roomle.com/t/cp/";return this._initData.useLocalRoomle&&(s=location.href.replace("embedding.html","")),location.href.includes("roomle.gitlab.io")&&(s=location.href.replace("embedding.html","index.html")),this._initData.overrideServerUrl&&(s=this._initData.overrideServerUrl),t.src=s,t.classList.add(g.CONTAINER),t.classList.add(g.FILL),t}_onResize(){N(this._iframe)}_onUseFullPage(){this._iframe.classList.add(g.POSITION),document.documentElement.classList.add(g.OVERFLOW_HIDDEN),window.document.body.classList.add(g.OVERFLOW_HIDDEN),M()&&(N(this._iframe),this._iframe.classList.add(g.ANDROID_HEIGHT))}_onBackToWebsite(){this._iframe.classList.remove(g.POSITION),this._iframe.classList.remove(g.ANDROID_HEIGHT),document.documentElement.classList.remove(g.OVERFLOW_HIDDEN),window.document.body.classList.remove(g.OVERFLOW_HIDDEN)}_executeMessage({message:e,args:t},s){var i;if(s.source&&s.source===((i=this._iframe)==null?void 0:i.contentWindow))return e===f.REQUEST_BOOT?this._messageHandler?(this._messageHandler.setOutgoingMessageBus(s.source),Promise.resolve({result:this._initData})):(console.error("MessageHandler not set"),Promise.resolve({error:"MessageHandler not set"})):e===f.SETUP?(this.handleSetup(t[0]),S(this.ui.callbacks,"onUseFullPage",this._onUseFullPage),S(this.ui.callbacks,"onBackToWebsite",this._onBackToWebsite),this._waitForIframe(this),setTimeout(()=>{if(!this._messageHandler){console.error("MessageHandler not set");return}this._messageHandler.sendMessage(f.WEBSITE_READY)},0),Promise.resolve({result:null})):this.executeMessage({message:e,args:t})}}export{K as R,y as p};

package/index.d.ts

@@ -16,9 +16,9 @@ import { PossibleCustomViewsAndMain as PossibleCustomViewsAndMain_2 } from '../.
 import { RapiId } from '@roomle/web-sdk/lib/definitions/typings/rapi-types';
 import { UiInitData } from '../../../src/configurator/embedding/types';
 
-declare interface AvailablePlugins {
-    dragIn?: DragIn;
-}
+declare type AvailablePlugins = {
+    [K in keyof PluginMap]?: InstanceType<PluginMap[K]>;
+};
 
 declare class Connector<SdkType, SdkCallbacks> implements RoomleEmbeddingApiKeys {
     protected _messageHandler: Nullable<MessageHandler>;
@@ -47,11 +47,11 @@ declare class Connector<SdkType, SdkCallbacks> implements RoomleEmbeddingApiKeys
 }
 
 declare class DragIn extends EmbeddingPlugin {
-    private _mainDomElement;
     private _currentDrag;
     private _currentTouch;
     private _firefoxDragPosition;
     private _readyForDragUpdates;
+    private _clientRect;
     options: {
         dragInOverlapX?: number;
         dragInOverlapY?: number;
@@ -63,9 +63,9 @@ declare class DragIn extends EmbeddingPlugin {
     private _injectStyles;
     private _initializeDragGhost;
     private _initReadyForDragUpdates;
-    constructor(iframe: HTMLIFrameElement | HTMLBodyElement);
+    constructor(iframe: HTMLIFrameElement | HTMLBodyElement, mode: EmbeddingPluginMode);
     setInstance(instance: ExposedApi): void;
-    setMode(mode: EmbeddingPluginMode): void;
+    private _initDom;
     private _firefoxFallback;
     dragStart(id: RapiId, event: DragEvent | TouchEvent, type?: string): Promise<void>;
     /** MUST NOT BE ASYNC, OTHERWISE ACCESS TO event.clientX could be wrong */
@@ -77,22 +77,31 @@ declare class DragIn extends EmbeddingPlugin {
     dispose(): void;
 }
 
-declare abstract class EmbeddingPlugin {
+declare class EmbeddingPlugin {
+    protected _mainDomElement: HTMLIFrameElement | HTMLBodyElement;
     protected _instance: Nullable_2<ExposedApi>;
     protected _mode: EmbeddingPluginMode;
     protected _viewName: PossibleCustomViewsAndMain_2;
+    constructor(iframe: HTMLIFrameElement | HTMLBodyElement, mode: EmbeddingPluginMode);
     setInstance(instance: ExposedApi): void;
-    setMode(mode: EmbeddingPluginMode): void;
     setViewName(viewName: PossibleCustomViewsAndMain_2): void;
 }
 
 declare type EmbeddingPluginMode = 'website' | 'custom-view';
 
+declare type PluginConstructors = {
+    [K in keyof PluginMap]: PluginMap[K];
+};
+
 declare type PluginDefinitions = Array<keyof AvailablePlugins | {
     name: keyof AvailablePlugins;
-    loader: () => Promise<any>;
+    loader: () => Promise<PluginConstructors[keyof PluginConstructors]>;
 }>;
 
+declare interface PluginMap {
+    dragIn: typeof DragIn;
+}
+
 declare type RoomleConfiguratorApi = RoomleEmbeddingApi<default_2, default_4>;
 
 declare class RoomleEmbeddingApi<SdkType, SdkCallbacks> extends Connector<SdkType, SdkCallbacks> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@roomle/embedding-lib",
-  "version": "5.5.0-debug.3",
+  "version": "5.5.0-debug.5",
   "description": "This is a small library which can be used to communicate with the Roomle Configurator",
   "type": "module",
   "main": "./roomle-embedding-lib.umd.js",