zakeke-configurator-react 0.0.60 → 0.0.64

package/dist/declarations/3D/src/Components/DesignManagers/MeshDesignManager.d.ts

@@ -129,6 +129,7 @@ export declare class MeshDesignManager implements IDisposable {
     private compareTextures;
     private dataURItoBlob;
     private downloadImage;
+    setDesignMeshVisibility(visibile: boolean): void;
     getItemsInfo(): MPlaza.ItemInfo[];
     removeItem(itemGuid: string): void;
     addItemText(settings: any): void;

package/dist/declarations/3D/src/Components/DesignManagers/SceneDesignManager.d.ts

@@ -40,6 +40,7 @@ export declare class SceneDesignManager implements IDisposable {
     setItemImage(guid: string, image: any): Promise<void>;
     setItemTextOnPath(guid: string, areaId: number, value: boolean): void;
     removeItemImage(guid: string): void;
+    setDesignVisibility(meshId: string, visibile: boolean): void;
     getDesignItemsJson(): string;
     getDesignID(): number;
     private fireRenderingNeededEvent;

package/dist/declarations/3D/src/Viewers/SceneViewer.d.ts

@@ -277,6 +277,7 @@ export declare class SceneViewer implements IDisposable {
     setDesignItemImage(guid: string, image: MPlaza.Image): Promise<void>;
     setItemTextOnPath(guid: string, areaId: number, value: boolean): void;
     removeDesignItemImage(guid: string): void;
+    setDesignVisibility(meshId: string, opacity: boolean): void;
     setupShaderMaterialsCameraPosition(): void;
     setupShaderMaterialCameraPosition(material: BABYLON.Material): void;
     setMeshLocation(locationID: string): void;

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

@@ -1,7 +1,7 @@
-import { PlatformAttributeSelection } from "./integrations/Integration";
-import { Group, Product, Camera, FontFamily, ImageMacroCategory, Image, Template, Item } from "./models";
-import _ from "lodash";
-import { FocusAttributesEventListener } from "../../../3D/src";
+import _ from 'lodash';
+import { PlatformAttributeSelection } from './integrations/Integration';
+import { Camera, FontFamily, Group, Image, ImageMacroCategory, Item, Product, Template } from './models';
+import { FocusAttributesEventListener } from '../../../3D/src';
 export declare class ZakekeEnvironment {
     private token;
     private platformAttributesSelection;
@@ -21,6 +21,7 @@ export declare class ZakekeEnvironment {
     private internalIsFullscreen;
     private highlightSettings;
     private previousMeshesVisibleStates;
+    private lastCameraLocation;
     get internalProduct(): MPlaza.Model | null;
     get internalScene(): Zakeke.Scene | null;
     get internalCurrentTemplate(): MPlaza.Design | null | undefined;
@@ -56,6 +57,7 @@ export declare class ZakekeEnvironment {
         size: number;
     }) => void;
     renderDesign: _.DebouncedFunc<() => Promise<void>>;
+    resize: () => void;
     private handleSceneLoaded;
     private getComposition;
     private getDesign;
@@ -160,6 +162,12 @@ export declare class ZakekeEnvironment {
      * @param meshId The mesh and childs to show
      */
     restoreMeshVisibility: (meshId: string) => void;
+    /**
+     * Change opacity for a specific mesh
+     * @param meshId The mesh to change the opacity
+     * @param opacity The opacity to set
+     */
+    setMeshDesignVisibility: (meshId: string, visible: boolean) => void;
     addFocusAttributesListener: (listenerFunction: FocusAttributesEventListener) => void;
     clearListeners: () => void;
 }

package/dist/declarations/composer/Module/src/state/providerValue.d.ts

@@ -68,8 +68,10 @@ export interface ProviderValue {
     getMeshIDbyName: (name: string) => string | undefined | null;
     hideMeshAndSaveState: (meshId: string) => void;
     restoreMeshVisibility: (meshId: string) => void;
+    setMeshDesignVisibility: (meshId: string, visible: boolean) => void;
     clearListeners: () => void;
     addFocusAttributesListener: (listenerFunction: FocusAttributesEventListener) => void;
+    focusAttribute: (attributeId: number) => void;
     getQrCodeArUrl: (device: 'iOS' | 'Android') => Promise<string>;
     getMobileArUrl: (useCacheWithDesign?: boolean) => Promise<string | null>;
     openArMobile: (url: string) => void;

package/dist/index.js

@@ -5206,6 +5206,11 @@ var MeshDesignManager = /** @class */ (function () {
         document.body.appendChild(downloadLink);
         downloadLink.click();
     };
+    MeshDesignManager.prototype.setDesignMeshVisibility = function (visibile) {
+        if (this._canvasMesh) {
+            this._canvasMesh.isVisible = visibile;
+        }
+    };
     MeshDesignManager.prototype.getItemsInfo = function () {
         if (this._customizer) {
             return this._customizer.getItemsInfo();
@@ -5791,6 +5796,14 @@ var SceneDesignManager = /** @class */ (function () {
             return [2 /*return*/, manager.removeItemImage(guid)];
         }); }); });
     };
+    SceneDesignManager.prototype.setDesignVisibility = function (meshId, visibile) {
+        var mesh = this._scene.getMeshByID(meshId);
+        if (mesh) {
+            var manager = this.getMeshDesignMananger(mesh, mesh.subMeshes[0]);
+            if (manager)
+                manager.setDesignMeshVisibility(visibile);
+        }
+    };
     SceneDesignManager.prototype.getDesignItemsJson = function () {
         var json = "";
         for (var i = 0; i < this._zkDesign.get("designItems").length; i++) {
@@ -26095,6 +26108,9 @@ var SceneViewer = /** @class */ (function () {
             this._sceneDesignManager.removeItemImage(guid);
         }
     };
+    SceneViewer.prototype.setDesignVisibility = function (meshId, opacity) {
+        this._sceneDesignManager.setDesignVisibility(meshId, opacity);
+    };
     SceneViewer.prototype.setupShaderMaterialsCameraPosition = function () {
         if (this._scene) {
             for (var i = 0; i < this._scene.materials.length; i++) {
@@ -40871,7 +40887,7 @@ var axiosApi;
 function setupApi(culture, token) {
     axiosApi = axios__WEBPACK_IMPORTED_MODULE_0___default.a.create({
         baseURL: Zakeke.config.baseApiUrl,
-        timeout: 30000,
+        timeout: 120000,
         headers: {
             "Authorization": "Bearer " + token,
             "Accept-Language": culture
@@ -41039,15 +41055,15 @@ var templateObject_1;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ZakekeEnvironment", function() { return ZakekeEnvironment; });
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./helpers */ "./src/helpers.tsx");
-/* harmony import */ var _exceptions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./exceptions */ "./src/exceptions.tsx");
-/* harmony import */ var _integrations_Integration__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./integrations/Integration */ "./src/integrations/Integration.ts");
-/* harmony import */ var _integrations_Helpers__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./integrations/Helpers */ "./src/integrations/Helpers.ts");
-/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./models */ "./src/models.ts");
-/* harmony import */ var _imageUploadTask__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./imageUploadTask */ "./src/imageUploadTask.ts");
-/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./api */ "./src/api.ts");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_7__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "./node_modules/lodash/lodash.js");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _imageUploadTask__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./imageUploadTask */ "./src/imageUploadTask.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./helpers */ "./src/helpers.tsx");
+/* harmony import */ var _exceptions__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./exceptions */ "./src/exceptions.tsx");
+/* harmony import */ var _integrations_Integration__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./integrations/Integration */ "./src/integrations/Integration.ts");
+/* harmony import */ var _integrations_Helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./integrations/Helpers */ "./src/integrations/Helpers.ts");
+/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./models */ "./src/models.ts");
+/* harmony import */ var _api__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./api */ "./src/api.ts");
 /* harmony import */ var _3D_src__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../3D/src */ "../../3D/src/index.ts");
 /* harmony import */ var _fontsManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./fontsManager */ "./src/fontsManager.ts");
 var __assign = (undefined && undefined.__assign) || function () {
@@ -41129,6 +41145,7 @@ var ZakekeEnvironment = /** @class */ (function () {
         this.internalIsFullscreen = false;
         this.highlightSettings = null;
         this.previousMeshesVisibleStates = {};
+        this.lastCameraLocation = null;
         this.currency = 'EUR';
         this.groups = [];
         this.fonts = [];
@@ -41186,7 +41203,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                     if (key.indexOf("attributes") == 0) {
                         for (var _i = 0, value_1 = value; _i < value_1.length; _i++) { // For each attribute/option
                             var attr = value_1[_i];
-                            _this.platformAttributesSelection.push(new _integrations_Integration__WEBPACK_IMPORTED_MODULE_2__["PlatformAttributeSelection"](JSON.stringify(attr[0]), JSON.stringify(attr[1]), "", "", true, true));
+                            _this.platformAttributesSelection.push(new _integrations_Integration__WEBPACK_IMPORTED_MODULE_4__["PlatformAttributeSelection"](JSON.stringify(attr[0]), JSON.stringify(attr[1]), "", "", true, true));
                         }
                     }
                 }
@@ -41197,7 +41214,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 for (var i = 0; i < pieces.length; i++) {
                     var index = pieces[i].indexOf("=");
                     if (index == -1) {
-                        throw new _exceptions__WEBPACK_IMPORTED_MODULE_1__["ParametersParseFailException"](pieces[i]);
+                        throw new _exceptions__WEBPACK_IMPORTED_MODULE_3__["ParametersParseFailException"](pieces[i]);
                     }
                     var key = decodeURIComponent(pieces[i].substring(0, index));
                     var value = pieces[i].substring(index + 1);
@@ -41243,7 +41260,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                             var json = JSON.parse(data);
                             for (var _a = 0, json_1 = json; _a < json_1.length; _a++) {
                                 var attr = json_1[_a];
-                                _this.platformAttributesSelection.push(new _integrations_Integration__WEBPACK_IMPORTED_MODULE_2__["PlatformAttributeSelection"](JSON.stringify(attr[0]), JSON.stringify(attr[1]), "", "", true, true));
+                                _this.platformAttributesSelection.push(new _integrations_Integration__WEBPACK_IMPORTED_MODULE_4__["PlatformAttributeSelection"](JSON.stringify(attr[0]), JSON.stringify(attr[1]), "", "", true, true));
                             }
                         }
                     }
@@ -41261,7 +41278,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             };
             for (var key in requiredParams) {
                 if (!requiredParams[key])
-                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Missing parameter: " + key);
+                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Missing parameter: " + key);
             }
             window["token"] = _this.token;
             window["isOwin"] = true;
