@seekora-ai/ui-sdk-vanilla 0.2.0 → 0.2.5

package/dist/components/infinite-hits.d.ts

@@ -49,7 +49,10 @@ export declare class InfiniteHits {
     private createDefaultEmpty;
     private createDefaultLoading;
     private createShowMoreButton;
+    /** Extract string value using fieldMapping (no hardcoded field names) */
     private extractField;
+    /** Extract raw value (string | number) for fields like price - uses fieldMapping */
+    private extractFieldValue;
     private get theme();
     private getHitStyle;
     private getImageStyle;

package/dist/components/infinite-hits.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"infinite-hits.d.ts","sourceRoot":"","sources":["../../src/components/infinite-hits.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAC;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC;IAC5D,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,WAAW,CAAC;IAChC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,WAAW,CAAC;IAClC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAED,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,OAAO,CAWb;IACF,OAAO,CAAC,eAAe,CAAoB;IAC3C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,uBAAuB,CAA6B;gBAEhD,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,mBAAmB;IAiDlE,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,WAAW;IAQnB,OAAO,KAAK,UAAU,GAMrB;IAED,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,MAAM;IAuDd,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,gBAAgB;IAgExB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,YAAY;IASpB,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,sBAAsB;CAmB/B"}
+{"version":3,"file":"infinite-hits.d.ts","sourceRoot":"","sources":["../../src/components/infinite-hits.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,WAAW,GAAG,MAAM,CAAC;IAChC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,WAAW,CAAC;IAC5D,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,WAAW,CAAC;IAChC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,WAAW,CAAC;IAClC,6DAA6D;IAC7D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gFAAgF;IAChF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,kCAAkC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qCAAqC;IACrC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD;AAED,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,OAAO,CAWb;IACF,OAAO,CAAC,eAAe,CAAoB;IAC3C,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,QAAQ,CAAqC;IACrD,OAAO,CAAC,uBAAuB,CAA6B;gBAEhD,QAAQ,EAAE,cAAc,EAAE,OAAO,EAAE,mBAAmB;IAiDlE,OAAO,IAAI,IAAI;IAYf,OAAO,CAAC,WAAW;IAQnB,OAAO,KAAK,UAAU,GAMrB;IAED,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,MAAM;IAuDd,OAAO,CAAC,yBAAyB;IAkBjC,OAAO,CAAC,gBAAgB;IAwExB,OAAO,CAAC,kBAAkB;IAW1B,OAAO,CAAC,oBAAoB;IAW5B,OAAO,CAAC,oBAAoB;IAU5B,yEAAyE;IACzE,OAAO,CAAC,YAAY;IAcpB,oFAAoF;IACpF,OAAO,CAAC,iBAAiB;IAczB,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,sBAAsB;CAmB/B"}

package/dist/components/infinite-hits.js

@@ -155,7 +155,7 @@ export class InfiniteHits {
         const item = document.createElement('div');
         item.style.cssText = this.getHitStyle();
         const mapping = this.options.fieldMapping;
-        // If fieldMapping is provided, use it to extract and display fields
+        // If fieldMapping is provided, use it to extract and display fields (no hardcoded field names)
         if (mapping) {
             const imageField = this.extractField(hit, 'image');
             if (imageField) {
@@ -181,14 +181,22 @@ export class InfiniteHits {
                 descEl.style.cssText = this.getDescriptionStyle();
                 content.appendChild(descEl);
             }
+            const priceVal = this.extractFieldValue(hit, 'price');
+            if (priceVal !== undefined && priceVal !== null && priceVal !== '') {
+                const priceEl = document.createElement('span');
+                const priceStr = typeof priceVal === 'number' ? priceVal.toFixed(2) : String(priceVal);
+                priceEl.textContent = `$${priceStr}`;
+                priceEl.style.cssText = this.getPriceStyle();
+                content.appendChild(priceEl);
+            }
             item.appendChild(content);
         }
         else {
-            // No fieldMapping - render as simple key-value pairs
+            // No fieldMapping - render as simple key-value pairs (no hardcoded field names)
             const content = document.createElement('div');
             content.style.cssText = 'flex: 1;';
             const keys = Object.keys(hit).slice(0, 5); // Show first 5 fields
-            keys.forEach(key => {
+            keys.forEach((key) => {
                 const value = hit[key];
                 if (value != null && typeof value !== 'object') {
                     const field = document.createElement('div');
@@ -234,13 +242,33 @@ export class InfiniteHits {
         button.addEventListener('click', () => this.handleShowMore());
         return button;
     }
+    /** Extract string value using fieldMapping (no hardcoded field names) */
     extractField(hit, field) {
-        const mapping = this.options.fieldMapping;
-        if (!mapping || !mapping[field]) {
-            return hit[field] || '';
+        if (!this.options.fieldMapping || !this.options.fieldMapping[field]) {
+            const val = hit[field];
+            return val != null ? String(val) : '';
+        }
+        const mappedField = this.options.fieldMapping[field];
+        if (typeof mappedField !== 'string') {
+            const val = hit[field];
+            return val != null ? String(val) : '';
+        }
+        const val = hit[mappedField];
+        return val != null ? String(val) : '';
+    }
+    /** Extract raw value (string | number) for fields like price - uses fieldMapping */
+    extractFieldValue(hit, field) {
+        if (!this.options.fieldMapping || !this.options.fieldMapping[field]) {
+            const val = hit[field];
+            return val !== undefined && val !== null ? val : undefined;
+        }
+        const mappedField = this.options.fieldMapping[field];
+        if (typeof mappedField !== 'string') {
+            const val = hit[field];
+            return val !== undefined && val !== null ? val : undefined;
         }
-        const mappedField = mapping[field];
-        return hit[mappedField] || '';
+        const val = hit[mappedField];
+        return val !== undefined && val !== null ? val : undefined;
     }
     get theme() {
         return this.provider.theme;

package/dist/index.d.ts

@@ -530,7 +530,10 @@ declare class InfiniteHits {
     private createDefaultEmpty;
     private createDefaultLoading;
     private createShowMoreButton;
+    /** Extract string value using fieldMapping (no hardcoded field names) */
     private extractField;
+    /** Extract raw value (string | number) for fields like price - uses fieldMapping */
+    private extractFieldValue;
     private get theme();
     private getHitStyle;
     private getImageStyle;

package/dist/index.esm.js

@@ -3323,7 +3323,7 @@ class InfiniteHits {
         const item = document.createElement('div');
         item.style.cssText = this.getHitStyle();
         const mapping = this.options.fieldMapping;
-        // If fieldMapping is provided, use it to extract and display fields
+        // If fieldMapping is provided, use it to extract and display fields (no hardcoded field names)
         if (mapping) {
             const imageField = this.extractField(hit, 'image');
             if (imageField) {
@@ -3349,14 +3349,22 @@ class InfiniteHits {
                 descEl.style.cssText = this.getDescriptionStyle();
                 content.appendChild(descEl);
             }
+            const priceVal = this.extractFieldValue(hit, 'price');
+            if (priceVal !== undefined && priceVal !== null && priceVal !== '') {
+                const priceEl = document.createElement('span');
+                const priceStr = typeof priceVal === 'number' ? priceVal.toFixed(2) : String(priceVal);
+                priceEl.textContent = `$${priceStr}`;
+                priceEl.style.cssText = this.getPriceStyle();
+                content.appendChild(priceEl);
+            }
             item.appendChild(content);
         }
         else {
-            // No fieldMapping - render as simple key-value pairs
+            // No fieldMapping - render as simple key-value pairs (no hardcoded field names)
             const content = document.createElement('div');
             content.style.cssText = 'flex: 1;';
             const keys = Object.keys(hit).slice(0, 5); // Show first 5 fields
-            keys.forEach(key => {
+            keys.forEach((key) => {
                 const value = hit[key];
                 if (value != null && typeof value !== 'object') {
                     const field = document.createElement('div');
@@ -3402,13 +3410,33 @@ class InfiniteHits {
         button.addEventListener('click', () => this.handleShowMore());
         return button;
     }
+    /** Extract string value using fieldMapping (no hardcoded field names) */
     extractField(hit, field) {
-        const mapping = this.options.fieldMapping;
-        if (!mapping || !mapping[field]) {
-            return hit[field] || '';
-        }
-        const mappedField = mapping[field];
-        return hit[mappedField] || '';
+        if (!this.options.fieldMapping || !this.options.fieldMapping[field]) {
+            const val = hit[field];
+            return val != null ? String(val) : '';
+        }
+        const mappedField = this.options.fieldMapping[field];
+        if (typeof mappedField !== 'string') {
+            const val = hit[field];
+            return val != null ? String(val) : '';
+        }
+        const val = hit[mappedField];
+        return val != null ? String(val) : '';
+    }
+    /** Extract raw value (string | number) for fields like price - uses fieldMapping */
+    extractFieldValue(hit, field) {
+        if (!this.options.fieldMapping || !this.options.fieldMapping[field]) {
+            const val = hit[field];
+            return val !== undefined && val !== null ? val : undefined;
+        }
+        const mappedField = this.options.fieldMapping[field];
+        if (typeof mappedField !== 'string') {
+            const val = hit[field];
+            return val !== undefined && val !== null ? val : undefined;
+        }
+        const val = hit[mappedField];
+        return val !== undefined && val !== null ? val : undefined;
     }
     get theme() {
         return this.provider.theme;