@one-commerce/sdk-backoffice-vue3 1.12.0-alpha.0 → 1.14.0

package/lib/bundles/bundle.esm.js

@@ -203,6 +203,18 @@ class BackofficeLayout extends BaseCallClass {
     _defineProperty$2(this, "isAsideOpened", void 0);
   }
 
+}
+class BackofficeAuthorization extends BaseCallClass {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty$2(this, "serviceName", 'authorization');
+  }
+
+  getAuthToken() {
+    return this.call('getAuthToken');
+  }
+
 }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -280,6 +292,8 @@ class Sdk extends Events {
 
     _defineProperty(this, "autoheight", true);
 
+    _defineProperty(this, "heightMutationObserver", null);
+
     _defineProperty(this, "origin", void 0);
 
     _defineProperty(this, "isInitialized", false);
@@ -318,19 +332,50 @@ class Sdk extends Events {
     this.channel.subscribe(main.Message.FRAME_HEIGHT_REQUEST, payload => {
       if (this.autoheight) {
         Sdk.log('Request for iframe height');
-        const body = document.body,
-              html = document.documentElement;
-        const height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
-        this.channel.postMessage(main.Message.FRAME_HEIGHT_CHANGE, height);
+        this.sendFrameHeight();
       }
     });
     this.channel.connect().then(() => {
       Sdk.log('Connected with ONe SDK');
+
+      if (this.autoheight) {
+        this.initializeHeightObserver();
+      }
     });
     this.setupOptions(options);
     Sdk.log('Initialized.');
   }
 
+  sendFrameHeight() {
+    const body = document.body,
+          html = document.documentElement;
+    const height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
+    this.channel.postMessage(main.Message.FRAME_HEIGHT_CHANGE, height);
+  }
+
+  initializeHeightObserver() {
+    if ("MutationObserver" in window) {
+      const onMutationObserved = () => {
+        this.sendFrameHeight();
+      };
+
+      const target = document.querySelector('body'),
+            config = {
+        attributes: true,
+        attributeOldValue: false,
+        characterData: true,
+        characterDataOldValue: false,
+        childList: true,
+        subtree: true
+      };
+      this.heightMutationObserver = new MutationObserver(onMutationObserved);
+      Sdk.log('Create body MutationObserver');
+      this.heightMutationObserver.observe(target, config);
+    } else {
+      Sdk.warn('MutationObserver not available. Auto-height functionality disabled.');
+    }
+  }
+
   setupOptions(options) {
     if (options) {
       if (typeof options.debug !== 'undefined') {
@@ -391,7 +436,8 @@ class BackofficeSdk extends Sdk {
       catalog: new BackofficeCatalog(this.callFunction.bind(this)),
       user: new BackofficeUser(this.callFunction.bind(this)),
       tenant: new BackofficeTenant(this.callFunction.bind(this)),
-      layout: new BackofficeLayout(this.callFunction.bind(this))
+      layout: new BackofficeLayout(this.callFunction.bind(this)),
+      authorization: new BackofficeAuthorization(this.callFunction.bind(this))
     });
   }
 
@@ -429,6 +475,7 @@ var index = {
       obj.layout.update(payload);
       obj.catalog.update(payload);
       obj.orderpath.update(payload);
+      obj.authorization.update(payload);
     };
 
     sdk.on(SdkEvents.INIT, function (payload) {