@salla.sa/twilight-components 2.14.431 → 2.14.433

package/dist/components/salla-loyalty-point2.js

@@ -196,7 +196,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
         }
     }
     render() {
-        return (h("div", { key: 'c2c34afc4b10f2386728dbe537b847481bd5e706' }, h("div", { key: 'cf57ff9cfc3a2f55bfe8af17f2cc7c83c9d0615b', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '407eb761249e7872fb999dc79ce0a8943bcf3708', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: 'ac7813b4ce28250a61894387626930cbf259f569', class: this.point.icon })), h("div", { key: '8725b5639e3ba8aec39d592e115ea9d31bb11b0f', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: 'dc458d557e251481bcb001cf13f410ff9c572883', size: "xs", bg: "transparent" }, h("span", { key: '0389b4b3ce11a28e7366ac5b8fe030a366ca2a1b', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: 'd8f06d0a2bf23d720f2945816974527513b92aea', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: '4b004b8aab8b15bfc2d669179c8699be544eb5d1', size: "sm", bg: "transparent" }, h("span", { key: '87f0a45143185f28520b49b4b690e1449174e0ef', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: 'ae51344446f70798cb00a11a24a3c37d3c0a1fd5', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: '1a96a88716d9fa2b3e8aac4864a025824c48d36a' }, h("div", { key: '13bc00fa473bfb16b272d751b45ad7384db0fc43', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'a7d6d5f9692c7454d6bd9aa350c4934ec1704002', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '2e26922099bbc8d1d46d48d807f09b195868a262', class: this.point.icon })), h("div", { key: 'ea7c80d9fd595d1e319fb9840cfa7dc439ad2bbb', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '76c01bd0380e5729989ae4b748d7e59f334b40b8', size: "xs", bg: "transparent" }, h("span", { key: 'b459db33b3926952415e2ac6a9b383a53467bc7f', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: '528f5f6e1c36c637b69684d95ec304f9c129400e', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: '9360900b49e9b122c3de07ad08de0cc0e8eccec4', size: "sm", bg: "transparent" }, h("span", { key: '7786c402cb6b946f9fd6402e1d066ad58ae4c0d4', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: 'e6e4e93f0cdbd7dfd0dc39f279cac0bbb9ca4fa8', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
             h("a", { class: {
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
@@ -206,7 +206,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
                     's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, this.point.description)), h("salla-modal", { key: '1acb15d8523cc832e102551e74ab3520d1e92ae0', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '0c7e1436747cbb7a54a5f572b7ae22ee4a59b1bb', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'b0995df3565e1a90c49910616cb343579ea69074', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '22d8548b682e06ba9fb3af4c293d25fa2db9ef3b', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '32a51e4329358e92dafa4e3e92c34d3565bd965d', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '5736f71eeae6b6f6ec3bf86baa15623c3a80865c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'e9ff991b8037e7e6bc5eb3f8d50e060bc780a448', class: this.point.icon })), h("salla-badge", { key: '7f93b524618636ddeb796fa119d96c7c03d9f0ab', size: "sm", bg: "light" }, h("span", { key: '1b0e6167064c6f2f0b8ff42c55f5e4a545d67c20', innerHTML: loyaltyProgramIcon }), h("span", { key: '846e078c3f70572b965dc9bd02697f68ed18005f', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), h("div", { key: '94d2e8b86d93c7470478731e76416e34b71be01f', class: "s-loyalty-program-points-modal-details" }, h("div", { key: 'ad4d571f3467c6b129c774de1165df75b3563eb5', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '873b6b7d36a2bde224e516a52e7f478f20bf08d6', class: "s-loyalty-program-points-chain-list" }, !!this.point.steps && Object.keys(this.point.steps).length > 0
+                } }, this.point.description)), h("salla-modal", { key: '1b4bbdf4a31b15a05de6e82eaba7e41623bb7926', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: 'dd47de6d728d0e242ba907df2ad5efac90eca3bc', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '5b683091ac479ada36a8a653379973399ef7a9e9', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '76a05aedcc3b13f44709e369bf16c9c992689406', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'a71c0eb9f39a103728974e687dfcb9be5d8d9be7', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'de83e494131791cae7df3782489be5f1d2ffcb4d', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '2c8faf8db0b4984d0c9319e18343e41d9a6d0d26', class: this.point.icon })), h("salla-badge", { key: 'b29e2f350840663bb36dff05124aa58a3c774640', size: "sm", bg: "light" }, h("span", { key: '0d6cc163f3b14710bca60c5e4fb9c602ff8416a1', innerHTML: loyaltyProgramIcon }), h("span", { key: 'a9ddb1a5ed1c69e0c2017691f67d360f189d4b37', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), h("div", { key: '3327f05f80fec2ddceed0e6f230f0a99020445cc', class: "s-loyalty-program-points-modal-details" }, h("div", { key: 'd5505b3ab399f5d0b668c02bbf441eee33b4a1b2', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: 'dc9b64ad5795e87a12ffd104c5d6bbbade1c2a2e', class: "s-loyalty-program-points-chain-list" }, !!this.point.steps && Object.keys(this.point.steps).length > 0
             ? Object.values(this.point.steps).map((step, idx) => {
                 const stepsArray = Object.values(this.point.steps);
                 const isLastItem = idx === stepsArray.length - 1;
@@ -215,7 +215,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
             : this.point.conditions?.map((condition, idx) => {
                 const isLastItem = idx === this.point.conditions.length - 1;
                 return (h("li", { class: "s-loyalty-program-points-chain-item" }, h("div", { class: "s-loyalty-program-points-chain-icon" }, h("div", { class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xs s-loyalty-program-circle-variant-outline-primary" }, sicons[condition.key]), !isLastItem && h("div", { class: "s-loyalty-program-points-chain-line" })), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", { innerHTML: loyaltyProgramIcon }), formattedPointsJsx(condition.points ?? 0)), h("p", { class: "s-loyalty-program-points-chain-description" }, condition.name))));
-            }))), this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: 'de2c761361aa393b9d332502a1ec1b4f95cd88da', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '473df75678e7d82639bf67a95da94dda684dc93f', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            }))), this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '685d0de853bd3becf1c10529768a5952b6365517', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '806543e483c0872139ee395ee9ba2dbe27061564', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 's-loyalty-program-points-action': true,
                 's-loyalty-program-points-action-completed': this.point.is_completed,
                 's-loyalty-program-points-action-incomplete': !this.point.is_completed,

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-loyalty-prize-item.js

@@ -15,7 +15,7 @@ const SallaLoyaltyPrizeItem$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoya
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '91162ebf1e2f76c4b90df9518d57a136e71fa573' }, h("div", { key: '80416871b0f60857b3279525bdaa87327b75890a', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'd7afdc106a822c0f7640136bec591bfa48fe1802', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '727f131b7fa00b75aab57f2bb5ea4616f0d3929a', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '6e2b9263b7d2c1b7a9e372ede63a6b10a23b0d1d', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '97b7710e76e3d73afe68abe6e8094483960884da', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: '601dbcf73e68678eecc912c14c2b1be612a78551' }, h("div", { key: '074f8b4cb736bfabd5885d9df77bf74e7c4829a1', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '4bec672992f7e998bde639295831a5c9ad5f5088', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: 'c8f858a7f406fe8e9123c57df627a4b6a2cbd719', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '81b954aa730e07c7f32ee538692581dede3543db', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'b7baeada2da364fec6ee7bd606b595b1f652d8a8', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get style() { return sallaLoyaltyPrizeItemCss; }
 }, [0, "salla-loyalty-prize-item", {

package/dist/components/salla-loyalty-reward.js

@@ -39,10 +39,10 @@ const SallaLoyaltyReward$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalty
         };
     }
     render() {
-        return (h("div", { key: '6c205c806975c6fb869e82c316bae95984342181', class: {
+        return (h("div", { key: 'ba9554fee3ffeb4e64410913c6f78217482eaa9b', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: '48c101ec9ab3d49692f2bc2dca9c6fabccff7c66', onClick: this.handleActionArea, role: "button" }, h("div", { key: '66c879cfd481d5ea3e66f15804dbae218a803322', class: "s-loyalty-program-reward-img" }, h("img", { key: '14fe526c033237859d9e9b6bfa67e8f964926348', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '898edb21b0e0b84b5bfd6514f6499a04e15fc668', class: "s-loyalty-program-reward-content" }, h("div", { key: '9ca645d969591bd59e9c472ee4294a534b6f137e', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '0af2ea0d4f480c1f3e8b55f045aefd42b201c74e', size: "xs" }, h("span", { key: '7d8c7c5410695f3d49e5c1c8ed448ab8e908b78f', innerHTML: loyaltyProgramIcon }), h("span", { key: '72c3e2a4e99d5c66e8a4f71725f1641fdc6dd935', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '52e37e0dcc0c29af46fb51d3d1c04f542beaa43c', class: "s-loyalty-program-reward-title" }, h("span", { key: '0e724c534101aaae40d8cecd2d64d5464ce16bb4' }, this.group)), h("div", { key: 'a9dcf0d919bb4758217f7c3458f92e17ad4b17b5', class: "s-loyalty-program-reward-name" }, h("div", { key: 'a77d01f065426f150efdd1de69e14dc08dc94c1e', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '0a53388bdc8df22e2344fc3fd500c220b6edc62e', class: "p-4" }, h("button", { key: 'cf60bf954a5f84cf9715dcd336f26bb6d58a7da1', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: '807e949da96e8b307ed252e32ffafac682835a28', onClick: this.handleActionArea, role: "button" }, h("div", { key: '373862674986def57f35e1d006f41cb6b01b1e75', class: "s-loyalty-program-reward-img" }, h("img", { key: 'b8b072e962519aaf78d19c04759ee1590b0dd6de', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '9866bf65f0a26c3136b3e345094314c6552bd70e', class: "s-loyalty-program-reward-content" }, h("div", { key: 'ee8455df80b61e1c8d86059725e5da5952dab85a', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '27b8f31d4b71255f1298bfd2c5705520b349db59', size: "xs" }, h("span", { key: 'e94f13b973bf0b5171b3aa1dd075ad5a0ee732c5', innerHTML: loyaltyProgramIcon }), h("span", { key: '7776cb3a470b72ca2239fb2c8452711bf5dc59e2', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '03dbed2bca1a462f8e4a13bbbb373d236f2da8ad', class: "s-loyalty-program-reward-title" }, h("span", { key: 'ca64b8c7378baa7e7c4197580290f71ecead8310' }, this.group)), h("div", { key: '3f8e125da5dc4618f82033c2b9e4b9c97760821f', class: "s-loyalty-program-reward-name" }, h("div", { key: 'a2494d8a25a09dd66871d55c762f90a351a54b52', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: 'fe4e03bdab2d95b5adee8b6ae4c51f96186d6016', class: "p-4" }, h("button", { key: '1d33bd0616d4c8e51f2b01cad7bff02c2842d935', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
                 's-loyalty-program-rewards-action-base': true,
                 's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
                 's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),

package/dist/components/salla-maintenance-alert.js

@@ -23,7 +23,7 @@ const SallaMaintenanceAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaMain
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '4d703f0b455359229a1a2d6b9aebc322c366199b', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'c9496aa0a144165d673cfacfbfab3e1bd2b27add', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: 'd8b8c7afaf2fc472c19d57d3d098ed51c27a35fc', class: "s-maintenance-alert-content" }, h("div", { key: '81c3ffc51d2e0e226d0fa12445fa4d2732a1eddb', class: "s-maintenance-alert-container" }, h("div", { key: '618d3256181d8f4d294cdfaa6d4918418d1cbf2f', class: "s-maintenance-alert-icon" }, h("img", { key: '9fdbe8a7998836ec9d992677a1ec066417537d05', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: 'e85ca39bd7648c45ab3a54cb9d57fd5c384a5d77', class: "s-maintenance-alert-text" }, h("h2", { key: '6f39972bccadef828ea1b5e2c8752a29e823425b' }, this.title), h("p", { key: '21633eb8c03ddaac27c5781f3583b81d7da704d9' }, this.message))), h("div", { key: '598b84335704bfd30e825c2d944e92bcdb1a91eb' }, h("a", { key: '327c61c15ac1cee0c8fea77bd1baed618f1072b3', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: 'e1a1d166cb1be3f24820517a902d0a0559634a80', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'c59d166fca18b0da876bd6c8b24af2bd2db18aba', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '1706aa47265a29485b48ad7be1cebc98b8e735ec', class: "s-maintenance-alert-content" }, h("div", { key: '0ba2feded17c0dfd1a129f11cf7f393a1737055b', class: "s-maintenance-alert-container" }, h("div", { key: '509a81ace0c168f42e5391b5d4b1e04337b2c6fb', class: "s-maintenance-alert-icon" }, h("img", { key: '97598847825b9d4c1c8d06e0001c7d669c0dac4b', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '9bb8eac957668568262b9c59fd20bcff5240566f', class: "s-maintenance-alert-text" }, h("h2", { key: 'ac424443f1c28002a1e00305f240741c7b6bed4f' }, this.title), h("p", { key: '7d0dd3556640386b01877369a840ce1bedf5c647' }, this.message))), h("div", { key: 'fdbc31b011bc8c067046a57721344cd57554f5d8' }, h("a", { key: '6efb57a978e9fe03474451c464e85626974e476a', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

package/dist/components/salla-map2.js

@@ -702,11 +702,11 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class SallaMap extends HTMLEle
     }
     // render
     render() {
-        return (h(Host, { key: 'a06082fb10194a06e1eb8a9bbeb58c60d99eef7b', class: "s-map-wrapper" }, h("salla-modal", { key: '9fb68d1b74b0ea481ec2b5e775c93cf3bf604a82', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: 'fb5b01c58f59c350959b40030603b9ebb22f586f', class: "s-map-wrapper" }, h("salla-modal", { key: 'c57cfae01a05597dcd06067cf84c9356ee93dd44', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: 'ae2a9e3e92a9c016d180d94362aed25faa59d71e', name: "button" }, h("salla-button", { key: '4d51351ec1ad51b9c8f69aae1b80469f0fa64f0b', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: '0ab77947689841d7ab44a11b5e56e7f952aa7a82', name: "button" }, h("salla-button", { key: 'da386e3e15a89882865f7d62dd64da72ccebbc1d', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '5221de3101c30c84b553244c22e5d39e5ea279c0', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '889d197b9672ba38ce49548e5acf95eacc9ab780', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '85c9eee27edafb31442f420633bbe6552a14d558', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '5999036a08b7b030cf29ae5242bb63bc1222fbbc', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     get host() { return this; }
     static get style() { return sallaMapCss; }

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

@@ -49,7 +49,7 @@ const SallaMultipleBundleProductCart = /*@__PURE__*/ proxyCustomElement(class Sa
         return (h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, h("div", { class: "s-multiple-bundle-product-cart-header-content" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, h("span", null, salla.lang.get('pages.products.number_of_pieces')), h("span", null, product?.quantity_in_group))))), !hasOptions && (h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
     }
     render() {
-        return (h(Host, { key: '20ea93e03cad534077d798864c427d42be61ad94', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'e275c7ca09fe50f35101578a2d44d9d5c979dc8d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: 'd11f8075e15cd1379d6754b5ce13c81fa7cf9f03', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '293351d69f5e12039ecab876832c6164b1235dab', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,

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

@@ -180,10 +180,10 @@ const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: '1d03726da0f80003af30c2fc78ab3d8e42617b06', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'aafa896a4ab11d23b4da1ca67f66b92f7e23dd04', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: '27a3d6baa97585e983db19522ab2981ecc9e50f1', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'c96cf52dfaee161a03a6bf97de267d9942a47a49', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             const selectedCount = this.selectedProducts[section.id]?.size || 0;
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section, selectedCount)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: 'dcc637799eabb11370a3975abddf6e377413d450' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '6627ee4f67bcd775b16e470dd4735848e6087fd4' })));
     }
     get host() { return this; }
     static get style() { return sallaMultipleBundleProductDetailsCss; }

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

@@ -479,7 +479,7 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '335f2005d369c2d77d9050f88ddaa5ff53351d04' }, h("salla-modal", { key: '30ea7ec272e02818dbede816354925664ce85425', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '24389add786f44083aaba216041ef16679379c0e', slot: "loading" }, h("salla-skeleton", { key: 'a5235218174fb2caba0389ca0685a7dfedad3611', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '828219b4f1d955dc6d577cd9042c910aaee95393', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: 'd9dc4018798fe902048f3e3e37fcb2edf84713b0' }, h("salla-modal", { key: 'af3cc56a9c2c969dc0cbb2b4caba14fd270a11bb', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '10fcc08be35bfd4231f9cf48501614ae49a985a3', slot: "loading" }, h("salla-skeleton", { key: '1aee9616e4f05188067708506352b0d97d504696', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'a7d7a459d383c353b5ef716365ba0a0ac5d3a0b7', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -487,13 +487,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: 'ef8c969b6cccf6ec1506118f0cbfcbb87d88773e', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '11970032bdc37e5d20d6737e3109fcec9b4de4cb', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '1e4b1c215d18af6f64ddebfb594cd2d6238add79', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'c7d0fd432d8449e4742f0686ddecb7e87bebf159', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '22f2cdebd748eb3d6260ce9ed9b821bba2244739', slot: "footer" }, h("div", { key: '210afac61f5641907942dcf8a2ba4a331287a781', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'e0acc6a57d9b7925d822978d3b5742ef1fa26b43', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: 'c9b5f53696d9f8800e3a6be31ec78b51f0cb9bb1', slot: "footer" }, h("div", { key: 'e972370006feae6c17797f54c415ef0d2aaa3f57', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '7a3787936eec6c0c8a69a64799af5595f51909f9', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

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

@@ -94,7 +94,7 @@ const SallaMultipleBundleProductSlider = /*@__PURE__*/ proxyCustomElement(class
         return `bundle[${sectionId}][${productIndex}][id]`;
     }
     render() {
-        return (h(Host, { key: 'a97e064cdf49c89f7ad99c07ace78fa2e8c17db2' }, h("salla-slider", { key: 'acad8d76e7879ea77caff57bbfe8486e92560ba3', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: 'bc1f8d723c42ac9bd72fa89f4ad01e50badd22dc', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: 'ecdac4638007d9435ec8b06f32114a0dada03b86' }, h("salla-slider", { key: 'c245e7dcfd157908063fd5ec13c6d49f8862dd18', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: '17bdd6def2ff6f1d2ad22fa8b5299fc0000b1e82', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const hasSavedOptions = this.savedOptionsByInstance[this.getProductInstanceKey(this.section.id, productIndex)];
             const optionsButtonLabel = hasSavedOptions

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

@@ -77,7 +77,7 @@ const SallaMultipleBundleProduct$1 = /*@__PURE__*/ proxyCustomElement(class Sall
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: '66f10720357d28cccfaf9936fcbf5fe4482b04b7', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: 'abf18a8e3e255a7615ffd6cab7f10a1b4ababdea', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get watchers() { return {
         "bundleSections": ["parseProducts"]

package/dist/components/salla-notification-item2.js

@@ -11,7 +11,7 @@ const SallaNotificationItem = /*@__PURE__*/ proxyCustomElement(class SallaNotifi
         this.__registerHost();
     }
     render() {
-        return h("a", { key: '552b726afc51457a966b4dac5e07f4d5ccd91cde', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '66ce255e979669f95ccbf199db6964a005b2d0b1', class: "s-notifications-item-icon" }, h("i", { key: '870443da46e7d5e670c1dad22eb19021c4eb528d', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '6397c2198c78c475f954520eb2b023259c38ddf6', class: "s-notifications-item-content" }, h("div", { key: 'cee82e34ba7d66fa3b81989f86b88c0a15d44158', class: "s-notifications-item-content-leading" }, h("h4", { key: '02006594ab959bbf70c118948b156c249543a7f6' }, this.notification.title), h("p", { key: 'c4fcf050c60659684b8ce8049b0a6923094d956e' }, this.notification.sub_title)), h("span", { key: '7b4b64aa737fc6fb8e803ceb90afe098ee244349', class: "s-notifications-item-content-trailing" }, h("i", { key: '6ffbe2bd817e08d9299a8c7b536f3aa133b05991', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '1c59cc1b8fe5ecbb786dd311c1220415c4590509' }, this.notification.date))));
+        return h("a", { key: 'd1d982b64b39a019d55af0c49b5a9d9f27e7615d', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: 'd7f84ef1e3b01a11d99100d31be94ccb180f198f', class: "s-notifications-item-icon" }, h("i", { key: '7d4dccd4da689bdec1b15b99ed6c19f37391ccf2', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '30f13cdfb8e09c5996705921197d1cae76475b58', class: "s-notifications-item-content" }, h("div", { key: '2eb942ca1b189bec89d4c44af0ad20fbee623177', class: "s-notifications-item-content-leading" }, h("h4", { key: '6607d79d658b299ac187497f45c40c520f8955c6' }, this.notification.title), h("p", { key: 'b361ef6671a842e50d50455e6e946b4863be3258' }, this.notification.sub_title)), h("span", { key: 'c52997e6b387eae98cb7a97886a8b1c6a8453534', class: "s-notifications-item-content-trailing" }, h("i", { key: '9da662dd0e4c6899c642185541d408573f663415', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'a26ab1dbf7736fc0fcfe931c295b2ea5c2889b95' }, this.notification.date))));
     }
     static get style() { return sallaNotificationsCss; }
 }, [0, "salla-notification-item", {

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

@@ -219,7 +219,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '3b9158d355ad8cf5e8a606488ba6b116427bf557', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '072a758760656e57e396b8bf15a9f66b4306b36d', slot: 'loading' }, h("div", { key: 'b86205bf0f5e15d2f4660fe0b6b2746a57152b6c', class: "s-offer-modal-skeleton" }, h("div", { key: '3c3f9eaf6a7f268e619bdaa450e5e80079e27373', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '6d58ba67fa605778e1c187b7a3fdb866e46496cd', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '78a30a7947e76e68b72a686c9065a0feb1c5e850', height: '15px', width: '50%' }), h("salla-skeleton", { key: '0d1788018b6b58386dfd8e876dae6ec89fafc5ea', height: '10px', width: '30%' })), h("div", { key: '5c77d338656b089c8980579153eb55ae815d19b5', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '4bcc672dd6be4c6561199143a6dd7a3e776a1717', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '68c5c0af215c43c79db2f53bde96ca11d7625161', height: '15px', width: '50%' }), h("salla-skeleton", { key: '1b3766613fcbba40a17365ff92140f12685d92b3', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: 'ff61bf49e9c643c1c6beab5cc6b96034fe08e003', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '18c331729d5a7c7e5cec39de739c19ae18d4a633', slot: 'loading' }, h("div", { key: '4b0fbc90ddc59e069ca069b71e7bf9d0aeeca6de', class: "s-offer-modal-skeleton" }, h("div", { key: '19d49c45a312088566d492dd39095b0189abcf44', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '8f3b0325261d8f740f861a17cfd17c717e1861a0', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'c0a72538ccedbf53d5a373a6292108a64abbeb69', height: '15px', width: '50%' }), h("salla-skeleton", { key: '10dd084db31afa2f1d1615ec266c444f85b43c16', height: '10px', width: '30%' })), h("div", { key: '4b995981588f58bae1ec76e22714416f9c1fec02', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '4977b506e320763423c11c5f6bf570079baefb29', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '32f0f18e7675ed987aebe92c5150540e6acdcbbc', height: '15px', width: '50%' }), h("salla-skeleton", { key: '39f80f6d038c72b281973f2993ff12a1dd6db7cc', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

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

@@ -47,7 +47,7 @@ const SallaOrderDetails$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderDet
         ];
     }
     render() {
-        return h(Host, { key: '6a0251f4da46d6a0d3ddbd93574e16eef2d6a7d7', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: '3e7538927ca00fbb3265b1ad407fcb90e7f30ec3', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

package/dist/components/salla-order-edit-product-card.js

@@ -32,7 +32,7 @@ const SallaOrderEditProductCard$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: '29b7baf750eb28d34c2dab474948e442b1f19789' }, h("button", { key: '25fc440a59d31c87f33b04008e0eeabdc7a71efa', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '51e95cc297f0eaf9263f3da4514f25543aec132e', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: 'b3ce883d2cc10342a3706275dd5016dd0aac223b', class: "s-order-edit-product-card-content" }, h("h3", { key: '3fb542197f29efd353fbdc11b5ea3c7b03927c39', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: 'd1a4f0652ca56d2c17b8fe7408529b898977d8e9', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: '9f9278890bd821cf7b1caecdf4484a26273fe407' }, h("button", { key: '6d28490ff098143000fff6543702ba805e997077', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'b7399553a7b79303b8bae8c9b624f460fe761946', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: '5cd57cf519f5d681116336cc6db8aed3569b761d', class: "s-order-edit-product-card-content" }, h("h3", { key: '51312a3708d95f3d6d654099b25a2a4644c70aaa', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: 'c09988f616198ae0d527e994e5c55e8b0a01c218', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
     static get style() { return sallaOrderEditProductCardCss; }
 }, [0, "salla-order-edit-product-card", {

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

@@ -87,7 +87,7 @@ const SallaOrderSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderSum
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: 'c9c016ac272adc02b4fc119e59c2108926650e35', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'e63a884fdd0f46232853adf53714fa350b00c6c2', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? IconVerified : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/components/salla-payments.js

@@ -35,12 +35,12 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '7d88246228feed97f6a4163854c758dd3e2d258c', class: "s-payments-list-wrap" }, h("ul", { key: 'da4097b5c85892809f6d6191747cdf06cf058052', class: "s-payments-list" }, madeInKSA && h("li", { key: 'a44671b93900a26d62c229bd28f46771e88b5436', class: "s-payments-list-item" }, h("img", { key: 'c76a9ccce13a828835f764593e3a58587dcb60c0', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: 'bfb363665dada7c3e5c9ca429a4174b2ed5c2ed8', class: "s-payments-list-wrap" }, h("ul", { key: '8f66db94e7e75ad5550892a319066c2101cb10fd', class: "s-payments-list" }, madeInKSA && h("li", { key: 'c570b7666e32e890966555b436d483cfe6bc888e', class: "s-payments-list-item" }, h("img", { key: '2965ba9c49df3197f6f2e0c2b8d06d999170652e', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '50af944817df1bb822baf56093815d59fdd003a3', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'c5d9ef3880d2620065fac5a174977899dd78ac2b', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

package/dist/components/salla-placeholder2.js

@@ -42,7 +42,7 @@ const SallaPlaceholder = /*@__PURE__*/ proxyCustomElement(class SallaPlaceholder
         };
     }
     render() {
-        return (h(Host, { key: '455339c316c1e09806bf65a8bf627e32c0d1fa43', class: this.alignmentClass() }, h("div", { key: '3b56c2bb2efa16c70e5ec46c0c7c61e5a4f41c05', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '77b65ca2475563deabeadb419bd232176cf7f1b9', class: "s-placeholder-title" }, h("slot", { key: '37d5de9a4daaec1808eb8edc34cb038720e7bc44', name: 'title' }, h("span", { key: 'cafe31940c9e645bacc9062b765d09292e45fb4c' }, salla.lang.get('common.elements.no_options')))), h("div", { key: 'e6394dd74a534e4549d02247a63bf82979ecb69e', class: "s-placeholder-description" }, h("slot", { key: '926cb9c8b088ceaa14e9913e82f34e12553ff522', name: 'description' }, h("span", { key: '4f888fbb0d0714818df98ec7b9d544dc98568ea0' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: '80c0ead7511fe00ce4fa0f92dc5ad9b3448811fa', class: this.alignmentClass() }, h("div", { key: '26e81619824a58476c66374fc79377596454969c', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '256946363be9fd8aea06f35b4ff837009a3d0b32', class: "s-placeholder-title" }, h("slot", { key: 'd519fbb70c3b3d309caa86c8740ee732fcbeeb70', name: 'title' }, h("span", { key: '6c9a6d8d7c8581944554884541c80884435fb217' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '1cd09e170e1d7f44ec251522ab3bcf1d71eaff02', class: "s-placeholder-description" }, h("slot", { key: '5e38a5794f5b655131cba0a4c590ca7509ffae51', name: 'description' }, h("span", { key: 'b7c9abd6f44092a804177067e7456b7d6468d4df' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get style() { return sallaPlaceholderCss; }
 }, [4, "salla-placeholder", {

package/dist/components/salla-price-range2.js

@@ -159,9 +159,9 @@ const SallaPriceRange = /*@__PURE__*/ proxyCustomElement(class SallaPriceRange e
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: 'f6d4c1f5b74249b943996d2af32b06174520e88d' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: 'b3292086c1beb0d5df51712839daabb25dad2658' }, this.filterValues.map((filterValue, index) => {
             return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), h("div", { key: '48eedd9396dca4b82648e13f917afa78140776c5', class: "flex justify-center items-center" }, h("div", { key: 'c33855ba7fad6f13a361952294a72731134f9263', class: "relative max-w-xl w-full" }, h("div", { key: '19af3893897a7efebd41b58d8c4c2eaeeca2aa81', class: "s-price-range-inputs" }, h("div", { key: '736f552986d27304cbb1a52b0f14ca316d1d6522', class: "s-price-range-relative" }, h("div", { key: 'ed5bbee427f85780b85e02a81978ab2fffdd114f', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'b35cb9e1a9d568e7ab807b19df178f0f355f967d', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'e30137f81f4bb8f2cf00ef051abffddba02a0688', class: "s-price-range-gray-text" }, " -"), h("div", { key: 'e77346125de1c54fe4f7371bb4f7b2713ec20276', class: "s-price-range-relative" }, h("div", { key: '750257ccc57c2b8b35eac7ca00aeba2a87e2e36e', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '43c63883df720947c7f85b2361945ee06104a4ec', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '93e5138ddb7591337b980497be3280066dbeb1de', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '2b42695a4b8abbb7578903a73fe7dd3599d89cd9', innerHTML: this.isRTL ? IconArrowLeft : arrowRight })))))));
+        }), h("div", { key: 'd987fea90281b884a1db631f0f3f90a53353ce65', class: "flex justify-center items-center" }, h("div", { key: '17aec2dff1433bae4f8d06679a86af7d41019a7d', class: "relative max-w-xl w-full" }, h("div", { key: 'fad234797e87821b0df33a5275a3c4bd3ea75fa9', class: "s-price-range-inputs" }, h("div", { key: '7099b01a40271f0757149260a560d038763b0322', class: "s-price-range-relative" }, h("div", { key: '44178266832f05eaf0ca33aa0a2f6436da846100', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '70cda3b471c177958870527a4f0008cf951a381a', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'be3f732538589997f52d2340c72b16e419406666', class: "s-price-range-gray-text" }, " -"), h("div", { key: '5de9d9ba6e5925da36c3483b82167894e49b0088', class: "s-price-range-relative" }, h("div", { key: '903371ebc01237214fc143447789dd8011f86045', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '88dbf3b5930adb70fc16fc2a95d471185fcf760a', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '8b10d455ca665e4a0df80fa3a6c05b3501e769f4', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '8935d722de14843a1efaa4b784e5aa487e80be77', innerHTML: this.isRTL ? IconArrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/components/salla-product-availability2.js

@@ -140,7 +140,7 @@ const SallaProductAvailability = /*@__PURE__*/ proxyCustomElement(class SallaPro
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: 'a09c35acc83cc5dd3bf5777a592a8f58ec44f7fb', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: 'aa627ba618b159913ad91efba99e57c14dd27832', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRing, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));

package/dist/components/salla-product-card2.js

@@ -122,14 +122,14 @@ const SallaProductCard = /*@__PURE__*/ proxyCustomElement(class SallaProductCard
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: '5499b555ce4de3cdc41fec9797404047c2059113', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'ee03a46bf4863e56b5faa67d9ca3dd15d4a1fd05', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: 'b016f4078817310f446d2697ad61cc3db90b8bd5', ...hrefProp }, h("img", { key: 'b80a96932a1fc5429f6060daad0d1038a17f92ad', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: '07e7e2bfac3f3e744e288088af63451aaaccb9dd', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '950d7c19363a90dfd44ba12469b7e59c7726f73a', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '5df4385b43eebb43b54561f3cdca3d21ad21e110', ...hrefProp }, h("img", { key: 'be40dfaabea59a468537fa13438d0df11d7d4d32', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: 'da2b99309da6b737a0a61eb5381f065223a77688', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '3999bbc2c0a0fea9da3cfdacd898731c699688ed', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '405858af6e56aa685fdb5d869bdf3ce521d4dd0e', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '82198e012d297a558557780355ffd16ce7241fa4', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: 'fb8713f2ef5d3ab6f6c423899b5a4e49ed96acf9', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '470de39afbc2f3a00465d7c8313db333e16d61f7', class: "s-product-card-content-title" }, h("a", { key: 'e30d43e7a3fa81f1b68be13c838d61247fadc96e', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: 'cfc073356d10f50e94f8047241188625952e3157', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '8a49535a746e2608bb6d54224765ee876c9b43a6', class: "s-product-card-content-title" }, h("a", { key: '29567b47dccb5a41a916538a60d7caef1d60f59b', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -138,7 +138,7 @@ const SallaProductCard = /*@__PURE__*/ proxyCustomElement(class SallaProductCard
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '1228145906813f3d91f9b7e1a9c3684655963dd2', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', h("div", { key: 'c530bac8ba02e48672deb29819e487c3eaf1c2b6', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Rate }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })

package/dist/components/salla-product-size-guide.js

@@ -59,11 +59,11 @@ const SallaProductSizeGuide$1 = /*@__PURE__*/ proxyCustomElement(class SallaProd
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: '5512c8dfd149f2120f49e5ae3b4851edbaba3b65', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '82d199e3ee7384723977476aff583ac90150af7b', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '5c181d97c0df5445b62a3631d89bf3e67b2a7094', slot: "loading" }, h("div", { key: '60da85f110e2b6d62d71f367da0180e9ba42dcab', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'b50732bad080b099666dd7b9d4dd22739ceebb26', height: '15px', width: '25%' }), h("div", { key: '0b1c9f76597024ba9f57d1e618d944e755997133', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '84a88c4a55dbe16b7a353d8feb858d6afa7e894d', height: '40px' }), h("salla-skeleton", { key: '74dfa42ceeff6564fedd35a441e923f5f33c2b77', height: '40px' }), h("salla-skeleton", { key: 'd8795d2d5a92c9889200d30a04fefac3d679a0a6', height: '40px' }), h("salla-skeleton", { key: '241ca66599bfc0bb2714e60b707be4951f6c7b73', height: '40px' })), h("div", { key: 'b7ba632663b30e8a427372b5314e88af58e969d0', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '3d2b702e319b8ebdabdaa458db2485efefda93f7', height: '15px', width: '25%' }), h("salla-skeleton", { key: '20882f9fd21d0348a1fdfed0076819e714d5007b', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'd0f639cba922413865fbd3e8db1d019ffcfadd79', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'fe106864eb39d78ef4801fcc98c6d1d89cc1bc71', height: '10px', width: '75%' }), h("salla-skeleton", { key: '36c93ceea98adbb4b4b3ea20c2c29ac4a1b06ab1', height: '10px', width: '100%' }), h("salla-skeleton", { key: '3d5d7afc3e0a5c979bc711b6a570e158e0dff6db', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'e10bfdd9af6f8d217de896c2910345bc2c7d44bd', height: '10px', width: '60%' }), h("salla-skeleton", { key: '563e10663844be0ecf4587f6e9f1384e12c12287', height: '10px', width: '45%' }), h("salla-skeleton", { key: '163301e69bd103c2a20a5843aa9d9602181d8f8d', height: '10px', width: '30%' })))), h("slot", { key: 'b384ea1c6fe4076611b5d106eafa80fb7c3e1f47', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'df2e5102905d69bd07e1faf02330c3453676282a', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '6a97d6b0f35ba6d90772c72c4ed20d520c97b98d', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: 'babf929a6c385e2314338a1b50ef71de3fb8c8ba', slot: "loading" }, h("div", { key: '95818d8be3112f32f78d180dda347596167fd2b6', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '1bf1b7c5b5393b89d593b0a9e071ba9f8d158fbb', height: '15px', width: '25%' }), h("div", { key: 'bf4112773abdc284154ee6843b7eef4d1d94bdcc', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'dbbcc175879ed02058af3c998ec4b7aeefe25d60', height: '40px' }), h("salla-skeleton", { key: '0507d63b57bd4d6cae40f1b21d7e85c75c59e8ae', height: '40px' }), h("salla-skeleton", { key: '386c3d4e83233f953a41aea5092fc480bf7f2237', height: '40px' }), h("salla-skeleton", { key: 'bb5c6f5ac3bb1d1f64d353865bb70c410568d20e', height: '40px' })), h("div", { key: 'c9e0886006385022900d632349f93d531ff72ba8', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '588a847c1665a8f8808b91748028ab14ed40c54a', height: '15px', width: '25%' }), h("salla-skeleton", { key: '7ad4c78d9a968c26544847db18469e38ff61c32f', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'cac7a94e1dcb21eeb721a535cb9ef3e1396d3f5b', height: '10px', width: '50%' }), h("salla-skeleton", { key: 'e753cfe0187d178e3640b4567fb5bf2107e52abe', height: '10px', width: '75%' }), h("salla-skeleton", { key: '8d4ade1d66244b5e1280f849b100ccd88edd8a8f', height: '10px', width: '100%' }), h("salla-skeleton", { key: '7ad153aecd33bbb345e03c54708878ea6803a93c', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'f61c9db0c8ce1faf66ee4a40c4cba3bb8a51f131', height: '10px', width: '60%' }), h("salla-skeleton", { key: '1ab1002b8c35569eac30f58682834733e0948e7a', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'a00cb2b88a9dfba2f8caa5b2e4ebf1fa82f969b4', height: '10px', width: '30%' })))), h("slot", { key: 'd4f0a35976d27416b60bc3d1e6959df8139359d5', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: '5edd3fe8b0890a3c7b07cc80826d555213ec74ad', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '63d8114c56ae8ede12322792df6cb60f9111f928', name: "footer" })));
     }
     get host() { return this; }
     static get style() { return sallaProductSizeGuideCss; }

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

@@ -480,7 +480,8 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
         });
         // Manual scroll listener
         shouldApplyManualLoad && window.addEventListener('scroll', this.boundHandleScroll);
-        this.infiniteScroll?.on('load', async (response) => {
+        // infinite-scroll v4: (parsedBody, requestPath, fetchResponse)
+        this.infiniteScroll?.on('load', async (response, path, httpResponse) => {
             if (this.isProcessing)
                 return;
             this.isProcessing = true;
@@ -506,13 +507,43 @@ const SallaProductsList = /*@__PURE__*/ proxyCustomElement(class SallaProductsLi
             }
             catch (error) {
                 console.error('Error during load:', error);
+                try {
+                    const res = httpResponse;
+                    salla.analytics?.log('salla::products.list.fetch.error', {
+                        source: this.getSource(),
+                        nextPage: this.nextPage,
+                        pageIndex: this.infiniteScroll?.pageIndex,
+                        fetchPath: typeof path === 'string' ? path : undefined,
+                        httpStatus: res?.status,
+                        httpStatusText: res?.statusText,
+                        responseUrl: res?.url,
+                        itemsLength: Array.isArray(response?.data) ? response.data.length : undefined,
+                        responseKeys: response && typeof response === 'object' ? Object.keys(response).slice(0, 30) : undefined,
+                        errorMessage: error instanceof Error ? error.message : String(error),
+                    });
+                }
+                catch { /* analytics */ }
             }
             finally {
                 this.isProcessing = false;
             }
         });
-        this.infiniteScroll?.on('error', () => {
+        this.infiniteScroll?.on('error', (error, path, httpResponse) => {
             console.log('Error occurred during request');
+            try {
+                const res = httpResponse;
+                salla.analytics?.log('salla::products.list.fetch.error', {
+                    source: this.getSource(),
+                    nextPage: this.nextPage,
+                    pageIndex: this.infiniteScroll?.pageIndex,
+                    fetchPath: path,
+                    httpStatus: res?.status,
+                    httpStatusText: res?.statusText,
+                    responseUrl: res?.url,
+                    errorMessage: error instanceof Error ? error.message : String(error),
+                });
+            }
+            catch { /* analytics */ }
             this.status.querySelector('.s-infinite-scroll-error').classList.remove('s-hidden');
             this.placeholderLoader && this.placeholderLoader.remove();
             this.loading(false);

package/dist/components/salla-quantity-input2.js

@@ -95,7 +95,7 @@ const SallaQuantityInput = /*@__PURE__*/ proxyCustomElement(class SallaQuantityI
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'fe32e78fac9dba3b83957f5e476aba8c820822cd', class: "s-quantity-input" }, h("div", { key: '4279ee5b42092efc80fb8e5fb716b95f35162cbe', class: "s-quantity-input-container" }, h("button", { key: '7239d398778f75e50822a84bdce007e9dff82b53', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '9c21595e422b8af76daa4719e9924d067b749115', name: "increment-button" })), h("input", { key: '2a280bed1b32847d80895dcd3fb5b1cd2ccac991', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'c7ac2db9ba36b7dcb5c89884ffae4aa56dba42ce', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'd3a10929d440c614b7788548aa72fc3a66b63b74', name: "decrement-button" })))));
+        return (h(Host, { key: '349b3cd1d83e0451132dd5c93b93b0d70a7628bb', class: "s-quantity-input" }, h("div", { key: '4c9e950f8485c6b4558de88763208d7ee38858aa', class: "s-quantity-input-container" }, h("button", { key: 'ae21915513d6061b990d7cb62f627ca16bd9b087', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'd2333916fc2376f2de964ee08b51ed9a23e0885a', name: "increment-button" })), h("input", { key: 'bac1692e0d207643411ffe40fb1296735c1a1898', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: 'c121075780405d3d64ef5e0c5489e6cc43a90538', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '157ca6b862329e57aa58337b95cf9c90a2b8e1f9', name: "decrement-button" })))));
     }
     get host() { return this; }
     static get watchers() { return {