@@ -41272,7 +41289,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             var _this = this;
             return __generator(this, function (_a) {
                 if (!this.productCode || this.productCode == "")
-                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Loading product but no SKU found");
+                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Loading product but no SKU found");
                 return [2 /*return*/, new Promise(function (resolve, reject) {
                         var zkModel = new MPlaza.Model();
                         zkModel.set("modelID", 1);
@@ -41281,7 +41298,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                                 resolve(zkModel);
                             },
                             error: function () {
-                                reject(new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Failed loading product"));
+                                reject(new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Failed loading product"));
                             },
                             data: {
                                 c: _this.productCode
@@ -41295,9 +41312,9 @@ var ZakekeEnvironment = /** @class */ (function () {
             var zkScene;
             return __generator(this, function (_a) {
                 if (!product)
-                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Loading scene but no product found");
+                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Loading scene but no product found");
                 if (product.get("scenes").length == 0)
-                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("The product don't have any scene configured");
+                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("The product don't have any scene configured");
                 zkScene = new Zakeke.Scene();
                 zkScene.set("sceneID", product.get("scenes").at(0).get("sceneID"));
                 return [2 /*return*/, new Promise(function (resolve, reject) {
@@ -41306,7 +41323,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                                 resolve(zkScene);
                             },
                             error: function () {
-                                reject(new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Failed loading scene"));
+                                reject(new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Failed loading scene"));
                             }
                         });
                     })];
@@ -41317,7 +41334,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             var _this = this;
             return __generator(this, function (_a) {
                 if (!this.productCode || this.productCode == "")
-                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Loading product but no SKU found");
+                    throw new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Loading product but no SKU found");
                 return [2 /*return*/, new Promise(function (resolve, reject) {
                         var models = new Zakeke.ComposerModels();
                         models.set("modelID", 1);
@@ -41326,7 +41343,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                                 resolve(models);
                             },
                             error: function () {
-                                reject(new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Failed loading product"));
+                                reject(new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Failed loading product"));
                             },
                             data: {
                                 c: _this.productCode
@@ -41343,7 +41360,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 switch (_c.label) {
                     case 0:
                         _c.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].get(Zakeke.config.baseApiUrl + "fontfamilies/")];
+                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].get(Zakeke.config.baseApiUrl + "fontfamilies/")];
                     case 1:
                         fonts = (_c.sent()).data;
                         productFonts_1 = (_b = (_a = this.zkProduct) === null || _a === void 0 ? void 0 : _a.get("printTypes").at(0).get("fonts").map(function (x) { return x.get("fontFamilyID"); })) !== null && _b !== void 0 ? _b : [];
@@ -41365,7 +41382,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         _a.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].get(Zakeke.config.baseApiUrl + "customizerinfo/")];
+                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].get(Zakeke.config.baseApiUrl + "customizerinfo/")];
                     case 1:
                         settings = (_a.sent()).data;
                         return [2 /*return*/, settings];
@@ -41394,7 +41411,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 switch (_h.label) {
                     case 0:
                         this.parseParameters(parameters);
-                        Object(_api__WEBPACK_IMPORTED_MODULE_6__["setupApi"])(this.culture, this.token);
+                        Object(_api__WEBPACK_IMPORTED_MODULE_7__["setupApi"])(this.culture, this.token);
                         _a = this;
                         return [4 /*yield*/, this.getSettings()];
                     case 1:
@@ -41405,9 +41422,9 @@ var ZakekeEnvironment = /** @class */ (function () {
                         composerModels = _h.sent();
                         this.zkScene = composerModels.get('scene');
                         this.zkProduct = composerModels.get('model');
-                        this.product = _models__WEBPACK_IMPORTED_MODULE_4__["Product"].fromProduct(this.zkProduct);
+                        this.product = _models__WEBPACK_IMPORTED_MODULE_6__["Product"].fromProduct(this.zkProduct);
                         _b = this;
-                        return [4 /*yield*/, Object(_integrations_Helpers__WEBPACK_IMPORTED_MODULE_3__["integrationFor"])(this.platform)];
+                        return [4 /*yield*/, Object(_integrations_Helpers__WEBPACK_IMPORTED_MODULE_5__["integrationFor"])(this.platform)];
                     case 3:
                         _b.integration = _h.sent();
                         if (!this.zkScene)
@@ -41422,8 +41439,8 @@ var ZakekeEnvironment = /** @class */ (function () {
                         return [4 /*yield*/, this.getTemplates()];
                     case 5:
                         _d.zkTemplates = _h.sent();
-                        this.templates = this.zkTemplates.map(function (zkTemplate) { return _models__WEBPACK_IMPORTED_MODULE_4__["Template"].fromTemplate(zkTemplate); });
-                        this.cameras = (_g = (_f = this.zkScene) === null || _f === void 0 ? void 0 : _f.get('cameraLocations').map(function (x) { return _models__WEBPACK_IMPORTED_MODULE_4__["Camera"].fromZkCamera(x); })) !== null && _g !== void 0 ? _g : [];
+                        this.templates = this.zkTemplates.map(function (zkTemplate) { return _models__WEBPACK_IMPORTED_MODULE_6__["Template"].fromTemplate(zkTemplate); });
+                        this.cameras = (_g = (_f = this.zkScene) === null || _f === void 0 ? void 0 : _f.get('cameraLocations').map(function (x) { return _models__WEBPACK_IMPORTED_MODULE_6__["Camera"].fromZkCamera(x); })) !== null && _g !== void 0 ? _g : [];
                         this.trigger("change");
                         _e = this;
                         return [4 /*yield*/, _3D_src__WEBPACK_IMPORTED_MODULE_8__["SceneViewer"].createSceneViewerAsync()];
@@ -41476,7 +41493,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 _this.viewer.highlightSize = settings.size;
             }
         };
-        this.renderDesign = lodash__WEBPACK_IMPORTED_MODULE_7___default.a.throttle(function () { return __awaiter(_this, void 0, void 0, function () {
+        this.renderDesign = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.throttle(function () { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
@@ -41490,11 +41507,25 @@ var ZakekeEnvironment = /** @class */ (function () {
                 }
             });
         }); }, 300);
+        this.resize = function () {
+            if (!_this.viewer)
+                return;
+            _this.viewer.updateView(false);
+            // Restore last camera locazione
+            if (_this.lastCameraLocation) {
+                console.log("Restoring last camera location " + _this.lastCameraLocation + " ...");
+                _this.setCamera(_this.lastCameraLocation, false);
+            }
+            else {
+                _this.viewer.adjustCamera(false);
+            }
+        };
         this.handleSceneLoaded = function () { return __awaiter(_this, void 0, void 0, function () {
             var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
+                        window.addEventListener("resize", this.resize);
                         console.log("Scene loaded");
                         this.selection = Zakeke.ComposerSelection.CreateComposerSelection(this.zkProduct);
                         return [4 /*yield*/, this.internalLoadComposition(this.compositionId)];
@@ -41596,10 +41627,10 @@ var ZakekeEnvironment = /** @class */ (function () {
                         _loop_1 = function (platformSelection) {
                             // Search the attribute
                             this_1.zkProduct.get("attributes").each(function (attribute) {
-                                if (Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["isPlatformCode"])(attribute.get("attributeCode"))) {
-                                    if (Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["compare"])(JSON.parse(attribute.get("attributeCode")), JSON.parse(platformSelection.attributeCode))) {
+                                if (Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["isPlatformCode"])(attribute.get("attributeCode"))) {
+                                    if (Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["compare"])(JSON.parse(attribute.get("attributeCode")), JSON.parse(platformSelection.attributeCode))) {
                                         var option = attribute.get("options").find(function (option) {
-                                            return Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["compare"])(JSON.parse(option.get("optionCode")), JSON.parse(platformSelection.optionCode));
+                                            return Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["compare"])(JSON.parse(option.get("optionCode")), JSON.parse(platformSelection.optionCode));
                                         });
                                         if (option) {
                                             _this.selection.selectAttributeValue(attribute.get('attributeID'), option.get('optionID'));
@@ -41624,12 +41655,12 @@ var ZakekeEnvironment = /** @class */ (function () {
                                 // If yes, we ignore it because the correct value was already selected in the previous rows.
                                 // else we add it to the list of attributes selections
                                 var oldAttribute = _this.platformAttributesSelection.find(function (x) {
-                                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["matchCodes"])(x.attributeCode, attribute.get("attributeCode"));
+                                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["matchCodes"])(x.attributeCode, attribute.get("attributeCode"));
                                 });
                                 if ((!oldAttribute)) {
                                     var selectedOption = attribute.get("options").findWhere({ selected: true });
                                     if (selectedOption)
-                                        _this.platformAttributesSelection.push(new _integrations_Integration__WEBPACK_IMPORTED_MODULE_2__["PlatformAttributeSelection"](attribute.get("attributeCode"), selectedOption.get("optionCode"), attribute.get("name"), selectedOption.get("name"), attribute.get("enabled"), selectedOption.get("enabled")));
+                                        _this.platformAttributesSelection.push(new _integrations_Integration__WEBPACK_IMPORTED_MODULE_4__["PlatformAttributeSelection"](attribute.get("attributeCode"), selectedOption.get("optionCode"), attribute.get("name"), selectedOption.get("name"), attribute.get("enabled"), selectedOption.get("enabled")));
                                 }
                             });
                         });
@@ -41671,7 +41702,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                             option = attribute.get("options").find(function (option) { return option.get('optionID') == e.selectedValue; });
                             if (option) {
                                 platformSelection = this.platformAttributesSelection.find(function (x) {
-                                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["matchCodes"])(x.attributeCode, attribute.get("attributeCode"));
+                                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["matchCodes"])(x.attributeCode, attribute.get("attributeCode"));
                                 });
                                 if (platformSelection) {
                                     platformSelection.optionCode = option.get("optionCode");
@@ -41715,7 +41746,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             var attribute = _this.zkProduct.get("attributes").find(function (attribute) { return attribute.get('attributeID') == attributeId; });
             if (attribute) {
                 var attributePlatformSelection = _this.platformAttributesSelection.find(function (selection) {
-                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["matchCodes"])(selection.attributeCode, attribute.get("attributeCode"));
+                    return Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["matchCodes"])(selection.attributeCode, attribute.get("attributeCode"));
                 });
                 if (attributePlatformSelection) {
                     attributePlatformSelection.attributeIsEnabled = isEnabled;
@@ -41733,9 +41764,9 @@ var ZakekeEnvironment = /** @class */ (function () {
                 var option = attribute.get("options").find(function (option) { return option.get('optionID') == optionId; });
                 if (option) {
                     var attributePlatformSelection = _this.platformAttributesSelection.find(function (selection) {
-                        return Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["matchCodes"])(selection.attributeCode, attribute.get("attributeCode"));
+                        return Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["matchCodes"])(selection.attributeCode, attribute.get("attributeCode"));
                     });
-                    if (attributePlatformSelection && Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["matchCodes"])(attributePlatformSelection.optionCode, option.get("optionCode"))) {
+                    if (attributePlatformSelection && Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["matchCodes"])(attributePlatformSelection.optionCode, option.get("optionCode"))) {
                         attributePlatformSelection.optionIsEnabled = isEnabled;
                     }
                 }
@@ -41775,7 +41806,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 }
             });
         }); };
-        this.updatePrice = lodash__WEBPACK_IMPORTED_MODULE_7___default.a.debounce(this._updatePrice, 300);
+        this.updatePrice = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.debounce(this._updatePrice, 300);
         this.buildStructure = function () {
             var data = [];
             if (_this.selection) {
@@ -41792,7 +41823,7 @@ var ZakekeEnvironment = /** @class */ (function () {
         this.createGroupFromSelection = function (groupSelection) {
             var zakekeGroup = _this.zkProduct.get("attributeGroups").get(groupSelection.get("groupID"));
             var imageUrl = zakekeGroup ? zakekeGroup.get("imageUrl") : null;
-            var group = new _models__WEBPACK_IMPORTED_MODULE_4__["Group"]();
+            var group = new _models__WEBPACK_IMPORTED_MODULE_6__["Group"]();
             group.id = zakekeGroup ? zakekeGroup.get('groupID') : -1;
             group.guid = zakekeGroup ? zakekeGroup.get("groupGuid") : '-1';
             group.name = zakekeGroup ? zakekeGroup.get("name") : "Other";
@@ -41823,13 +41854,13 @@ var ZakekeEnvironment = /** @class */ (function () {
         };
         this.createAttributeFromSelection = function (attributeSelection) {
             var zakekeAttribute = _this.zkProduct.get("attributes").get(attributeSelection.get("attributeID"));
-            var attribute = new _models__WEBPACK_IMPORTED_MODULE_4__["Attribute"]();
+            var attribute = new _models__WEBPACK_IMPORTED_MODULE_6__["Attribute"]();
             attribute.id = zakekeAttribute.get('attributeID');
             attribute.guid = zakekeAttribute.get("attributeGuid");
             attribute.code = zakekeAttribute.get("attributeCode");
             attribute.name = zakekeAttribute.get("name") || '';
             attribute.description = zakekeAttribute.get("description") || '';
-            attribute.optionShapeType = zakekeAttribute.get("optionPreviewShapeID") == 1 ? _models__WEBPACK_IMPORTED_MODULE_4__["AttributeOptionShapeType"].Round : _models__WEBPACK_IMPORTED_MODULE_4__["AttributeOptionShapeType"].Square;
+            attribute.optionShapeType = zakekeAttribute.get("optionPreviewShapeID") == 1 ? _models__WEBPACK_IMPORTED_MODULE_6__["AttributeOptionShapeType"].Round : _models__WEBPACK_IMPORTED_MODULE_6__["AttributeOptionShapeType"].Square;
             attribute.displayOrder = zakekeAttribute.get("displayOrder");
             attribute.enabled = attributeSelection.get("enabled");
             attribute.groupId = zakekeAttribute.get("groupID");
@@ -41844,19 +41875,19 @@ var ZakekeEnvironment = /** @class */ (function () {
                 attribute.options.push(option);
             }
             if (attributeSelection.get("attributeTypeID") == MPlaza.AttributeType.Options) {
-                attribute.type = _models__WEBPACK_IMPORTED_MODULE_4__["AttributeType"].Select;
+                attribute.type = _models__WEBPACK_IMPORTED_MODULE_6__["AttributeType"].Select;
             }
             else if (attributeSelection.get("attributeTypeID") == MPlaza.AttributeType.Color) {
-                attribute.type = _models__WEBPACK_IMPORTED_MODULE_4__["AttributeType"].Colorpicker;
+                attribute.type = _models__WEBPACK_IMPORTED_MODULE_6__["AttributeType"].Colorpicker;
                 attribute.value = attributeSelection.get("selectedValue");
             }
             else if (attributeSelection.get("attributeTypeID") == MPlaza.AttributeType.Number) {
-                attribute.type = _models__WEBPACK_IMPORTED_MODULE_4__["AttributeType"].Colorpicker;
+                attribute.type = _models__WEBPACK_IMPORTED_MODULE_6__["AttributeType"].Colorpicker;
                 attribute.value = attributeSelection.get("selectedValue");
                 attribute.numberFormat = "";
             }
             else if (attributeSelection.get("attributeTypeID") == MPlaza.AttributeType.String) {
-                attribute.type = _models__WEBPACK_IMPORTED_MODULE_4__["AttributeType"].Colorpicker;
+                attribute.type = _models__WEBPACK_IMPORTED_MODULE_6__["AttributeType"].Colorpicker;
                 attribute.value = attributeSelection.get("selectedValue");
                 attribute.numberFormat = "";
             }
@@ -41865,7 +41896,7 @@ var ZakekeEnvironment = /** @class */ (function () {
         };
         this.createOptionFromSelection = function (optionSelection) {
             var zakekeOption = _this.zkProduct.get("attributes").get(optionSelection.get("attributeID")).get("options").get(optionSelection.get("optionID"));
-            var option = new _models__WEBPACK_IMPORTED_MODULE_4__["Option"]();
+            var option = new _models__WEBPACK_IMPORTED_MODULE_6__["Option"]();
             option.id = zakekeOption.get('optionID');
             option.guid = zakekeOption.get("optionGuid");
             option.code = zakekeOption.get("optionCode");
@@ -41950,7 +41981,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             }
         };
         this.on = function (event, callback) {
-            _this.events.push(new _models__WEBPACK_IMPORTED_MODULE_4__["ZakekeEvent"](event, callback));
+            _this.events.push(new _models__WEBPACK_IMPORTED_MODULE_6__["ZakekeEvent"](event, callback));
         };
         this.off = function (event, callback) {
             _this.events = _this.events.filter(function (x) {
@@ -41991,7 +42022,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                         var templatesList, templates, _i, _a, _template, template;
                         return __generator(this, function (_b) {
                             switch (_b.label) {
-                                case 0: return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].get("designs/templates/" + this.zkProduct.get('modelID'))];
+                                case 0: return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].get("designs/templates/" + this.zkProduct.get('modelID'))];
                                 case 1:
                                     templatesList = (_b.sent()).data;
                                     templates = [];
@@ -42064,14 +42095,16 @@ var ZakekeEnvironment = /** @class */ (function () {
                 _this.selection.selectAttributeValue(attribute.get('attributeID'), optionId);
             }
             else {
-                throw new _exceptions__WEBPACK_IMPORTED_MODULE_1__["Exception"]("Invalid option with id " + optionId);
+                throw new _exceptions__WEBPACK_IMPORTED_MODULE_3__["Exception"]("Invalid option with id " + optionId);
             }
         };
         // Focus a group executing some camera movements
         this.focusGroup = function (groupId) {
             var sceneGroup = _this.groups.find(function (x) { return x.id == groupId; });
-            if (sceneGroup && sceneGroup.cameraLocationId)
+            if (sceneGroup && sceneGroup.cameraLocationId) {
                 _this.viewer.setCameraLocation(sceneGroup.cameraLocationId);
+                _this.lastCameraLocation = sceneGroup.cameraLocationId;
+            }
         };
         this.focusAttribute = function (attributeId) { return __awaiter(_this, void 0, void 0, function () {
             var unselectedOptionsActions, attribute;
@@ -42083,8 +42116,10 @@ var ZakekeEnvironment = /** @class */ (function () {
                     case 1:
                         _a.sent();
                         attribute = this.zkProduct.get("attributes").find(function (attribute) { return attribute.get('attributeID') == attributeId; });
-                        if (attribute && attribute.get("sceneCameraLocationID"))
+                        if (attribute && attribute.get("sceneCameraLocationID")) {
                             this.viewer.setCameraLocation(attribute.get("sceneCameraLocationID"));
+                            this.lastCameraLocation = attribute.get("sceneCameraLocationID");
+                        }
                         return [2 /*return*/];
                 }
             });
@@ -42100,7 +42135,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                             this.setCameraLocation('buy_screenshot_camera', false);
                         else
                             this.viewer.restoreCameraState();
-                        return [4 /*yield*/, Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["sleep"])(1)];
+                        return [4 /*yield*/, Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["sleep"])(1)];
                     case 2:
                         _a.sent();
                         // Save composition
@@ -42123,7 +42158,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 _this.viewer.zoomOut();
         };
         this.isFullscreenEnabled = function () {
-            return !_helpers__WEBPACK_IMPORTED_MODULE_0__["iOS"];
+            return !_helpers__WEBPACK_IMPORTED_MODULE_2__["iOS"];
         };
         this.switchFullscreen = function () {
             var interval = null;
@@ -42213,7 +42248,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             var zkScene = _this.zkScene;
             if (color.indexOf("rgb") == 0) {
                 var values = color.replace("rgb(", "").replace(")", "").split(",");
-                color = Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["rgb2hex"])(values[0], values[1], values[2]);
+                color = Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["rgb2hex"])(values[0], values[1], values[2]);
             }
             if (_this.viewer && zkScene) {
                 zkScene.getOrCreateEnvironmentConfig().set("mainColor", color);
@@ -42222,7 +42257,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             }
         };
         this.getCurrentSelection = function () {
-            return lodash__WEBPACK_IMPORTED_MODULE_7___default.a.cloneDeep(_this.platformAttributesSelection);
+            return lodash__WEBPACK_IMPORTED_MODULE_0___default.a.cloneDeep(_this.platformAttributesSelection);
         };
         this.getScreenshot = function (width, height, backgroundColor) {
             if (width === void 0) { width = 1024; }
@@ -42338,7 +42373,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (!this.viewer) return [3 /*break*/, 2];
-                        imageTask = new _imageUploadTask__WEBPACK_IMPORTED_MODULE_5__["default"](this.culture, this.token);
+                        imageTask = new _imageUploadTask__WEBPACK_IMPORTED_MODULE_1__["default"](this.culture, this.token);
                         return [4 /*yield*/, imageTask.upload(file, progress)];
                     case 1:
                         result = _a.sent();
@@ -42354,7 +42389,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                 switch (_a.label) {
                     case 0:
                         if (!this.viewer) return [3 /*break*/, 2];
-                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].post(Zakeke.config.baseApiUrl + "images/import/url", {
+                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].post(Zakeke.config.baseApiUrl + "images/import/url", {
                                 url: url
                             })];
                     case 1:
@@ -42459,7 +42494,7 @@ var ZakekeEnvironment = /** @class */ (function () {
             var macroCategories, _i, macroCategories_1, macroCategory;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].get(Zakeke.config.baseApiUrl + "imagemacrocategories/")];
+                    case 0: return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].get(Zakeke.config.baseApiUrl + "imagemacrocategories/")];
                     case 1:
                         macroCategories = (_a.sent()).data;
                         macroCategories = macroCategories.filter(function (x) { return x.hasImages; });
@@ -42474,7 +42509,7 @@ var ZakekeEnvironment = /** @class */ (function () {
         this.getImages = function (categoryId) { return __awaiter(_this, void 0, void 0, function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].get(Zakeke.config.baseApiUrl + "images/", {
+                    case 0: return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].get(Zakeke.config.baseApiUrl + "images/", {
                             params: {
                                 type: 'lib',
                                 c: categoryId
@@ -42485,33 +42520,42 @@ var ZakekeEnvironment = /** @class */ (function () {
             });
         }); };
         this.getPDF = function () { return __awaiter(_this, void 0, void 0, function () {
-            var data, params, pdf;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
+            var data, items, areas, selectedOptions, params, pdf;
+            var _this = this;
+            var _a;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
                     case 0: return [4 /*yield*/, this.getScreenshot(2048, 2048)];
                     case 1:
-                        data = _a.sent();
+                        data = _b.sent();
+                        items = this.getDesignItemsInfo();
+                        areas = (_a = this.product) === null || _a === void 0 ? void 0 : _a.areas.filter(function (x) { return _this.isAreaVisible(x.id); }).map(function (x) { return ({
+                            name: x.name,
+                            textItems: items.filter(function (i) { return i.areaId == x.id; })
+                        }); }).filter(function (x) { return x.textItems.length > 0; });
+                        selectedOptions = this.platformAttributesSelection.filter(function (x) { return x.attributeIsEnabled && x.attributeIsEnabled; }).map(function (_a) {
+                            var attributeLabel = _a.attributeLabel, attributeCode = _a.attributeCode, optionCode = _a.optionCode, optionLabel = _a.optionLabel;
+                            return ({
+                                attributeLabel: attributeLabel,
+                                attributeCode: !Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["isPlatformCode"])(attributeCode) ? attributeCode : '',
+                                optionLabel: optionLabel,
+                                optionCode: !Object(_helpers__WEBPACK_IMPORTED_MODULE_2__["isPlatformCode"])(optionCode) ? optionCode : '',
+                            });
+                        });
                         params = {
                             environment: 2,
                             productName: this.zkProduct.get('name'),
-                            sides: [],
                             previewImage: data,
-                            selectedOptions: this.platformAttributesSelection.filter(function (x) { return x.attributeIsEnabled && x.attributeIsEnabled; }).map(function (_a) {
-                                var attributeLabel = _a.attributeLabel, attributeCode = _a.attributeCode, optionCode = _a.optionCode, optionLabel = _a.optionLabel;
-                                return ({
-                                    attributeLabel: attributeLabel,
-                                    attributeCode: !Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["isPlatformCode"])(attributeCode) ? attributeCode : '',
-                                    optionLabel: optionLabel,
-                                    optionCode: !Object(_helpers__WEBPACK_IMPORTED_MODULE_0__["isPlatformCode"])(optionCode) ? optionCode : '',
-                                });
-                            })
+                            sides: [],
+                            areas: areas,
+                            selectedOptions: selectedOptions,
                         };
-                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].post(Zakeke.config.baseApiUrl + "previewdesigns/pdf", params, {
+                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].post(Zakeke.config.baseApiUrl + "previewdesigns/pdf", params, {
                                 transformResponse: function (res) { return res; },
                                 responseType: "text"
                             })];
                     case 2:
-                        pdf = (_a.sent()).data.replace(/"/g, "");
+                        pdf = (_b.sent()).data.replace(/"/g, "");
                         return [2 /*return*/, pdf];
                 }
             });
@@ -42537,7 +42581,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                     case 0: return [4 /*yield*/, this.getScreenshot(width, height, backgroundColor)];
                     case 1:
                         preview = _a.sent();
-                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].post(Zakeke.config.baseApiUrl + "designs/save-share-preview", { preview: preview })];
+                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].post(Zakeke.config.baseApiUrl + "designs/save-share-preview", { preview: preview })];
                     case 2:
                         url = (_a.sent()).data.url;
                         url = this.rewriteShareUrl(url);
@@ -42626,7 +42670,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                     case 0:
                         url = null;
                         if (!this.zkScene) return [3 /*break*/, 7];
-                        if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["IS_IOS"]) return [3 /*break*/, 3];
+                        if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["IS_IOS"]) return [3 /*break*/, 3];
                         _a = this.getPregeneratedARUrl('usdz');
                         if (_a) return [3 /*break*/, 2];
                         return [4 /*yield*/, this.viewer.exportSceneToUsdzAsync(this.zkScene.get('sceneID'), this.selection.getCompositionHashCode(), useCacheWithDesign)];
@@ -42653,7 +42697,7 @@ var ZakekeEnvironment = /** @class */ (function () {
         }); };
         this.openArMobile = function (url) {
             if (_this.viewer && _this.zkScene) {
-                if (_helpers__WEBPACK_IMPORTED_MODULE_0__["IS_IOS"]) {
+                if (_helpers__WEBPACK_IMPORTED_MODULE_2__["IS_IOS"]) {
                     if (url && !_this.zkScene.getARScale())
                         url += '#allowsContentScaling=0';
                     var anchor = document.createElement('a');
@@ -42662,7 +42706,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                     anchor.appendChild(document.createElement('img'));
                     anchor.click();
                 }
-                else if (_helpers__WEBPACK_IMPORTED_MODULE_0__["IS_ANDROID"]) {
+                else if (_helpers__WEBPACK_IMPORTED_MODULE_2__["IS_ANDROID"]) {
                     _3D_src__WEBPACK_IMPORTED_MODULE_8__["AndroidAR"].openSceneViewer(url, function () {
                         alert('Device not supported.');
                     }, _this.zkScene.getARScale());
@@ -42679,7 +42723,7 @@ var ZakekeEnvironment = /** @class */ (function () {
                         _a.label = 1;
                     case 1:
                         _a.trys.push([1, 3, , 4]);
-                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_6__["axiosApi"].post(Zakeke.config.baseApiUrl + 'viewscount/addview', {
+                        return [4 /*yield*/, _api__WEBPACK_IMPORTED_MODULE_7__["axiosApi"].post(Zakeke.config.baseApiUrl + 'viewscount/addview', {
                                 productID: this.zkProduct.get('modelID'),
                                 environment: this.zkProduct.get('environment')
                             })];
@@ -42737,6 +42781,17 @@ var ZakekeEnvironment = /** @class */ (function () {
                 }
             }
         };
+        /**
+         * Change opacity for a specific mesh
+         * @param meshId The mesh to change the opacity
+         * @param opacity The opacity to set
+         */
+        this.setMeshDesignVisibility = function (meshId, visible) {
+            if (_this.viewer) {
+                _this.viewer.setDesignVisibility(meshId, visible);
+                _this.viewer.setRenderingNeeded();
+            }
+        };
         // Events
         this.addFocusAttributesListener = function (listenerFunction) {
             if (_this.viewer)
@@ -42808,7 +42863,7 @@ var ZakekeEnvironment = /** @class */ (function () {
         this.updatePrice();
     };
     ZakekeEnvironment.prototype.createStep = function (zkStep, groupSelection) {
-        var step = new _models__WEBPACK_IMPORTED_MODULE_4__["Step"]();
+        var step = new _models__WEBPACK_IMPORTED_MODULE_6__["Step"]();
         step.id = zkStep.get("stepID");
         step.guid = zkStep.get("stepGuid");
         step.name = zkStep.get("name");
@@ -42831,6 +42886,7 @@ var ZakekeEnvironment = /** @class */ (function () {
     };
     ZakekeEnvironment.prototype.setCamera = function (cameraLocationId, onlyAngleOfView, animate) {
         this.viewer.setCameraLocation(cameraLocationId, onlyAngleOfView, animate);
+        this.lastCameraLocation = cameraLocationId;
     };
     ZakekeEnvironment.prototype.getCameraByName = function (name) {
         var _a;
@@ -42850,7 +42906,7 @@ var ZakekeEnvironment = /** @class */ (function () {
         var items = [];
         if (this.viewer) {
             items = (_b = (_a = this.viewer.getDesignItemsInfo()) === null || _a === void 0 ? void 0 : _a.map(function (item) {
-                return item instanceof MPlaza.ImageItemInfo ? new _models__WEBPACK_IMPORTED_MODULE_4__["ImageItem"](item) : new _models__WEBPACK_IMPORTED_MODULE_4__["TextItem"](item);
+                return item instanceof MPlaza.ImageItemInfo ? new _models__WEBPACK_IMPORTED_MODULE_6__["ImageItem"](item) : new _models__WEBPACK_IMPORTED_MODULE_6__["TextItem"](item);
             })) !== null && _b !== void 0 ? _b : [];
         }
         return items;
@@ -44566,9 +44622,11 @@ var createProviderValue = function (state, dispatch) {
         getMeshIDbyName: state.environment.getMeshIDbyName.bind(state.environment),
         hideMeshAndSaveState: state.environment.hideMeshAndSaveState.bind(state.environment),
         restoreMeshVisibility: state.environment.restoreMeshVisibility.bind(state.environment),
+        setMeshDesignVisibility: state.environment.setMeshDesignVisibility.bind(state.environment),
         // Events
         clearListeners: state.environment.clearListeners,
         addFocusAttributesListener: state.environment.addFocusAttributesListener,
+        focusAttribute: state.environment.focusAttribute,
         // AR
         getQrCodeArUrl: state.environment.getQrCodeArUrl,
         getMobileArUrl: state.environment.getMobileArUrl,

package/package.json

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