@one-commerce/sdk-backoffice-vue3 1.11.0 → 1.13.0

package/lib/bundles/bundle.esm.js

@@ -61,6 +61,8 @@ exports.Errors = exports.Message = void 0;
     Message["METHOD_CALL_ERROR"] = "one:method:error";
     Message["METHOD_RESULT"] = "one:method:result";
     Message["NAVIGATION_PUSH"] = "one:navigation:push";
+    Message["FRAME_HEIGHT_REQUEST"] = "one:frameheight:request";
+    Message["FRAME_HEIGHT_CHANGE"] = "one:frameheight:change";
 })(exports.Message || (exports.Message = {}));
 (function (Errors) {
     Errors["METHOD_DOES_NOT_EXISTS"] = "Method does not exists";
@@ -276,6 +278,10 @@ class Sdk extends Events {
 
     _defineProperty(this, "channel", void 0);
 
+    _defineProperty(this, "autoheight", true);
+
+    _defineProperty(this, "heightMutationObserver", null);
+
     _defineProperty(this, "origin", void 0);
 
     _defineProperty(this, "isInitialized", false);
@@ -311,18 +317,62 @@ class Sdk extends Events {
       Sdk.log('Emitting UPDATE with payload ', payload);
       this.emit(SdkInternalEvents.UPDATE, payload);
     });
+    this.channel.subscribe(main.Message.FRAME_HEIGHT_REQUEST, payload => {
+      if (this.autoheight) {
+        Sdk.log('Request for iframe 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') {
         Sdk.debug = options.debug;
       }
+
+      if (typeof options.autoheight !== 'undefined') {
+        this.autoheight = options.autoheight;
+      }
     }
   }