@one-commerce/sdk-core 1.10.0 → 1.12.1-alpha.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";
@@ -354,15 +356,15 @@ var BackofficeUser = /*#__PURE__*/function (_BaseCallClass2) {
 
   return _createClass(BackofficeUser);
 }(BaseCallClass);
-var BackofficeOrderpath = /*#__PURE__*/function (_BaseCallClass3) {
-  _inherits(BackofficeOrderpath, _BaseCallClass3);
+var BackofficeTenant = /*#__PURE__*/function (_BaseCallClass3) {
+  _inherits(BackofficeTenant, _BaseCallClass3);
 
-  var _super3 = _createSuper(BackofficeOrderpath);
+  var _super3 = _createSuper(BackofficeTenant);
 
-  function BackofficeOrderpath() {
+  function BackofficeTenant() {
     var _this3;
 
-    _classCallCheck(this, BackofficeOrderpath);
+    _classCallCheck(this, BackofficeTenant);
 
     for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
       args[_key3] = arguments[_key3];
@@ -370,22 +372,28 @@ var BackofficeOrderpath = /*#__PURE__*/function (_BaseCallClass3) {
 
     _this3 = _super3.call.apply(_super3, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this3), "serviceName", 'orderpath');
+    _defineProperty(_assertThisInitialized(_this3), "serviceName", 'tenant');
+
+    _defineProperty(_assertThisInitialized(_this3), "tenantKey", void 0);
+
+    _defineProperty(_assertThisInitialized(_this3), "language", void 0);
+
+    _defineProperty(_assertThisInitialized(_this3), "currency", void 0);
 
     return _this3;
   }
 
-  return _createClass(BackofficeOrderpath);
+  return _createClass(BackofficeTenant);
 }(BaseCallClass);
-var BackofficeLayout = /*#__PURE__*/function (_BaseCallClass4) {
-  _inherits(BackofficeLayout, _BaseCallClass4);
+var BackofficeOrderpath = /*#__PURE__*/function (_BaseCallClass4) {
+  _inherits(BackofficeOrderpath, _BaseCallClass4);
 
-  var _super4 = _createSuper(BackofficeLayout);
+  var _super4 = _createSuper(BackofficeOrderpath);
 
-  function BackofficeLayout() {
+  function BackofficeOrderpath() {
     var _this4;
 
-    _classCallCheck(this, BackofficeLayout);
+    _classCallCheck(this, BackofficeOrderpath);
 
     for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
       args[_key4] = arguments[_key4];
@@ -393,13 +401,36 @@ var BackofficeLayout = /*#__PURE__*/function (_BaseCallClass4) {
 
     _this4 = _super4.call.apply(_super4, [this].concat(args));
 
-    _defineProperty(_assertThisInitialized(_this4), "serviceName", 'layout');
-
-    _defineProperty(_assertThisInitialized(_this4), "isAsideOpened", void 0);
+    _defineProperty(_assertThisInitialized(_this4), "serviceName", 'orderpath');
 
     return _this4;
   }
 
+  return _createClass(BackofficeOrderpath);
+}(BaseCallClass);
+var BackofficeLayout = /*#__PURE__*/function (_BaseCallClass5) {
+  _inherits(BackofficeLayout, _BaseCallClass5);
+
+  var _super5 = _createSuper(BackofficeLayout);
+
+  function BackofficeLayout() {
+    var _this5;
+
+    _classCallCheck(this, BackofficeLayout);
+
+    for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
+      args[_key5] = arguments[_key5];
+    }
+
+    _this5 = _super5.call.apply(_super5, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this5), "serviceName", 'layout');
+
+    _defineProperty(_assertThisInitialized(_this5), "isAsideOpened", void 0);
+
+    return _this5;
+  }
+
   return _createClass(BackofficeLayout);
 }(BaseCallClass);
 
@@ -694,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);
@@ -740,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);
@@ -765,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) {
@@ -772,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();
 
@@ -796,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);
         });
       }
 
@@ -849,7 +934,7 @@ var BackofficeSdk = /*#__PURE__*/function (_Sdk) {
   var _super2 = _createSuper(BackofficeSdk);
 
   function BackofficeSdk() {
-    var _this4;
+    var _this5;
 
     _classCallCheck(this, BackofficeSdk);
 
@@ -857,20 +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))),
-      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);
@@ -881,7 +967,7 @@ var ShopSdk = /*#__PURE__*/function (_Sdk2) {
   var _super3 = _createSuper(ShopSdk);
 
   function ShopSdk() {
-    var _this5;
+    var _this6;
 
     _classCallCheck(this, ShopSdk);
 
@@ -889,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);