zakeke-configurator-react 0.0.174 → 0.0.175

package/dist/index.js

@@ -43928,277 +43928,6 @@ var SceneHelper = /*#__PURE__*/function () {
 
 /***/ }),
 
-/***/ "../../3D/src/Components/ScenePreview/ScenePreview.ts":
-/*!************************************************************!*\
-  !*** ../../3D/src/Components/ScenePreview/ScenePreview.ts ***!
-  \************************************************************/
-/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "ScenePreviewData": () => (/* binding */ ScenePreviewData),
-/* harmony export */   "ScenesPreview": () => (/* binding */ ScenesPreview)
-/* harmony export */ });
-/* harmony import */ var _Components_DesignManagers_MeshDesignManager__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../Components/DesignManagers/MeshDesignManager */ "../../3D/src/Components/DesignManagers/MeshDesignManager.ts");
-/* harmony import */ var _SceneHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../SceneHelper */ "../../3D/src/Components/SceneHelper.ts");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator["return"] && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, "catch": function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-
-var ScenePreviewData = /*#__PURE__*/_createClass(function ScenePreviewData() {
-  _classCallCheck(this, ScenePreviewData);
-});
-var ScenesPreview = /*#__PURE__*/function () {
-  function ScenesPreview() {
-    _classCallCheck(this, ScenesPreview);
-  }
-  _createClass(ScenesPreview, null, [{
-    key: "getPreviewsAsync",
-    value: function () {
-      var _getPreviewsAsync = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(scene, rootUrl, options) {
-        var previewMaker, previews;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              previewMaker = new ScenePreviewMaker(scene, rootUrl, options);
-              _context.next = 3;
-              return previewMaker.getPreviewsAsync();
-            case 3:
-              previews = _context.sent;
-              previewMaker.dispose();
-              return _context.abrupt("return", previews);
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function getPreviewsAsync(_x, _x2, _x3) {
-        return _getPreviewsAsync.apply(this, arguments);
-      }
-      return getPreviewsAsync;
-    }()
-  }]);
-  return ScenesPreview;
-}();
-var ScenePreviewMaker = /*#__PURE__*/function () {
-  function ScenePreviewMaker(scene, rootUrl, options) {
-    _classCallCheck(this, ScenePreviewMaker);
-    _defineProperty(this, "_rootUrl", "");
-    _defineProperty(this, "_localEngine", null);
-    _defineProperty(this, "_hostingScene", null);
-    _defineProperty(this, "_hostingSceneHelper", null);
-    this._scene = scene;
-    this._rootUrl = rootUrl;
-    this._options = options;
-  }
-  _createClass(ScenePreviewMaker, [{
-    key: "dispose",
-    value: function dispose() {
-      this.disposeHostingScene();
-      this.disposeLocalEngine();
-    }
-  }, {
-    key: "createLocalEngine",
-    value: function createLocalEngine() {
-      if (!this._localEngine) {
-        var localCanvas = document.createElement('canvas');
-        localCanvas.id = "ScenePreviewCanvas";
-        localCanvas.width = this._options.width || 1024;
-        localCanvas.height = this._options.height || 1024;
-        this._localEngine = new BABYLON.Engine(localCanvas, true, {
-          premultipliedAlpha: false,
-          preserveDrawingBuffer: true
-        });
-        this._localEngine.setSize(localCanvas.width, localCanvas.height);
-        this._localEngine.displayLoadingUI = function () {
-          return null;
-        };
-        this._localEngine.hideLoadingUI = function () {
-          return null;
-        };
-      }
-      return this._localEngine;
-    }
-  }, {
-    key: "createScenePreviewFileAsync",
-    value: function () {
-      var _createScenePreviewFileAsync = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(rootUrl, sourceScene, container) {
-        var _this = this;
-        var serialized, serializedScene, scene, helper;
-        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              serialized = BABYLON.SceneSerializer.Serialize(sourceScene);
-              serializedScene = JSON.stringify(serialized);
-              if (!serializedScene) {
-                _context3.next = 8;
-                break;
-              }
-              scene = new BABYLON.Scene(this._localEngine);
-              if (!scene) {
-                _context3.next = 8;
-                break;
-              }
-              helper = new _SceneHelper__WEBPACK_IMPORTED_MODULE_1__.SceneHelper(scene);
-              _context3.next = 8;
-              return new Promise(function (resolve) {
-                BABYLON.SceneLoader.Append(rootUrl, "data:" + serializedScene, scene, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-                  var arcCamera, _iterator, _step, meshId, ourMesh;
-                  return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
-                      case 0:
-                        _context2.next = 2;
-                        return scene.whenReadyAsync();
-                      case 2:
-                        helper.setupCamera();
-                        helper.setupLights();
-                        arcCamera = scene.activeCamera;
-                        arcCamera.position = _this._options.camera.position;
-                        arcCamera.target = _this._options.camera.target;
-
-                        // Re render dynamic textures
-                        if (!(_this._options.meshesWithCustomizationIds && _this._options.zkDesign && _this._options.zkModel && _this._options.zkScene)) {
-                          _context2.next = 33;
-                          break;
-                        }
-                        _iterator = _createForOfIteratorHelper(_this._options.meshesWithCustomizationIds);
-                        _context2.prev = 9;
-                        _iterator.s();
-                      case 11:
-                        if ((_step = _iterator.n()).done) {
-                          _context2.next = 20;
-                          break;
-                        }
-                        meshId = _step.value;
-                        ourMesh = scene.getMeshByID(meshId);
-                        if (!ourMesh) {
-                          _context2.next = 18;
-                          break;
-                        }
-                        // Restore the original material id if it was changed from the mesh design manager
-                        if (ourMesh.metadata && ourMesh.metadata.originalNormalmapMaterialID) {
-                          ourMesh.material = scene.materials.find(function (x) {
-                            return x.id === ourMesh.metadata.originalNormalmapMaterialID;
-                          }) || null;
-                        }
-                        _context2.next = 18;
-                        return _Components_DesignManagers_MeshDesignManager__WEBPACK_IMPORTED_MODULE_0__.MeshDesignManager.createMeshDesignManagerAsync(scene, _this._options.zkScene, ourMesh, ourMesh.subMeshes && ourMesh.subMeshes.length > 0 ? ourMesh.subMeshes[0] : null, _this._options.zkModel, _this._options.zkDesign, true);
-                      case 18:
-                        _context2.next = 11;
-                        break;
-                      case 20:
-                        _context2.next = 25;
-                        break;
-                      case 22:
-                        _context2.prev = 22;
-                        _context2.t0 = _context2["catch"](9);
-                        _iterator.e(_context2.t0);
-                      case 25:
-                        _context2.prev = 25;
-                        _iterator.f();
-                        return _context2.finish(25);
-                      case 28:
-                        _context2.next = 30;
-                        return new Promise(function (resolve) {
-                          setTimeout(function () {
-                            resolve();
-                          }, 500);
-                        });
-                      case 30:
-                        scene.render();
-                        _context2.next = 33;
-                        return new Promise(function (resolve) {
-                          setTimeout(function () {
-                            resolve();
-                          }, 500);
-                        });
-                      case 33:
-                        _context2.next = 35;
-                        return helper.takeContentScreenshotAsync(_this._options.width || 1024, _this._options.height || 1024);
-                      case 35:
-                        container.previewFile = _context2.sent;
-                        resolve();
-                      case 37:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }, _callee2, null, [[9, 22, 25, 28]]);
-                })));
-              });
-            case 8:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function createScenePreviewFileAsync(_x4, _x5, _x6) {
-        return _createScenePreviewFileAsync.apply(this, arguments);
-      }
-      return createScenePreviewFileAsync;
-    }()
-  }, {
-    key: "getPreviewsAsync",
-    value: function () {
-      var _getPreviewsAsync2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {
-        var container;
-        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              this.createLocalEngine();
-              container = new ScenePreviewData();
-              _context4.next = 4;
-              return this.createScenePreviewFileAsync(this._rootUrl, this._scene, container);
-            case 4:
-              this.disposeHostingScene();
-              this.disposeLocalEngine();
-              return _context4.abrupt("return", container);
-            case 7:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, this);
-      }));
-      function getPreviewsAsync() {
-        return _getPreviewsAsync2.apply(this, arguments);
-      }
-      return getPreviewsAsync;
-    }()
-  }, {
-    key: "disposeLocalEngine",
-    value: function disposeLocalEngine() {
-      if (this._localEngine) this._localEngine.dispose();
-    }
-  }, {
-    key: "disposeHostingScene",
-    value: function disposeHostingScene() {
-      if (this._hostingSceneHelper) {
-        this._hostingSceneHelper.dispose();
-        this._hostingSceneHelper = null;
-      }
-      if (this._hostingScene) {
-        this._hostingScene.dispose();
-        this._hostingScene = null;
-      }
-    }
-  }]);
-  return ScenePreviewMaker;
-}();
-
-/***/ }),
-
 /***/ "../../3D/src/Components/SceneToBlobs/SceneToBlobs.ts":
 /*!************************************************************!*\
   !*** ../../3D/src/Components/SceneToBlobs/SceneToBlobs.ts ***!
@@ -55961,11 +55690,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Components_InfoPointsManager_InfoPointsManager__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../Components/InfoPointsManager/InfoPointsManager */ "../../3D/src/Components/InfoPointsManager/InfoPointsManager.ts");
 /* harmony import */ var _Components_MaterialsPreview_MaterialsPreview__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../Components/MaterialsPreview/MaterialsPreview */ "../../3D/src/Components/MaterialsPreview/MaterialsPreview.ts");
 /* harmony import */ var _Components_SceneHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../Components/SceneHelper */ "../../3D/src/Components/SceneHelper.ts");
