@colijnit/product 254.1.3 → 255.1.2

package/app/components/product-external-source/product-external-source.component.d.ts

@@ -4,20 +4,19 @@ import { ExternalSource } from '@colijnit/articleapi/build/model/external-source
 import { ProductConnectorService } from '../../service/product-connector.service';
 import { ArticleListObject } from '@colijnit/articleapi/build/model/article-list-object';
 import { ProductEventService } from '../../service/product-event.service';
-import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
+import { CatalogDefinition } from '@colijnit/articleapi/build/model/catalog-definition.bo';
+import { ExternalSourceArticleAddInterface } from '@colijnit/articleapi/build/interface/external-source-article-add.interface';
 export declare class ProductExternalSourceComponent implements OnInit, OnDestroy {
     private _sanitizer;
     private _productConnectorService;
     private _appEventService;
     sku: string;
+    catalogDefinition: CatalogDefinition;
     set externalSource(value: ExternalSource);
     get externalSource(): ExternalSource;
     options: {};
-    addToCart: EventEmitter<{
-        article: string | ArticleExtended;
-        quantity: number;
-    }>;
-    addToQuote: EventEmitter<string>;
+    addToCart: EventEmitter<ExternalSourceArticleAddInterface>;
+    addToQuote: EventEmitter<ExternalSourceArticleAddInterface>;
     alternativeClick: EventEmitter<ArticleListObject>;
     showClass(): boolean;
     showProduct: boolean;

package/app/ione-product.component.d.ts

@@ -7,7 +7,7 @@ import { ArticleListObject } from '@colijnit/articleapi/build/model/article-list
 import { ProductSettingsService } from './service/product-settings.service';
 import { Selection } from '@colijnit/articleapi/build/model/selection';
 import { ArticleQuickSel } from '@colijnit/articleapi/build/model/article-quick-sel';
-import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
+import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/article-list-object-extended.bo';
 export declare class IoneProductComponent implements OnInit, OnChanges, OnDestroy {
     private _dictionary;
     private _jsonUtils;
@@ -21,7 +21,7 @@ export declare class IoneProductComponent implements OnInit, OnChanges, OnDestro
     get settings(): any;
     handleAddArticleInternally: boolean;
     onAddToCart: EventEmitter<{
-        article: string | ArticleExtended;
+        article: string | ArticleListObjectExtended;
         quantity: number;
     }>;
     forceRenderImage: EventEmitter<void>;

package/app/service/product-connector-adapter.service.d.ts

@@ -8,7 +8,7 @@ import { Options } from '@colijnit/ioneconnector/build/model/options';
 import { DeliveryPrognosis } from '@colijnit/articleapi/build/model/delivery-prognosis';
 import { DocumentContent } from '@colijnit/articleapi/build/model/document-content';
 import { Transaction } from '@colijnit/transactionapi/build/transaction';
-import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
+import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/article-list-object-extended.bo';
 export declare class ProductConnectorAdapterService implements OnDestroy {
     readonly showLoader: Subject<boolean>;
     articleConnector?: Articles;
@@ -19,7 +19,7 @@ export declare class ProductConnectorAdapterService implements OnDestroy {
     initConnector(options: Options): Promise<void>;
     setInstance(instanceId: string): void;
     getProductBundleSettings(url: string, upId: number): Promise<string>;
-    convertArticleFullObjectToArticleExtended(article: ArticleFullObject): ArticleExtended;
+    convertArticleFullObjectToArticleExtended(article: ArticleFullObject): ArticleListObjectExtended;
     getDeliveryPrognosis(goodId: number, branchNr?: string): Promise<any>;
     getSelectorDeliveryDate(): Promise<DeliveryPrognosis>;
     getArtStockStatus(goodId: number): Promise<number>;

package/app/service/product-connector.service.d.ts

@@ -7,7 +7,7 @@ import { ProductSettingsService } from './product-settings.service';
 import { ConfiguratorStatisticsEnvironment } from '@colijnit/articleapi/build/model/configurator-statistics-environment';
 import { DeliveryPrognosis } from '@colijnit/articleapi/build/model/delivery-prognosis';
 import { DocumentContent } from '@colijnit/articleapi/build/model/document-content';
-import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
+import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/article-list-object-extended.bo';
 export declare class ProductConnectorService implements OnDestroy {
     private _adapterService;
     private _settingsService;
@@ -24,7 +24,7 @@ export declare class ProductConnectorService implements OnDestroy {
     initConnection(): Promise<void>;
     getProductBundleSettings(url: string, upId: number): Promise<string>;
     setInstance(instanceId: string): void;
-    convertArticleFullObjectToArticleExtended(article: ArticleFullObject): ArticleExtended;
+    convertArticleFullObjectToArticleExtended(article: ArticleFullObject): ArticleListObjectExtended;
     getFullArticle(sku: string): Promise<ArticleFullObject>;
     getDocumentContent(docId: number, thumbnail?: boolean): Promise<DocumentContent>;
     getDeliveryPrognosis(goodId: number): Promise<DeliveryPrognosis>;

package/app/service/product-event.service.d.ts

@@ -2,10 +2,10 @@ import { Subject } from 'rxjs';
 import { ArticleListObject } from '@colijnit/articleapi/build/model/article-list-object';
 import { Selection } from '@colijnit/articleapi/build/model/selection';
 import { ArticleQuickSel } from '@colijnit/articleapi/build/model/article-quick-sel';
-import { ArticleExtended } from '@colijnit/articleapi/build/model/article-extended.bo';
+import { ArticleListObjectExtended } from '@colijnit/articleapi/build/model/article-list-object-extended.bo';
 export declare class ProductEventService {
     onAddToCart: Subject<{
-        article: string | ArticleExtended;
+        article: string | ArticleListObjectExtended;
         quantity: number;
     }>;
     onAlternativeClick: Subject<ArticleListObject>;

package/bundles/colijnit-product.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/articleapi/build/model/article-full-object'), require('@colijnit/articleapi/build/model/super-article'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/model/delivery-prognosis'), require('@colijnit/articleapi/build/model/document-content'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/mainapi'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/articleapi/build/model/article-extended.bo'), require('@angular/common/http'), require('@colijnit/ioneconnector/build/utils/string-utils'), require('@angular/common'), require('@angular/animations'), require('@angular/platform-browser'), require('@colijnit/corecomponents'), require('@colijnit/mainapi/build/model/co-document'), require('@colijnit/articleapi/build/model/configurator-statistics-environment'), require('@colijnit/corecomponents_v12')) :
-    typeof define === 'function' && define.amd ? define('@colijnit/product', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/articleapi/build/model/article-full-object', '@colijnit/articleapi/build/model/super-article', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/model/delivery-prognosis', '@colijnit/articleapi/build/model/document-content', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/transactionapi/build/transaction', '@colijnit/mainapi', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/articleapi/build/model/article-extended.bo', '@angular/common/http', '@colijnit/ioneconnector/build/utils/string-utils', '@angular/common', '@angular/animations', '@angular/platform-browser', '@colijnit/corecomponents', '@colijnit/mainapi/build/model/co-document', '@colijnit/articleapi/build/model/configurator-statistics-environment', '@colijnit/corecomponents_v12'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.product = {}), global.ng.core, global.rxjs, global.options, global.articleFullObject, global.superArticle, global.articles, global.deliveryPrognosis, global.documentContent, global.businessObjectFactory, global.transaction, global.mainapi, global.transactionInfoResponse_bo, global.articleExtended_bo, global.ng.common.http, global.stringUtils, global.ng.common, global.ng.animations, global.ng.platformBrowser, global.corecomponents, global.coDocument, global.configuratorStatisticsEnvironment, global.corecomponents_v12));
-})(this, (function (exports, i0, rxjs, options, articleFullObject, superArticle, articles, deliveryPrognosis, documentContent, businessObjectFactory, transaction, mainapi, transactionInfoResponse_bo, articleExtended_bo, i1, stringUtils, common, animations, i1$1, corecomponents, coDocument, configuratorStatisticsEnvironment, corecomponents_v12) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@colijnit/ioneconnector/build/model/options'), require('@colijnit/articleapi/build/model/article-full-object'), require('@colijnit/articleapi/build/model/super-article'), require('@colijnit/articleapi/build/articles'), require('@colijnit/articleapi/build/model/delivery-prognosis'), require('@colijnit/articleapi/build/model/document-content'), require('@colijnit/ioneconnector/build/service/business-object-factory'), require('@colijnit/transactionapi/build/transaction'), require('@colijnit/mainapi'), require('@colijnit/transactionapi/build/model/transaction-info-response.bo'), require('@colijnit/articleapi/build/model/article-list-object-extended.bo'), require('@angular/common/http'), require('@colijnit/ioneconnector/build/utils/string-utils'), require('@angular/common'), require('@angular/animations'), require('@angular/platform-browser'), require('@colijnit/corecomponents'), require('@colijnit/mainapi/build/model/co-document'), require('@colijnit/articleapi/build/model/configurator-statistics-environment'), require('@colijnit/corecomponents_v12')) :
+    typeof define === 'function' && define.amd ? define('@colijnit/product', ['exports', '@angular/core', 'rxjs', '@colijnit/ioneconnector/build/model/options', '@colijnit/articleapi/build/model/article-full-object', '@colijnit/articleapi/build/model/super-article', '@colijnit/articleapi/build/articles', '@colijnit/articleapi/build/model/delivery-prognosis', '@colijnit/articleapi/build/model/document-content', '@colijnit/ioneconnector/build/service/business-object-factory', '@colijnit/transactionapi/build/transaction', '@colijnit/mainapi', '@colijnit/transactionapi/build/model/transaction-info-response.bo', '@colijnit/articleapi/build/model/article-list-object-extended.bo', '@angular/common/http', '@colijnit/ioneconnector/build/utils/string-utils', '@angular/common', '@angular/animations', '@angular/platform-browser', '@colijnit/corecomponents', '@colijnit/mainapi/build/model/co-document', '@colijnit/articleapi/build/model/configurator-statistics-environment', '@colijnit/corecomponents_v12'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.colijnit = global.colijnit || {}, global.colijnit.product = {}), global.ng.core, global.rxjs, global.options, global.articleFullObject, global.superArticle, global.articles, global.deliveryPrognosis, global.documentContent, global.businessObjectFactory, global.transaction, global.mainapi, global.transactionInfoResponse_bo, global.articleListObjectExtended_bo, global.ng.common.http, global.stringUtils, global.ng.common, global.ng.animations, global.ng.platformBrowser, global.corecomponents, global.coDocument, global.configuratorStatisticsEnvironment, global.corecomponents_v12));
+})(this, (function (exports, i0, rxjs, options, articleFullObject, superArticle, articles, deliveryPrognosis, documentContent, businessObjectFactory, transaction, mainapi, transactionInfoResponse_bo, articleListObjectExtended_bo, i1, stringUtils, common, animations, i1$1, corecomponents, coDocument, configuratorStatisticsEnvironment, corecomponents_v12) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -31,8 +31,8 @@
         function Version() {
             this.name = "@colijnit/product";
             this.description = "Product detail page project for iOne";
-            this.symVer = "254.1.3";
-            this.publishDate = "1-7-2024 22:30:54";
+            this.symVer = "255.1.2";
+            this.publishDate = "4-9-2024 12:30:27";
         }
         return Version;
     }());
