@startinblox/components-ds4go 3.1.0 → 3.1.2

package/dist/index.js

@@ -1 +1 @@
-import "./index-BSwVRtNS.js";
+import "./index-juyC2UdH.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startinblox/components-ds4go",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "description": "Startin'blox DS4GO",
   "main": "dist/index.js",
   "type": "module",

package/src/components/catalog/ds4go-fact-bundle-holder.ts

@@ -147,6 +147,12 @@ export class Ds4goFactBundleHolder extends ComponentObjectsHandler {
             type: "information",
           },
         ];
+        if(displayObj.category) {
+          tags.push({
+            name: displayObj.category,
+            type: "default",
+          });
+        }
         return html`<ds4go-card-catalog
           .object=${import.meta.env.DEV ? displayObj : nothing}
           type=${"bill-image"}

package/src/components/solid-fact-bundle-creation.ts

@@ -22,7 +22,7 @@ const formatCase = (str: string) => {
     .replace(/([A-Z])/g, " $1")
     .replace(/^./, (str) => str.toUpperCase())
     .trim();
-}
+};
 
 @customElement("solid-fact-bundle-creation")
 export class SolidFactBundle extends OrbitComponent {
@@ -184,6 +184,17 @@ export class SolidFactBundle extends OrbitComponent {
     }
   }
 
+  _reset() {
+    this.bundleName = "";
+    this.bundleDescription = "";
+    this.bundleCategory = "";
+    this.bundleLanguage = "en";
+    this.bundleAccessPolicy = this.policyTemplates[0].id;
+    this.bundleContractPolicy = this.policyTemplates[0].id;
+    this.selectedFacts = [];
+    this.step = 0;
+  }
+
   async _createFactBundle() {
     if (!this.bundleName || !(this.selectedFacts.length > 0)) {
       return;
@@ -242,8 +253,8 @@ export class SolidFactBundle extends OrbitComponent {
           bundleSize: this.selectedFacts.length,
           offeredAccess: "40",
           pricingTier: "premium",
-          // "dcat:endpointUrl": "https://api.stg.ds4go.startinblox.com/facts/", // ?
-          previewLinks: this.selectedFacts.slice(0, 3).join(", "),
+          "dcat:endpointUrl": newFactBundleId,
+          previewLinks: this.selectedFacts.slice(0, 3).map(fact => fact["@id"]).join(", "),
           "dsif:pricing": {
             "dsif:costPerAPICall": 0.15,
             "dsif:setupFee": 50,
@@ -320,11 +331,7 @@ export class SolidFactBundle extends OrbitComponent {
       }
     }
 
-    this.bundleName = "";
-    this.bundleDescription = "";
-    this.bundleDescription = "";
-    this.step = 0;
-    this.selectedFacts = [];
+    this._reset();
 
     const factbundleComponent: any = this.orbit?.components.find(
       (c) => c.type === "fact-bundle",
@@ -420,12 +427,19 @@ export class SolidFactBundle extends OrbitComponent {
                       label=${msg("Set bundle informations")}
                       @click=${this._nextStep}
                     ></tems-button>`
-                  : html`<tems-button
-                      type="primary"
-                      disabled=${!allowCreation || nothing}
-                      label=${msg("Create bundle")}
-                      @click=${this._createFactBundle}
-                    ></tems-button>`}
+                  : html`<div class="flex">
+                      <tems-button
+                        type="link-color"
+                        label=${msg("Cancel bundle creation")}
+                        @click=${this._reset}
+                      ></tems-button
+                      ><tems-button
+                        type="primary"
+                        disabled=${!allowCreation || nothing}
+                        label=${msg("Create bundle")}
+                        @click=${this._createFactBundle}
+                      ></tems-button>
+                    </div>`}
               </div>
             </tems-header>
             <div slot="content">
@@ -582,8 +596,8 @@ export class SolidFactBundle extends OrbitComponent {
                             ${Array.from(
                               new Set(
                                 this.selectedFacts.flatMap((fact) =>
-                                  fact.categories.map(
-                                    (category: Resource) => formatCase(category.name),
+                                  fact.categories.map((category: Resource) =>
+                                    formatCase(category.name),
                                   ),
                                 ),
                               ),

package/src/components/solid-fact-bundle.ts

@@ -49,6 +49,7 @@ export class SolidFactBundle extends OrbitComponent {
     { key: "created_at", value: "created_at", cast: formatDate },
     { key: "updated_at", value: "updated_at", cast: formatDate },
     { key: "name", value: "name" },
+    { key: "category", value: "category" },
     { key: "description", value: "description" },
   ];