@salla.sa/twilight-components 2.14.391 → 2.14.393

package/dist/collection/components/salla-notifications/salla-notifications.js

@@ -36,6 +36,49 @@ export class SallaNotifications {
         }
         return h("div", { class: "s-notifications-wrapper" }, h("div", { class: "s-notifications-container", ref: wrapper => this.wrapper = wrapper }), this.nextPage && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => this.status = status }, h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => this.btnLoader = btnLoader, style: { "display": "none" } })))));
     }
+    /**
+     * Detect whether the response uses the new API format (v2) by checking for `cursor` key.
+     */
+    isV2Response(resp) {
+        return !!resp.cursor;
+    }
+    /**
+     * Map a single v2 notification to the legacy Notification interface.
+     */
+    normalizeNotification(item) {
+        return {
+            title: item.title,
+            sub_title: item.body,
+            date: item.time_ago,
+            is_new: !item.is_read,
+            url: item.url,
+        };
+    }
+    /**
+     * Normalize a v2 cursor pagination to the legacy Pagination format.
+     */
+    normalizePagination(cursor) {
+        return {
+            count: cursor.count,
+            currentPage: cursor.current,
+            links: {
+                next: cursor.next != null ? String(cursor.next) : undefined,
+            },
+        };
+    }
+    /**
+     * Middleware that normalizes any API response to the legacy shape.
+     * If the response is already in legacy format, it passes through unchanged.
+     */
+    normalizeResponse(resp) {
+        if (this.isV2Response(resp)) {
+            return {
+                data: (resp.data || []).map((item) => this.normalizeNotification(item)),
+                pagination: this.normalizePagination(resp.cursor),
+            };
+        }
+        return resp;
+    }
     handleResponse(notificationsList) {
         return notificationsList.map(notification => this.getNotificationCard(notification));
     }
