@colijnit/product 256.1.0 → 256.1.2

package/fesm2015/colijnit-product.js

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Directive, Output, EventEmitter, Component, ViewEncapsulation, ChangeDetectorRef, Input, Renderer2, ViewChild, ElementRef, Pipe, NgModule, HostListener, HostBinding, SecurityContext, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { Injectable, Directive, EventEmitter, Component, ViewEncapsulation, ChangeDetectorRef, Input, Output, Renderer2, ViewChild, ElementRef, Pipe, NgModule, HostListener, HostBinding, SecurityContext, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { __awaiter } from 'tslib';
 import { Subject, BehaviorSubject } from 'rxjs';
 import { Options } from '@colijnit/ioneconnector/build/model/options';
@@ -30,8 +30,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/product";
         this.description = "Product detail page project for iOne";
-        this.symVer = "256.1.0";
-        this.publishDate = "10/15/2024, 10:47:35 AM";
+        this.symVer = "256.1.2";
+        this.publishDate = "8-11-2024 14:14:34";
     }
 }
 
@@ -104,22 +104,48 @@ class ProductSettings {
     }
 }
 
+class ProductEventService {
+    constructor() {
+        this.onAddToCart = new Subject();
+        this.onAlternativeClick = new Subject();
+        this.onAddToQuote = new Subject();
+        this.onForceRenderImage = new Subject();
+        this.onArticleReceived = new Subject();
+        this.onSelectionsReceived = new Subject();
+        this.onImageReceived = new Subject();
+        this.onRenderStarted = new Subject();
+        this.onRenderImageReceived = new Subject();
+        this.onDraftRenderImageReceived = new Subject();
+        this.onArticleInfoReceived = new Subject();
+        this.onUpdateProductInfoTab = new Subject();
+        this.errorMessage = new Subject();
+    }
+}
+ProductEventService.decorators = [
+    { type: Directive },
+    { type: Injectable }
+];
+
 // Sole responsibility is simply to wrap around a colijn.Connector to create a stable inner interface to the library in a 1:1 method way.
 // Only to be used by the IOneControllerService.
 class ProductConnectorAdapterService {
-    constructor() {
+    constructor(_eventService) {
+        this._eventService = _eventService;
         this.showLoader = new Subject();
         this._boFactory = new BusinessObjectFactory();
+        this._subs = [];
     }
     ngOnDestroy() {
-        this.articleConnector.showLoader.unsubscribe();
+        this._subs.forEach(s => s.unsubscribe());
     }
     initConnector(options) {
         return __awaiter(this, void 0, void 0, function* () {
             this.articleConnector = new Articles(options);
             yield this.articleConnector.connect();
             this.transactionConnector = new Transaction(options);
-            this.articleConnector.showLoader.subscribe(value => this.showLoader.next(value));
+            this._subs.push(
+            // @ts-ignore
+            this.articleConnector.showLoader.subscribe(value => this.showLoader.next(value)));
         });
     }
     setInstance(instanceId) {
@@ -198,7 +224,10 @@ class ProductConnectorAdapterService {
     }
     getJsonArticleFlatTree(goodId, goodType, quantity, externalSource = false, showLoader = true, instanceId, configuratorStatistics) {
         return __awaiter(this, void 0, void 0, function* () {
-            return this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics);
+            return this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics).catch((messages) => {
+                this._eventService.errorMessage.next(messages);
+                return null;
+            });
         });
     }
     getGoodIdFromArticleNr(sku) {
@@ -259,7 +288,9 @@ class ProductConnectorAdapterService {
 ProductConnectorAdapterService.decorators = [
     { type: Injectable }
 ];
-ProductConnectorAdapterService.ctorParameters = () => [];
+ProductConnectorAdapterService.ctorParameters = () => [
+    { type: ProductEventService }
+];
 
 var LanguageCode;
 (function (LanguageCode) {
@@ -599,33 +630,6 @@ ProductConnectorService.ctorParameters = () => [
     { type: ProductSettingsService }
 ];
 
-class ProductEventService {
-    constructor() {
-        this.onAddToCart = new Subject();
-        this.onAlternativeClick = new Subject();
-        this.onAddToQuote = new Subject();
-        this.onForceRenderImage = new Subject();
-        this.onArticleReceived = new Subject();
-        this.onSelectionsReceived = new Subject();
-        this.onImageReceived = new Subject();
-        this.onRenderStarted = new Subject();
-        this.onRenderImageReceived = new Subject();
-        this.onDraftRenderImageReceived = new Subject();
-        this.onArticleInfoReceived = new Subject();
-        this.onUpdateProductInfoTab = new Subject();
-    }
-}
-ProductEventService.decorators = [
-    { type: Directive },
-    { type: Injectable }
-];
-ProductEventService.propDecorators = {
-    onAddToCart: [{ type: Output }],
-    onAlternativeClick: [{ type: Output }],
-    onAddToQuote: [{ type: Output }],
-    onForceRenderImage: [{ type: Output }]
-};
-
 class IoneProductComponent {
     constructor(_dictionary, _jsonUtils, _ione, _changeDetector, _appEventService, _settingsService) {
         // this.sku = 'CF-HILL';
@@ -1177,7 +1181,7 @@ class ImageCarouselComponent {
     }
     set images(value) {
         if (value && value.length > 0) {
-            this._images = value;
+            this._images = this._filterValidImages(value);
             this._loadImages();
             this._changeDetector.detectChanges();
         }
@@ -1236,6 +1240,15 @@ class ImageCarouselComponent {
         }
         return this._domSanitizer.bypassSecurityTrustUrl(source);
     }
+    _filterValidImages(value) {
+        if (!value) {
+            return [];
+        }
+        return value.filter(doc => {
+            const pattern = /\.(jpg|jpeg|png|gif|bmp|tiff|webp)$/i;
+            return pattern.test(doc.fileName) || !!doc.filePath;
+        });
+    }
     _loadImages() {
         if (this._images) {
             this._images.forEach((i) => {
@@ -1595,14 +1608,22 @@ class ProductAddtocartComponent {
         return __awaiter(this, void 0, void 0, function* () {
             if (this.createFrozenArticle) {
                 if (this.article.goodType === 'B') {
-                    this._appEventService.onAddToCart.next({
-                        article: yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity }),
-                        quantity: quantity
-                    });
+                    const article = yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity });
+                    if (article) {
+                        this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
+                    }
                 }
                 else {
-                    const article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
-                    this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
+                    let article;
+                    if (!!this.externalSource) {
+                        article = yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity });
+                    }
+                    else {
+                        article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
+                    }
+                    if (article) {
+                        this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
+                    }
                 }
             }
             else {
@@ -2489,7 +2510,10 @@ IoneProductModule.decorators = [
                     IoneProductComponent
                 ],
                 providers: [
-                    ProductSettingsService
+                    ProductSettingsService,
+                    ProductConnectorService,
+                    ProductEventService,
+                    ProductConnectorAdapterService
                 ]
             },] }
 ];
@@ -2589,7 +2613,6 @@ ProductExternalSourceComponent.decorators = [
         </ng-container>
     `,
                 providers: [
-                    ProductEventService,
                     ProductSettingsService,
                     ProductConnectorAdapterService,
                     ProductConnectorService