-/* harmony import */ var _Components_ScenePreview_ScenePreview__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Components/ScenePreview/ScenePreview */ "../../3D/src/Components/ScenePreview/ScenePreview.ts");
-/* harmony import */ var _Components_Selector_ElementSelector__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../Components/Selector/ElementSelector */ "../../3D/src/Components/Selector/ElementSelector.ts");
-/* harmony import */ var _Helpers_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../Helpers/utils */ "../../3D/src/Helpers/utils.ts");
-/* harmony import */ var _Misc_Database__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../Misc/Database */ "../../3D/src/Misc/Database.ts");
-/* harmony import */ var _Misc_DefaultAssetUrls__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../Misc/DefaultAssetUrls */ "../../3D/src/Misc/DefaultAssetUrls.ts");
+/* harmony import */ var _Components_Selector_ElementSelector__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../Components/Selector/ElementSelector */ "../../3D/src/Components/Selector/ElementSelector.ts");
+/* harmony import */ var _Helpers_utils__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../Helpers/utils */ "../../3D/src/Helpers/utils.ts");
+/* harmony import */ var _Misc_Database__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../Misc/Database */ "../../3D/src/Misc/Database.ts");
+/* harmony import */ var _Misc_DefaultAssetUrls__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../Misc/DefaultAssetUrls */ "../../3D/src/Misc/DefaultAssetUrls.ts");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -55994,7 +55722,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 
 
 
-
 var BroadcastChannelEventType = /*#__PURE__*/function (BroadcastChannelEventType) {
   BroadcastChannelEventType["CameraMovement"] = "camera-movement";
   BroadcastChannelEventType["ScriptExecution"] = "script-execution";
@@ -56100,7 +55827,7 @@ var SceneViewer = /*#__PURE__*/function () {
         if (options.defaultBackgroundColor) this._defaultBackgroundColor = BABYLON.Color4.FromHexString(options.defaultBackgroundColor);
       }
     }
