@colijnit/product 256.1.3 → 257.1.0

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

@@ -0,0 +1,19 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { ProductScriptLoaderService } from '../../service/product-script-loader.service';
+export declare class ProductHdComponent {
+    private _scriptLoader;
+    private _renderer;
+    set content(child: any);
+    set sku(value: string);
+    get sku(): string;
+    showClass: boolean;
+    token: string;
+    variant: string;
+    hdeConfigurator: ElementRef;
+    private _sku;
+    constructor(_scriptLoader: ProductScriptLoaderService, _renderer: Renderer2);
+    handleConfigurationFinished(event: CustomEvent): void;
+    handleError(event: CustomEvent): void;
+    private _prepareAttributes;
+    private _loadTheScripts;
+}

package/app/components/product-hd/product-hd.module.d.ts

@@ -0,0 +1,2 @@
+export declare class ProductHdModule {
+}

package/app/service/product-script-loader.service.d.ts

@@ -0,0 +1,7 @@
+import { Renderer2 } from '@angular/core';
+export declare class ProductScriptLoaderService {
+    private platformId;
+    constructor(platformId: any);
+    loadScript(url: string, renderer: Renderer2): Promise<void>;
+    addStyleSheet(url: string, renderer: Renderer2): Promise<void>;
+}

package/bundles/colijnit-product.umd.js

@@ -31,8 +31,8 @@
         function Version() {
             this.name = "@colijnit/product";
             this.description = "Product detail page project for iOne";
-            this.symVer = "256.1.3";
-            this.publishDate = "20-11-2024 10:30:57";
+            this.symVer = "257.1.0";
+            this.publishDate = "1/14/2025, 12:10:32 PM";
         }
         return Version;
     }());
@@ -1389,7 +1389,7 @@
     IoneProductComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'app-ione-product',
-                    template: "\n      <app-product-page *ngIf=\"settingsLoaded\"\n                        [createFrozenArticle]=\"handleAddArticleInternally\"\n                        [isReturn]=\"isReturn\"\n                        (openStockEvent)=\"openStock()\"\n                        [sku]=\"sku\"\n                        [showRelatedProductsPopup]=\"showRelatedProductsPopup\"\n      ></app-product-page>\n\n  ",
+                    template: "\n      <app-product-page *ngIf=\"settingsLoaded\"\n                        [createFrozenArticle]=\"handleAddArticleInternally\"\n                        [isReturn]=\"isReturn\"\n                        (openStockEvent)=\"openStock()\"\n                        [sku]=\"sku\"\n                        [showRelatedProductsPopup]=\"showRelatedProductsPopup\"\n      ></app-product-page>\n<!--\n      <co-product-hd [sku]=\"'8f108aa9-f6cb-4d86-7826-08d87757dac1'\"></co-product-hd>\n-->\n  ",
                     encapsulation: i0.ViewEncapsulation.Emulated,
                     styles: [""]
                 },] }
@@ -3302,6 +3302,184 @@
                 },] }
     ];
 