@@ -53,8 +96,9 @@ export class SallaNotifications {
         this.infiniteScroll?.on('request', _response => {
             this.loading();
         });
-        this.infiniteScroll?.on('load', response => {
+        this.infiniteScroll?.on('load', rawResponse => {
             this.loading(false);
+            const response = this.normalizeResponse(rawResponse);
             this.pagination = response.pagination;
             this.nextPage = response.pagination.links?.next || null;
             this.handleResponse(response.data).forEach(data => this.wrapper.append(data));
@@ -67,7 +111,8 @@ export class SallaNotifications {
     }
     async loadInitialData() {
         await salla.api.notifications.fetch({ "per_page": this.itemPerPage })
-            .then(resp => {
+            .then(rawResp => {
+            const resp = this.normalizeResponse(rawResp);
             this.pagination = resp.pagination;
             this.total = resp.pagination.total;
             this.nextPage = resp.pagination.links?.next || null;
@@ -113,7 +158,6 @@ export class SallaNotifications {
         return {
             "loadMoreText": {
                 "type": "string",
-                "attribute": "load-more-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -128,11 +172,11 @@ export class SallaNotifications {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "load-more-text"
             },
             "itemPerPage": {
                 "type": "number",
-                "attribute": "item-per-page",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -148,6 +192,7 @@ export class SallaNotifications {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "item-per-page",
                 "defaultValue": "10"
             }
         };

package/dist/collection/components/salla-offer/salla-offer.js

@@ -396,7 +396,6 @@ export class SallaOffer {
         return {
             "productCardComponent": {
                 "type": "string",
-                "attribute": "product-card-component",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -415,6 +414,7 @@ export class SallaOffer {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "product-card-component",
                 "defaultValue": "'salla-product-card'"
             }
         };

package/dist/collection/components/salla-order-details/salla-order-details-multiple-bundle-product.js

@@ -68,7 +68,6 @@ export class SallaproductDetailsMultipleBundleProduct {
         return {
             "productDetails": {
                 "type": "unknown",
-                "attribute": "product-details",
                 "mutable": false,
                 "complexType": {
                     "original": "OrderProduct",
@@ -77,7 +76,8 @@ export class SallaproductDetailsMultipleBundleProduct {
                         "OrderProduct": {
                             "location": "import",
                             "path": "./interfaces",
-                            "id": "src/components/salla-order-details/interfaces.ts::OrderProduct"
+                            "id": "src/components/salla-order-details/interfaces.ts::OrderProduct",
+                            "referenceLocation": "OrderProduct"
                         }
                     }
                 },
@@ -92,7 +92,6 @@ export class SallaproductDetailsMultipleBundleProduct {
             },
             "collapsible": {
                 "type": "boolean",
-                "attribute": "collapsible",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -107,11 +106,11 @@ export class SallaproductDetailsMultipleBundleProduct {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "collapsible"
             },
             "placeholderImage": {
                 "type": "string",
-                "attribute": "placeholder-image",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -127,6 +126,7 @@ export class SallaproductDetailsMultipleBundleProduct {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placeholder-image",
                 "defaultValue": "salla.url.cdn('images/s-empty.png')"
             }
         };

package/dist/collection/components/salla-order-details/salla-order-details-options.js

@@ -103,7 +103,6 @@ export class SallaOrderDetailsOptions {
         return {
             "options": {
                 "type": "string",
-                "attribute": "options",
                 "mutable": false,
                 "complexType": {
                     "original": "ProductOption[] | string",
@@ -112,7 +111,8 @@ export class SallaOrderDetailsOptions {
                         "ProductOption": {
                             "location": "import",
                             "path": "./interfaces",
-                            "id": "src/components/salla-order-details/interfaces.ts::ProductOption"
+                            "id": "src/components/salla-order-details/interfaces.ts::ProductOption",
+                            "referenceLocation": "ProductOption"
                         }
                     }
                 },
@@ -124,11 +124,11 @@ export class SallaOrderDetailsOptions {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "options"
             },
             "bordered": {
                 "type": "boolean",
-                "attribute": "bordered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -144,11 +144,11 @@ export class SallaOrderDetailsOptions {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "bordered",
                 "defaultValue": "true"
             },
             "placeholderImage": {
                 "type": "string",
-                "attribute": "placeholder-image",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -164,6 +164,7 @@ export class SallaOrderDetailsOptions {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placeholder-image",
                 "defaultValue": "'images/placeholder.png'"
             }
         };

package/dist/collection/components/salla-order-details/salla-order-details.js

@@ -53,7 +53,6 @@ export class SallaOrderDetails {
         return {
             "orderDetails": {
                 "type": "string",
-                "attribute": "order-details",
                 "mutable": false,
                 "complexType": {
                     "original": "string | OrderProduct",
@@ -62,7 +61,8 @@ export class SallaOrderDetails {
                         "OrderProduct": {
                             "location": "import",
                             "path": "./interfaces",
-                            "id": "src/components/salla-order-details/interfaces.ts::OrderProduct"
+                            "id": "src/components/salla-order-details/interfaces.ts::OrderProduct",
+                            "referenceLocation": "OrderProduct"
                         }
                     }
                 },
@@ -74,7 +74,8 @@ export class SallaOrderDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-details"
             }
         };
     }

package/dist/collection/components/salla-order-edit/salla-order-edit-item.js

@@ -100,7 +100,6 @@ export class SallaOrderEditItem {
         return {
             "item": {
                 "type": "unknown",
-                "attribute": "item",
                 "mutable": false,
                 "complexType": {
                     "original": "OrderEditItem",
@@ -109,7 +108,8 @@ export class SallaOrderEditItem {
                         "OrderEditItem": {
                             "location": "import",
                             "path": "./interfaces",
-                            "id": "src/components/salla-order-edit/interfaces.ts::OrderEditItem"
+                            "id": "src/components/salla-order-edit/interfaces.ts::OrderEditItem",
+                            "referenceLocation": "OrderEditItem"
                         }
                     }
                 },
@@ -124,7 +124,6 @@ export class SallaOrderEditItem {
             },
             "orderId": {
                 "type": "any",
-                "attribute": "order-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
@@ -139,7 +138,8 @@ export class SallaOrderEditItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-id"
             }
         };
     }

package/dist/collection/components/salla-order-edit/salla-order-edit.js

@@ -188,7 +188,6 @@ export class SallaOrderEdit {
         return {
             "orderId": {
                 "type": "any",
-                "attribute": "order-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
@@ -203,11 +202,11 @@ export class SallaOrderEdit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-id"
             },
             "orderData": {
                 "type": "string",
-                "attribute": "order-data",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -222,7 +221,8 @@ export class SallaOrderEdit {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-data"
             }
         };
     }

package/dist/collection/components/salla-order-summary/salla-order-summary.js

@@ -81,7 +81,6 @@ export class SallaOrderSummary {
         return {
             "orderId": {
                 "type": "number",
-                "attribute": "order-id",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -96,7 +95,8 @@ export class SallaOrderSummary {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "order-id"
             }
         };
     }

package/dist/collection/components/salla-order-totals-card/salla-order-totals-card.js

@@ -67,7 +67,6 @@ export class SallaOrderTotalsCard {
         return {
             "order": {
                 "type": "string",
-                "attribute": "order",
                 "mutable": false,
                 "complexType": {
                     "original": "string | Order",
@@ -76,7 +75,8 @@ export class SallaOrderTotalsCard {
                         "Order": {
                             "location": "import",
                             "path": "../salla-orders/interface",
-                            "id": "src/components/salla-orders/interface.ts::Order"
+                            "id": "src/components/salla-orders/interface.ts::Order",
+                            "referenceLocation": "Order"
                         }
                     }
                 },
@@ -88,7 +88,8 @@ export class SallaOrderTotalsCard {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order"
             }
         };
     }

package/dist/collection/components/salla-orders/salla-orders.js

@@ -238,7 +238,6 @@ export class SallaOrder {
         return {
             "params": {
                 "type": "unknown",
-                "attribute": "params",
                 "mutable": false,
                 "complexType": {
                     "original": "OrderQueryParameters",
@@ -247,7 +246,8 @@ export class SallaOrder {
                         "OrderQueryParameters": {
                             "location": "import",
                             "path": "./interface",
-                            "id": "src/components/salla-orders/interface.ts::OrderQueryParameters"
+                            "id": "src/components/salla-orders/interface.ts::OrderQueryParameters",
+                            "referenceLocation": "OrderQueryParameters"
                         }
                     }
                 },
@@ -262,7 +262,6 @@ export class SallaOrder {
             },
             "loadMoreText": {
                 "type": "string",
-                "attribute": "load-more-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -277,7 +276,8 @@ export class SallaOrder {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "load-more-text"
             }
         };
     }

package/dist/collection/components/salla-payments/salla-payments.js

@@ -68,7 +68,6 @@ export class SallaPayments {
         return {
             "exclude": {
                 "type": "unknown",
-                "attribute": "exclude",
                 "mutable": true,
                 "complexType": {
                     "original": "string[]",

package/dist/collection/components/salla-placeholder/salla-placeholder.js

@@ -52,7 +52,6 @@ export class SallaPlaceholder {
         return {
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -68,11 +67,11 @@ export class SallaPlaceholder {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon",
                 "defaultValue": "Inbox"
             },
             "alignment": {
                 "type": "string",
-                "attribute": "alignment",
                 "mutable": false,
                 "complexType": {
                     "original": "'left' | 'center' | 'right'",
@@ -88,11 +87,11 @@ export class SallaPlaceholder {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "alignment",
                 "defaultValue": "'left'"
             },
             "iconSize": {
                 "type": "string",
-                "attribute": "icon-size",
                 "mutable": false,
                 "complexType": {
                     "original": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl'",
@@ -108,6 +107,7 @@ export class SallaPlaceholder {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon-size",
                 "defaultValue": "'md'"
             }
         };

package/dist/collection/components/salla-price-range/salla-price-range.js

@@ -168,7 +168,6 @@ export class SallaPriceRange {
         return {
             "minPrice": {
                 "type": "any",
-                "attribute": "min-price",
                 "mutable": true,
                 "complexType": {
                     "original": "any",
@@ -183,11 +182,11 @@ export class SallaPriceRange {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min-price"
             },
             "maxPrice": {
                 "type": "any",
-                "attribute": "max-price",
                 "mutable": true,
                 "complexType": {
                     "original": "any",
@@ -202,11 +201,11 @@ export class SallaPriceRange {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-price"
             },
             "option": {
                 "type": "unknown",
-                "attribute": "option",
                 "mutable": false,
                 "complexType": {
                     "original": "Filter",
@@ -215,7 +214,8 @@ export class SallaPriceRange {
                         "Filter": {
                             "location": "import",
                             "path": "../salla-filters/interfaces",
-                            "id": "src/components/salla-filters/interfaces.ts::Filter"
+                            "id": "src/components/salla-filters/interfaces.ts::Filter",
+                            "referenceLocation": "Filter"
                         }
                     }
                 },
@@ -230,7 +230,6 @@ export class SallaPriceRange {
             },
             "filtersData": {
                 "type": "any",
-                "attribute": "filters-data",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -245,7 +244,8 @@ export class SallaPriceRange {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "filters-data"
             }
         };
     }

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -161,7 +161,6 @@ export class SallaProductAvailability {
         return {
             "channels": {
                 "type": "string",
-                "attribute": "channels",
                 "mutable": false,
                 "complexType": {
                     "original": "'sms' | 'email' | 'sms,email'",
@@ -176,11 +175,11 @@ export class SallaProductAvailability {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "channels"
             },
             "notifyOptionsAvailability": {
                 "type": "boolean",
-                "attribute": "notify-options-availability",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -196,11 +195,11 @@ export class SallaProductAvailability {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "notify-options-availability",
                 "defaultValue": "false"
             },
             "productId": {
                 "type": "number",
-                "attribute": "product-id",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -215,11 +214,11 @@ export class SallaProductAvailability {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "product-id"
             },
             "isSubscribed": {
                 "type": "boolean",
-                "attribute": "is-subscribed",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -235,6 +234,7 @@ export class SallaProductAvailability {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-subscribed",
                 "defaultValue": "false"
             }
         };