@one-commerce/sdk-core 1.11.0 → 1.13.0

package/lib/bundles/bundle.esm.js

@@ -201,6 +201,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";
@@ -723,6 +725,10 @@ var Sdk = /*#__PURE__*/function (_Events) {
 
     _defineProperty(_assertThisInitialized(_this), "channel", void 0);
 
+    _defineProperty(_assertThisInitialized(_this), "autoheight", true);
+
+    _defineProperty(_assertThisInitialized(_this), "heightMutationObserver", null);
+
     _defineProperty(_assertThisInitialized(_this), "origin", void 0);
 
     _defineProperty(_assertThisInitialized(_this), "isInitialized", false);
@@ -769,8 +775,20 @@ var Sdk = /*#__PURE__*/function (_Events) {
       _this.emit(SdkInternalEvents.UPDATE, payload);
     });
 
+    _this.channel.subscribe(main.Message.FRAME_HEIGHT_REQUEST, function (payload) {
+      if (_this.autoheight) {
+        Sdk.log('Request for iframe height');
+
+        _this.sendFrameHeight();
+      }
+    });
+
     _this.channel.connect().then(function () {
       Sdk.log('Connected with ONe SDK');
+
+      if (_this.autoheight) {
+        _this.initializeHeightObserver();
+      }
     });
 
     _this.setupOptions(options);
@@ -794,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) {
@@ -801,12 +853,16 @@ var Sdk = /*#__PURE__*/function (_Events) {
         if (typeof options.debug !== 'undefined') {
           Sdk.debug = options.debug;
         }
+
+        if (typeof options.autoheight !== 'undefined') {
+          this.autoheight = options.autoheight;
+        }
       }
     }
   }, {
     key: "callFunction",
     value: function callFunction(service, fun) {
-      var _this3 = this;
+      var _this4 = this;
 
       var callId = generateCallId();
 
@@ -825,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);
         });
       }
 
@@ -878,7 +934,7 @@ var BackofficeSdk = /*#__PURE__*/function (_Sdk) {
   var _super2 = _createSuper(BackofficeSdk);
 
   function BackofficeSdk() {
-    var _this4;
+    var _this5;
 
     _classCallCheck(this, BackofficeSdk);
 
@@ -886,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);
@@ -911,7 +967,7 @@ var ShopSdk = /*#__PURE__*/function (_Sdk2) {
   var _super3 = _createSuper(ShopSdk);
 
   function ShopSdk() {
-    var _this5;
+    var _this6;
 
     _classCallCheck(this, ShopSdk);
 
@@ -919,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);