zakeke-configurator-react 0.0.183 → 0.0.185

package/dist/declarations/composer/Module/src/index.d.ts

@@ -1,6 +1,6 @@
-export * from './components/customizer';
-export * from './components/sceneViewer';
-export * from './environment';
-export * from './hooks/useZakeke';
-export * from './models';
-export * from './state/provider';
+export * from './components/customizer';
+export * from './components/sceneViewer';
+export * from './environment';
+export * from './hooks/useZakeke';
+export * from './models';
+export * from './state/provider';

package/dist/index.js

@@ -55931,6 +55931,7 @@ var SceneViewer = /*#__PURE__*/function () {
     _defineProperty(this, "_isHologramSource", false);
     _defineProperty(this, "_isHologram", false);
     _defineProperty(this, "_lastResizableMeshID", '');
+    _defineProperty(this, "_brandLogoButton", null);
     _defineProperty(this, "setCameraLocked", function (isBlocked) {
       if (_this2._zkScene && _this2._sceneHelper && _this2._scene) {
         _this2._sceneHelper.setupCamera();
@@ -56485,22 +56486,19 @@ var SceneViewer = /*#__PURE__*/function () {
       });
     }
   }, {
-    key: "createBrandLogo",
-    value: function createBrandLogo() {
-      var advancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");
-      var button = BABYLON.GUI.Button.CreateImageOnlyButton("b1", "https://zakeke.blob.core.windows.net/files/images/logo.png");
+    key: "createBrandLogoButton",
+    value: function createBrandLogoButton() {
+      var button = BABYLON.GUI.Button.CreateImageOnlyButton("zakeke-logo", "https://zakeke.blob.core.windows.net/files/images/logo.png");
       button.image.stretch = BABYLON.GUI.Image.STRETCH_UNIFORM;
       button.width = "65px";
       button.height = "25px";
-      button.left = -350;
-      button.top = -300;
       button.color = "transparent";
-      button.onPointerDownObservable.add(function () {
+      button.hoverCursor = "pointer";
+      button.onPointerClickObservable.add(function () {
         window.open("https://www.zakeke.com/");
       });
-      button.pointerDownAnimation = function () {};
-      advancedTexture.addControl(button);
-      return this._scene;
+      this._brandLogoButton = button;
+      return this._brandLogoButton;
     }
   }, {
     key: "createEmptySceneAsync",
@@ -56843,6 +56841,13 @@ var SceneViewer = /*#__PURE__*/function () {
             if (this._scene) this.adjustCamera(false);
             this.setupShaderMaterialsCameraPosition();
           }
+          if (this._brandLogoButton) {
+            var _this$_canvas, _this$_canvas2;
+            this._brandLogoButton.left = -((_this$_canvas = this._canvas) === null || _this$_canvas === void 0 ? void 0 : _this$_canvas.width) / 2 + 30 + "px";
+            this._brandLogoButton.top = -((_this$_canvas2 = this._canvas) === null || _this$_canvas2 === void 0 ? void 0 : _this$_canvas2.height) / 2 + 50 + "px";
+            var advancedTexture = BABYLON.GUI.AdvancedDynamicTexture.CreateFullscreenUI("UI");
+            advancedTexture.addControl(this._brandLogoButton);
+          }
           this.setRenderingNeeded();
         }
 
@@ -61477,7 +61482,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
               _context15.next = 35;
               return _this.viewer.loadSceneFromModelAsync(_this.zkProduct, _this.zkScene);
             case 35:
-              if (_this.settings.brand) _this.viewer.createBrandLogo();
+              if (_this.settings.brand) _this.viewer.createBrandLogoButton();
               _this.trigger('change');
               _context15.next = 39;
               return _this.handleSceneLoaded();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zakeke-configurator-react",
-  "version": "0.0.183",
+  "version": "0.0.185",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/declarations/composer/Module/src/index.d.ts",