@colijnit/product 255.1.1 → 255.1.3

package/app/components/product-addtocart/product-addtocart.component.d.ts

@@ -5,6 +5,7 @@ import { ProductConnectorService } from '../../service/product-connector.service
 import { ProductEventService } from '../../service/product-event.service';
 import { ArticleFullObject } from '@colijnit/articleapi/build/model/article-full-object';
 import { ProductSettingsService } from '../../service/product-settings.service';
+import { ExternalSource } from '@colijnit/articleapi/build/model/external-source.bo';
 export declare class ProductAddtocartComponent implements OnInit, OnDestroy {
     iconCache: IconCacheService;
     private _ioneControllerService;
@@ -13,6 +14,7 @@ export declare class ProductAddtocartComponent implements OnInit, OnDestroy {
     readonly icon: typeof IconEnum;
     addToCartButton: ElementRef;
     article: ArticleFullObject;
+    externalSource: ExternalSource;
     createFrozenArticle: boolean;
     configurable: boolean;
     configuring: boolean;

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/components/product-page/product-page.component.d.ts

@@ -7,6 +7,7 @@ import { IconEnum } from '../../enum/icon.enum';
 import { IconCacheService } from '../../service/icon-cache.service';
 import { ProductSettingsService } from '../../service/product-settings.service';
 import { ProductEventService } from '../../service/product-event.service';
+import { ExternalSource } from '@colijnit/articleapi/build/model/external-source.bo';
 export declare class ProductPageComponent implements OnInit, OnDestroy, AfterViewInit {
     private _ione;
     private _renderer;
@@ -21,6 +22,7 @@ export declare class ProductPageComponent implements OnInit, OnDestroy, AfterVie
     set sku(value: string);
     get sku(): string;
     set settings(value: any);
+    externalSource: ExternalSource;
     createFrozenArticle: boolean;
     isReturn: boolean;
     openStockEvent: EventEmitter<void>;

package/app/components/product-related/product-related.component.d.ts

@@ -3,6 +3,7 @@ import { ProductConnectorService } from '../../service/product-connector.service
 import { ProductEventService } from '../../service/product-event.service';
 import { ProductConnectorAdapterService } from "../../service/product-connector-adapter.service";
 import { ProductSettingsService } from "../../service/product-settings.service";
+import { ExternalSource } from '@colijnit/articleapi/build/model/external-source.bo';
 export declare class ProductRelatedComponent {
     private _iOne;
     private _appEventService;
@@ -10,6 +11,7 @@ export declare class ProductRelatedComponent {
     private _settingsService;
     refType: number;
     label: string;
+    externalSource: ExternalSource;
     isSmallModus: boolean;
     createFrozenArticle: boolean;
     set articles(value: ArticleListObject[]);

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,13 +19,13 @@ 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>;
     getDeliveryDate2(goodId: number): Promise<DeliveryPrognosis>;
     getJsonConfiguredArticles(configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
-    getJsonArticleFlatTree(goodId: number, goodType: string, quantity: number, showLoader?: boolean, instanceId?: any, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
+    getJsonArticleFlatTree(goodId: number, goodType: string, quantity: number, externalSource?: boolean, showLoader?: boolean, instanceId?: any, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
     getGoodIdFromArticleNr(sku: string): Promise<number>;
     getArticleFullObject(goodId: number): Promise<ArticleFullObject>;
     getSuperArticle(id: string, branch?: string): Promise<SuperArticle>;

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>;
@@ -32,7 +32,7 @@ export declare class ProductConnectorService implements OnDestroy {
     getArtStockStatus(goodId: number): Promise<number>;
     getDeliveryDate2(goodId: number): Promise<DeliveryPrognosis>;
     getSuperArticle(id: string): Promise<SuperArticle>;
-    getJsonArticleFlatTree(goodId: number, goodType: string, quantity: number, showLoader?: boolean, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
+    getJsonArticleFlatTree(goodId: number, goodType: string, quantity: number, externalSource?: boolean, showLoader?: boolean, configuratorStatistics?: ConfiguratorStatisticsEnvironment): Promise<string>;
     addWebSessionTransactionLine(transactionUuid: string, sku: string, quantity: number): Promise<string>;
     onShowLoaderChange(showLoader: boolean): void;
 }

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 = "255.1.1";
-            this.publishDate = "7/18/2024, 3:10:57 PM";
+            this.symVer = "255.1.3";
+            this.publishDate = "25-9-2024 17:21:06";
         }
         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) {
@@ -746,11 +746,12 @@
                 });
             });
         };
-        ProductConnectorAdapterService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics) {
+        ProductConnectorAdapterService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics) {
+            if (externalSource === void 0) { externalSource = false; }
             if (showLoader === void 0) { showLoader = true; }
             return __awaiter(this, void 0, void 0, function () {
                 return __generator(this, function (_a) {
-                    return [2 /*return*/, this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, instanceId, configuratorStatistics)];
+                    return [2 /*return*/, this.articleConnector.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, instanceId, configuratorStatistics)];
                 });
             });
         };
@@ -1227,9 +1228,10 @@
         ProductConnectorService.prototype.getSuperArticle = function (id) {
             return this._adapterService.getSuperArticle(id);
         };
-        ProductConnectorService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, showLoader, configuratorStatistics) {
+        ProductConnectorService.prototype.getJsonArticleFlatTree = function (goodId, goodType, quantity, externalSource, showLoader, configuratorStatistics) {
+            if (externalSource === void 0) { externalSource = false; }
             if (showLoader === void 0) { showLoader = true; }
-            return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, showLoader, this._instanceId, configuratorStatistics);
+            return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, this._instanceId, configuratorStatistics);
         };
         ProductConnectorService.prototype.addWebSessionTransactionLine = function (transactionUuid, sku, quantity) {
             return __awaiter(this, void 0, void 0, function () {
@@ -1682,7 +1684,7 @@
     ProductPageComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-product-page',
-                    template: "<ng-container *ngIf=\"settingsLoaded\">\r\n  <div class=\"page-wrapper\">\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\">\r\n        <div class=\"product-image-container\">\r\n          <div class=\"product-page-block-selector-type\">\r\n            <app-product-selector-type class=\"default-padding\"\r\n              [(currentType)]=\"currentView\"\r\n              [show2D]=\"configurable\"\r\n              [show3D]=\"threeD\"\r\n            ></app-product-selector-type>\r\n          </div>\r\n          <div class=\"product-page-block-image default-padding\" [class.full]=\"fullScreen\">\r\n            <app-image-carousel [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\" [images]=\"article?.images\" [showRefresh]=\"configurable && threeD\"></app-image-carousel>\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-configurator #configurator class=\"threed-configurator\"\r\n                                   [class.configurator-full-screen]=\"fullScreen\"\r\n                                   [@toggleVisibilityByState]=\"show3D ? 'show' : 'hide'\"\r\n                                   [@toggleFullScreen]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n              ></threed-configurator>\r\n            </ng-container>\r\n            <co-icon #fullscreenbutton class=\"fullscreen-button\" *ngIf=\"show3D\"\r\n                     [@toggleTopLeft]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                     [iconData]=\"iconCache.getIcon(fullScreenIcon)\"\r\n                     (click)=\"showFullScreen()\"></co-icon>\r\n            <co-icon class=\"threed-watermark\" *ngIf=\"show3D && fullScreen\"\r\n                     [iconData]=\"iconCache.getIcon(icon.Logo)\"></co-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-description\">\r\n          <app-product-description class=\"default-padding\" [article]=\"article\"></app-product-description>\r\n        </div>\r\n        <div class=\"product-page-block-additional\">\r\n          <div class=\"product-page-block-additional-description\">\r\n            <app-product-additional-description class=\"default-padding\" [article]=\"article\"></app-product-additional-description>\r\n          </div>\r\n          <div class=\"product-page-block-price\" [class.full]=\"configuring\">\r\n            <app-product-price class=\"s-padding\" *ngIf=\"!configuring\"\r\n                               [pricing]=\"article?.pricing\"\r\n                               [configurable]=\"configurable\"\r\n            ></app-product-price>\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-selections #selections class=\"threed-selections\" [class.show-selections]=\"configuring\" [@toggleFullScreenRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                                 [class.default-padding]=\"!fullScreen\"\r\n                                 [class.show-full-screen]=\"fullScreen\"\r\n                                 [class.mini-scrollbar]=\"fullScreen\"\r\n                                 [sku]=\"sku\"\r\n                                 [settings]=\"settings\"\r\n                                 (onUserActionFromThreeD)=\"configuring = true\"\r\n                                 (instanceSet)=\"setInstance($event)\"\r\n                                 (onImageReceived)=\"appEventService.onImageReceived.next($event)\"\r\n                                 (onRenderStarted)=\"appEventService.onRenderStarted.next()\"\r\n                                 (onDraftRenderImageReceived)=\"appEventService.onDraftRenderImageReceived.next($event)\"\r\n                                 (onArticleReceived)=\"appEventService.onArticleReceived.next($event.detail)\"\r\n                                 (onSelectionsReceived)=\"appEventService.onSelectionsReceived.next($event.detail)\"\r\n                                 (onArticleInfoReceived)=\"appEventService.onArticleInfoReceived.next($event.detail)\"\r\n              ></threed-selections>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"product-page-block-addtocart no-padding product-action-buttons\" *ngIf=\"!configuring\" [@toggleTopRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\r\n            <app-product-addtocart\r\n                                   [configurable]=\"configurable\"\r\n                                   [createFrozenArticle]=\"createFrozenArticle\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [isReturn]=\"isReturn\"\r\n                                   (startConfiguration)=\"handleStartConfiguration()\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"addtocart-reserved product-action-buttons\" *ngIf=\"configuring\" [class.full-screen]=\"fullScreen\">\r\n            <app-product-addtocart class=\"default-padding\"\r\n                                   [configurable]=\"false\"\r\n                                   [fullscreen]=\"fullScreen\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [isReturn]=\"isReturn\"\r\n                                   (startConfiguration)=\"handleStartConfiguration()\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"product-page-block-variants\">\r\n            <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                                 [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>\r\n          </div>\r\n          <div class=\"product-page-block-stock\">\r\n            <app-product-stock class=\"no-padding\" [goodId]=\"article?.goodId\" (openStockEvent)=\"openStock()\"></app-product-stock>\r\n          </div>\r\n          <div class=\"product-page-block-delivery\">\r\n            <app-product-delivery class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-delivery>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\">\r\n        <app-product-info-tabs class=\"no-padding\" [article]=\"article\"></app-product-info-tabs>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-related s-padding\">\r\n            <app-product-related\r\n              *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n              [articles]=\"article?.relatedArticles\"\r\n              [refType]=\"1\"\r\n              [label]=\"'RELATED_PRODUCTS' | localize\">\r\n            </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content no-top-margin\">\r\n      <div class=\"page-wrapper-full\">\r\n        <div class=\"product-page-block-alternatives s-padding\">\r\n          <app-product-related\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"4\"\r\n            [isSmallModus]=\"false\"\r\n            [label]=\"'ALTERNATIVE_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n",
+                    template: "<ng-container *ngIf=\"settingsLoaded\">\r\n  <div class=\"page-wrapper\">\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\">\r\n        <div class=\"product-image-container\">\r\n          <div class=\"product-page-block-selector-type\">\r\n            <app-product-selector-type class=\"default-padding\"\r\n              [(currentType)]=\"currentView\"\r\n              [show2D]=\"configurable\"\r\n              [show3D]=\"threeD\"\r\n            ></app-product-selector-type>\r\n          </div>\r\n          <div class=\"product-page-block-image default-padding\" [class.full]=\"fullScreen\">\r\n            <app-image-carousel [@toggleVisibilityByState]=\"show2D ? 'show' : 'hide'\" [images]=\"article?.images\" [showRefresh]=\"configurable && threeD\"></app-image-carousel>\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-configurator #configurator class=\"threed-configurator\"\r\n                                   [class.configurator-full-screen]=\"fullScreen\"\r\n                                   [@toggleVisibilityByState]=\"show3D ? 'show' : 'hide'\"\r\n                                   [@toggleFullScreen]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n              ></threed-configurator>\r\n            </ng-container>\r\n            <co-icon #fullscreenbutton class=\"fullscreen-button\" *ngIf=\"show3D\"\r\n                     [@toggleTopLeft]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                     [iconData]=\"iconCache.getIcon(fullScreenIcon)\"\r\n                     (click)=\"showFullScreen()\"></co-icon>\r\n            <co-icon class=\"threed-watermark\" *ngIf=\"show3D && fullScreen\"\r\n                     [iconData]=\"iconCache.getIcon(icon.Logo)\"></co-icon>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-description\">\r\n          <app-product-description class=\"default-padding\" [article]=\"article\"></app-product-description>\r\n        </div>\r\n        <div class=\"product-page-block-additional\">\r\n          <div class=\"product-page-block-additional-description\">\r\n            <app-product-additional-description class=\"default-padding\" [article]=\"article\"></app-product-additional-description>\r\n          </div>\r\n          <div class=\"product-page-block-price\" [class.full]=\"configuring\">\r\n            <app-product-price class=\"s-padding\" *ngIf=\"!configuring\"\r\n                               [pricing]=\"article?.pricing\"\r\n                               [configurable]=\"configurable\"\r\n            ></app-product-price>\r\n            <ng-container *ngIf=\"settingsLoaded\">\r\n              <threed-selections #selections class=\"threed-selections\" [class.show-selections]=\"configuring\" [@toggleFullScreenRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\"\r\n                                 [class.default-padding]=\"!fullScreen\"\r\n                                 [class.show-full-screen]=\"fullScreen\"\r\n                                 [class.mini-scrollbar]=\"fullScreen\"\r\n                                 [sku]=\"sku\"\r\n                                 [settings]=\"settings\"\r\n                                 (onUserActionFromThreeD)=\"configuring = true\"\r\n                                 (instanceSet)=\"setInstance($event)\"\r\n                                 (onImageReceived)=\"appEventService.onImageReceived.next($event)\"\r\n                                 (onRenderStarted)=\"appEventService.onRenderStarted.next()\"\r\n                                 (onDraftRenderImageReceived)=\"appEventService.onDraftRenderImageReceived.next($event)\"\r\n                                 (onArticleReceived)=\"appEventService.onArticleReceived.next($event.detail)\"\r\n                                 (onSelectionsReceived)=\"appEventService.onSelectionsReceived.next($event.detail)\"\r\n                                 (onArticleInfoReceived)=\"appEventService.onArticleInfoReceived.next($event.detail)\"\r\n              ></threed-selections>\r\n            </ng-container>\r\n          </div>\r\n          <div class=\"product-page-block-addtocart no-padding product-action-buttons\" *ngIf=\"!configuring\" [@toggleTopRight]=\"fullScreen ? 'fullscreen' : 'halfscreen'\">\r\n            <app-product-addtocart\r\n                                   [configurable]=\"configurable\"\r\n                                   [createFrozenArticle]=\"createFrozenArticle\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [externalSource]=\"externalSource\"\r\n                                   [isReturn]=\"isReturn\"\r\n                                   (startConfiguration)=\"handleStartConfiguration()\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"addtocart-reserved product-action-buttons\" *ngIf=\"configuring\" [class.full-screen]=\"fullScreen\">\r\n            <app-product-addtocart class=\"default-padding\"\r\n                                   [configurable]=\"false\"\r\n                                   [fullscreen]=\"fullScreen\"\r\n                                   [configuring]=\"configuring\"\r\n                                   [article]=\"article\"\r\n                                   [externalSource]=\"externalSource\"\r\n                                   [isReturn]=\"isReturn\"\r\n                                   (startConfiguration)=\"handleStartConfiguration()\"\r\n            ></app-product-addtocart>\r\n          </div>\r\n          <div class=\"product-page-block-variants\">\r\n            <app-product-related class=\"no-padding\" *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n                                 [externalSource]=\"externalSource\"\r\n                                 [articles]=\"article?.relatedArticles\" [refType]=\"64\" [label]=\"'VARIANTS' | localize\"></app-product-related>\r\n          </div>\r\n          <div class=\"product-page-block-stock\">\r\n            <app-product-stock class=\"no-padding\" [goodId]=\"article?.goodId\" (openStockEvent)=\"openStock()\"></app-product-stock>\r\n          </div>\r\n          <div class=\"product-page-block-delivery\">\r\n            <app-product-delivery class=\"no-padding\" [stockAndDelivery]=\"stockAndDelivery\"></app-product-delivery>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content\">\r\n      <div class=\"page-wrapper-left\">\r\n        <app-product-info-tabs class=\"no-padding\" [article]=\"article\"></app-product-info-tabs>\r\n      </div>\r\n      <div class=\"page-wrapper-right\">\r\n        <div class=\"product-page-block-related s-padding\">\r\n            <app-product-related\r\n              *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n              [externalSource]=\"externalSource\"\r\n              [articles]=\"article?.relatedArticles\"\r\n              [refType]=\"1\"\r\n              [label]=\"'RELATED_PRODUCTS' | localize\">\r\n            </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"page-wrapper-content no-top-margin\">\r\n      <div class=\"page-wrapper-full\">\r\n        <div class=\"product-page-block-alternatives s-padding\">\r\n          <app-product-related\r\n            *ngIf=\"article?.relatedArticles && article?.relatedArticles.length > 0\"\r\n            [externalSource]=\"externalSource\"\r\n            [articles]=\"article?.relatedArticles\"\r\n            [refType]=\"4\"\r\n            [isSmallModus]=\"false\"\r\n            [label]=\"'ALTERNATIVE_PRODUCTS' | localize\">\r\n          </app-product-related>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</ng-container>\r\n",
                     animations: [
                         animations.trigger('toggleFullScreen', [
                             animations.state('fullscreen', animations.style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
@@ -1732,6 +1734,7 @@
         fullscreenbutton: [{ type: i0.ViewChild, args: ['fullscreenbutton', { read: i0.ElementRef },] }],
         sku: [{ type: i0.Input }],
         settings: [{ type: i0.Input }],
+        externalSource: [{ type: i0.Input }],
         createFrozenArticle: [{ type: i0.Input }],
         isReturn: [{ type: i0.Input }],
         openStockEvent: [{ type: i0.Output }]
@@ -2288,22 +2291,30 @@
         };
         ProductAddtocartComponent.prototype.handleAddToCartClick = function (quantity) {
             return __awaiter(this, void 0, void 0, function () {
-                var _a, _b, _c, article;
+                var _a, _b, _c, article, article;
                 return __generator(this, function (_d) {
                     switch (_d.label) {
                         case 0:
-                            if (!this.createFrozenArticle) return [3 /*break*/, 2];
+                            if (!this.createFrozenArticle) return [3 /*break*/, 4];
+                            if (!(this.article.goodType === 'B')) return [3 /*break*/, 2];
                             _b = (_a = this._appEventService.onAddToCart).next;
                             _c = {};
                             return [4 /*yield*/, this._getJSONFromArticleObject({ article: this.article, quantity: quantity })];
                         case 1:
-                            _b.apply(_a, [(_c.article = _d.sent(), _c.quantity = quantity, _c)]);
+                            _b.apply(_a, [(_c.article = _d.sent(),
+                                    _c.quantity = quantity,
+                                    _c)]);
                             return [3 /*break*/, 3];
                         case 2:
                             article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
                             this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
                             _d.label = 3;
-                        case 3: return [2 /*return*/];
+                        case 3: return [3 /*break*/, 5];
+                        case 4:
+                            article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(this.article);
+                            this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
+                            _d.label = 5;
+                        case 5: return [2 /*return*/];
                     }
                 });
             });
@@ -2336,7 +2347,7 @@
                             configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
                             configuratorStatistics.webHost = window.location.host;
                             configuratorStatistics.bundleHost = window.location.host;
-                            return [4 /*yield*/, this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, true, configuratorStatistics)];
+                            return [4 /*yield*/, this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -2360,6 +2371,7 @@
     ProductAddtocartComponent.propDecorators = {
         addToCartButton: [{ type: i0.ViewChild, args: ['addtocartbutton', { read: i0.ElementRef },] }],
         article: [{ type: i0.Input }],
+        externalSource: [{ type: i0.Input }],
         createFrozenArticle: [{ type: i0.Input }],
         configurable: [{ type: i0.Input }],
         configuring: [{ type: i0.Input }],
@@ -2475,7 +2487,7 @@
                             configuratorStatistics.sessionId = this._settingsService.settings.session ? this._settingsService.settings.session.sessionId : 'unknown';
                             configuratorStatistics.webHost = window.location.host;
                             configuratorStatistics.bundleHost = window.location.host;
-                            return [4 /*yield*/, this._iOne.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, true, configuratorStatistics)];
+                            return [4 /*yield*/, this._iOne.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics)];
                         case 1: return [2 /*return*/, _a.sent()];
                     }
                 });
@@ -2511,6 +2523,7 @@
     ProductRelatedComponent.propDecorators = {
         refType: [{ type: i0.Input }],
         label: [{ type: i0.Input }],
+        externalSource: [{ type: i0.Input }],
         isSmallModus: [{ type: i0.Input }],
         createFrozenArticle: [{ type: i0.Input }],
         articles: [{ type: i0.Input }]
@@ -3236,7 +3249,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(); });
@@ -3287,7 +3314,7 @@
     ProductExternalSourceComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-product-external-source',
-                    template: "\n        <ng-container *ngIf=\"loaded\">\n            <ng-container *ngIf=\"showProduct\">\n                <app-product-page\n                        [sku]=\"sku\"\n                        [settings]=\"externalSettings\"\n                ></app-product-page>\n            </ng-container>\n            <ng-container *ngIf=\"!showProduct\">\n                <iframe width=\"100%\" height=\"100%\" [src]=\"safeUrl\" frameborder=\"0\" allowfullscreen></iframe>\n            </ng-container>\n        </ng-container>\n    ",
+                    template: "\n        <ng-container *ngIf=\"loaded\">\n            <ng-container *ngIf=\"showProduct\">\n                <app-product-page\n                        [sku]=\"sku\"\n                        [settings]=\"externalSettings\"\n                        [externalSource]=\"externalSource\"\n                ></app-product-page>\n            </ng-container>\n            <ng-container *ngIf=\"!showProduct\">\n                <iframe width=\"100%\" height=\"100%\" [src]=\"safeUrl\" frameborder=\"0\" allowfullscreen></iframe>\n            </ng-container>\n        </ng-container>\n    ",
                     providers: [
                         ProductEventService,
                         ProductSettingsService,
@@ -3304,6 +3331,7 @@
     ]; };
     ProductExternalSourceComponent.propDecorators = {
         sku: [{ type: i0.Input }],
+        catalogDefinition: [{ type: i0.Input }],
         externalSource: [{ type: i0.Input }],
         options: [{ type: i0.Input }],
         addToCart: [{ type: i0.Output }],