@colijnit/configurator 259.1.2 → 259.1.3

package/fesm2015/colijnit-configurator.js

@@ -383,6 +383,9 @@ class SceneUtils {
         const con2Name = (con2.constructor.name === 'Mesh' || con2.constructor.name === 'Object3D') ? con2.name : con2.connector;
         const sameParent = (con1.constructor.name === 'Mesh' || con1.constructor.name === 'Object3D') &&
             (con2.constructor.name === 'Mesh' || con2.constructor.name === 'Object3D') ? con1.parent === con2.parent : false;
+        if (!con1Name || !con2Name) {
+            return false;
+        }
         const parts1 = con1Name.toUpperCase().split('_'), parts2 = con2Name.toUpperCase().split('_');
         if (parts1.length >= 3 && parts2.length >= 3 && !sameParent) {
             const connectable = parts1[0] === 'C' && parts2[0] === 'C' &&
@@ -408,8 +411,8 @@ class SceneUtils {
         if (!scene || !parent) {
             return false;
         }
-        con1['connectedTo'] = con2.parent.name;
-        con2['connectedTo'] = con1.parent.name;
+        con1['connectedTo'] = con2 && con2.parent ? con2.parent.name : '';
+        con2['connectedTo'] = con1 && con1.parent ? con1.parent.name : '';
         const motherRotation = new THREE.Euler(0, 0, 0);
         const motherPosition = new THREE.Vector3(0, 0, 0);
         parent.updateMatrixWorld();
@@ -419,33 +422,53 @@ class SceneUtils {
         parent.position.set(0, 0, 0);
         scene.updateMatrixWorld(true);
         const con1Quat = new THREE.Quaternion();
-        con1.getWorldQuaternion(con1Quat);
+        if (con1) {
+            con1.getWorldQuaternion(con1Quat);
+        }
         const con2Quat = new THREE.Quaternion();
-        con2.getWorldQuaternion(con2Quat);
+        if (con2) {
+            con2.getWorldQuaternion(con2Quat);
+        }
         const con1QuatParent = new THREE.Quaternion();
-        con1.parent.getWorldQuaternion(con1QuatParent);
+        if (con1 && con1.parent) {
+            con1.parent.getWorldQuaternion(con1QuatParent);
+        }
         const con2QuatParent = new THREE.Quaternion();
-        con2.parent.getWorldQuaternion(con2QuatParent);
+        if (con2 && con2.parent) {
+            con2.parent.getWorldQuaternion(con2QuatParent);
+        }
         const rotation = new THREE.Quaternion().multiplyQuaternions(con1Quat.invert(), con2Quat).multiply(new THREE.Quaternion().multiplyQuaternions(con1QuatParent, con1QuatParent));
-        con2.parent.quaternion.copy(rotation);
+        if (con2 && con2.parent) {
+            con2.parent.quaternion.copy(rotation);
+        }
         // Update because the matrix has been tempered with
         scene.updateMatrixWorld(true);
         // Move the connectors towards eachother
         const con1Pos = new THREE.Vector3();
-        con1.getWorldPosition(con1Pos);
+        if (con1) {
+            con1.getWorldPosition(con1Pos);
+        }
         const con2Pos = new THREE.Vector3();
-        con2.getWorldPosition(con2Pos);
+        if (con2) {
+            con2.getWorldPosition(con2Pos);
+        }
         const move = con1Pos.sub(con2Pos);
-        con2.parent.position.x += move.x;
-        con2.parent.position.y += move.y;
-        con2.parent.position.z += move.z;
+        if (con2 && con2.parent) {
+            con2.parent.position.x += move.x;
+            con2.parent.position.y += move.y;
+            con2.parent.position.z += move.z;
+        }
         // reset parent's objects rotation and position
         parent.rotation.copy(motherRotation);
         parent.position.copy(motherPosition);
         scene.updateMatrixWorld(true);
         // Set the connected flag
-        con1['connected'] = true;
-        con2['connected'] = true;
+        if (con1) {
+            con1['connected'] = true;
+        }
+        if (con2) {
+            con2['connected'] = true;
+        }
         return true;
     }
 }
@@ -513,40 +536,46 @@ class Material {
     }
 }
 
+class BaseUtils {
+    log(message) {
+        if (this.debug) {
+            this.debug(message);
+            console.log(new Date(), message);
+        }
+    }
+}
+
 // @dynamic
-class ImageUtils {
+class ImageUtils extends BaseUtils {
     static CreateTextureFromBase64(id, base64, material, defaultFlip = false) {
-        return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
+        return __awaiter(this, void 0, void 0, function* () {
             if (ImageUtils.textures.has(id)) {
-                resolve(ImageUtils.textures.get(id));
+                return ImageUtils.textures.get(id);
             }
-            else {
-                if (!base64) {
-                    resolve(new THREE.Texture());
-                }
-                else {
-                    if (window.hasOwnProperty('textureLoader')) {
-                        resolve(yield window.textureLoader(base64));
-                    }
-                    else {
-                        const loader = new THREE.TextureLoader();
-                        loader.load(base64, (texture) => {
-                            texture.anisotropy = 16;
-                            texture.wrapS = THREE.RepeatWrapping;
-                            texture.wrapT = THREE.RepeatWrapping;
-                            texture.repeat = new THREE.Vector2(material ? material.repeatX : 1, material ? material.repeatY : 1);
-                            texture.flipY = defaultFlip;
-                            texture.needsUpdate = true;
-                            ImageUtils.textures.set(id, texture);
-                            resolve(texture);
-                        }, () => {
-                        }, () => {
-                            resolve(new THREE.Texture());
-                        });
-                    }
-                }
+            try {
+                if (window.textureLoader) {
+                    const texture = yield window.textureLoader(base64, material);
+                    ImageUtils.textures.set(id, texture);
+                    return texture;
+                }
+                const loader = new THREE.TextureLoader();
+                const texture = yield new Promise((resolve, reject) => {
+                    loader.load(base64, resolve, undefined, (err) => reject(err));
+                });
+                texture.anisotropy = 16;
+                texture.wrapS = THREE.RepeatWrapping;
+                texture.wrapT = THREE.RepeatWrapping;
+                texture.repeat = new THREE.Vector2((_a = material === null || material === void 0 ? void 0 : material.repeatX) !== null && _a !== void 0 ? _a : 1, (_b = material === null || material === void 0 ? void 0 : material.repeatY) !== null && _b !== void 0 ? _b : 1);
+                texture.flipY = defaultFlip;
+                texture.needsUpdate = true;
+                ImageUtils.textures.set(id, texture);
+                return texture;
             }
-        }));
+            catch (err) {
+                return null;
+            }
+        });
     }
     static getDocBodyWithMimeTypeDefinition(fileName, documentBody) {
         if (documentBody === null) {
@@ -1058,8 +1087,9 @@ class VariationUtils {
 }
 VariationUtils.MaterialCache = new Map();
 
-class VariationHelper {
+class VariationHelper extends BaseUtils {
     constructor() {
+        super(...arguments);
         this._variations = [];
         this._lastKnownVariations = new Map();
     }
@@ -1157,7 +1187,7 @@ class VariationHelper {
                 }
             }
             catch (e) {
-                this._log(e.message);
+                this.log(e.message);
             }
         });
     }
@@ -1567,12 +1597,6 @@ class VariationHelper {
         }
         return new Color();
     }
