@salla.sa/twilight-components 2.14.392 → 2.14.394

package/dist/cjs/salla-user-settings.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CGnPURjZ.js');
+var index = require('./index-B03mYCWz.js');
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-verify.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CGnPURjZ.js');
+var index = require('./index-B03mYCWz.js');
 var mail = require('./mail-CO8cFZH7.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-wallet.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CGnPURjZ.js');
+var index = require('./index-B03mYCWz.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";
 

package/dist/cjs/twilight.cjs.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CGnPURjZ.js');
+var index = require('./index-B03mYCWz.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*

package/dist/cjs/{vanilla-picker-DI3TImGd.js → vanilla-picker-CKZvBtHS.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CGnPURjZ.js');
+var index = require('./index-B03mYCWz.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/collection/components/salla-count-down/salla-count-down.js

@@ -76,8 +76,31 @@ export class SallaCountDown {
             }
         }
     }
+    /**
+     * Normalize non-standard date formats into a consistently parseable string.
+     * Handles formats like "MM-DD-YYYY,HH:mm:ss am/pm" by converting to
+     * "MM/DD/YYYY HH:mm:ss am/pm".
+     */
+    normalizeDate(date) {
+        // Match "MM-DD-YYYY,HH:mm:ss am/pm" pattern (comma between date and time, am/pm suffix)
+        const match = date.match(/^(\d{1,2})-(\d{1,2})-(\d{4}),(\d{1,2}):(\d{2}):(\d{2})\s*(am|pm)$/i);
+        if (match) {
+            const [, month, day, year, rawHour, min, sec, period] = match;
+            let hour = parseInt(rawHour, 10);
+            if (period.toLowerCase() === 'pm' && hour < 12)
+                hour += 12;
+            if (period.toLowerCase() === 'am' && hour === 12)
+                hour = 0;
+            const hh = String(hour).padStart(2, '0');
+            const mm = String(month).padStart(2, '0');
+            const dd = String(day).padStart(2, '0');
+            return `${year}-${mm}-${dd} ${hh}:${min}:${sec}`;
+        }
+        return date;
+    }
     isValidDate(date) {
-        let dateHasDashes = date.includes('-'), dateParts = date.split(' '), testedDate;
+        const normalized = this.normalizeDate(date);
+        let dateHasDashes = normalized.includes('-'), dateParts = normalized.split(' '), testedDate;
         if (dateHasDashes) {
             testedDate = dateParts[0].replace(/-/g, '/');
         }
@@ -90,19 +113,20 @@ export class SallaCountDown {
         return salla.helpers.number(digit, this.digits === 'en');
     }
     startCountDown() {
-        const isIsoFormat = this.date.includes('-');
-        const isDateOnly = this.endOfDay || this.date.split(' ').length === 1;
+        const normalized = this.normalizeDate(this.date);
+        const isIsoFormat = normalized.includes('-');
+        const isDateOnly = this.endOfDay || normalized.split(' ').length === 1;
         let countDownTime;
         if (isIsoFormat) {
             // Backend KSA date — parse as UTC+3 explicitly
             const dateStr = isDateOnly
-                ? `${this.date.split(' ')[0]}T23:59:59+03:00`
-                : `${this.date.replace(' ', 'T')}+03:00`;
+                ? `${normalized.split(' ')[0]}T23:59:59+03:00`
+                : `${normalized.replace(' ', 'T')}+03:00`;
             countDownTime = new Date(dateStr).getTime();
         }
         else {
-            // "MMM DD, YYYY HH:mm:ss" format — preserve existing behaviour
-            const countDownDate = new Date(this.date);
+            // "MMM DD, YYYY HH:mm:ss" or "MM/DD/YYYY HH:mm:ss am/pm" format
+            const countDownDate = new Date(normalized);
             if (isDateOnly) {
                 countDownDate.setHours(23, 59, 59, 999);
             }
@@ -182,7 +206,7 @@ export class SallaCountDown {
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: '72c0f5f822ea852674814ced58f323e8b99075c0', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
+        return (h(Host, { key: 'dbce8a84197d35634e2f29f7c5ae664eed9bcfce', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
     }
     static get is() { return "salla-count-down"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-file-upload/salla-file-upload.css

@@ -1,5 +1,5 @@
 /*!
- * FilePond 4.32.8
+ * FilePond 4.32.12
  * Licensed under MIT, https://opensource.org/licenses/MIT/
  * Please visit https://pqina.nl/filepond/ for details.
  */

package/dist/collection/components/salla-file-upload/salla-file-upload.js

@@ -1594,7 +1594,7 @@ export class SallaFileUpload {
                         "FilePondErrorDescription": {
                             "location": "import",
                             "path": "filepond/types/index",
-                            "id": "../../node_modules/.pnpm/filepond@4.32.8/node_modules/filepond/types/index.d.ts::FilePondErrorDescription"
+                            "id": "../../node_modules/.pnpm/filepond@4.32.12/node_modules/filepond/types/index.d.ts::FilePondErrorDescription"
                         },
                         "FilePondFile": {
                             "location": "import",

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;

package/dist/collection/components/salla-slider/salla-slider.css

@@ -1,5 +1,5 @@
 /**
- * Swiper 12.1.0
+ * Swiper 12.1.3
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: January 28, 2026
+ * Released on: March 24, 2026
  */
 
 :root {
@@ -313,6 +313,8 @@
   .swiper-navigation-disabled & {
     display: none !important;
   }
+
+  ::slotted(svg),
   svg {
     width: 100%;
     height: 100%;
@@ -335,6 +337,7 @@
 .swiper-button-prev {
   left: var(--swiper-navigation-sides-offset, 4px);
   right: auto;
+  ::slotted(.swiper-navigation-icon),
   .swiper-navigation-icon {
     transform: rotate(180deg);
   }
@@ -370,12 +373,14 @@
   & ~ .swiper-button-prev,
   &.swiper-rtl .swiper-button-next,
   &.swiper-rtl ~ .swiper-button-next {
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(180deg);
     }
   }
   &.swiper-rtl .swiper-button-prev,
   &.swiper-rtl ~ .swiper-button-prev {
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(0deg);
     }
@@ -395,6 +400,7 @@
   ~ .swiper-button-prev {
     top: var(--swiper-navigation-sides-offset, 4px);
     bottom: auto;
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(-90deg);
     }
@@ -403,6 +409,7 @@
   ~ .swiper-button-next {
     bottom: var(--swiper-navigation-sides-offset, 4px);
     top: auto;
+    ::slotted(.swiper-navigation-icon),
     .swiper-navigation-icon {
       transform: rotate(90deg);
     }