@one-commerce/sdk-core 1.12.0-alpha.0 → 1.12.1-alpha.0

package/lib/bundles/bundle.umd.js

@@ -733,6 +733,8 @@
 
       _defineProperty(_assertThisInitialized(_this), "autoheight", true);
 
+      _defineProperty(_assertThisInitialized(_this), "heightMutationObserver", null);
+
       _defineProperty(_assertThisInitialized(_this), "origin", void 0);
 
       _defineProperty(_assertThisInitialized(_this), "isInitialized", false);
@@ -782,16 +784,17 @@
       _this.channel.subscribe(main.Message.FRAME_HEIGHT_REQUEST, function (payload) {
         if (_this.autoheight) {
           Sdk.log('Request for iframe height');
-          var body = document.body,
-              html = document.documentElement;
-          var 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(function () {
         Sdk.log('Connected with ONe SDK');
+
+        if (_this.autoheight) {
+          _this.initializeHeightObserver();
+        }
       });
 
       _this.setupOptions(options);
@@ -815,6 +818,40 @@
           });
         }
       }
+    }, {
+      key: "sendFrameHeight",
+      value: function sendFrameHeight() {
+        var body = document.body,
+            html = document.documentElement;
+        var height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
+        this.channel.postMessage(main.Message.FRAME_HEIGHT_CHANGE, height);
+      }
+    }, {
+      key: "initializeHeightObserver",
+      value: function initializeHeightObserver() {
+        var _this3 = this;
+
+        if ("MutationObserver" in window) {
+          var onMutationObserved = function onMutationObserved() {
+            _this3.sendFrameHeight();
+          };
+
+          var 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.');
+        }
+      }
     }, {
       key: "setupOptions",
       value: function setupOptions(options) {
@@ -831,7 +868,7 @@
     }, {
       key: "callFunction",
       value: function callFunction(service, fun) {
-        var _this3 = this;
+        var _this4 = this;
 
         var callId = generateCallId();
 
@@ -850,13 +887,13 @@
           return new Promise(function (resolve) {
             var onChannelMessage = function onChannelMessage(response) {
               if (response.callId === callId) {
-                _this3.channel.unsubscribe(main.Message.METHOD_RESULT, onChannelMessage);
+                _this4.channel.unsubscribe(main.Message.METHOD_RESULT, onChannelMessage);
 
                 return resolve(response.result);
               }
             };
 
-            _this3.channel.subscribe(main.Message.METHOD_RESULT, onChannelMessage);
+            _this4.channel.subscribe(main.Message.METHOD_RESULT, onChannelMessage);
           });
         }
 
@@ -903,7 +940,7 @@
     var _super2 = _createSuper(BackofficeSdk);
 
     function BackofficeSdk() {
-      var _this4;
+      var _this5;
 
       _classCallCheck(this, BackofficeSdk);
 
@@ -911,21 +948,21 @@
         args[_key4] = arguments[_key4];
       }
 
-      _this4 = _super2.call.apply(_super2, [this].concat(args));
+      _this5 = _super2.call.apply(_super2, [this].concat(args));
 
-      _defineProperty(_assertThisInitialized(_this4), "instances", {
+      _defineProperty(_assertThisInitialized(_this5), "instances", {
         route: {
           hash: '',
           query: {}
         },
-        orderpath: new BackofficeOrderpath(_this4.callFunction.bind(_assertThisInitialized(_this4))),
-        catalog: new BackofficeCatalog(_this4.callFunction.bind(_assertThisInitialized(_this4))),
-        user: new BackofficeUser(_this4.callFunction.bind(_assertThisInitialized(_this4))),
-        tenant: new BackofficeTenant(_this4.callFunction.bind(_assertThisInitialized(_this4))),
-        layout: new BackofficeLayout(_this4.callFunction.bind(_assertThisInitialized(_this4)))
+        orderpath: new BackofficeOrderpath(_this5.callFunction.bind(_assertThisInitialized(_this5))),
+        catalog: new BackofficeCatalog(_this5.callFunction.bind(_assertThisInitialized(_this5))),
+        user: new BackofficeUser(_this5.callFunction.bind(_assertThisInitialized(_this5))),
+        tenant: new BackofficeTenant(_this5.callFunction.bind(_assertThisInitialized(_this5))),
+        layout: new BackofficeLayout(_this5.callFunction.bind(_assertThisInitialized(_this5)))
       });
 
-      return _this4;
+      return _this5;
     }
 
     return _createClass(BackofficeSdk);
@@ -936,7 +973,7 @@
     var _super3 = _createSuper(ShopSdk);
 
     function ShopSdk() {
-      var _this5;
+      var _this6;
 
       _classCallCheck(this, ShopSdk);
 
@@ -944,21 +981,21 @@
         args[_key5] = arguments[_key5];
       }
 
-      _this5 = _super3.call.apply(_super3, [this].concat(args));
+      _this6 = _super3.call.apply(_super3, [this].concat(args));
 
-      _defineProperty(_assertThisInitialized(_this5), "instances", {
+      _defineProperty(_assertThisInitialized(_this6), "instances", {
         route: {
           hash: '',
           query: {}
         },
-        cart: new ShopCart(_this5.callFunction.bind(_assertThisInitialized(_this5))),
-        catalog: new ShopCatalog(_this5.callFunction.bind(_assertThisInitialized(_this5))),
-        account: new ShopAccount(_this5.callFunction.bind(_assertThisInitialized(_this5))),
-        utils: new ShopUtils(_this5.callFunction.bind(_assertThisInitialized(_this5))),
-        config: new ShopConfig(_this5.callFunction.bind(_assertThisInitialized(_this5)))
+        cart: new ShopCart(_this6.callFunction.bind(_assertThisInitialized(_this6))),
+        catalog: new ShopCatalog(_this6.callFunction.bind(_assertThisInitialized(_this6))),
+        account: new ShopAccount(_this6.callFunction.bind(_assertThisInitialized(_this6))),
+        utils: new ShopUtils(_this6.callFunction.bind(_assertThisInitialized(_this6))),
+        config: new ShopConfig(_this6.callFunction.bind(_assertThisInitialized(_this6)))
       });
 
-      return _this5;
+      return _this6;
     }
 
     return _createClass(ShopSdk);