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

package/lib/bundles/bundle.esm.js

@@ -727,6 +727,8 @@ var Sdk = /*#__PURE__*/function (_Events) {
 
     _defineProperty(_assertThisInitialized(_this), "autoheight", true);
 
+    _defineProperty(_assertThisInitialized(_this), "heightMutationObserver", null);
+
     _defineProperty(_assertThisInitialized(_this), "origin", void 0);
 
     _defineProperty(_assertThisInitialized(_this), "isInitialized", false);
@@ -776,16 +778,17 @@ var Sdk = /*#__PURE__*/function (_Events) {
     _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);
@@ -809,6 +812,40 @@ var Sdk = /*#__PURE__*/function (_Events) {
         });
       }
     }
+  }, {
+    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) {
@@ -825,7 +862,7 @@ var Sdk = /*#__PURE__*/function (_Events) {
   }, {
     key: "callFunction",
     value: function callFunction(service, fun) {
-      var _this3 = this;
+      var _this4 = this;
 
       var callId = generateCallId();
 
@@ -844,13 +881,13 @@ var Sdk = /*#__PURE__*/function (_Events) {
         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);
         });
       }
 
@@ -897,7 +934,7 @@ var BackofficeSdk = /*#__PURE__*/function (_Sdk) {
   var _super2 = _createSuper(BackofficeSdk);
 
   function BackofficeSdk() {
-    var _this4;
+    var _this5;
 
     _classCallCheck(this, BackofficeSdk);
 
@@ -905,21 +942,21 @@ var BackofficeSdk = /*#__PURE__*/function (_Sdk) {
       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);
@@ -930,7 +967,7 @@ var ShopSdk = /*#__PURE__*/function (_Sdk2) {
   var _super3 = _createSuper(ShopSdk);
 
   function ShopSdk() {
-    var _this5;
+    var _this6;
 
     _classCallCheck(this, ShopSdk);
 
@@ -938,21 +975,21 @@ var ShopSdk = /*#__PURE__*/function (_Sdk2) {
       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);