@salla.sa/twilight-components 2.14.432 → 2.14.434

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

@@ -177,7 +177,7 @@ export class SallaInstallment {
         }
     }
     isValidPrice(price) {
-        const pricePattern = /^\d+(\.\d{1,2})?$/;
+        const pricePattern = /^\d+(\.\d{1,3})?$/;
         const isValid = pricePattern.test(price);
         const isGreaterThanZero = parseFloat(price) > 0;
         return isValid && isGreaterThanZero;

package/dist/collection/components/salla-loyalty-points-banner/salla-loyalty-points-banner.js

@@ -0,0 +1,54 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Host, h } from "@stencil/core";
+import { setTranslations } from "../salla-loyalty-program/translations";
+import MoneyIcon from "../../assets/svg/money.svg";
+export class SallaLoyaltyPointsBanner {
+    constructor() {
+        this.pointsData = null;
+        this.productId = null;
+    }
+    async componentWillLoad() {
+        try {
+            await salla.onReady();
+            await salla.lang.onLoaded();
+            await setTranslations();
+            this.productId = this.host.dataset.productId || salla.config.get('page.id');
+            if (!this.productId) {
+                return;
+            }
+            const response = await salla.api
+                .request(`/loyalty/products/${this.productId}/points`)
+                .catch(() => null);
+            this.pointsData = response?.data || null;
+        }
+        catch (e) {
+            salla?.logger?.warn?.('salla-loyalty-points-banner: init failed', e);
+        }
+    }
+    render() {
+        if (!this.productId || !this.pointsData?.points) {
+            return null;
+        }
+        return (h(Host, null, h("div", { class: "s-loyalty-points-banner-container" }, h("div", { class: "s-loyalty-points-banner-icon" }, h("span", { class: "s-loyalty-points-banner-inner-icon", innerHTML: MoneyIcon })), h("p", null, h("span", { class: "s-loyalty-points-banner-label" }, salla.lang.get('pages.loyalty_program.earn'), ' '), h("span", { class: "s-loyalty-points-banner-label" }, `+${this.pointsData.points}`, " "), h("span", { class: "s-loyalty-points-banner-label" }, salla.lang.get('pages.loyalty_program.loyalty_point'), ' '), h("span", { class: "s-loyalty-points-banner-description" }, salla.lang.get('pages.loyalty_program.on_order_total_when_purchase'))))));
+    }
+    static get is() { return "salla-loyalty-points-banner"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-loyalty-points-banner.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-loyalty-points-banner.css"]
+        };
+    }
+    static get states() {
+        return {
+            "pointsData": {},
+            "productId": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+}

package/dist/collection/components/salla-products-list/salla-products-list.js

@@ -422,6 +422,13 @@ export class SallaProductsList {
     getSource() {
         return Helper.getProductsSource(this.source);
     }
+    /**
+     * Partial product strips (mega menu, offers drawer, related products, JSON payload, …)
+     * must not set `response.title` — only the main catalog grid should update the listing title.
+     */
+    isAuxiliaryProductsListSource() {
+        return ['json', 'selected', 'related', 'landing-page', 'recently'].includes(this.getSource());
+    }
     getSourceValue() {
         return this.currentCategoryIdFilter ? this.currentCategoryIdFilter : Helper.getProductsSourceValue(this.source, this.sourceValue);
     }
@@ -637,7 +644,7 @@ export class SallaProductsList {
             .then(async () => {
             this.hasCustomComponent = !!customElements.get(this.productCardComponent);
             this.sourceValueIsValid = !!(this.getSourceValue() || this.isSourceWithoutValue());
-            this.hasInfiniteScroll = !['json', 'selected', 'related', 'landing-page', 'recently'].includes(this.getSource()) && !this.limit;
+            this.hasInfiniteScroll = !this.isAuxiliaryProductsListSource() && !this.limit;
             let searchParams = new URLSearchParams(window.location.search);
             try {
                 this.sortBy = this.sortBy || searchParams.get('sort') || searchParams.get('by');
@@ -754,28 +761,28 @@ export class SallaProductsList {
             return [];
         }
         let source = this.getSource();
-        let title = '';
-        //help the developer to know the current page title
         if (response.cursor?.current === 1) {
-            title = Helper.getPageTitleForSource(source);
-            try {
-                if (this.getSource() === 'search') {
-                    title = salla.lang.get('common.elements.search_about', { 'word': this.getSourceValue() });
-                }
-                else if (!title) {
-                    let catId = this.parsedFilters.category_id || this.getSourceValue()[0];
-                    // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId
-                    title = response.filters?.find(filter => filter.key === 'category_id')?.values?.find(cat => cat.key === catId)?.value ?? '';
-                    this.filtersSnapshot = response.filters;
+            if (!this.isAuxiliaryProductsListSource()) {
+                let title = Helper.getPageTitleForSource(source);
+                try {
+                    if (this.getSource() === 'search') {
+                        title = salla.lang.get('common.elements.search_about', { 'word': this.getSourceValue() });
+                    }
+                    else if (!title) {
+                        let catId = this.parsedFilters.category_id || this.getSourceValue()[0];
+                        // get the first filter that its key is category_id, then get the value when filter.value.*.key==catId
+                        title = response.filters?.find(filter => filter.key === 'category_id')?.values?.find(cat => cat.key === catId)?.value ?? '';
+                        this.filtersSnapshot = response.filters;
+                    }
+                    title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data?.length);
+                    if (response.data.length === 15) {
+                        title = title.replace(response.data.length, salla.lang.get('common.elements.more_than') + ' ' + response.data.length);
+                    }
+                    response.title = title;
                 }
-                title += (title ? ' - ' : '') + salla.lang.choice('blocks.header.products_count', response.data?.length);
-                if (response.data.length === 15) {
-                    title = title.replace(response.data.length, salla.lang.get('common.elements.more_than') + ' ' + response.data.length);
+                catch (e) {
+                    salla.logger.error('Error::falid to handle response', e);
                 }
-                response.title = title;
-            }
-            catch (e) {
-                salla.logger.error('Error::falid to handle response', e);
             }
             //inject the SEO schema
             //handleResponse works only on the infinite-scroll and infinite scroll works only on the categories pages and main latest-page ..etc, so no need to add condition