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

package/lib/bundles/bundle.esm.js

@@ -61,6 +61,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";
@@ -169,6 +171,20 @@ class BackofficeUser extends BaseCallClass {
     _defineProperty$2(this, "authorities", void 0);
   }
 
+}
+class BackofficeTenant extends BaseCallClass {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty$2(this, "serviceName", 'tenant');
+
+    _defineProperty$2(this, "tenantKey", void 0);
+
+    _defineProperty$2(this, "language", void 0);
+
+    _defineProperty$2(this, "currency", void 0);
+  }
+
 }
 class BackofficeOrderpath extends BaseCallClass {
   constructor(...args) {
@@ -262,6 +278,10 @@ class Sdk extends Events {
 
     _defineProperty(this, "channel", void 0);
 
+    _defineProperty(this, "autoheight", true);
+
+    _defineProperty(this, "heightMutationObserver", null);
+
     _defineProperty(this, "origin", void 0);
 
     _defineProperty(this, "isInitialized", false);
@@ -297,18 +317,62 @@ class Sdk extends Events {
       Sdk.log('Emitting UPDATE with payload ', payload);
       this.emit(SdkInternalEvents.UPDATE, payload);
     });
+    this.channel.subscribe(main.Message.FRAME_HEIGHT_REQUEST, payload => {
+      if (this.autoheight) {
+        Sdk.log('Request for iframe height');
+        this.sendFrameHeight();
+      }
+    });
     this.channel.connect().then(() => {
       Sdk.log('Connected with ONe SDK');
+
+      if (this.autoheight) {
+        this.initializeHeightObserver();
+      }
     });
     this.setupOptions(options);
     Sdk.log('Initialized.');
   }
 
+  sendFrameHeight() {
+    const body = document.body,
+          html = document.documentElement;
+    const height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
+    this.channel.postMessage(main.Message.FRAME_HEIGHT_CHANGE, height);
+  }
+
+  initializeHeightObserver() {
+    if ("MutationObserver" in window) {
+      const onMutationObserved = () => {
+        this.sendFrameHeight();
+      };
+
+      const 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.');
+    }
+  }
+
   setupOptions(options) {
     if (options) {
       if (typeof options.debug !== 'undefined') {
         Sdk.debug = options.debug;
       }
+
+      if (typeof options.autoheight !== 'undefined') {
+        this.autoheight = options.autoheight;
+      }
     }
   }
 
@@ -359,6 +423,7 @@ class BackofficeSdk extends Sdk {
       orderpath: new BackofficeOrderpath(this.callFunction.bind(this)),
       catalog: new BackofficeCatalog(this.callFunction.bind(this)),
       user: new BackofficeUser(this.callFunction.bind(this)),
+      tenant: new BackofficeTenant(this.callFunction.bind(this)),
       layout: new BackofficeLayout(this.callFunction.bind(this))
     });
   }
@@ -393,6 +458,7 @@ var index = {
     var updateInstances = function updateInstances(payload) {
       obj.route = payload.route;
       obj.user.update(payload);
+      obj.tenant.update(payload);
       obj.layout.update(payload);
       obj.catalog.update(payload);
       obj.orderpath.update(payload);