@salla.sa/twilight-components 2.14.432 → 2.14.434

package/dist/components/salla-cashback-banner.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaCashbackBanner extends Components.SallaCashbackBanner, HTMLElement {}
+export const SallaCashbackBanner: {
+    prototype: SallaCashbackBanner;
+    new (): SallaCashbackBanner;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/salla-cashback-banner.js

@@ -0,0 +1,96 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as setTranslations } from './translations.js';
+
+var StarFilledIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5667_2008)">
+<path d="M9.00003 0.935974C9.37203 0.935974 9.72003 1.06797 10.044 1.33197C10.344 1.57197 10.596 1.90797 10.8 2.33997L12.114 5.00397C12.174 5.09997 12.27 5.19897 12.402 5.30097C12.534 5.40297 12.66 5.46597 12.78 5.48997L15.174 5.88597C15.618 5.95797 15.996 6.10197 16.308 6.31797C16.644 6.54597 16.869 6.83697 16.983 7.19097C17.097 7.54497 17.082 7.91397 16.938 8.29797C16.806 8.64597 16.578 8.98797 16.254 9.32397L14.4 11.196C14.316 11.28 14.247 11.409 14.193 11.583C14.139 11.757 14.13 11.91 14.166 12.042L14.688 14.364C14.808 14.88 14.832 15.342 14.76 15.75C14.676 16.206 14.475 16.551 14.157 16.785C13.839 17.019 13.452 17.106 12.996 17.046C12.588 16.998 12.156 16.836 11.7 16.56L9.45003 15.21C9.34203 15.15 9.19203 15.12 9.00003 15.12C8.80803 15.12 8.65803 15.15 8.55003 15.21L6.30003 16.56C5.84403 16.836 5.41203 16.998 5.00403 17.046C4.54803 17.106 4.16103 17.016 3.84303 16.776C3.52503 16.536 3.32403 16.194 3.24003 15.75C3.16803 15.342 3.19203 14.88 3.31203 14.364L3.83403 12.042C3.85803 11.91 3.84603 11.757 3.79803 11.583C3.75003 11.409 3.68403 11.28 3.60003 11.196L1.74603 9.32397C1.41003 8.98797 1.18203 8.64597 1.06203 8.29797C0.918027 7.91397 0.900027 7.54497 1.00803 7.19097C1.11603 6.83697 1.34403 6.54597 1.69203 6.31797C1.99203 6.10197 2.37003 5.95797 2.82603 5.88597L5.22003 5.48997C5.32803 5.46597 5.45103 5.40297 5.58903 5.30097C5.72703 5.19897 5.82003 5.09997 5.86803 5.00397L7.18203 2.33997C7.39803 1.90797 7.65603 1.57197 7.95603 1.33197C8.28003 1.06797 8.62803 0.935974 9.00003 0.935974Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_5667_2008">
+<rect width="18" height="18" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
+const sallaCashbackBannerCss = "";
+
+const SallaCashbackBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaCashbackBanner extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.cashbackData = 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(`/products/${this.productId}/cashback-offer`)
+                .catch(() => null);
+            this.cashbackData = response?.data || null;
+        }
+        catch (e) {
+            salla?.logger?.warn?.('salla-cashback-banner: init failed', e);
+        }
+    }
+    getPaymentMethodsText(methods = []) {
+        return methods
+            .map(method => String(method || '').trim())
+            .filter(Boolean)
+            .map(method => salla.lang.get(`pages.checkout.${method}`) || method)
+            .join(', ');
+    }
+    getCashbackMessage() {
+        const includedMethods = this.cashbackData?.payment_method_restrictions?.included ?? [];
+        if (includedMethods.length) {
+            return salla.lang.get('pages.loyalty_program.cashback_when_buying_product_payment_method', {
+                payment_method: this.getPaymentMethodsText(includedMethods),
+            });
+        }
+        return salla.lang.get('pages.loyalty_program.cashback_when_buying_product');
+    }
+    render() {
+        if (!this.productId || !Number(this.cashbackData?.amount)) {
+            return null;
+        }
+        const cashbackValue = this.cashbackData.amount;
+        const currency = this.cashbackData.currency;
+        const cashbackMessage = this.getCashbackMessage();
+        const cashbackType = this.cashbackData.offer_type;
+        return (h(Host, null, h("div", { class: "s-cashback-banner-container" }, h("div", { class: "s-cashback-banner-icon" }, h("span", { class: "s-cashback-banner-inner-icon", innerHTML: StarFilledIcon })), h("p", null, h("span", { class: "s-cashback-banner-label" }, salla.lang.get('pages.loyalty_program.earn'), ' '), h("span", { class: "s-cashback-banner-value" }, cashbackType === "percentage" ? "+" : "", cashbackValue, " ", ['SAR', 'ر.س'].includes(currency) ? h("i", { class: "sicon-sar" }) : currency, ' '), h("span", { class: "s-cashback-banner-label" }, cashbackMessage)))));
+    }
+    get host() { return this; }
+    static get style() { return sallaCashbackBannerCss; }
+}, [0, "salla-cashback-banner", {
+        "cashbackData": [32],
+        "productId": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-cashback-banner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-cashback-banner":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaCashbackBanner$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaCashbackBanner = SallaCashbackBanner$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaCashbackBanner, defineCustomElement };

package/dist/components/salla-installment.js

@@ -182,7 +182,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class SallaInstallme
         }
     }
     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/components/salla-loyalty-points-banner.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaLoyaltyPointsBanner extends Components.SallaLoyaltyPointsBanner, HTMLElement {}