+    var ProductScriptLoaderService = /** @class */ (function () {
+        function ProductScriptLoaderService(platformId) {
+            this.platformId = platformId;
+        }
+        ProductScriptLoaderService.prototype.loadScript = function (url, renderer) {
+            var _this = this;
+            return new Promise(function (resolve, reject) {
+                if (!common.isPlatformBrowser(_this.platformId)) {
+                    reject('Not in browser environment');
+                    return;
+                }
+                var existingScript = document.getElementById(url);
+                if (existingScript) {
+                    resolve(); // Script already loaded
+                    return;
+                }
+                var script = renderer.createElement('script');
+                script.id = url;
+                script.src = url;
+                script.type = 'text/javascript';
+                script.async = true;
+                script.onload = function () { return resolve(); };
+                script.onerror = function (error) { return reject("Error loading script: " + url); };
+                renderer.appendChild(document.head, script);
+            });
+        };
+        ProductScriptLoaderService.prototype.addStyleSheet = function (url, renderer) {
+            var _this = this;
+            return new Promise(function (resolve, reject) {
+                if (!common.isPlatformBrowser(_this.platformId)) {
+                    reject('Not in browser environment');
+                    return;
+                }
+                var existingStyleSheet = document.getElementById(url);
+                if (existingStyleSheet) {
+                    resolve(); // Script already loaded
+                    return;
+                }
+                var link = renderer.createElement('link');
+                link.id = url;
+                link.href = url;
+                link.rel = 'stylesheet';
+                link.onload = function () { return resolve(); };
+                link.onerror = function (error) { return reject("Error loading styleSheet: " + url); };
+                renderer.appendChild(document.head, link);
+            });
+        };
+        return ProductScriptLoaderService;
+    }());
+    ProductScriptLoaderService.ɵprov = i0__namespace.ɵɵdefineInjectable({ factory: function ProductScriptLoaderService_Factory() { return new ProductScriptLoaderService(i0__namespace.ɵɵinject(i0__namespace.PLATFORM_ID)); }, token: ProductScriptLoaderService, providedIn: "root" });
+    ProductScriptLoaderService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root'
+                },] }
+    ];
+    ProductScriptLoaderService.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: i0.Inject, args: [i0.PLATFORM_ID,] }] }
+    ]; };
+
+    var ProductHdComponent = /** @class */ (function () {
+        function ProductHdComponent(_scriptLoader, _renderer) {
+            this._scriptLoader = _scriptLoader;
+            this._renderer = _renderer;
+            this.showClass = true;
+            this.token = "eyJhbGciOiJSUzI1NiIsImtpZCI6IkYxOThERkVEOEUwQTQ1MzY3M0M1MUE2Rjk1QUVDQzU3RTM0NjM4RkRSUzI1NiIsInR5cCI6ImF0K2p3dCIsIng1dCI6IjhaamY3WTRLUlRaenhScHZsYTdNVi1OR09QMCJ9.eyJuYmYiOjE3MzIxOTkyOTUsImV4cCI6MTczMjIwMjg5NSwiaXNzIjoiaHR0cHM6Ly9ibXNpZGVudGl0eS1hY2NlcHRhbmNlLmF6dXJld2Vic2l0ZXMubmV0IiwiYXVkIjpbImNhdGFsb2dxdWVyeWFwaSIsImNvbmZpZ3VyYXRvcmFwaSIsInByb2R1Y3R2YXJpYW50Y29tbWFuZGFwaSIsInByb2R1Y3R2YXJpYW50cXVlcnlhcGkiXSwiY2xpZW50X2lkIjoiaW1wZXJzb25hdGlvbi5jbGllbnQiLCJzdWIiOiIwOTMwZDI4Mi05NGU4LTQ5MGEtOGI2NC1mYTk1YmIyYzE1ODIiLCJhdXRoX3RpbWUiOjE3MzIxOTkyOTUsImlkcCI6ImxvY2FsIiwiZW52aXJvbm1lbnQiOiJNU0wiLCJzZWxsZXIiOiJTRTAwMDA5NiIsInNlbGxlcmd1aWQiOiIxMDk1MWJjNS1hZmMzLTQ1MGEtNmVkMS0wOGQ4NDNlNmE5OTQiLCJwZXJtaXNzaW9uIjpbInNhbGVzLmV4cG9ydHRlbXBsYXRlcy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LnRhZy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LmRvY3VtZW50LnJlYWQiLCJkb2N1bWVudGxpYnJhcnkudGFnZ3JvdXAucmVhZCIsInNhbGVzLm9yZGVyLndyaXRlIiwic2FsZXMuY3VzdG9tZXIucmVhZCIsInNhbGVzLm9yZGVyLmRlbGl2ZXJ5YWRkcmVzcy53cml0ZSIsInNlcnZpY2UucmVxdWVzdC5yZWFkIiwiY2F0YWxvZy50YWcucmVhZCIsInNhbGVzLm9yZGVyLnJlYWQiLCJzYWxlcy5jdXN0b21lci53cml0ZSIsInJlcXVlc3Rmb3JxdW90ZS53cml0ZSIsInNhbGVzLm9yZGVyLmJvb2siLCJyZXF1ZXN0Zm9ycXVvdGUucmVhZCIsInNhbGVzLmxlYWQucmVhZCIsInB1cmNoYXNlLm9yZGVyLnJlYWQiLCJzYWxlcy5xdW90ZS5yZWFkIiwic2FsZXMucXVvdGUud3JpdGUiLCJjYXRhbG9nLml0ZW0ucmVhZCIsInNhbGVzLmxlYWQud3JpdGUiLCJzZXJ2aWNlLnJlcXVlc3Quc3VibWl0Iiwic2FsZXMub3JkZXIuZGVsaXZlcnlhZGRyZXNzLnJlYWQiLCJwdXJjaGFzZS5vcmRlci53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy5yZWFkIiwic2VydmljZS5yZXF1ZXN0LndyaXRlIiwiY2F0YWxvZy5jYXRhbG9nLnJlYWQiLCJjYXRhbG9nLmNhdGFsb2cud3JpdGUiLCJjYXRhbG9nLmN1cnJlbmN5LnJlYWQiLCJjYXRhbG9nLmN1cnJlbmN5LndyaXRlIiwiY2F0YWxvZy5pdGVtLndyaXRlIiwiY2F0YWxvZy5sb2NhbGl6YXRpb24ucmVhZCIsImNhdGFsb2cubG9jYWxpemF0aW9uLndyaXRlIiwiY2F0YWxvZy5wcm9kdWN0LnJlYWQiLCJjYXRhbG9nLnByb2R1Y3Qud3JpdGUiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLnJlYWQiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLndyaXRlIiwiY2F0YWxvZy5zZWxsZXIucmVhZCIsImNhdGFsb2cuc2VsbGVyLndyaXRlIiwiY2F0YWxvZy50YWcud3JpdGUiLCJjYXRhbG9nLnVvbS5yZWFkIiwiY2F0YWxvZy51b20ud3JpdGUiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LnJlYWQiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LndyaXRlIiwiY2F0YWxvZy52ZW5kb3IucmVhZCIsImNhdGFsb2cudmVuZG9yLndyaXRlIiwicHVyY2hhc2Uuc2VsbGVyLnJlYWQiLCJwdXJjaGFzZS5zZWxsZXIud3JpdGUiLCJjYXRhbG9nLmFydGljbGUucmVhZCIsImNhdGFsb2cuYXJ0aWNsZS53cml0ZSIsInNhbGVzLnF1b3RlLmxpbmVzLnJlYWQiLCJzYWxlcy5xdW90ZS5saW5lcy53cml0ZSIsInNhbGVzLnNlbGxlci5yZWFkIiwic2FsZXMuc2VsbGVyLndyaXRlIiwiYWNjb3VudGluZy52ZW5kb3JpbnZvaWNlLnJlYWQiLCJpZGVudGl0eS51c2VyLnJlYWQiLCJpZGVudGl0eS51c2VyLndyaXRlIiwiaWRlbnRpdHkucm9sZS5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy53cml0ZSIsImNvbmZpZ3VyYXRvci5wdXJjaGFzZXByaWNlLnJlYWQiLCJzdG9jay5mYWJyaWMucmVhZCJdLCJuYW1lIjoiUm9iaW4iLCJmYW1pbHlfbmFtZSI6ImRlIFdpbnRlciAoQ29saWpuLUlUKSIsInJvbGUiOlsic2VsbGVyIiwiZGVhbGVyX21hbmFnZXIiXSwiaWF0IjoxNzMyMTk5Mjk1LCJzY29wZSI6WyJjYXRhbG9ncXVlcnlhcGkiLCJjb25maWd1cmF0b3JhcGkiLCJwcm9kdWN0dmFyaWFudGNvbW1hbmRhcGkiLCJwcm9kdWN0dmFyaWFudHF1ZXJ5YXBpIl0sImFtciI6WyJpbXBlcnNvbmF0aW9uIl19.rbguVPnkXXDzsM6QKgXulhrF41jIjCuGDV13ig1GC8MewLCJ7wA038OSwT26sx2mCexjvuGYt45YScfPwfTkDy3ErPmHRods64X1dJWZnf-23NTP2iI32K_1vMZH5GOGbMzuFtbKAFQv4hgFAxoyWqFVWyJvuOtQcWyZStROyPHwjAnpnj-x1cVQpOhbO-kQUFvy_VUrPpF3aYVCcO2cFirQTXR6kxSGcYGGcsPY-_eiAd93UdG2EM6xLAocDLaFV72CQI6XEs0WQG1f4SqvH52v3OTkgWBLgYV35gpyIe0-2nazGL0R8pTNuDqrOb7OGmuTRMoTIiRi67-wTxx8cQ";
+            this.variant = "";
+        }
+        Object.defineProperty(ProductHdComponent.prototype, "content", {
+            set: function (child) {
+                this.hdeConfigurator = child;
+                this._prepareAttributes();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(ProductHdComponent.prototype, "sku", {
+            get: function () {
+                return this._sku;
+            },
+            set: function (value) {
+                this._sku = value;
+                this._prepareAttributes();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ProductHdComponent.prototype.handleConfigurationFinished = function (event) {
+            console.log(event.detail);
+        };
+        ProductHdComponent.prototype.handleError = function (event) {
+            console.error(event.detail);
+        };
+        ProductHdComponent.prototype._prepareAttributes = function () {
+            if (this.hdeConfigurator && this.hdeConfigurator.nativeElement && this.token && (this.sku || this.variant)) {
+                this.hdeConfigurator.nativeElement.setAttribute('bearerToken', this.token);
+                if (this._sku) {
+                    this.hdeConfigurator.nativeElement.setAttribute('data-productId', this._sku);
+                }
+                if (this.variant) {
+                    this.hdeConfigurator.nativeElement.setAttribute('data-productVariantId', this.variant);
+                }
+                this._loadTheScripts();
+            }
+        };
+        // load external scripts
+        ProductHdComponent.prototype._loadTheScripts = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var scripts, i;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            scripts = [
+                                // hard-coded for now, should come from the external source
+                                'https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/polyfills.js',
+                                'https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/runtime.js',
+                                'https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/main.js'
+                            ];
+                            i = 0;
+                            _a.label = 1;
+                        case 1:
+                            if (!(i < scripts.length)) return [3 /*break*/, 4];
+                            return [4 /*yield*/, this._scriptLoader.loadScript(scripts[i], this._renderer).catch(function (error) { return console.error(error); })];
+                        case 2:
+                            _a.sent();
+                            _a.label = 3;
+                        case 3:
+                            i++;
+                            return [3 /*break*/, 1];
+                        case 4: return [4 /*yield*/, this._scriptLoader.addStyleSheet("https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/styles.css", this._renderer)];
+                        case 5:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return ProductHdComponent;
+    }());
+    ProductHdComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'co-product-hd',
+                    template: "\n        <hde-configurator #hdeConfigurator\n                          apiurl=\"https://bmsproductconfigurator-acceptance.azurewebsites.net/api/configurator/\"\n                          productVariantCommandApiUrl=\"https://bmsproductvariantcommand-acceptance.azurewebsites.net/\"\n                          productVariantQueryApiUrl=\"https://bmsproductvariantquery-acceptance.azurewebsites.net/\"\n                          language=\"nl\"\n                          localizationApiUrl=\"https://hde-cdn.azureedge.net/libs/BMS.DST.Localization/\"\n                          localizationFileExtension=\".json\"\n                          (configurationFinished)=\"handleConfigurationFinished($event)\"\n                          (configurationFailed)=\"handleError($event)\"\n        >\n            <hde-progress-bar></hde-progress-bar>\n        </hde-configurator>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    ProductHdComponent.ctorParameters = function () { return [
+        { type: ProductScriptLoaderService },
+        { type: i0.Renderer2 }
+    ]; };
+    ProductHdComponent.propDecorators = {
+        content: [{ type: i0.ViewChild, args: ['hdeConfigurator', { read: i0.ElementRef },] }],
+        sku: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-product-hd',] }]
+    };
+
+    var ProductHdModule = /** @class */ (function () {
+        function ProductHdModule() {
+        }
+        return ProductHdModule;
+    }());
+    ProductHdModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule
+                    ],
+                    declarations: [
+                        ProductHdComponent
+                    ],
+                    schemas: [
+                        i0.CUSTOM_ELEMENTS_SCHEMA,
+                        i0.NO_ERRORS_SCHEMA
+                    ],
+                    exports: [
+                        ProductHdComponent
+                    ]
+                },] }
+    ];
+
     var IoneProductModule = /** @class */ (function () {
         function IoneProductModule() {
         }
@@ -3313,7 +3491,7 @@
                         // BrowserAnimationsModule,
                         common.CommonModule,
                         ProductPageModule,
-                        corecomponents_v12.LoaderModule
+                        ProductHdModule
                     ],
                     declarations: [
                         IoneProductComponent
@@ -3321,6 +3499,10 @@
                     exports: [
                         IoneProductComponent
                     ],
+                    schemas: [
+                        i0.CUSTOM_ELEMENTS_SCHEMA,
+                        i0.NO_ERRORS_SCHEMA
+                    ],
                     bootstrap: [
                         IoneProductComponent
                     ],
@@ -3501,6 +3683,9 @@
     exports["ɵbk"] = ProductDialogModule;
     exports["ɵbl"] = ProductDialogComponent;
     exports["ɵbm"] = ProductPageComponent;
+    exports["ɵbn"] = ProductHdModule;
+    exports["ɵbo"] = ProductHdComponent;
+    exports["ɵbp"] = ProductScriptLoaderService;
     exports["ɵc"] = PipeModule;
     exports["ɵd"] = LocalizePipe;
     exports["ɵe"] = DictionaryService;