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

package/lib/bundles/bundle.umd.js

@@ -1,7 +1,7 @@
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["sdk-backoffice-vue3"] = {}));
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SdkCore = {}));
 })(this, (function (exports) { 'use strict';
 
   function _classCallCheck(instance, Constructor) {
@@ -207,6 +207,8 @@
       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";
@@ -360,15 +362,15 @@
 
     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];
@@ -376,22 +378,28 @@
 
       _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];
@@ -399,13 +407,36 @@
 
       _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);
 
@@ -700,6 +731,10 @@
 
       _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);
@@ -746,8 +781,20 @@
         _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);
@@ -771,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) {
@@ -778,12 +859,16 @@
           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();
 
@@ -802,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);
           });
         }
 
@@ -855,7 +940,7 @@
     var _super2 = _createSuper(BackofficeSdk);
 
     function BackofficeSdk() {
-      var _this4;
+      var _this5;
 
       _classCallCheck(this, BackofficeSdk);
 
@@ -863,20 +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))),
-        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);
@@ -887,7 +973,7 @@
     var _super3 = _createSuper(ShopSdk);
 
     function ShopSdk() {
-      var _this5;
+      var _this6;
 
       _classCallCheck(this, ShopSdk);
 
@@ -895,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);