+export const SallaLoyaltyPointsBanner: {
+    prototype: SallaLoyaltyPointsBanner;
+    new (): SallaLoyaltyPointsBanner;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,69 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as setTranslations } from './translations.js';
+
+var MoneyIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.76604 2.86201C9.31804 2.61001 9.93304 2.41501 10.611 2.27701C11.289 2.13901 12 2.07001 12.744 2.07001C13.572 2.07001 14.364 2.15401 15.12 2.32201C15.84 2.49001 16.356 2.81401 16.668 3.29401C16.932 3.70201 17.064 4.26001 17.064 4.96801V13.032C17.064 13.416 16.95 13.752 16.722 14.04C16.506 14.304 16.227 14.493 15.885 14.607C15.543 14.721 15.204 14.742 14.868 14.67C14.196 14.514 13.488 14.436 12.744 14.436C12.084 14.436 11.442 14.502 10.818 14.634C10.23 14.754 9.70204 14.922 9.23404 15.138C8.68204 15.39 8.06704 15.585 7.38904 15.723C6.71104 15.861 6.00004 15.93 5.25604 15.93C4.42804 15.93 3.63604 15.846 2.88004 15.678C2.18404 15.522 1.68004 15.21 1.36804 14.742C1.08004 14.322 0.936035 13.752 0.936035 13.032V4.96801C0.936035 4.58401 1.05004 4.24801 1.27804 3.96001C1.49404 3.69601 1.77304 3.50701 2.11504 3.39301C2.45704 3.27901 2.79604 3.25801 3.13204 3.33001C3.80404 3.48601 4.51204 3.56401 5.25604 3.56401C5.91604 3.56401 6.55804 3.49801 7.18204 3.36601C7.77004 3.24601 8.29804 3.07801 8.76604 2.86201ZM11.25 9.00001C11.25 8.59201 11.148 8.21701 10.944 7.87501C10.74 7.53301 10.467 7.26001 10.125 7.05601C9.78304 6.85201 9.40804 6.75001 9.00004 6.75001C8.59204 6.75001 8.21704 6.85201 7.87504 7.05601C7.53304 7.26001 7.26004 7.53301 7.05604 7.87501C6.85204 8.21701 6.75004 8.59201 6.75004 9.00001C6.75004 9.40801 6.85204 9.78301 7.05604 10.125C7.26004 10.467 7.53304 10.74 7.87504 10.944C8.21704 11.148 8.59204 11.25 9.00004 11.25C9.40804 11.25 9.78304 11.148 10.125 10.944C10.467 10.74 10.74 10.467 10.944 10.125C11.148 9.78301 11.25 9.40801 11.25 9.00001ZM14.328 7.79401C14.076 7.75801 13.812 7.73401 13.536 7.72201C13.38 7.71001 13.245 7.75501 13.131 7.85701C13.017 7.95901 12.954 8.08801 12.942 8.24401C12.93 8.40001 12.975 8.53501 13.077 8.64901C13.179 8.76301 13.308 8.82601 13.464 8.83801C13.704 8.85001 13.938 8.87401 14.166 8.91001C14.322 8.93401 14.463 8.90101 14.589 8.81101C14.715 8.72101 14.787 8.59801 14.805 8.44201C14.823 8.28601 14.787 8.14501 14.697 8.01901C14.607 7.89301 14.484 7.81801 14.328 7.79401ZM4.53604 9.16201C4.29604 9.15001 4.06204 9.12601 3.83404 9.09001C3.67804 9.06601 3.53704 9.09901 3.41104 9.18901C3.28504 9.27901 3.21304 9.40201 3.19504 9.55801C3.17704 9.71401 3.21304 9.85501 3.30304 9.98101C3.39304 10.107 3.51604 10.182 3.67204 10.206C3.92404 10.242 4.18804 10.266 4.46404 10.278C4.62004 10.29 4.75504 10.245 4.86904 10.143C4.98304 10.041 5.04604 9.91201 5.05804 9.75601C5.07004 9.60001 5.02504 9.46501 4.92304 9.35101C4.82104 9.23701 4.69204 9.17401 4.53604 9.16201Z" fill="white"/>
+</svg>
+`;
+
+const sallaLoyaltyPointsBannerCss = "";
+
+const SallaLoyaltyPointsBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPointsBanner extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        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'))))));
+    }
+    get host() { return this; }
+    static get style() { return sallaLoyaltyPointsBannerCss; }
+}, [0, "salla-loyalty-points-banner", {
+        "pointsData": [32],
+        "productId": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-loyalty-points-banner"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-loyalty-points-banner":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaLoyaltyPointsBanner$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaLoyaltyPointsBanner = SallaLoyaltyPointsBanner$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaLoyaltyPointsBanner, defineCustomElement };

package/dist/components/salla-products-list2.js

@@ -428,6 +428,13 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
     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);
     }
@@ -643,7 +650,7 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             .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');
@@ -760,28 +767,28 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             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

package/dist/esm/{filepond-HXomeZen.js → filepond-B8ZU0S2U.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-D4H-PD_s.js → filepond-plugin-file-poster-CbvNpFBW.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-BS0ly_Mw.js → filepond-plugin-file-validate-size-Dvk6NFzB.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-COwvXqLN.js → filepond-plugin-file-validate-type-BHnSvKf9.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-yo1lYVPu.js → filepond-plugin-image-edit-C3-HEwrk.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-AQpLyT8N.js → filepond-plugin-image-exif-orientation-CkNQRZPb.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-BTSkXVkI.js → filepond-plugin-image-preview-BiSvHi1n.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{functions-5z0tDgRf.js → functions-B0NK3Lby.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-BJ40PU3w.js';
+import { h } from './index-CCvjaZrV.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);

package/dist/esm/{index-BuJQW042.js → index-BMlmyi0X.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-BJ40PU3w.js';
+import { d as getDefaultExportFromCjs } from './index-CCvjaZrV.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {