@colijnit/product 257.1.11 → 257.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/components/product-addtocart/product-addtocart.component.d.ts +1 -4
- package/app/service/product-connector-adapter.service.d.ts +0 -1
- package/app/service/product-connector.service.d.ts +0 -1
- package/bundles/colijnit-product.umd.js +22 -61
- package/bundles/colijnit-product.umd.js.map +1 -1
- package/colijnit-product-257.1.12.tgz +0 -0
- package/colijnit-product.metadata.json +1 -1
- package/esm2015/app/components/product-addtocart/product-addtocart.component.js +6 -24
- package/esm2015/app/components/product-page/product-page.component.js +3 -3
- package/esm2015/app/product-version.js +3 -3
- package/esm2015/app/service/product-connector-adapter.service.js +1 -9
- package/esm2015/app/service/product-connector.service.js +1 -4
- package/fesm2015/colijnit-product.js +9 -37
- package/fesm2015/colijnit-product.js.map +1 -1
- package/package.json +1 -1
|
@@ -30,8 +30,8 @@ class Version {
|
|
|
30
30
|
constructor() {
|
|
31
31
|
this.name = "@colijnit/product";
|
|
32
32
|
this.description = "Product detail page project for iOne";
|
|
33
|
-
this.symVer = "257.1.
|
|
34
|
-
this.publishDate = "
|
|
33
|
+
this.symVer = "257.1.12";
|
|
34
|
+
this.publishDate = "9-7-2025 14:29:11";
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -202,14 +202,6 @@ class ProductConnectorAdapterService {
|
|
|
202
202
|
});
|
|
203
203
|
});
|
|
204
204
|
}
|
|
205
|
-
getGeneratedArtDirectly(goodId, showLoader) {
|
|
206
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
207
|
-
return this.articleConnector.getGeneratedArtDirectly(goodId, showLoader).catch((messages) => {
|
|
208
|
-
this._eventService.errorMessage.next(messages);
|
|
209
|
-
return null;
|
|
210
|
-
});
|
|
211
|
-
});
|
|
212
|
-
}
|
|
213
205
|
getGoodIdFromArticleNr(sku) {
|
|
214
206
|
return __awaiter(this, void 0, void 0, function* () {
|
|
215
207
|
const response = yield this.articleConnector.getGoodIdFromArticleNr(sku);
|
|
@@ -654,9 +646,6 @@ class ProductConnectorService {
|
|
|
654
646
|
getJsonArticleFlatTree(goodId, goodType, quantity, externalSource = false, showLoader = true, configuratorStatistics) {
|
|
655
647
|
return this._adapterService.getJsonArticleFlatTree(goodId, goodType, quantity, externalSource, showLoader, this._instanceId, configuratorStatistics);
|
|
656
648
|
}
|
|
657
|
-
getGeneratedArtDirectly(goodId, showLoader = true) {
|
|
658
|
-
return this._adapterService.getGeneratedArtDirectly(goodId, showLoader);
|
|
659
|
-
}
|
|
660
649
|
addWebSessionTransactionLine(transactionUuid, sku, quantity) {
|
|
661
650
|
return __awaiter(this, void 0, void 0, function* () {
|
|
662
651
|
return yield this._adapterService.addWebSessionTransactionLine(transactionUuid, sku, quantity);
|
|
@@ -1087,7 +1076,7 @@ class ProductPageComponent {
|
|
|
1087
1076
|
this._ione.getFullArticle(this._sku).then((article) => {
|
|
1088
1077
|
this.article = article;
|
|
1089
1078
|
if (this.article) {
|
|
1090
|
-
this.configurable = this.article.goodType === 'B'
|
|
1079
|
+
this.configurable = this.article.goodType === 'B';
|
|
1091
1080
|
if (this.configurable) {
|
|
1092
1081
|
this.showAddToCart = false;
|
|
1093
1082
|
this.currentView = SelectorType.TwoD;
|
|
@@ -1120,7 +1109,7 @@ class ProductPageComponent {
|
|
|
1120
1109
|
ProductPageComponent.decorators = [
|
|
1121
1110
|
{ type: Component, args: [{
|
|
1122
1111
|
selector: 'app-product-page',
|
|
1123
|
-
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
|
|
1112
|
+
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 (onAnswersAvailable)=\"appEventService.onAnswersAvailable.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 [showAddToCart]=\"showAddToCart\"\r\n [article]=\"article\"\r\n [externalSource]=\"externalSource\"\r\n [isReturn]=\"isReturn\"\r\n (startConfiguration)=\"handleStartConfiguration()\"\r\n (showRelatedPopup)=\"handlePopUpChange($event)\"\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 [showAddToCart]=\"showAddToCart\"\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\r\n\r\n <div *ngIf=\"showRelatedProductsPopup\">\r\n <co-product-dialog\r\n [mainArticle]=\"article\"\r\n [articles]=\"article?.relatedArticles\"\r\n [refType]=\"1\"\r\n (closeRelatedPopup)=\"handlePopUpChange($event)\"\r\n >\r\n </co-product-dialog>\r\n\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\r\n\r\n </div>\r\n</ng-container>\r\n",
|
|
1124
1113
|
animations: [
|
|
1125
1114
|
trigger('toggleFullScreen', [
|
|
1126
1115
|
state('fullscreen', style({ 'position': 'fixed', 'top': '0', 'left': '0', 'width': '100%', 'height': '100%' })),
|
|
@@ -1766,12 +1755,11 @@ ProductPriceModule.decorators = [
|
|
|
1766
1755
|
];
|
|
1767
1756
|
|
|
1768
1757
|
class ProductAddtocartComponent {
|
|
1769
|
-
constructor(iconCache, _ioneControllerService, _appEventService, _settingsService
|
|
1758
|
+
constructor(iconCache, _ioneControllerService, _appEventService, _settingsService) {
|
|
1770
1759
|
this.iconCache = iconCache;
|
|
1771
1760
|
this._ioneControllerService = _ioneControllerService;
|
|
1772
1761
|
this._appEventService = _appEventService;
|
|
1773
1762
|
this._settingsService = _settingsService;
|
|
1774
|
-
this._productConnectorAdapterService = _productConnectorAdapterService;
|
|
1775
1763
|
this.icon = IconEnum;
|
|
1776
1764
|
this.createFrozenArticle = true;
|
|
1777
1765
|
this.configurable = false;
|
|
@@ -1811,19 +1799,9 @@ class ProductAddtocartComponent {
|
|
|
1811
1799
|
return __awaiter(this, void 0, void 0, function* () {
|
|
1812
1800
|
if (this.createFrozenArticle) {
|
|
1813
1801
|
if (this.article.goodType === 'B') {
|
|
1814
|
-
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
|
|
1818
|
-
}
|
|
1819
|
-
}
|
|
1820
|
-
else {
|
|
1821
|
-
const generatedGoodId = yield this._getGeneratedArtDirectly(this.article.goodId);
|
|
1822
|
-
if (generatedGoodId) {
|
|
1823
|
-
const articleFull = yield this._productConnectorAdapterService.getArticleFullObject(generatedGoodId, true);
|
|
1824
|
-
const article = this._ioneControllerService.convertArticleFullObjectToArticleExtended(articleFull);
|
|
1825
|
-
this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
|
|
1826
|
-
}
|
|
1802
|
+
const article = yield this._getJSONFromArticleObject({ article: this.article, quantity: quantity });
|
|
1803
|
+
if (article) {
|
|
1804
|
+
this._appEventService.onAddToCart.next({ article: article, quantity: quantity });
|
|
1827
1805
|
}
|
|
1828
1806
|
}
|
|
1829
1807
|
else {
|
|
@@ -1862,11 +1840,6 @@ class ProductAddtocartComponent {
|
|
|
1862
1840
|
return yield this._ioneControllerService.getJsonArticleFlatTree(article.article.goodId, article.article.goodType, article.quantity, !!this.externalSource, true, configuratorStatistics);
|
|
1863
1841
|
});
|
|
1864
1842
|
}
|
|
1865
|
-
_getGeneratedArtDirectly(goodId) {
|
|
1866
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
1867
|
-
return yield this._ioneControllerService.getGeneratedArtDirectly(goodId, true);
|
|
1868
|
-
});
|
|
1869
|
-
}
|
|
1870
1843
|
}
|
|
1871
1844
|
ProductAddtocartComponent.decorators = [
|
|
1872
1845
|
{ type: Component, args: [{
|
|
@@ -1909,8 +1882,7 @@ ProductAddtocartComponent.ctorParameters = () => [
|
|
|
1909
1882
|
{ type: IconCacheService },
|
|
1910
1883
|
{ type: ProductConnectorService },
|
|
1911
1884
|
{ type: ProductEventService },
|
|
1912
|
-
{ type: ProductSettingsService }
|
|
1913
|
-
{ type: ProductConnectorAdapterService }
|
|
1885
|
+
{ type: ProductSettingsService }
|
|
1914
1886
|
];
|
|
1915
1887
|
ProductAddtocartComponent.propDecorators = {
|
|
1916
1888
|
addToCartButton: [{ type: ViewChild, args: ['addtocartbutton', { read: ElementRef },] }],
|