-    this._elementSelector = new _Components_Selector_ElementSelector__WEBPACK_IMPORTED_MODULE_12__.ElementSelector();
+    this._elementSelector = new _Components_Selector_ElementSelector__WEBPACK_IMPORTED_MODULE_11__.ElementSelector();
 
     // metodo init reso asincrono, necessita factory method
     //this.init();
@@ -57098,7 +56825,7 @@ var SceneViewer = /*#__PURE__*/function () {
   }, {
     key: "setDefaultSceneEnvironmentTexture",
     value: function setDefaultSceneEnvironmentTexture() {
-      var url = _Misc_DefaultAssetUrls__WEBPACK_IMPORTED_MODULE_15__.DefaultAssetUrls.Environment.EnvironmentTextureCDNUrl;
+      var url = _Misc_DefaultAssetUrls__WEBPACK_IMPORTED_MODULE_14__.DefaultAssetUrls.Environment.EnvironmentTextureCDNUrl;
       this.setSceneEnvironmentTexture(url);
     }
   }, {
@@ -58253,9 +57980,13 @@ var SceneViewer = /*#__PURE__*/function () {
           zkDesign,
           legacyScreenshot,
           camera,
-          canvasMeshesOriginalMeshesIds,
           dataUrl,
-          _result,
+          canvas,
+          originalWidth,
+          originalHeight,
+          originalCameraPosition,
+          originalCameraTarget,
+          cameraTransform,
           image,
           _args19 = arguments;
         return _regeneratorRuntime().wrap(function _callee19$(_context19) {
@@ -58277,47 +58008,61 @@ var SceneViewer = /*#__PURE__*/function () {
                 this._environmentManager = null;
               }
               this.setRenderingNeeded();
-              canvasMeshesOriginalMeshesIds = this.scene.meshes.filter(function (x) {
-                var _x$metadata;
-                return (_x$metadata = x.metadata) === null || _x$metadata === void 0 ? void 0 : _x$metadata.iscanvasMesh;
-              }).map(function (x) {
-                return x.metadata.originalMeshID;
-              });
+
+              //const canvasMeshesOriginalMeshesIds: string[] = this.scene.meshes.filter(x => x.metadata?.iscanvasMesh).map(x => x.metadata.originalMeshID);
               dataUrl = '';
               if (!legacyScreenshot) {
-                _context19.next = 17;
+                _context19.next = 16;
                 break;
               }
-              _context19.next = 14;
+              _context19.next = 13;
               return this._sceneHelper.takeContentScreenshotAsync(width, height);
-            case 14:
+            case 13:
               dataUrl = _context19.sent;
-              _context19.next = 21;
+              _context19.next = 35;
               break;
-            case 17:
-              _context19.next = 19;
-              return _Components_ScenePreview_ScenePreview__WEBPACK_IMPORTED_MODULE_11__.ScenesPreview.getPreviewsAsync(this.scene, this._zkScene.get("rootUrl"), {
-                width: 1024,
-                height: 1024,
-                camera: camera ? {
-                  position: new BABYLON.Vector3(camera.get("px"), camera.get("py"), camera.get("pz")),
-                  target: new BABYLON.Vector3(camera.get("tx"), camera.get("ty"), camera.get("tz"))
-                } : {
-                  position: this._scene.activeCamera.position,
-                  target: this._scene.activeCamera.target
-                },
-                zkScene: this._zkScene,
-                zkModel: this._zkModel,
-                zkDesign: zkDesign,
-                meshesWithCustomizationIds: canvasMeshesOriginalMeshesIds
-              });
-            case 19:
-              _result = _context19.sent;
-              dataUrl = _result.previewFile;
-            case 21:
-              _context19.next = 23;
-              return _Helpers_utils__WEBPACK_IMPORTED_MODULE_13__.Utils.trimImageAsync(dataUrl);
-            case 23:
+            case 16:
+              canvas = this._canvas;
+              if (!canvas) {
+                _context19.next = 35;
+                break;
+              }
+              // Resize this canvas to 1024x1024
+              originalWidth = canvas.width;
+              originalHeight = canvas.height;
+              canvas.width = 1024;
+              canvas.height = 1024;
+
+              // Get current camera position and target
+              originalCameraPosition = this.scene.activeCamera.position.clone();
+              originalCameraTarget = this.scene.activeCamera.target.clone();
+              cameraTransform = camera ? {
+                position: new BABYLON.Vector3(camera.get("px"), camera.get("py"), camera.get("pz")),
+                target: new BABYLON.Vector3(camera.get("tx"), camera.get("ty"), camera.get("tz"))
+              } : {
+                position: this._scene.activeCamera.position,
+                target: this._scene.activeCamera.target
+              }; // Set current camera transform
+              this._scene.activeCamera.position = cameraTransform.position;
+              this._scene.activeCamera.target = cameraTransform.target;
+
+              // Render the scene
+              this._scene.render();
+              _context19.next = 30;
+              return this._sceneHelper.takeContentScreenshotAsync(width, height);
+            case 30:
+              dataUrl = _context19.sent;
+              // Reset camera transform
+              this._scene.activeCamera.position = originalCameraPosition;
+              this._scene.activeCamera.target = originalCameraTarget;
+
+              // Reset canvas size
+              canvas.width = originalWidth;
+              canvas.height = originalHeight;
+            case 35:
+              _context19.next = 37;
+              return _Helpers_utils__WEBPACK_IMPORTED_MODULE_12__.Utils.trimImageAsync(dataUrl);
+            case 37:
               image = _context19.sent;
               if (!image) {
                 console.error('Failed trimming image.', dataUrl);
@@ -58325,20 +58070,20 @@ var SceneViewer = /*#__PURE__*/function () {
               }
 
               // Place on a fixed size canvas
-              _context19.next = 27;
-              return _Helpers_utils__WEBPACK_IMPORTED_MODULE_13__.Utils.resizeImageFromDataUri(image, width, height, padding);
-            case 27:
+              _context19.next = 41;
+              return _Helpers_utils__WEBPACK_IMPORTED_MODULE_12__.Utils.resizeImageFromDataUri(image, width, height, padding);
+            case 41:
               image = _context19.sent;
               if (image) {
-                _context19.next = 30;
+                _context19.next = 44;
                 break;
               }
               throw new Error('Failed resizing image.');
-            case 30:
+            case 44:
               this.refreshEnvironment();
               this.postSceneContentScreenshot();
               return _context19.abrupt("return", image);
-            case 33:
+            case 47:
             case "end":
               return _context19.stop();
           }
@@ -58410,7 +58155,7 @@ var SceneViewer = /*#__PURE__*/function () {
             case 17:
               data = _context20.sent;
               _context20.next = 20;
-              return _Helpers_utils__WEBPACK_IMPORTED_MODULE_13__.Utils.trimImageAsync(data);
+              return _Helpers_utils__WEBPACK_IMPORTED_MODULE_12__.Utils.trimImageAsync(data);
             case 20:
               cropped = _context20.sent;
               if (cropped) dataUri = cropped;
@@ -58942,7 +58687,7 @@ var SceneViewer = /*#__PURE__*/function () {
                 _context32.next = 7;
                 break;
               }
-              db = new _Misc_Database__WEBPACK_IMPORTED_MODULE_14__.Database(); // carico il file json da IndexedDB
+              db = new _Misc_Database__WEBPACK_IMPORTED_MODULE_13__.Database(); // carico il file json da IndexedDB
               _context32.next = 5;
               return db.openAsync();
             case 5:
@@ -58975,7 +58720,7 @@ var SceneViewer = /*#__PURE__*/function () {
                 _context33.next = 9;
                 break;
               }
-              db = new _Misc_Database__WEBPACK_IMPORTED_MODULE_14__.Database(); // carico il file json da IndexedDB
+              db = new _Misc_Database__WEBPACK_IMPORTED_MODULE_13__.Database(); // carico il file json da IndexedDB
               _context33.next = 7;
               return db.openAsync();
             case 7:
@@ -59009,7 +58754,7 @@ var SceneViewer = /*#__PURE__*/function () {
                 _context34.next = 10;
                 break;
               }
-              db = new _Misc_Database__WEBPACK_IMPORTED_MODULE_14__.Database();
+              db = new _Misc_Database__WEBPACK_IMPORTED_MODULE_13__.Database();
               _context34.next = 8;
               return db.openAsync();
             case 8:

package/package.json

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