@salla.sa/twilight-components 2.14.392 → 2.14.393

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

@@ -292,7 +292,6 @@ export class SallaMap {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -308,11 +307,11 @@ export class SallaMap {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "'location'"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -328,11 +327,11 @@ export class SallaMap {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -348,11 +347,11 @@ export class SallaMap {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "searchable": {
                 "type": "boolean",
-                "attribute": "searchable",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -368,11 +367,11 @@ export class SallaMap {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "searchable",
                 "defaultValue": "false"
             },
             "lat": {
                 "type": "number",
-                "attribute": "lat",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -387,11 +386,11 @@ export class SallaMap {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "lat"
             },
             "lng": {
                 "type": "number",
-                "attribute": "lng",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -406,11 +405,11 @@ export class SallaMap {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "lng"
             },
             "apiKey": {
                 "type": "string",
-                "attribute": "api-key",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -425,11 +424,11 @@ export class SallaMap {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "api-key"
             },
             "modalTitle": {
                 "type": "string",
-                "attribute": "modal-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -444,11 +443,11 @@ export class SallaMap {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "modal-title"
             },
             "zoom": {
                 "type": "number",
-                "attribute": "zoom",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -464,11 +463,11 @@ export class SallaMap {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "zoom",
                 "defaultValue": "10"
             },
             "theme": {
                 "type": "string",
-                "attribute": "theme",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -484,6 +483,7 @@ export class SallaMap {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "theme",
                 "defaultValue": "'light'"
             }
         };

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

@@ -142,7 +142,6 @@ export class SallaMenu {
         return {
             "source": {
                 "type": "string",
-                "attribute": "source",
                 "mutable": false,
                 "complexType": {
                     "original": "Sources",
@@ -151,7 +150,8 @@ export class SallaMenu {
                         "Sources": {
                             "location": "import",
                             "path": "./interfaces",
-                            "id": "src/components/salla-menu/interfaces.ts::Sources"
+                            "id": "src/components/salla-menu/interfaces.ts::Sources",
+                            "referenceLocation": "Sources"
                         }
                     }
                 },
@@ -164,11 +164,11 @@ export class SallaMenu {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "source",
                 "defaultValue": "\"header\""
             },
             "sourceValue": {
                 "type": "string",
-                "attribute": "source-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -183,11 +183,11 @@ export class SallaMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "source-value"
             },
             "topnav": {
                 "type": "boolean",
-                "attribute": "topnav",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -202,11 +202,11 @@ export class SallaMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "topnav"
             },
             "useReactLink": {
                 "type": "boolean",
-                "attribute": "use-react-link",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -222,11 +222,11 @@ export class SallaMenu {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "use-react-link",
                 "defaultValue": "false"
             },
             "limit": {
                 "type": "number",
-                "attribute": "limit",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -241,7 +241,8 @@ export class SallaMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "limit"
             }
         };
     }

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

@@ -81,7 +81,6 @@ export class SallaMetadata {
         return {
             "entity": {
                 "type": "string",
-                "attribute": "entity",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -97,11 +96,11 @@ export class SallaMetadata {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "entity",
                 "defaultValue": "'product'"
             },
             "entityId": {
                 "type": "any",
-                "attribute": "entity-id",
                 "mutable": false,
                 "complexType": {
                     "original": "number | number[] | string",
@@ -116,7 +115,8 @@ export class SallaMetadata {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "entity-id"
             }
         };
     }

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

@@ -181,7 +181,6 @@ export class SallaModal {
         return {
             "isClosable": {
                 "type": "boolean",
-                "attribute": "is-closable",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -197,11 +196,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "is-closable",
                 "defaultValue": "true"
             },
             "width": {
                 "type": "string",
-                "attribute": "width",
                 "mutable": false,
                 "complexType": {
                     "original": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full'",
@@ -217,11 +216,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "width",
                 "defaultValue": "'md'"
             },
             "position": {
                 "type": "string",
-                "attribute": "position",
                 "mutable": false,
                 "complexType": {
                     "original": "'top' | 'middle' | 'bottom'",
@@ -237,11 +236,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "position",
                 "defaultValue": "'middle'"
             },
             "visible": {
                 "type": "boolean",
-                "attribute": "visible",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -257,11 +256,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "visible",
                 "defaultValue": "false"
             },
             "hasSkeleton": {
                 "type": "boolean",
-                "attribute": "has-skeleton",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -277,11 +276,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "has-skeleton",
                 "defaultValue": "false"
             },
             "isLoading": {
                 "type": "boolean",
-                "attribute": "is-loading",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -297,11 +296,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "is-loading",
                 "defaultValue": "false"
             },
             "subTitleFirst": {
                 "type": "boolean",
-                "attribute": "sub-title-first",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -317,11 +316,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "sub-title-first",
                 "defaultValue": "false"
             },
             "noPadding": {
                 "type": "boolean",
-                "attribute": "no-padding",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -337,11 +336,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "no-padding",
                 "defaultValue": "false"
             },
             "subTitle": {
                 "type": "string",
-                "attribute": "sub-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -357,11 +356,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "sub-title",
                 "defaultValue": "''"
             },
             "centered": {
                 "type": "boolean",
-                "attribute": "centered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -377,11 +376,11 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "centered",
                 "defaultValue": "false"
             },
             "iconStyle": {
                 "type": "string",
-                "attribute": "icon-style",
                 "mutable": false,
                 "complexType": {
                     "original": "'error' | 'success' | 'primary' | 'normal'",
@@ -397,6 +396,7 @@ export class SallaModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon-style",
                 "defaultValue": "undefined"
             }
         };

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

@@ -56,7 +56,6 @@ export class SallaMultipleBundleProductCart {
         return {
             "sections": {
                 "type": "unknown",
-                "attribute": "sections",
                 "mutable": false,
                 "complexType": {
                     "original": "BundleSection[]",
@@ -65,7 +64,8 @@ export class SallaMultipleBundleProductCart {
                         "BundleSection": {
                             "location": "import",
                             "path": "../interfaces",
-                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleSection"
+                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleSection",
+                            "referenceLocation": "BundleSection"
                         }
                     }
                 },

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

@@ -177,7 +177,6 @@ export class SallaMultipleBundleProductDetails {
         return {
             "sections": {
                 "type": "unknown",
-                "attribute": "sections",
                 "mutable": false,
                 "complexType": {
                     "original": "BundleSection[]",
@@ -186,7 +185,8 @@ export class SallaMultipleBundleProductDetails {
                         "BundleSection": {
                             "location": "import",
                             "path": "../interfaces",
-                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleSection"
+                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleSection",
+                            "referenceLocation": "BundleSection"
                         }
                     }
                 },

package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-options-modal.js

@@ -519,7 +519,8 @@ export class SallaMultipleBundleProductOptionsModal {
                         "SelectedOption": {
                             "location": "import",
                             "path": "../interfaces",
-                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::SelectedOption"
+                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::SelectedOption",
+                            "referenceLocation": "SelectedOption"
                         }
                     }
                 }
@@ -540,7 +541,8 @@ export class SallaMultipleBundleProductOptionsModal {
                         "BundleProduct": {
                             "location": "import",
                             "path": "../interfaces",
-                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleProduct"
+                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleProduct",
+                            "referenceLocation": "BundleProduct"
                         }
                     }
                 }

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

@@ -116,7 +116,6 @@ export class SallaMultipleBundleProductSlider {
         return {
             "section": {
                 "type": "unknown",
-                "attribute": "section",
                 "mutable": false,
                 "complexType": {
                     "original": "BundleSection",
@@ -125,7 +124,8 @@ export class SallaMultipleBundleProductSlider {
                         "BundleSection": {
                             "location": "import",
                             "path": "../interfaces",
-                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleSection"
+                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleSection",
+                            "referenceLocation": "BundleSection"
                         }
                     }
                 },
@@ -140,7 +140,6 @@ export class SallaMultipleBundleProductSlider {
             },
             "sectionIndex": {
                 "type": "number",
-                "attribute": "section-index",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -155,11 +154,11 @@ export class SallaMultipleBundleProductSlider {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "section-index"
             },
             "selectedProducts": {
                 "type": "unknown",
-                "attribute": "selected-products",
                 "mutable": false,
                 "complexType": {
                     "original": "{ [sectionId: string]: Set<string | number> }",
@@ -206,7 +205,8 @@ export class SallaMultipleBundleProductSlider {
                         "BundleProduct": {
                             "location": "import",
                             "path": "../interfaces",
-                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleProduct"
+                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleProduct",
+                            "referenceLocation": "BundleProduct"
                         }
                     }
                 }
@@ -227,7 +227,8 @@ export class SallaMultipleBundleProductSlider {
                         "BundleProduct": {
                             "location": "import",
                             "path": "../interfaces",
-                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleProduct"
+                            "id": "src/components/salla-multiple-bundle-product/interfaces.ts::BundleProduct",
+                            "referenceLocation": "BundleProduct"
                         }
                     }
                 }

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

@@ -99,7 +99,6 @@ export class SallaMultipleBundleProduct {
         return {
             "bundleSections": {
                 "type": "string",
-                "attribute": "bundle-sections",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -114,7 +113,8 @@ export class SallaMultipleBundleProduct {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "bundle-sections"
             }
         };
     }

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

@@ -21,7 +21,6 @@ export class SallaNotificationItem {
         return {
             "notification": {
                 "type": "unknown",
-                "attribute": "notification",
                 "mutable": false,
                 "complexType": {
                     "original": "Notification",
@@ -30,7 +29,8 @@ export class SallaNotificationItem {
                         "Notification": {
                             "location": "import",
                             "path": "./interfaces",
-                            "id": "src/components/salla-notifications/interfaces.ts::Notification"
+                            "id": "src/components/salla-notifications/interfaces.ts::Notification",
+                            "referenceLocation": "Notification"
                         }
                     }
                 },

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'"
             }
         };