zakeke-configurator-react 0.1.270 → 0.1.271

package/dist/index.js

@@ -21355,8 +21355,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../helpers */ "./src/helpers.tsx");
 /* harmony import */ var _hooks_useZakeke__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks/useZakeke */ "./src/hooks/useZakeke.ts");
-/* harmony import */ var _debugs_debugPanel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./debugs/debugPanel */ "./src/components/debugs/debugPanel.tsx");
-/* harmony import */ var _state_provider__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../state/provider */ "./src/state/provider.tsx");
+/* harmony import */ var _state_provider__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../state/provider */ "./src/state/provider.tsx");
+/* harmony import */ var _debugs_debugPanel__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./debugs/debugPanel */ "./src/components/debugs/debugPanel.tsx");
 var _templateObject;
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -21373,7 +21373,7 @@ function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.fre
 
 
 var ZakekeViewerContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default().div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\twidth: 100%;\n\theight: 100%;\n\tposition: relative;\n\toutline: none !important;\n\n\tcanvas {\n\t\toutline: none !important;\n\t\tbackground-color: ", ";\n\t}\n"])), function (props) {
-  return props.backgroundColor;
+  return props.backgroundColor ? props.backgroundColor : 'transparent';
 });
 
 // Persistent mode will keep the SceneEditor alive after unmount.
@@ -21389,16 +21389,16 @@ var ZakekeViewer = function ZakekeViewer(_ref) {
     internalAppendViewer = _useZakeke.internalAppendViewer,
     backgroundColor = _useZakeke.backgroundColor,
     removeBackground = _useZakeke.removeBackground;
-  var internalState = (0,_state_provider__WEBPACK_IMPORTED_MODULE_5__.useInternalState)();
+  var internalState = (0,_state_provider__WEBPACK_IMPORTED_MODULE_4__.useInternalState)();
   var stateRef = react__WEBPACK_IMPORTED_MODULE_0__.useRef(internalState);
   (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
     if (isViewerReady) internalAppendViewer(document.getElementById('zakeke-viewer-container-' + guid));
   }, [isViewerReady]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(ZakekeViewerContainer, {
-    backgroundColor: bgColor && !removeBackground ? bgColor : backgroundColor && !removeBackground ? backgroundColor : '#f2f2f2',
+    backgroundColor: bgColor && !removeBackground ? bgColor : backgroundColor && !removeBackground ? backgroundColor : backgroundColor ? null : '#f2f2f2',
     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_4__.DebugPanel, null));
+  }, (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,7 +22431,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
     _defineProperty(this, "translations", null);
     _defineProperty(this, "useLegacyScreenshot", false);
     _defineProperty(this, "uiConfig", null);
-    _defineProperty(this, "backgroundColor", '#f2f2f2');
+    _defineProperty(this, "backgroundColor", null);
     _defineProperty(this, "removeBackground", false);
     _defineProperty(this, "parseParameters", function (parameters) {
       console.info('Parameters', parameters);
@@ -23033,7 +23033,7 @@ var ZakekeEnvironment = /*#__PURE__*/function () {
                 urlLoader: (_this$zkScene$get$get = (_this$zkScene$get = _this.zkScene.get('config')) === null || _this$zkScene$get === void 0 ? void 0 : (_this$zkScene$get$get2 = _this$zkScene$get.get('uiConfig')) === null || _this$zkScene$get$get2 === void 0 ? void 0 : _this$zkScene$get$get2.get('urlLoader')) !== null && _this$zkScene$get$get !== void 0 ? _this$zkScene$get$get : '',
                 urlARIcon: (_this$zkScene$get$get3 = (_this$zkScene$get2 = _this.zkScene.get('config')) === null || _this$zkScene$get2 === void 0 ? void 0 : _this$zkScene$get2.get('uiConfig').get('urlARIcon')) !== null && _this$zkScene$get$get3 !== void 0 ? _this$zkScene$get$get3 : ''
               };
-              _this.backgroundColor = (_this$zkScene$get$get4 = (_this$zkScene3 = _this.zkScene) === null || _this$zkScene3 === void 0 ? void 0 : (_this$zkScene3$get = _this$zkScene3.get('config')) === null || _this$zkScene3$get === void 0 ? void 0 : (_this$zkScene3$get$ge = _this$zkScene3$get.get('general')) === null || _this$zkScene3$get$ge === void 0 ? void 0 : _this$zkScene3$get$ge.get('backgroundColor')) !== null && _this$zkScene$get$get4 !== void 0 ? _this$zkScene$get$get4 : '#f2f2f2';
+              _this.backgroundColor = (_this$zkScene$get$get4 = (_this$zkScene3 = _this.zkScene) === null || _this$zkScene3 === void 0 ? void 0 : (_this$zkScene3$get = _this$zkScene3.get('config')) === null || _this$zkScene3$get === void 0 ? void 0 : (_this$zkScene3$get$ge = _this$zkScene3$get.get('general')) === null || _this$zkScene3$get$ge === void 0 ? void 0 : _this$zkScene3$get$ge.get('backgroundColor')) !== null && _this$zkScene$get$get4 !== void 0 ? _this$zkScene$get$get4 : null;
               _this.removeBackground = (_this$zkScene$get$get5 = (_this$zkScene4 = _this.zkScene) === null || _this$zkScene4 === void 0 ? void 0 : (_this$zkScene4$get = _this$zkScene4.get('config')) === null || _this$zkScene4$get === void 0 ? void 0 : (_this$zkScene4$get$ge = _this$zkScene4$get.get('general')) === null || _this$zkScene4$get$ge === void 0 ? void 0 : _this$zkScene4$get$ge.get('removeDefaultBackground')) !== null && _this$zkScene$get$get5 !== void 0 ? _this$zkScene$get$get5 : false;
               if ((_this$zkScene5 = _this.zkScene) !== null && _this$zkScene5 !== void 0 && _this$zkScene5.get('config')) _this.product = _models__WEBPACK_IMPORTED_MODULE_11__.Product.fromProduct(_this.zkProduct);
               _this.quantityRule = _this.zkProduct.get('quantityRule') ? _models__WEBPACK_IMPORTED_MODULE_11__.ProductQuantityRule.fromQuantityRule(_this.zkProduct.get('quantityRule')) : null;

package/package.json

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