zakeke-configurator-react 0.1.277-prod → 0.1.279-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 (!ignoreRemove && 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));
@@ -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;

package/package.json

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