zakeke-configurator-react 0.0.137 → 0.0.138

package/dist/index.js

@@ -25259,13 +25259,13 @@ class ZakekeEnvironment {
         });
         // Create quote for composition
         this.createQuote = (formData) => __awaiter(this, void 0, void 0, function* () {
-            var _c, _d;
+            var _c, _e;
             let quote = new _models__WEBPACK_IMPORTED_MODULE_11__.Quote();
             quote.formData = JSON.stringify(formData);
             quote.quantity = this.quantity;
             quote.compositionDocID = this.composition.get('docID');
             quote.modelPrice = (_c = yield this.integration.getPrice(this.composition, this.zkCurrentTemplate, this.zkProduct, this.platformAttributesSelection, 0, 1)) !== null && _c !== void 0 ? _c : 0;
-            quote.variantName = (_d = this.product.name) !== null && _d !== void 0 ? _d : "";
+            quote.variantName = (_e = this.product.name) !== null && _e !== void 0 ? _e : "";
             const quoteCreated = (yield _api__WEBPACK_IMPORTED_MODULE_4__.axiosApi.post(Zakeke.config.baseApiUrl + "quotes", quote)).data;
             return quoteCreated;
         });
@@ -25280,7 +25280,7 @@ class ZakekeEnvironment {
                     dataType: "json"
                 });
                 if (response != null) {
-                    console.log(`getTranslations response is OK: ${JSON.stringify(response)}`);
+                    // console.log(`getTranslations response is OK: ${JSON.stringify(response)}`);
                     return response;
                 }
                 else {
@@ -25319,7 +25319,7 @@ class ZakekeEnvironment {
             return window.localStorage.getItem(this.copyrightMessageLocalStorageKey) ? true : false;
         };
         this.boot = (parameters) => __awaiter(this, void 0, void 0, function* () {
-            var _e, _f;
+            var _f, _g;
             this.parseParameters(parameters);
             (0,_api__WEBPACK_IMPORTED_MODULE_4__.setupApi)(this.culture, this.token);
             yield this.loadLocalization();
@@ -25334,6 +25334,7 @@ class ZakekeEnvironment {
                 statics: staticTranslations,
                 dynamics: dynamicTranslations
             };
+            _helpers__WEBPACK_IMPORTED_MODULE_7__.T.translations = this.publicTranslations;
             this.trigger("change");
             const composerModels = yield this.getComposerModels();
             this.zkScene = composerModels.get('scene');
@@ -25352,7 +25353,7 @@ class ZakekeEnvironment {
             this.trigger("change");
             this.zkTemplates = yield this.getTemplates();
             this.templates = this.zkTemplates.map(zkTemplate => _models__WEBPACK_IMPORTED_MODULE_11__.Template.fromTemplate(zkTemplate));
-            this.cameras = (_f = (_e = this.zkScene) === null || _e === void 0 ? void 0 : _e.get('cameraLocations').map(x => _models__WEBPACK_IMPORTED_MODULE_11__.Camera.fromZkCamera(x))) !== null && _f !== void 0 ? _f : [];
+            this.cameras = (_g = (_f = this.zkScene) === null || _f === void 0 ? void 0 : _f.get('cameraLocations').map(x => _models__WEBPACK_IMPORTED_MODULE_11__.Camera.fromZkCamera(x))) !== null && _g !== void 0 ? _g : [];
             this.trigger("change");
             this.viewer = yield _3D_src__WEBPACK_IMPORTED_MODULE_2__.SceneViewer.createSceneViewerAsync();
             this.viewer.isHologramSource = true;
@@ -25439,39 +25440,22 @@ class ZakekeEnvironment {
                 const currentOption = currentAttr.get("options").find(opt => opt.get("optionID") == item.optionID);
                 const currentGroup = storeGroups.find(group => group.get("groupID") == currentAttr.get('groupID'));
                 const currentStep = storeSteps.find(step => step.get("stepID") == currentAttr.get('stepID'));
-                let groupName = "";
+                let label = "";
                 let isOptionEnabled = false;
                 this.selection.get("groups").each(group => {
                     group.get("attributes").each(attr => {
-                        var _a, _b, _c, _d, _e, _f, _g, _h;
+                        var _a, _b, _c, _e;
                         const option = attr.get("options").find(x => x.get('optionID') == currentOption.get("optionID"));
                         if (option && attr.get("enabled")) {
                             isOptionEnabled = this.isOptionEnabled(currentOption.get("optionID"));
-                            groupName = group.get("name");
-                            if (isOptionEnabled) {
-                                if (!recapProps[(currentAttr.get("name"))]) {
-                                    recapProps[(currentAttr.get("name"))] = {
-                                        groupDisplayOrder: (_a = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.get('displayOrder')) !== null && _a !== void 0 ? _a : 0,
-                                        stepDisplayOrder: (_b = currentStep === null || currentStep === void 0 ? void 0 : currentStep.get('displayOrder')) !== null && _b !== void 0 ? _b : 0,
-                                        attributeDisplayOrder: (_c = currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.get('displayOrder')) !== null && _c !== void 0 ? _c : 0,
-                                        optionDisplayOrder: (_d = currentOption === null || currentOption === void 0 ? void 0 : currentOption.get('displayOrder')) !== null && _d !== void 0 ? _d : 0,
-                                        value: currentOption.get("name"),
-                                        groupName,
-                                        showGroup: false,
-                                    };
-                                }
-                                else {
-                                    recapProps[(currentAttr.get("name"))].showGroup = true;
-                                    recapProps[`${groupName} ${currentAttr.get("name")}`] = {
-                                        groupDisplayOrder: (_e = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.get('displayOrder')) !== null && _e !== void 0 ? _e : 0,
-                                        stepDisplayOrder: (_f = currentStep === null || currentStep === void 0 ? void 0 : currentStep.get('displayOrder')) !== null && _f !== void 0 ? _f : 0,
-                                        attributeDisplayOrder: (_g = currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.get('displayOrder')) !== null && _g !== void 0 ? _g : 0,
-                                        optionDisplayOrder: (_h = currentOption === null || currentOption === void 0 ? void 0 : currentOption.get('displayOrder')) !== null && _h !== void 0 ? _h : 0,
-                                        value: currentOption.get("name"),
-                                        showGroup: false,
-                                    };
-                                }
-                            }
+                            label = group.get("groupID") !== -1 ? (_helpers__WEBPACK_IMPORTED_MODULE_7__.T._d(group.get("name")) + " " + _helpers__WEBPACK_IMPORTED_MODULE_7__.T._d(currentAttr.get("name"))) : _helpers__WEBPACK_IMPORTED_MODULE_7__.T._d(currentAttr.get("name"));
+                            recapProps[`${label}`] = {
+                                groupDisplayOrder: (_a = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.get('displayOrder')) !== null && _a !== void 0 ? _a : 0,
+                                stepDisplayOrder: (_b = currentStep === null || currentStep === void 0 ? void 0 : currentStep.get('displayOrder')) !== null && _b !== void 0 ? _b : 0,
+                                attributeDisplayOrder: (_c = currentAttr === null || currentAttr === void 0 ? void 0 : currentAttr.get('displayOrder')) !== null && _c !== void 0 ? _c : 0,
+                                optionDisplayOrder: (_e = currentOption === null || currentOption === void 0 ? void 0 : currentOption.get('displayOrder')) !== null && _e !== void 0 ? _e : 0,
+                                value: _helpers__WEBPACK_IMPORTED_MODULE_7__.T._d(currentOption.get("name")),
+                            };
                         }
                     });
                 });
@@ -26069,7 +26053,7 @@ class ZakekeEnvironment {
             this.renderDesign();
         };
         this.getTemplateUploadRestrictictions = (templateId, areaId) => {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _e, _f, _g, _h;
             const design = this.zkTemplates.find(x => x.get("templateDesignID") == templateId);
             if (!design)
                 throw "Template does not exists with id " + templateId;
@@ -26089,10 +26073,10 @@ class ZakekeEnvironment {
                 isUserImageAllowed: (_a = getUploadRestriction("isUserImageAllowed")) !== null && _a !== void 0 ? _a : true,
                 isJpgAllowed: (_b = getUploadRestriction("isJpgAllowed")) !== null && _b !== void 0 ? _b : true,
                 isPngAllowed: (_c = getUploadRestriction("isPngAllowed")) !== null && _c !== void 0 ? _c : true,
-                isSvgAllowed: (_d = getUploadRestriction("isSvgAllowed")) !== null && _d !== void 0 ? _d : true,
-                isPdfAllowed: ((_e = getUploadRestriction("isPdfAllowed")) !== null && _e !== void 0 ? _e : true) && !!pdfAddonEnabled,
-                isEpsAllowed: ((_f = getUploadRestriction("isEpsAllowed")) !== null && _f !== void 0 ? _f : true) && !!epsAddonEnabled,
-                isPdfWithRasterAllowed: ((_g = getUploadRestriction("isPdfWithRasterAllowed")) !== null && _g !== void 0 ? _g : true) && !!pdfAddonEnabled
+                isSvgAllowed: (_e = getUploadRestriction("isSvgAllowed")) !== null && _e !== void 0 ? _e : true,
+                isPdfAllowed: ((_f = getUploadRestriction("isPdfAllowed")) !== null && _f !== void 0 ? _f : true) && !!pdfAddonEnabled,
+                isEpsAllowed: ((_g = getUploadRestriction("isEpsAllowed")) !== null && _g !== void 0 ? _g : true) && !!epsAddonEnabled,
+                isPdfWithRasterAllowed: ((_h = getUploadRestriction("isPdfWithRasterAllowed")) !== null && _h !== void 0 ? _h : true) && !!pdfAddonEnabled
             };
         };
         // Get template
@@ -26180,12 +26164,12 @@ class ZakekeEnvironment {
             return new File([u8arr], filename, { type: mime });
         };
         this.addToCart = (additionalProperties, onBeforeSendDataToParent, legacyScreenshot) => __awaiter(this, void 0, void 0, function* () {
-            var _g;
+            var _h;
             yield this.setExplodedMode(false);
             this.composition.set("compositionClientPreviews", []);
             const compositionClientPreviews = [];
             let sortedBuyScreenshotCameras = [];
-            const buyScreenshotCameras = (_g = this.zkScene) === null || _g === void 0 ? void 0 : _g.get("cameraLocations").filter(x => { var _a; return ((_a = x.get("name")) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf("buy_screenshot_camera_")) !== -1; });
+            const buyScreenshotCameras = (_h = this.zkScene) === null || _h === void 0 ? void 0 : _h.get("cameraLocations").filter(x => { var _a; return ((_a = x.get("name")) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf("buy_screenshot_camera_")) !== -1; });
             if (buyScreenshotCameras)
                 sortedBuyScreenshotCameras = lodash__WEBPACK_IMPORTED_MODULE_0___default().sortBy(buyScreenshotCameras, a => { return a.get("name"); });
             if (sortedBuyScreenshotCameras && sortedBuyScreenshotCameras.length > 0) {
@@ -26491,10 +26475,10 @@ class ZakekeEnvironment {
             })).data;
         });
         this.getPDF = () => __awaiter(this, void 0, void 0, function* () {
-            var _h;
+            var _j;
             const data = yield this.getScreenshot(2048, 2048);
             const items = this.getDesignItemsInfo();
-            const areas = (_h = this.product) === null || _h === void 0 ? void 0 : _h.areas.filter(x => this.isAreaVisible(x.id)).map(x => ({
+            const areas = (_j = this.product) === null || _j === void 0 ? void 0 : _j.areas.filter(x => this.isAreaVisible(x.id)).map(x => ({
                 name: x.name,
                 textItems: items.filter(i => i.areaId == x.id && i.type === ___WEBPACK_IMPORTED_MODULE_1__.ItemType.Text)
             })).filter(x => x.textItems.length > 0);
@@ -26535,8 +26519,8 @@ class ZakekeEnvironment {
         this.getShareCompositionUrl = () => __awaiter(this, void 0, void 0, function* () {
             // salvo (e riassegno dopo la creazione dello share url) l'id , per evitare problemi in caso di add to cart e edit
             // in questo modo ogni composizione condivisa è sempre diversa da quella di partenza
-            var _j;
-            const isDraft = (_j = this.composition.get("isDraft")) !== null && _j !== void 0 ? _j : false;
+            var _k;
+            const isDraft = (_k = this.composition.get("isDraft")) !== null && _k !== void 0 ? _k : false;
             this.composition.set("isDraft", false);
             const docID = yield this.saveCompositionCopy();
             this.composition.set("isDraft", isDraft);
@@ -26859,14 +26843,14 @@ class ZakekeEnvironment {
             }
         };
         this.saveComposition = (customPreviewSize, legacyScreenshot) => __awaiter(this, void 0, void 0, function* () {
-            var _k, _l, _m;
+            var _l, _m, _o;
             console.log("Saving...");
-            const buyScreenshotCamera = (_k = this.zkScene) === null || _k === void 0 ? void 0 : _k.get("cameraLocations").find(x => { var _a; return ((_a = x.get("name")) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "buy_screenshot_camera"; });
+            const buyScreenshotCamera = (_l = this.zkScene) === null || _l === void 0 ? void 0 : _l.get("cameraLocations").find(x => { var _a; return ((_a = x.get("name")) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "buy_screenshot_camera"; });
             if (!buyScreenshotCamera)
                 this.viewer.restoreCameraState();
             yield (0,_helpers__WEBPACK_IMPORTED_MODULE_7__.sleep)(1);
             // Save image
-            const data = yield this.viewer.getSceneContentScreenshotAsync((_l = customPreviewSize === null || customPreviewSize === void 0 ? void 0 : customPreviewSize.customCartPreviewHeight) !== null && _l !== void 0 ? _l : this.previewWidth, (_m = customPreviewSize === null || customPreviewSize === void 0 ? void 0 : customPreviewSize.customCartPreviewWidth) !== null && _m !== void 0 ? _m : this.previewHeight, 0, this.zkCurrentTemplate, legacyScreenshot, buyScreenshotCamera);
+            const data = yield this.viewer.getSceneContentScreenshotAsync((_m = customPreviewSize === null || customPreviewSize === void 0 ? void 0 : customPreviewSize.customCartPreviewHeight) !== null && _m !== void 0 ? _m : this.previewWidth, (_o = customPreviewSize === null || customPreviewSize === void 0 ? void 0 : customPreviewSize.customCartPreviewWidth) !== null && _o !== void 0 ? _o : this.previewHeight, 0, this.zkCurrentTemplate, legacyScreenshot, buyScreenshotCamera);
             this.composition.set("previewImageData", data);
             // Save composition
             yield this.saveDesignBackbone();
@@ -26888,8 +26872,8 @@ class ZakekeEnvironment {
             this.currentCompositionInfo.compositionTags = this.composition.get("tags");
         });
         this.loadSavedComposition = (docID) => __awaiter(this, void 0, void 0, function* () {
-            var _o;
-            const composition = (_o = this.savedCompositions) === null || _o === void 0 ? void 0 : _o.find(x => x.docID == docID);
+            var _p;
+            const composition = (_p = this.savedCompositions) === null || _p === void 0 ? void 0 : _p.find(x => x.docID == docID);
             if (composition)
                 yield this.bootstrapComposition(new MPlaza.Composition(composition));
         });
@@ -27241,10 +27225,34 @@ var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _argume
     });
 };
 class T {
-    static _(str, domain = "Composer") {
-        return window.gt.dgettext(domain, str);
+    static _(str, domain) {
+        var _a, _b;
+        if ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.statics) {
+            const keys = Array.from((_b = this.translations) === null || _b === void 0 ? void 0 : _b.statics.keys());
+            for (let key of keys) {
+                if (key.toLowerCase() === str.toLowerCase())
+                    return this.translations.statics.get(key);
+            }
+        }
+        let gt = window.gt;
+        return gt ? gt.dgettext(domain, str) : str;
+    }
+    static _d(str) {
+        var _a, _b;
+        let string = str;
+        if ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.dynamics) {
+            const keys = Array.from((_b = this.translations) === null || _b === void 0 ? void 0 : _b.dynamics.keys());
+            for (let key of keys) {
+                if (key.toLowerCase() === str.toLowerCase()) {
+                    if (this.translations.dynamics.get(key))
+                        string = this.translations.dynamics.get(key);
+                }
+            }
+        }
+        return string;
     }
 }
+T.translations = null;
 function dataURLtoFile(dataurl, filename) {
     var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1], bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
     while (n--) {

package/package.json

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