@colijnit/product 257.1.2 → 257.1.4

package/fesm2015/colijnit-product.js

@@ -30,8 +30,8 @@ class Version {
     constructor() {
         this.name = "@colijnit/product";
         this.description = "Product detail page project for iOne";
-        this.symVer = "257.1.2";
-        this.publishDate = "22-1-2025 21:39:03";
+        this.symVer = "257.1.4";
+        this.publishDate = "8-2-2025 19:30:37";
     }
 }
 
@@ -303,6 +303,37 @@ var LanguageCode;
 class Dictionary {
     constructor() {
         this.strings = {
+            "en": {
+                "ADDITIONAL_DATA": "Additional information",
+                "ALTERNATIVE_PRODUCTS": "Alternative products",
+                "ARTICLE_NUMBER": "Productnumber",
+                "CATEGORY": "Category",
+                "CATEGORY_TYPE": "Category type",
+                "CONFIGURE": "Configure",
+                "DELIVERY_TIME_PERIOD": "Delivery time",
+                "DESCRIPTION": "Description",
+                "DOCUMENTS": "Documents",
+                "DOWNLOADS": "Downloads",
+                "FEATURES": "Features",
+                "HEIGHT": "Height",
+                "MATERIAL": "Material",
+                "PRODUCT_IN_STOCK": "In stock",
+                "PRODUCT_LIMITED_STOCK": "Limited stock",
+                "PRODUCT_NOT_IN_STOCK": "Not in stock",
+                "PROPERTIES": "Characteristics",
+                "QUOTATION": "Quotation",
+                "READ_MORE": "Read more",
+                "RELATED_PRODUCTS": "Related products",
+                "SHOPPING_CART_IN": "In Shopping Cart",
+                "SHOW_IN": "Show in",
+                "STOCK": "Stock",
+                "SYMBOLS": "Symbols",
+                "TITLE": "Title",
+                "TURNOVERGROUP": "Turnover group",
+                "VARIANTS": "Variations",
+                "WIDTH": "Width",
+                "SUGGESTION": "Suggestion",
+            },
             "nl": {
                 "ADDITIONAL_DATA": "Extra informatie",
                 "ALTERNATIVE_PRODUCTS": "Alternatieve producten",
@@ -715,14 +746,14 @@ IoneProductComponent.decorators = [
     { type: Component, args: [{
                 selector: 'app-ione-product',
                 template: `
-      <app-product-page *ngIf="settingsLoaded"
+     <app-product-page *ngIf="settingsLoaded"
                         [createFrozenArticle]="handleAddArticleInternally"
                         [isReturn]="isReturn"
                         (openStockEvent)="openStock()"
                         [sku]="sku"
                         [showRelatedProductsPopup]="showRelatedProductsPopup"
       ></app-product-page>
-<!--    <co-button [label]="'click'" (click)="showHD = !showHD"></co-button>
+    <!--  <co-button [label]="'click'" (click)="showHD = !showHD"></co-button>
       <co-product-hd [sku]="'657946ca-e1e1-41fd-7ae0-08dbf7df0cef'" *ngIf="showHD"></co-product-hd>-->
   `,
                 encapsulation: ViewEncapsulation.Emulated,
@@ -2685,6 +2716,7 @@ class ProductHdComponent {
         this._scriptLoader = _scriptLoader;
         this._renderer = _renderer;
         this.variant = '';
+        this.urlParams = [];
         this.configuratorFinished = new EventEmitter();
         this.configurationError = new EventEmitter();
         this.showClass = true;
@@ -2715,7 +2747,10 @@ class ProductHdComponent {
         this.configurationError.emit(event.detail.status);
     }
     _prepareAttributes() {
-        if (this.hdeConfigurator && this.hdeConfigurator.nativeElement && this.token && (this.sku || this.variant)) {
+        if (this.hdeConfigurator && this.hdeConfigurator.nativeElement && this.urlParams && this.token && (this.sku || this.variant)) {
+            //for local testing please turn off for packing and publishing!
+            //this.prepareTestingUrlparams();
+            this._prepareConfiguratorUrls();
             this.hdeConfigurator.nativeElement.setAttribute('bearerToken', this.token);
             if (this._sku) {
                 this.hdeConfigurator.nativeElement.setAttribute('data-productId', this._sku);
@@ -2726,19 +2761,43 @@ class ProductHdComponent {
             this._loadTheScripts();
         }
     }
-    // load external scripts
+    //set necessary references to configurator.
+    _prepareConfiguratorUrls() {
+        //fetch the setting from the external source
+        let apiurl = this.urlParams.find((item) => item.key === 'apiurl').value;
+        let productVariantCommandApiUrl = this.urlParams.find((item) => item.key === 'productVariantCommandApiUrl').value;
+        let productVariantQueryApiUrl = this.urlParams.find((item) => item.key === 'productVariantQueryApiUrl').value;
+        let localizationApiUrl = this.urlParams.find((item) => item.key === 'localizationApiUrl').value;
+        //apply to configurator
+        this.hdeConfigurator.nativeElement.setAttribute('apiurl', apiurl);
+        this.hdeConfigurator.nativeElement.setAttribute('productVariantCommandApiUrl', productVariantCommandApiUrl);
+        this.hdeConfigurator.nativeElement.setAttribute('productVariantQueryApiUrl', productVariantQueryApiUrl);
+        this.hdeConfigurator.nativeElement.setAttribute('localizationApiUrl', localizationApiUrl);
+    }
+    // load external scripts into client
     _loadTheScripts() {
         return __awaiter(this, void 0, void 0, function* () {
-            const 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'
-            ];
+            let headerUrls = this.urlParams.find((item) => item.key === 'header').value;
+            let headerArray = headerUrls.replace(/\s+/g, '').split(',');
+            for (let i = 0; i < headerArray.length; i++) {
+                yield this._scriptLoader.loadScript(headerArray[i], this._renderer).catch((error) => console.error(error));
+            }
+            let styles = this.urlParams.find((item) => item.key === 'stylesheet').value;
+            let stylesArray = styles.replace(/\s+/g, '').split(',');
+            for (let j = 0; j < stylesArray.length; j++) {
+                yield this._scriptLoader.addStyleSheet(stylesArray[j], this._renderer);
+            }
+            //for local testing please turn off for packing and publishing!
+            /*const scripts: string[] = [
+              // 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'
+            ]
             for (let i = 0; i < scripts.length; i++) {
-                yield this._scriptLoader.loadScript(scripts[i], this._renderer).catch((error) => console.error(error));
+              await this._scriptLoader.loadScript(scripts[i], this._renderer).catch((error) => console.error(error));
             }
-            yield this._scriptLoader.addStyleSheet('https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/styles.css', this._renderer);
+            await this._scriptLoader.addStyleSheet('https://hde-cdn.azureedge.net/libs/components/Configurator/1.0.33/styles.css', this._renderer);*/
         });
     }
 }
@@ -2747,11 +2806,7 @@ ProductHdComponent.decorators = [
                 selector: 'co-product-hd',
                 template: `
     <hde-configurator #hdeConfigurator
-                      apiurl="https://bmsproductconfigurator-acceptance.azurewebsites.net/api/configurator/"
-                      productVariantCommandApiUrl="https://bmsproductvariantcommand-acceptance.azurewebsites.net/"
-                      productVariantQueryApiUrl="https://bmsproductvariantquery-acceptance.azurewebsites.net/"
                       language="nl"
-                      localizationApiUrl="https://hde-cdn.azureedge.net/libs/BMS.DST.Localization/"
                       localizationFileExtension=".json"
                       (configurationFinished)="handleConfigurationFinished($event)"
                       (configurationFailed)="handleError($event)"
@@ -2771,6 +2826,7 @@ ProductHdComponent.propDecorators = {
     sku: [{ type: Input }],
     token: [{ type: Input }],
     variant: [{ type: Input }],
+    urlParams: [{ type: Input }],
     configuratorFinished: [{ type: Output }],
     configurationError: [{ type: Output }],
     showClass: [{ type: HostBinding, args: ['class.co-product-hd',] }]
@@ -2812,6 +2868,7 @@ class ProductExternalSourceComponent {
         this.externalSettings = {};
         this.token = ""; //= "eyJhbGciOiJSUzI1NiIsImtpZCI6IkYxOThERkVEOEUwQTQ1MzY3M0M1MUE2Rjk1QUVDQzU3RTM0NjM4RkRSUzI1NiIsInR5cCI6ImF0K2p3dCIsIng1dCI6IjhaamY3WTRLUlRaenhScHZsYTdNVi1OR09QMCJ9.eyJuYmYiOjE3MzIxOTkyOTUsImV4cCI6MTczMjIwMjg5NSwiaXNzIjoiaHR0cHM6Ly9ibXNpZGVudGl0eS1hY2NlcHRhbmNlLmF6dXJld2Vic2l0ZXMubmV0IiwiYXVkIjpbImNhdGFsb2dxdWVyeWFwaSIsImNvbmZpZ3VyYXRvcmFwaSIsInByb2R1Y3R2YXJpYW50Y29tbWFuZGFwaSIsInByb2R1Y3R2YXJpYW50cXVlcnlhcGkiXSwiY2xpZW50X2lkIjoiaW1wZXJzb25hdGlvbi5jbGllbnQiLCJzdWIiOiIwOTMwZDI4Mi05NGU4LTQ5MGEtOGI2NC1mYTk1YmIyYzE1ODIiLCJhdXRoX3RpbWUiOjE3MzIxOTkyOTUsImlkcCI6ImxvY2FsIiwiZW52aXJvbm1lbnQiOiJNU0wiLCJzZWxsZXIiOiJTRTAwMDA5NiIsInNlbGxlcmd1aWQiOiIxMDk1MWJjNS1hZmMzLTQ1MGEtNmVkMS0wOGQ4NDNlNmE5OTQiLCJwZXJtaXNzaW9uIjpbInNhbGVzLmV4cG9ydHRlbXBsYXRlcy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LnRhZy5yZWFkIiwiZG9jdW1lbnRsaWJyYXJ5LmRvY3VtZW50LnJlYWQiLCJkb2N1bWVudGxpYnJhcnkudGFnZ3JvdXAucmVhZCIsInNhbGVzLm9yZGVyLndyaXRlIiwic2FsZXMuY3VzdG9tZXIucmVhZCIsInNhbGVzLm9yZGVyLmRlbGl2ZXJ5YWRkcmVzcy53cml0ZSIsInNlcnZpY2UucmVxdWVzdC5yZWFkIiwiY2F0YWxvZy50YWcucmVhZCIsInNhbGVzLm9yZGVyLnJlYWQiLCJzYWxlcy5jdXN0b21lci53cml0ZSIsInJlcXVlc3Rmb3JxdW90ZS53cml0ZSIsInNhbGVzLm9yZGVyLmJvb2siLCJyZXF1ZXN0Zm9ycXVvdGUucmVhZCIsInNhbGVzLmxlYWQucmVhZCIsInB1cmNoYXNlLm9yZGVyLnJlYWQiLCJzYWxlcy5xdW90ZS5yZWFkIiwic2FsZXMucXVvdGUud3JpdGUiLCJjYXRhbG9nLml0ZW0ucmVhZCIsInNhbGVzLmxlYWQud3JpdGUiLCJzZXJ2aWNlLnJlcXVlc3Quc3VibWl0Iiwic2FsZXMub3JkZXIuZGVsaXZlcnlhZGRyZXNzLnJlYWQiLCJwdXJjaGFzZS5vcmRlci53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy53cml0ZSIsInB1cmNoYXNlLm9yZGVyLnByaWNlcy5yZWFkIiwic2VydmljZS5yZXF1ZXN0LndyaXRlIiwiY2F0YWxvZy5jYXRhbG9nLnJlYWQiLCJjYXRhbG9nLmNhdGFsb2cud3JpdGUiLCJjYXRhbG9nLmN1cnJlbmN5LnJlYWQiLCJjYXRhbG9nLmN1cnJlbmN5LndyaXRlIiwiY2F0YWxvZy5pdGVtLndyaXRlIiwiY2F0YWxvZy5sb2NhbGl6YXRpb24ucmVhZCIsImNhdGFsb2cubG9jYWxpemF0aW9uLndyaXRlIiwiY2F0YWxvZy5wcm9kdWN0LnJlYWQiLCJjYXRhbG9nLnByb2R1Y3Qud3JpdGUiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLnJlYWQiLCJjYXRhbG9nLnByb2R1Y3RzZXR0aW5nLndyaXRlIiwiY2F0YWxvZy5zZWxsZXIucmVhZCIsImNhdGFsb2cuc2VsbGVyLndyaXRlIiwiY2F0YWxvZy50YWcud3JpdGUiLCJjYXRhbG9nLnVvbS5yZWFkIiwiY2F0YWxvZy51b20ud3JpdGUiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LnJlYWQiLCJjYXRhbG9nLnZhdGNhdGVnb3J5LndyaXRlIiwiY2F0YWxvZy52ZW5kb3IucmVhZCIsImNhdGFsb2cudmVuZG9yLndyaXRlIiwicHVyY2hhc2Uuc2VsbGVyLnJlYWQiLCJwdXJjaGFzZS5zZWxsZXIud3JpdGUiLCJjYXRhbG9nLmFydGljbGUucmVhZCIsImNhdGFsb2cuYXJ0aWNsZS53cml0ZSIsInNhbGVzLnF1b3RlLmxpbmVzLnJlYWQiLCJzYWxlcy5xdW90ZS5saW5lcy53cml0ZSIsInNhbGVzLnNlbGxlci5yZWFkIiwic2FsZXMuc2VsbGVyLndyaXRlIiwiYWNjb3VudGluZy52ZW5kb3JpbnZvaWNlLnJlYWQiLCJpZGVudGl0eS51c2VyLnJlYWQiLCJpZGVudGl0eS51c2VyLndyaXRlIiwiaWRlbnRpdHkucm9sZS5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy5yZWFkIiwic2VsbGVyLnByb2R1Y3RwcmljZS5zZXR0aW5ncy53cml0ZSIsImNvbmZpZ3VyYXRvci5wdXJjaGFzZXByaWNlLnJlYWQiLCJzdG9jay5mYWJyaWMucmVhZCJdLCJuYW1lIjoiUm9iaW4iLCJmYW1pbHlfbmFtZSI6ImRlIFdpbnRlciAoQ29saWpuLUlUKSIsInJvbGUiOlsic2VsbGVyIiwiZGVhbGVyX21hbmFnZXIiXSwiaWF0IjoxNzMyMTk5Mjk1LCJzY29wZSI6WyJjYXRhbG9ncXVlcnlhcGkiLCJjb25maWd1cmF0b3JhcGkiLCJwcm9kdWN0dmFyaWFudGNvbW1hbmRhcGkiLCJwcm9kdWN0dmFyaWFudHF1ZXJ5YXBpIl0sImFtciI6WyJpbXBlcnNvbmF0aW9uIl19.rbguVPnkXXDzsM6QKgXulhrF41jIjCuGDV13ig1GC8MewLCJ7wA038OSwT26sx2mCexjvuGYt45YScfPwfTkDy3ErPmHRods64X1dJWZnf-23NTP2iI32K_1vMZH5GOGbMzuFtbKAFQv4hgFAxoyWqFVWyJvuOtQcWyZStROyPHwjAnpnj-x1cVQpOhbO-kQUFvy_VUrPpF3aYVCcO2cFirQTXR6kxSGcYGGcsPY-_eiAd93UdG2EM6xLAocDLaFV72CQI6XEs0WQG1f4SqvH52v3OTkgWBLgYV35gpyIe0-2nazGL0R8pTNuDqrOb7OGmuTRMoTIiRi67-wTxx8cQ";
         this.variant = "";
+        this.urlParams = [];
         this._subs = [];
     }
     set externalSource(value) {
@@ -2823,10 +2880,12 @@ class ProductExternalSourceComponent {
         return this._externalSource;
     }
     set externalCatalogStartupInfo(value) {
-        this._externalCatalogStartupInfo = value;
-        this.externalSource = value.externalSource;
-        this.loaded = false;
-        this._prepareExternalSource();
+        if (value) {
+            this._externalCatalogStartupInfo = value;
+            this.externalSource = value.externalSource;
+            this.loaded = false;
+            this._prepareExternalSource();
+        }
     }
     get externalCatalogStartupInfo() {
         return this._externalCatalogStartupInfo;
@@ -2900,6 +2959,7 @@ class ProductExternalSourceComponent {
             this.token = this.externalCatalogStartupInfo.token;
             this.sku = this.externalCatalogStartupInfo.externalGoodId;
             this.variant = this.externalCatalogStartupInfo.flattenedGoodId;
+            this.urlParams = this.externalCatalogStartupInfo.externalSource.parameters;
             this.switchToConfigurator();
             this.loaded = true;
         }
@@ -2946,6 +3006,7 @@ ProductExternalSourceComponent.decorators = [
                              [sku]="sku"
                              [variant]="variant"
                              [token]="token"
+                             [urlParams]="urlParams"
                              (configuratorFinished)="handleConfigurationFinished($event)"></co-product-hd>
             </ng-container>
         </ng-container>