@@ -651,7 +651,7 @@
         };
         ProductConnectorAdapterService.prototype.convertArticleFullObjectToArticleExtended = function (article) {
             if (article) {
-                return this._boFactory.makeWithRawBackendData(articleExtended_bo.ArticleExtended, article);
+                return this._boFactory.makeWithRawBackendData(articleListObjectExtended_bo.ArticleListObjectExtended, article);
             }
         };
         ProductConnectorAdapterService.prototype.getDeliveryPrognosis = function (goodId, branchNr) {
@@ -2499,7 +2499,7 @@
         { type: i0.Component, args: [{
                     selector: 'app-product-related',
                     template: "\n    <div *ngIf=\"articles && articles.length > 0\">\n      <app-header [label]=\"label\" [amount]=\"articles?.length\" *ngIf=\"label\"></app-header>\n      <co-scroll-container>\n        <div class=\"article-wrapper\" *ngFor=\"let article of articles\">\n          <co-article-tile\n            [imageData]=\"article.image.documentBodyAsDataUri\"\n            [description]=\"article.description\"\n            [price]=\"article.price\"\n            [level]=\"article.stockStatus\"\n            [hasCartButton]=\"true\"\n            [isSmallModus]=\"isSmallModus\"\n            [hasConfigureButton]=\"article.goodType === 'B'\"\n            (contentClick)=\"handleContentClick(article)\"\n            (cartButtonClick)=\"handleAddToCartClick(article)\"\n            (configureButtonClick)=\"handleConfigureButtonClick(article)\"\n            (threeDButtonClick)=\"handleThreeDButtonClick(article)\"\n          ></co-article-tile>\n        </div>\n      </co-scroll-container>\n    </div>\n  ",
-                    styles: [":host{display:block}.article-wrapper{display:flex;flex-direction:row}.article-wrapper ::ng-deep co-tile{transition:all .14s ease-out;border:1px solid transparent;padding:10px 20px;display:flex;flex-direction:column;color:#171721}.article-wrapper ::ng-deep co-tile .description,.article-wrapper ::ng-deep co-tile .price{display:block}.article-wrapper ::ng-deep co-tile:hover{border:1px solid #DCE4EA}.article-wrapper ::ng-deep co-tile.small{max-width:189px;width:100%;height:100%;cursor:pointer}.article-wrapper ::ng-deep co-tile.small:hover .tile-bottom .left-buttons{margin:0!important}.article-wrapper ::ng-deep co-tile.small .tile-wrapper{outline:none!important;padding-bottom:0;overflow:hidden}.article-wrapper ::ng-deep co-tile.small .tile-wrapper div.image{height:100px}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-extra-bottom ::ng-deep co-button.card-button.mini{pointer-events:all;padding:0!important;font-size:0;width:42px;height:42px;text-align:center;margin:0;border-radius:100%;background:#3E7EFF;cursor:pointer;place-content:center;color:#fff}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-extra-bottom ::ng-deep co-button.card-button.mini ::ng-deep co-icon{width:30px;height:30px}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom{outline:none!important;background:transparent!important}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom .price{color:#74b77f;margin:5px 0 0;font-weight:400;font-size:12px}\n"]
+                    styles: [":host{display:block}.article-wrapper{display:flex;flex-direction:row;flex:1;min-width:25%}.article-wrapper ::ng-deep co-tile{transition:all .14s ease-out;border:1px solid transparent;padding:10px 20px;display:flex;flex-direction:column;color:#171721;justify-content:space-between}.article-wrapper ::ng-deep co-tile .price{display:block}.article-wrapper ::ng-deep co-tile .description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:30px}.article-wrapper ::ng-deep co-tile .tile-bottom{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.article-wrapper ::ng-deep co-tile:hover{border:1px solid #DCE4EA}.article-wrapper ::ng-deep co-tile .tile-extra-bottom co-button co-icon{width:24px;height:24px}.article-wrapper ::ng-deep co-tile .tile-extra-bottom co-button co-icon svg [fill]{fill:#fff}.article-wrapper ::ng-deep co-tile.small{max-width:189px;width:100%;height:100%;cursor:pointer}.article-wrapper ::ng-deep co-tile.small:hover .tile-bottom .left-buttons{margin:0!important}.article-wrapper ::ng-deep co-tile.small .tile-wrapper{outline:none!important;padding-bottom:0;overflow:hidden;grid-gap:10px;gap:10px;display:flex;flex-direction:column}.article-wrapper ::ng-deep co-tile.small .tile-wrapper div.image{height:100px}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-extra-bottom ::ng-deep co-button.card-button.mini{pointer-events:all;padding:0!important;font-size:0;width:42px;height:42px;text-align:center;margin:0;border-radius:100%;background:#3E7EFF;cursor:pointer;place-content:center;color:#fff}.article-wrapper ::ng-deep co-tile.small .tile-wrapper .tile-extra-bottom ::ng-deep co-button.card-button.mini ::ng-deep co-icon{width:30px;height:30px}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom{outline:none!important;background:transparent!important}.article-wrapper ::ng-deep co-tile.small .tile-extra-bottom .price{color:#74b77f;margin:5px 0 0;font-weight:400;font-size:12px}\n"]
                 },] }
     ];
     ProductRelatedComponent.ctorParameters = function () { return [
@@ -3236,7 +3236,21 @@
         };
         ProductExternalSourceComponent.prototype.ngOnInit = function () {
             var _this = this;
-            this._subs.push(this._appEventService.onAddToCart.subscribe(function (json) { return _this.addToCart.next(json); }), this._appEventService.onAddToQuote.subscribe(function (json) { return _this.addToQuote.next(json); }), this._appEventService.onAlternativeClick.subscribe(function (article) { return _this.alternativeClick.next(article); }));
+            this._subs.push(this._appEventService.onAddToCart.subscribe(function (data) {
+                _this.addToCart.next({
+                    article: data.article,
+                    quantity: data.quantity,
+                    catalogDefinition: _this.catalogDefinition,
+                    externalSource: _this._externalSource
+                });
+            }), this._appEventService.onAddToQuote.subscribe(function (json) {
+                _this.addToQuote.next({
+                    article: json,
+                    quantity: 1,
+                    catalogDefinition: _this.catalogDefinition,
+                    externalSource: _this._externalSource
+                });
+            }), this._appEventService.onAlternativeClick.subscribe(function (article) { return _this.alternativeClick.next(article); }));
         };
         ProductExternalSourceComponent.prototype.ngOnDestroy = function () {
             this._subs.forEach(function (s) { return s.unsubscribe(); });
@@ -3304,6 +3318,7 @@
     ]; };
     ProductExternalSourceComponent.propDecorators = {
         sku: [{ type: i0.Input }],
+        catalogDefinition: [{ type: i0.Input }],
         externalSource: [{ type: i0.Input }],
         options: [{ type: i0.Input }],
         addToCart: [{ type: i0.Output }],