zakeke-configurator-react 0.1.277-prod → 0.1.278-prod

package/dist/index.js

@@ -21411,12 +21411,35 @@ var ZakekeViewer = function ZakekeViewer(_ref) {
     backgroundColor = _useZakeke.backgroundColor,
     removeBackground = _useZakeke.removeBackground;
   var internalState = (0,_state_provider__WEBPACK_IMPORTED_MODULE_4__.useInternalState)();
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__.useState(null),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    stateBackgroundCol = _React$useState4[0],
+    setStateBackgroundCol = _React$useState4[1];
   var stateRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(internalState);
+  var getBackgroundColor = function getBackgroundColor() {
+    var ignoreRemove = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    var removeBackground = stateRef.current.state.environment.removeBackground;
+    var backgroundColor = stateRef.current.state.environment.backgroundColor;
+    if (!ignoreRemove && removeBackground) return null; //			1 non cè' il background
+    if (backgroundColor) return backgroundColor; // 2 background lato config
+    return bgColor !== null && bgColor !== void 0 ? bgColor : '#f2f2f2'; //					3 background lato tema o default
+  };
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     if (isViewerReady) internalAppendViewer(document.getElementById('zakeke-viewer-container-' + guid));
   }, [isViewerReady]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    setStateBackgroundCol(getBackgroundColor());
+    var e = function e() {
+      var isFullscreen = !window.screenTop && !window.screenY;
+      setStateBackgroundCol(getBackgroundColor(!isFullscreen));
+    };
+    document.addEventListener('fullscreenchange', e);
+    return function () {
+      document.removeEventListener('fullscreenchange', e);
+    };
+  }, []);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ZakekeViewerContainer, {
-    backgroundColor: bgColor && !removeBackground ? bgColor : backgroundColor && !removeBackground ? backgroundColor : backgroundColor ? null : '#f2f2f2',
+    backgroundColor: stateBackgroundCol,
     id: 'zakeke-viewer-container-' + guid,
     className: "zakeke-viewer-container ".concat(className)
   }, (stateRef === null || stateRef === void 0 ? void 0 : stateRef.current.state.isDebug) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_debugs_debugPanel__WEBPACK_IMPORTED_MODULE_5__.DebugPanel, null));
@@ -22431,8 +22454,8 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     _defineProperty(this, "fonts", []);
     _defineProperty(this, "disableTextColors", false);
     _defineProperty(this, "textColors", []);
-    /**
-     * Get the current text default color.
+    /**
+     * Get the current text default color.
      */
     _defineProperty(this, "defaultColor", '');
     _defineProperty(this, "quantity", 1);
@@ -22535,13 +22558,16 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
             break;
           case 'selectedTemplateCategory':
             _this.selectedTemplateCategory = parseSecure(value);
+            break;
           case 'legacyScreenshot':
             _this.useLegacyScreenshot = value == '1';
             break;
           case 'integrationVersion':
             _this.integrationVersion = (_parseInt = parseInt(value)) !== null && _parseInt !== void 0 ? _parseInt : 1;
+            break;
           case 'dam':
             _this.isDAMViewer = value == '1' || value == 'true';
+            break;
           case 'debugMode':
             _this.debugMode = value == '1' || value == 'true';
             break;
@@ -23009,8 +23035,8 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
       } catch (e) {}
       return copyrightMessageAccepted;
     });
-    /**
-     * @private
+    /**
+     * @private
      */
     _defineProperty(this, "boot", /*#__PURE__*/function () {
       var _ref15 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(parameters) {
@@ -23268,11 +23294,11 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         _this.viewer.highlightSize = settings.size;
       }
     });
-    /*public renderDesign = _.throttle(async () => {
-    	if (this.viewer && this.zkCurrentTemplate) {
-    		await this.viewer.renderDesignAsync(this.zkCurrentTemplate);
-    		this.fireItemsChange();
-    	}
+    /*public renderDesign = _.throttle(async () => {
+    	if (this.viewer && this.zkCurrentTemplate) {
+    		await this.viewer.renderDesignAsync(this.zkCurrentTemplate);
+    		this.fireItemsChange();
+    	}
     }, 300);*/
     _defineProperty(this, "renderDesign", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
       return _regeneratorRuntime().wrap(function _callee17$(_context17) {
@@ -23893,8 +23919,8 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         }
       }, _callee26);
     })));
-    /**
-     * Reset the platform attributes selection to the current selection
+    /**
+     * Reset the platform attributes selection to the current selection
      */
     _defineProperty(this, "resetPlatformAttributesSelection", function () {
       _this.selection.get('groups').each(function (group) {
@@ -25985,9 +26011,9 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
       var _this$viewer, _this$viewer$getMeshB;
       return (_this$viewer = _this.viewer) === null || _this$viewer === void 0 ? void 0 : (_this$viewer$getMeshB = _this$viewer.getMeshByName(name)) === null || _this$viewer$getMeshB === void 0 ? void 0 : _this$viewer$getMeshB.id;
     });
-    /**
-     * Hide a mesh and its children and save the state
-     * @param meshId The mesh and childs to hide
+    /**
+     * Hide a mesh and its children and save the state
+     * @param meshId The mesh and childs to hide
      */
     _defineProperty(this, "hideMeshAndSaveState", function (meshId) {
       if (_this.viewer.scene) {
@@ -26013,9 +26039,9 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         }
       }
     });
-    /**
-     * Restore a mesh visibility state from a previous saved one (see hideMeshAndSaveState)
-     * @param meshId The mesh and childs to show
+    /**
+     * Restore a mesh visibility state from a previous saved one (see hideMeshAndSaveState)
+     * @param meshId The mesh and childs to show
      */
     _defineProperty(this, "restoreMeshVisibility", function (meshId) {
       if (_this.viewer.scene) {
@@ -26041,10 +26067,10 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         }
       }
     });
-    /**
-     * Change opacity for a specific mesh
-     * @param meshId The mesh to change the opacity
-     * @param opacity The opacity to set
+    /**
+     * Change opacity for a specific mesh
+     * @param meshId The mesh to change the opacity
+     * @param opacity The opacity to set
      */
     _defineProperty(this, "setMeshDesignVisibility", function (meshId, visible) {
       if (_this.viewer) {
@@ -26652,12 +26678,12 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
         return _ref83.apply(this, arguments);
       };
     }());
-    /**
-     * Ottiene le restrizioni sul printing method (che nel caso di un prodotto configuratore 3D c'è sempre ed è 1 solo).
-     * @remarks
-     * Se non ci sono restrizioni, ritorna quelle di default
-     * @returns
-     * Le restrizioni sul printing method o quelle di default
+    /**
+     * Ottiene le restrizioni sul printing method (che nel caso di un prodotto configuratore 3D c'è sempre ed è 1 solo).
+     * @remarks
+     * Se non ci sono restrizioni, ritorna quelle di default
+     * @returns
+     * Le restrizioni sul printing method o quelle di default
      */
     _defineProperty(this, "getPrintingMethodsRestrictions", function () {
       var defaultColor = {

package/package.json

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