-    _log(message) {
-        if (this.debug) {
-            this.debug(message);
-            console.log(new Date(), message);
-        }
-    }
 }
 
 class ConfiguratorService {
@@ -1601,11 +1625,13 @@ class ConfiguratorService {
     }
     getSelections(showLoader = false, publicationCode = 2) {
         return __awaiter(this, void 0, void 0, function* () {
-            const selections = yield this._configuratorApi.getSelections(showLoader);
-            selections.resultObjects.filter((s) => {
-                (isNill(s.hierarchicalPublicationCode) || ((s.hierarchicalPublicationCode & publicationCode) > 0)) && ((s.nodeType === NodeType.Question && (((s.questionPublicationCode & publicationCode) > 0) || isNill(s.questionPublicationCode))) ||
-                    (s.nodeType === NodeType.Answer && (((s.answerPublicationCode & publicationCode) > 0) || isNill(s.answerPublicationCode))));
-            });
+            let selections = yield this._configuratorApi.getSelections(showLoader);
+            if (selections && selections.resultObjects) {
+                selections.resultObjects.filter((s) => {
+                    (isNill(s.hierarchicalPublicationCode) || ((s.hierarchicalPublicationCode & publicationCode) > 0)) && ((s.nodeType === NodeType.Question && (((s.questionPublicationCode & publicationCode) > 0) || isNill(s.questionPublicationCode))) ||
+                        (s.nodeType === NodeType.Answer && (((s.answerPublicationCode & publicationCode) > 0) || isNill(s.answerPublicationCode))));
+                });
+            }
             return selections;
         });
     }
@@ -1617,11 +1643,13 @@ class ConfiguratorService {
     getQuestionAndAnswers(showLoader = false, publicationCode = 2) {
         return __awaiter(this, void 0, void 0, function* () {
             const questionAndAnswers = yield this._configuratorApi.getQuestionAndAnswers(showLoader);
-            questionAndAnswers.answers.filter((answer) => {
-                (notNill(answer.hierarchicalPublicationCode) && (answer.hierarchicalPublicationCode & publicationCode) === 0) ||
-                    (answer.type === NodeType.Question && (answer.questionPublicationCode & publicationCode) === 0 && notNill(answer.questionPublicationCode)) ||
-                    (answer.type === NodeType.Answer && (answer.publicationCode & publicationCode) === 0 && notNill(answer.publicationCode));
-            });
+            if (questionAndAnswers && questionAndAnswers.answers) {
+                questionAndAnswers.answers.filter((answer) => {
+                    (notNill(answer.hierarchicalPublicationCode) && (answer.hierarchicalPublicationCode & publicationCode) === 0) ||
+                        (answer.type === NodeType.Question && (answer.questionPublicationCode & publicationCode) === 0 && notNill(answer.questionPublicationCode)) ||
+                        (answer.type === NodeType.Answer && (answer.publicationCode & publicationCode) === 0 && notNill(answer.publicationCode));
+                });
+            }
             return questionAndAnswers;
         });
     }
@@ -1647,18 +1675,20 @@ class ConfiguratorService {
 
 class ObjectUtils {
     static DisposeNode(node) {
-        node.traverse((obj) => {
-            if (obj instanceof Mesh) {
-                if (obj.geometry) {
-                    obj.geometry.dispose();
+        if (node) {
+            node.traverse((obj) => {
+                if (obj instanceof Mesh) {
+                    if (obj.geometry) {
+                        obj.geometry.dispose();
+                    }
+                    ObjectUtils.DisposeMaterial(obj.material);
                 }
-                ObjectUtils.DisposeMaterial(obj.material);
-            }
-            if (typeof obj.dispose === 'function') {
-                // @ts-ignore
-                obj.dispose();
-            }
-        });
+                if (typeof obj.dispose === 'function') {
+                    // @ts-ignore
+                    obj.dispose();
+                }
+            });
+        }
     }
     static DisposeMaterial(material) {
         if (!material) {
@@ -1817,15 +1847,15 @@ class Builder {
     getQuestionAndAnswers(publicationCode) {
         return __awaiter(this, void 0, void 0, function* () {
             const questionsAndAnswers = yield this._configuratorService.getQuestionAndAnswers(false, publicationCode);
-            this._answers = questionsAndAnswers.answers;
-            this.answersReceived.next(questionsAndAnswers.answers);
+            this._answers = questionsAndAnswers && questionsAndAnswers.answers ? questionsAndAnswers.answers : [];
+            this.answersReceived.next(this._answers);
         });
     }
     selectAnswer(answer) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this._configuratorService.selectAnswer(answer, false);
             yield this.getQuestionAndAnswers();
-            if (this._answers.length === 0) {
+            if (this._answers && this._answers.length === 0) {
                 this._build();
             }
         });
@@ -1878,9 +1908,12 @@ class Builder {
         }
     }
     _preloadMaterials() {
-        this._variationHelper.preloadVariations(this._decos
-            .filter(d => d.gameObjectName && d.type === DecoNodeType.Variation)
-            .map(d => d.gameObjectName));
+        if (this._decos && this._decos.length) {
+            const materials = [...new Set(this._decos
+                    .filter(d => d.gameObjectName && d.type === DecoNodeType.Variation)
+                    .map(d => d.gameObjectName))];
+            this._variationHelper.preloadVariations(materials);
+        }
     }
     _setInstanceId(sku, instanceId, goodId) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -1996,6 +2029,9 @@ class Builder {
         });
     }
     _prepareTheSelections() {
+        if (!this._selections || !this._selections.length) {
+            return;
+        }
         const selections = this._selections.slice();
         const selectionOfArticle = selections.find(s => s.nodeType === NodeType.Article);
         const adjustableSelections = selections.filter(s => s.addAdjust === '2');
@@ -2121,17 +2157,19 @@ class Builder {
      * @private
      */
     _getMaterialIdFromParent(id) {
-        const idx = this._selections.findIndex(s => s.node === id);
-        let currentLevel = 999;
-        if (idx > -1) {
-            for (let i = idx; i > 0; i--) {
-                const selection = this._selections[i];
-                if (selection.presentationLevel >= currentLevel) {
-                    break;
-                }
-                currentLevel = selection.presentationLevel;
-                if (selection.hdecoGameObject) {
-                    return selection.hdecoGameObject;
+        if (this._selections) {
+            const idx = this._selections.findIndex(s => s.node === id);
+            let currentLevel = 999;
+            if (idx > -1) {
+                for (let i = idx; i > 0; i--) {
+                    const selection = this._selections[i];
+                    if (selection.presentationLevel >= currentLevel) {
+                        break;
+                    }
+                    currentLevel = selection.presentationLevel;
+                    if (selection.hdecoGameObject) {
+                        return selection.hdecoGameObject;
+                    }
                 }
             }
         }
@@ -2213,7 +2251,7 @@ class Builder {
     _getGoodIdFromSku(sku) {
         return __awaiter(this, void 0, void 0, function* () {
             const response = yield this._configuratorService.getGoodIdFromSku(sku, false);
-            if (response.validationResult.success && response.resultObject) {
+            if (response && response.validationResult && response.validationResult.success && response.resultObject) {
                 return response.resultObject;
             }
         });
@@ -2232,7 +2270,7 @@ class Builder {
             }
             let article;
             const articleResponse = yield this._configuratorService.getArticleQuickSel(goodId, false);
-            if (articleResponse.validationResult.success && articleResponse.resultObject) {
+            if (articleResponse && articleResponse.validationResult && articleResponse.validationResult.success && articleResponse.resultObject) {
                 if (articleResponse.resultObject.hasOwnProperty('oArticle')) {
                     const obj = Array.isArray(articleResponse.resultObject['oArticle']) ? articleResponse.resultObject['oArticle'][0] : articleResponse.resultObject['oArticle'];
                     article = this._boFactory.makeWithRawBackendData(Article, obj);
@@ -2250,7 +2288,7 @@ class Builder {
         return __awaiter(this, void 0, void 0, function* () {
             this._selections = [];
             const selectionResponse = yield this._configuratorService.getSelections(false, publicationCode);
-            if (selectionResponse.resultObjects && selectionResponse.resultObjects.length > 0) {
+            if (selectionResponse && selectionResponse.resultObjects && selectionResponse.resultObjects.length > 0) {
                 this._selections = this._boFactory.makeBOArrayFromRawBackendDataArray(Selection, selectionResponse.resultObjects);
                 this._selections.forEach(s => s.instanceId = instanceId);
                 // const filtered: Selection[] = this._selections.filter(s => s.nodeType !== NodeType.Article && s.presentationLevel === 1);
@@ -2265,7 +2303,7 @@ class Builder {
         return __awaiter(this, void 0, void 0, function* () {
             this._decos = [];
             const decosResponse = yield this._configuratorService.getDecos(false);
-            if (decosResponse.resultObjects && decosResponse.resultObjects.length > 0) {
+            if (decosResponse && decosResponse.resultObjects && decosResponse.resultObjects.length > 0) {
                 this._decos = this._boFactory.makeBOArrayFromRawBackendDataArray(DecoNode, decosResponse.resultObjects);
                 this.decosReceived.next(this._decos);
             }
@@ -2275,6 +2313,9 @@ class Builder {
         });
     }
     _linkSelectionsAndDecos() {
+        if (!this._selections || !this._selections.length) {
+            return;
+        }
         const len = this._selections.length;
         for (let i = 0; i < len; i++) {
             // const id: string = this.selections[i].artNodeIdDeco;
@@ -2292,9 +2333,12 @@ class Builder {
         }
     }
     _getVariations() {
-        return this._decos.filter((deco) => {
-            return deco.type === DecoNodeType.Variation;
-        });
+        if (this._decos && this._decos.length) {
+            return this._decos.filter((deco) => {
+                return deco.type === DecoNodeType.Variation;
+            });
+        }
+        return [];
     }
     _loadVariations(obj) {
         return __awaiter(this, void 0, void 0, function* () {
@@ -2310,6 +2354,9 @@ class Builder {
         });
     }
     _getAdjustables() {
+        if (!this._selections || !this._selections.length) {
+            return [];
+        }
         return this._selections.filter(s => {
             const node = s.decoNode;
             return node && node.gameObjectName && node.type === DecoNodeType.Part && node.kind === DecoNodeKind.Adjustable;
@@ -2615,8 +2662,8 @@ class SelectionViewModel {
 class SelectionsComponent {
     constructor(_builder) {
         this._builder = _builder;
-        this.selectionViewModels = [];
         this.selectionClick = new EventEmitter();
+        this.selectionViewModels = [];
     }
     set selections(value) {
         this._prepareSelections(value);