@salla.sa/twilight-components 2.14.461 → 2.14.463

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

@@ -31,10 +31,10 @@ export class SallaLoyaltyReward {
         };
     }
     render() {
-        return (h("div", { key: 'cc64d1446b539fa06a6fea4280992264816fed40', class: {
+        return (h("div", { key: 'c99714fbefea9c43a199201d6e9d331ed4b50e7f', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'c50cc16ceff89288dc0bd4199123e0cfb7816732', onClick: this.handleActionArea, role: "button" }, h("div", { key: '7a68197172329f91e7df1e13ca667062131e14b8', class: "s-loyalty-program-reward-img" }, h("img", { key: 'f1d9dc5fc674095bfdfcb5d167f46d896f9a9b0c', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'b443d55df65a1f34fdff14a3beda5b159fe687f8', class: "s-loyalty-program-reward-content" }, h("div", { key: '292dcd5f9997f82fd0695fdd80380180e781b77f', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '083348231855223ff3ffc66b61847af85d274e19', size: "xs" }, h("span", { key: '5939fae8cd6737c98f6cab437cefdb89b0847bbb', innerHTML: SIGift }), h("span", { key: '155ad221e00b1d21db2b16a8c1d394b302897cda', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: 'ab9d0e10acfc7e1bd5464a971cd6ff7eedf90d52', class: "s-loyalty-program-reward-title" }, h("span", { key: '3fcc04b5a81dd29b1b40411c95bebe8805ffb2bb' }, this.group)), h("div", { key: '2ffe9cb9c295cf817224b8d8aab7f1b413893f2f', class: "s-loyalty-program-reward-name" }, h("div", { key: 'e384ac797eb91704951e91f6fadf4863a9e9971c', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '887bb1eb44d945a66af21a88de60d09275fd5042', class: "p-4" }, h("button", { key: '704b697973f51cdcc67ba62a8b4d806d4abb5461', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: 'b3139a4325629e3e23b09096b96fbb9079ebb4f5', onClick: this.handleActionArea, role: "button" }, h("div", { key: '8d2951399db70f2672619149583d3821429611fa', class: "s-loyalty-program-reward-img" }, h("img", { key: 'd03e024172b99a72fdeb311e24f91d9ca11b69a1', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '23901c0a96c9af1ae459d5bbcad0f4429933225b', class: "s-loyalty-program-reward-content" }, h("div", { key: '795743061efd1270a1a24eceb66f67e2bbb9eb1e', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '83545f69e513a563dfaef7bb107ae119656406a0', size: "xs" }, h("span", { key: '28751b88c77af1acfb746f58f55f4b84f2364141', innerHTML: SIGift }), h("span", { key: '2ab694a2ff30f419171191c0746b80f74edfeea4', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: 'a67f1577b61604d88b54637a8951248663239a6e', class: "s-loyalty-program-reward-title" }, h("span", { key: 'c3a6df53cff6339bbd81018d69bcf3a8637e0a46' }, this.group)), h("div", { key: '6790fc3a3d44e7e25a2e5c1ea246515245fa1e61', class: "s-loyalty-program-reward-name" }, h("div", { key: 'fa99561fa8d2efafc2aee2796eceea93721e525d', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '948edaacd021950384418aedab807c11dee15754', class: "p-4" }, h("button", { key: '982c4c516b508aabec8489dc6f5c9ca326264f2a', 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/collection/components/salla-loyalty-program/salla-reward-card.js

@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
 import SIGift from "../../assets/svg/gift.svg";
 export class SallaRewardCard {
     render() {
-        return (h(Host, { key: '8e688793dec09f19093df23deacfd7ecaac100b7', class: "s-loyalty-program-reward-host" }, h("div", { key: '12663908467c428e861f999fa6449810207b9399', class: "s-loyalty-program-reward-container" }, h("div", { key: '8b01e444f083bafcd1036962113921e876be942a', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'a90032821b870b9fe915a3bdceb5422bacc66c3c', class: "s-loyalty-program-reward-img" }, h("img", { key: '70f872cb5c17cb8c05df6cdcd767f5b0b018f182', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: 'af161adc0a211ddb2c3702ee81cc47bf275a8b3d', class: "s-loyalty-program-reward-content" }, h("div", { key: '5f420a70d14120075ac394ced39b7d37477b8042', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '58df0147fce4aa22479474ff4e3b327dca4165c0', size: "xs" }, h("span", { key: 'e59fc1b27e38e45560d4469d2e8fad0ef1c80915', innerHTML: SIGift }), h("span", { key: '9272311f41a78628c2ff6b78acb25e0b04cc3a95', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '297b130a68d6b64659a6eb832baccf8a5884db78', class: "s-loyalty-program-reward-title" }, h("span", { key: '7e9d42268e77dffb2dda963cc046fb09015c4ee7' }, this.prize.group_title)), h("div", { key: 'f70b7369222792657b02909aed7bacf2a61f24f6', class: "s-loyalty-program-reward-name" }, h("div", { key: '8f1bd6ffb8190d455006e111a013946b3569c24e', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'a5a7d0acba4a00be16db6b277a0a5eb39b88153b', class: "p-4" }, h("slot", { key: 'e2fcb1189b103f419884b05518af74cfd1c5eeb7', name: "action" }, h("button", { key: 'e0522ba4b684bcabae4483dfd36d00cafb86d511', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
+        return (h(Host, { key: 'ff2c85a1de1ce4275f2552cecdf822001e3ad337', class: "s-loyalty-program-reward-host" }, h("div", { key: 'd9a5d86af489008dd0d6025bde5dcb1e9dd29bda', class: "s-loyalty-program-reward-container" }, h("div", { key: 'aba7aa8ee4b3c0200a122fcdb38b4ea39c7f10ec', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: '71234c7e6176f7c557892ef6ffa039b0f33da1ad', class: "s-loyalty-program-reward-img" }, h("img", { key: 'c74287127a9784d6a5500f4cf106089ef610c140', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: 'ee30491d21384a2a2fc60efbe4b0012b72509d4b', class: "s-loyalty-program-reward-content" }, h("div", { key: '94b465db9a56ca3afdfabf63cd155a4ef124dcce', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '7e92d9c135ff7acd7acce77c0abd4ef0b81f9c5f', size: "xs" }, h("span", { key: '83ed6d98e353843837fcf3944f424ca722583c41', innerHTML: SIGift }), h("span", { key: '1fbf2826e7f24b5164cedb22d5875fb6956bbcdc', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '70ecd2efe641e411127c205c689f07bc5f10a782', class: "s-loyalty-program-reward-title" }, h("span", { key: '274b619ba28faf0088abf3fd4053085dad570ab7' }, this.prize.group_title)), h("div", { key: 'e96b5ae844b6bd8ba1058361f04d63e294c873a3', class: "s-loyalty-program-reward-name" }, h("div", { key: 'ef4b44f80213e85882d8a5be1bbd093564d19f3c', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'bf3d981f842da109f8371fe7d2346cb837974454', class: "p-4" }, h("slot", { key: 'e953a9eecffad0d309953805910c6bb9a66fefcf', name: "action" }, h("button", { key: '828ba0093dc42732c47ea635c7ea1c2ff76b0dfe', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
     }
     static get is() { return "salla-reward-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-loyalty-program/salla-reward-details.js

@@ -113,11 +113,11 @@ export class SallaRewardDetails {
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: '2b8f4348fb0e728665b53db47719686629c1836d', class: "s-loyalty-program-reward-modal" }, h("div", { key: '1c838eaa84818ee590a36062b68a505bca8e7c68', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '2912070e266711897fec27c3a3e663677fd605df', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        return (h("div", { key: 'fb021811cdf5d33ea93109e0c096114cf10f503c', class: "s-loyalty-program-reward-modal" }, h("div", { key: 'c73a68336a00d019363938f8c4a5e1fa42d13b41', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '1fdb75d9e316d30af3ff5c6d464f78e99696ab00', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
             : h("button", { class: "s-loyalty-program-back-btn", onClick: () => closeModals(() => salla.event.dispatch('modal::open', 'loyalty-rewards-modal')) }, h("span", { class: {
                     'sicon-arrow-right': document.documentElement.getAttribute('dir') === 'rtl',
                     'sicon-arrow-left': document.documentElement.getAttribute('dir') === 'ltr',
-                } })), this.prize.name)), h("div", { key: '0d7f102d7031fcae33670435d9fa3a7d40a0fbc4', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '0aa1b6206852391cae2bdd83452b3ed1dca4ef52', class: "s-loyalty-program-reward-details-header" }, h("div", { key: 'b8de08abbd4ed24367312ecd8e36b9b203dc24cb', class: "s-loyalty-program-aspect-container" }, h("img", { key: 'd327bd9cc47042cc694fda8f38a130686caeaeb6', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: 'dbb6d24e2f647bd93bc2cb2d174c747e8117b1cb', size: "sm", bg: "light" }, h("span", { key: '8e78d674f565f2274796a57b218a14f683e29149', innerHTML: SIGift }), h("span", { key: '3e959d7d67a899a429c2c2100236527268c98905', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: 'b09d181ad0587d4d6f99020adc2b944778e3d491', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '7538f340d33fd34fd55728c3df1d43ff676ffa57', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '927078b3615900c8377c1563f7bfe3b6a4cd28d3', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
+                } })), this.prize.name)), h("div", { key: '564fab411c2e3961865adcaa8e6824eeb0def4e0', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f5ce7fe8918888301757dcd0bac81dc189c39497', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '2bfc154cb53dc280e26e780ab9227c03901514ed', class: "s-loyalty-program-aspect-container" }, h("img", { key: 'a4a5112886d3adc30b26bbcd91824fc170fa8e18', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '5612a7eeaba1e853818e04b08a6facd7d8af2925', size: "sm", bg: "light" }, h("span", { key: 'bffedd7d2200eaa8f56b8032579ca348dec1316b', innerHTML: SIGift }), h("span", { key: '1dedc19cf806ff84e151ff06803bbc49cfd1b060', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: '7875f48e05bc4dd2742886b0ba2a29fbab5fbaad', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '9ad44e6b950c95f11e22c945777741da0a1c1f1f', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: 'f307a5600ee1ae6afa0c3dd9a0175cf51bff2645', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
             h("salla-tab-header", { slot: "header", name: "included", style: {
                     display: this.getItemsMarkers('excluded') === '000' ? 'none' : 'block',
                 } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: SICheck }), h("span", null, salla.lang.get(`pages.loyalty_program.included`))),
@@ -127,7 +127,7 @@ export class SallaRewardDetails {
                     display: this.getItemsMarkers('included') === '000' ? 'none' : 'block',
                 } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: SICancel }), h("span", null, salla.lang.get(`pages.loyalty_program.excluded`))),
             h("salla-tab-content", { slot: "content", name: "excluded" }, h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.excludedCategories, this.prize.excluded_category_ids), salla.lang.get('pages.loyalty_program.excluded_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.excludedBrands, this.prize.excluded_brand_ids), salla.lang.get('pages.loyalty_program.excluded_brands')), this.getProductsJsx(this.getProductIds(this.prize.excluded_product_ids), salla.lang.get('pages.loyalty_program.excluded_products')))),
-        ]))), h("salla-reward-action", { key: '0d03ebd0fcf1f7469b75b04d9ad82b71a284d0d1', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), h("salla-reward-action", { key: '3d608fc6122d6335eb5e6cff9fcf9602d0217e87', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
     }
     static get is() { return "salla-reward-details"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-loyalty-program/salla-reward-exchange.js

@@ -43,11 +43,11 @@ export class SallaRewardExchange {
         this.reset(0);
     }
     render() {
-        return (h(Host, { key: '44934c0c0574ea61c4ef293a9deb796a2d42c02b' }, h("div", { key: 'eca62e786a5d13d4578cc5badcd464ee1570541b', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '14b346e172b9859449b780ec7c22e81ec2e97a8c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '472753cc4742c2b010729ed98cdbf58192b548fa', innerHTML: SIGift })), h("h2", { key: 'e77eeb994a91e36a8b04c213484221a6db2f99fd' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '7c9b9d6400ddeeb7a6ad8bdc1a2f364e9d67187b' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '07eea7e08a596dd284ceb2d60d2489012457585e' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '70d6c67bd78400626c1e2d91753a494df5e6d94d' }, "(", this.prize.name, ")"))), h("div", { key: '49d98bbcbb017bf3f9195734fbb80f1da8559746', class: "s-loyalty-program-exchange-btns" }, h("button", { key: 'a1775e84ef7c17effb54b6fdff83bad9ac8cf8ec', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: '28977f2f6990322cb194c19b01feeffd8117d1b8', style: {
+        return (h(Host, { key: 'c439b30ee85140f6af8e133907d44a69ad1cbb69' }, h("div", { key: '335d9e5329ec4ade97913a6bd7af00758f0f2a47', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '6d2153a978d5d0f3c3fc6b8feaed5ac96ebab0ee', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'fdc6e54b514e3102b396647325c666178587a198', innerHTML: SIGift })), h("h2", { key: '5ac423eaaf013b3c46d86e9a680707456f5478c0' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '7ab7798976d75aa3e754140a4a0939c7c49da23b' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '4ea9b84fe5e16de4eef4e39b9c8db8a64aee6027' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '167875c77af0c3a2ea16366de8f0a38a9006d793' }, "(", this.prize.name, ")"))), h("div", { key: 'c28a83451b8643cb8e0814c80ef5e8ebd96b78fa', class: "s-loyalty-program-exchange-btns" }, h("button", { key: 'e641d0cc51d38cf78ff90111d075b1fa47a27c0a', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: '770e74035f82dadb891764191ae636f9d08b7fa4', style: {
                 opacity: this.exchange.status !== 'pending' ? '1' : '0',
-            } }, salla.lang.get('common.elements.confirm')), h("span", { key: '2ff77b13d468e5096d777e0179db9e257468ca53', class: "s-loyalty-program-exchange-loading", style: {
+            } }, salla.lang.get('common.elements.confirm')), h("span", { key: 'dd2a8642d52b7ea26778e2b5050ad38f3933cb11', class: "s-loyalty-program-exchange-loading", style: {
                 opacity: this.exchange.status === 'pending' ? '1' : '0',
-            } }, h("salla-loading", { key: '415c1d497b93718ac0bc67e18442c28246e589e7', color: "primary", size: 24 }))), h("button", { key: '32d1a3f2e221261bd4ff459cc85dec5c780dd5e8', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+            } }, h("salla-loading", { key: '384a7fc33d99393439939a9341b858a364ae19fa', color: "primary", size: 24 }))), h("button", { key: 'd264d1d5dcc6fe673c9f3ba7604c6b267ea7215b', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
     }
     static get is() { return "salla-reward-exchange"; }
     static get originalStyleUrls() {

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

@@ -16,7 +16,7 @@ export class SallaMaintenanceAlert {
         this.host.style.display = 'none';
     }
     render() {
-        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)))));
+        return (h(Host, { key: '43a02d438a0357bd48922ad8fa4753905ac5e388', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'ad62ec4a5ea3e77854d5bbf8938c4bb1b19da068', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '4a26bf28c37452b9621703188502b05db1347f75', class: "s-maintenance-alert-content" }, h("div", { key: '0602a5df5676b47407e0c8e8293fb2374aa2c210', class: "s-maintenance-alert-container" }, h("div", { key: 'ff7c3fad5c1830d6d8d631aa520b0dd588328265', class: "s-maintenance-alert-icon" }, h("img", { key: '277e2a8c3d6b4369e73fef23adf894ddf70ef685', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '5feb8a00c132f2b5787e42a0b9743d864ceecb2f', class: "s-maintenance-alert-text" }, h("h2", { key: '994eb48859d163ad19be4a273a5cff5e28f18b2b' }, this.title), h("p", { key: '236094a5767e6f329744e8dafc2415be2713a0e2' }, this.message))), h("div", { key: '98610dfed6802e7ebc123c1392c9f7ebdbcf0d5a' }, h("a", { key: '655cede6c8e95a7fbb63700f01ef1d148887a660', 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/collection/components/salla-map/salla-map.js

@@ -271,11 +271,11 @@ export class SallaMap {
     }
     // render
     render() {
-        return (h(Host, { key: 'fb5b01c58f59c350959b40030603b9ebb22f586f', class: "s-map-wrapper" }, h("salla-modal", { key: 'c57cfae01a05597dcd06067cf84c9356ee93dd44', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '8fae0e6754bd0571d5acf9bbc6df23e73b02b015', class: "s-map-wrapper" }, h("salla-modal", { key: '7aebcc533a4ec8f7ec5e3a8682f7f70afd5b1193', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '0ab77947689841d7ab44a11b5e56e7f952aa7a82', name: "button" }, h("salla-button", { key: 'da386e3e15a89882865f7d62dd64da72ccebbc1d', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: '1dc262e8474c0d137f98ce06c76d9fdea80d42c4', name: "button" }, h("salla-button", { key: '5ff296514b2e7b37d091cd634f497e855cf047d5', onClick: () => {
                 this.open();
-            }, 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 })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '806e832caff4dfdbadab0098f8c521548eb18aa4', 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: '2bc1c843dd35803d4f443907d1df52c72f4e87c2', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     static get is() { return "salla-map"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class SallaMultipleBundleProductCart {
         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: 'd11f8075e15cd1379d6754b5ce13c81fa7cf9f03', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '293351d69f5e12039ecab876832c6164b1235dab', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: 'a0659e5dc8eb5e44d0a25e53cea017008a04ed4d', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '2bcfa463149fe7890418a3ef12308ca17d41cb34', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,

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

@@ -360,9 +360,9 @@ export class SallaMultipleBundleProductDetails {
         }
     }
     render() {
-        return (h(Host, { key: '74b123c432e77263cf0ddcf20ab742885c54d5f4', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '24bef0958a2a7d29bb4485eac08c7e6b8614a00d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: 'dc22c848445385e667a2da109021b9dc9b413a6c', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'a52743fee0af7cf1b99bd0459a85d335ca637e5d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, selectionLimit: this.getEffectiveMax(section), isSelectionLocked: this.isProductSelectionLocked(section), onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '556b4e51a4b79dfc00371a07296556fb74111524' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '4bda97c2a9db2cd1f2764e4f5a2e44fb0a013fa0' })));
     }
     static get is() { return "salla-multiple-bundle-product-details"; }
     static get originalStyleUrls() {

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

@@ -472,7 +472,7 @@ export class SallaMultipleBundleProductOptionsModal {
         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: '6c1d1d3911867e30240676f3e2b7353e9ecf76c3' }, h("salla-modal", { key: 'b02110d80cd422d64962d78812ae0b0637c56237', 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: '20a52bbc732c6edfffde86577e99bbe300a1a4c8', slot: "loading" }, h("salla-skeleton", { key: '3a69fc75939d8b8f8639983d0f2f8dd8bf961152', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '185639c54f79188093df98ac1cece1958879f71d', 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: '1df1d7538fceee9a656f19cbf145388a3e0c03cc' }, h("salla-modal", { key: 'da6d318edcc4415ec3b680172da56d82efe65fbc', 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: '1e34ee440889932fc24cfe9d9def9acd9d07a42b', slot: "loading" }, h("salla-skeleton", { key: '94a8be3dde042a84187a01305c8decf53bf7e3f3', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '2ac8b7c57ad95e22430f76a0ab22aff1d31f8558', 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)),
@@ -480,13 +480,13 @@ export class SallaMultipleBundleProductOptionsModal {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '3b6a88fe3862870d674dadc31967df6cc8fac365', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '599e310ed8d87b526c75463dd9a1b1ff9bd2442e', 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: '6fce48b5b035cc61866aaf6c339866fa2314be87', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'df1833370d4e7a8424b0cefe5f6aa1eff68e263e', 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: '3d555ea40fe5d9f3685fc6dafa4b6fad16732091', slot: "footer" }, h("div", { key: '1b4c6834899efbd09f3ea1db251999f50ec655b2', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '0818a75a444cca510c7f0cfea2ec53414c12db53', 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: '3f7379d1620184a14f88b1123b67f6a9a225fe14', slot: "footer" }, h("div", { key: '26ad5d460d95cdce3d6fa28fcf7a04b0e3f97d3e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '4f497db16b75e813d813fd92bd2f30ed02514000', 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/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-slider.js

@@ -134,7 +134,7 @@ export class SallaMultipleBundleProductSlider {
         }
     }
     render() {
-        return (h(Host, { key: 'd52eb26454606df2526fa4c086110a54f7466644' }, h("salla-slider", { key: '1aa1fce5943c3721a8e4f762171c864d9097bb28', 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: '9342381bc43389bae48b906a1ab23a4f3cf8d00a', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: '808d7d1f9d880d2bad293fa61ef5e7330385f15b' }, h("salla-slider", { key: 'bf820de07ea7936d283574d8d2b58c1cc8ccb0df', 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: '8d551793d840ffddc64049efba32277d0bbf0c96', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const isLocked = isChecked && this.isSelectionLocked;
             const isDisabled = this.isProductSelectionDisabled(product, isChecked);

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

@@ -82,7 +82,7 @@ export class SallaMultipleBundleProduct {
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: 'abf18a8e3e255a7615ffd6cab7f10a1b4ababdea', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '01cf070eb724f3b0df553e3253fda1d0c4fde0b9', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get is() { return "salla-multiple-bundle-product"; }
     static get originalStyleUrls() {

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

@@ -4,7 +4,7 @@
 import { h } from "@stencil/core";
 export class SallaNotificationItem {
     render() {
-        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))));
+        return h("a", { key: 'd66908ce0dd914e309469279a1014ff734f6c0b2', 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: '0d6f0ebb3400bcc91f2bbdf7e941e018662e8835', class: "s-notifications-item-icon" }, h("i", { key: 'd9965899d4699070681117423401d7488a16f066', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '055a4e763f4a1ee02b52bd1d6935e57402acfa76', class: "s-notifications-item-content" }, h("div", { key: '646a9220ad2c1a9fae0b9384a84a60ad69d39c68', class: "s-notifications-item-content-leading" }, h("h4", { key: '9b9c4256f50cd376b01b836196a1f0fff89b6840' }, this.notification.title), h("p", { key: '4475ca9bee33fb9c64433320101345c7db7e28c6' }, this.notification.sub_title)), h("span", { key: 'd2c8301ad12ef86ba05fa805d9ecbea249a44ee1', class: "s-notifications-item-content-trailing" }, h("i", { key: '297c8695ee366dc336bf30dd59465806375825fc', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'beb9945695448ec9e6e25e9e856177a641a5a769' }, this.notification.date))));
     }
     static get is() { return "salla-notification-item"; }
     static get originalStyleUrls() {

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

@@ -205,7 +205,7 @@ export class SallaOfferModal {
     //       '</div>';
     //   }
     render() {
-        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
+        return h("salla-modal", { key: 'c68955859f31495533b6bb1117e8be3a6c22ffce', "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: 'd0c3cbc73474a14596eb2a4c35e10ddddc5ed34a', slot: 'loading' }, h("div", { key: '22ebc107df02d1474f648cbd50aecd9590f70fbf', class: "s-offer-modal-skeleton" }, h("div", { key: 'ed0661aca73a455a98f9971a5fc89e8793e8ac14', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'bea3b9e7fe4654d7186d8f0f27388e784421379b', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '9c377374ec1449341a45127a52dfc53fdb4425f0', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'edcd738b120797e2b2a351390fc58a49fc386776', height: '10px', width: '30%' })), h("div", { key: 'fa7df3dc0b6a22fad433bfc678081f1e2ccdc057', 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: '6a4d8744bad91f54b4a87b929c81747295b00992', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '4b15a6c159a681f0b030244c923e94bfa44af479', height: '15px', width: '50%' }), h("salla-skeleton", { key: '79323272fb8977650644dee28d7c7295ac77aacf', 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/collection/components/salla-order-details/salla-order-details.js

@@ -36,7 +36,7 @@ export class SallaOrderDetails {
         ];
     }
     render() {
-        return h(Host, { key: '3e7538927ca00fbb3265b1ad407fcb90e7f30ec3', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: '9c662f4c829a24386a4fa83f83f261996c72086f', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get is() { return "salla-order-details"; }
     static get originalStyleUrls() {

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

@@ -24,7 +24,7 @@ export class SallaOrderEditProductCard {
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.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) }))))));
+        return (h(Host, { key: '922736be2f3fec4f6c41c724590d2790fb5a5940' }, h("button", { key: 'b690f3dbd307937d4b68790f417a7d9a820b56f1', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'f846d7e31c7c3d067909d65db3457ac061c93264', 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: 'b1243ae5df15e3e783b139dcf593f85b72624015', class: "s-order-edit-product-card-content" }, h("h3", { key: '50c7b8edb40dd88fcb1ac4267b1ba88c5b2b92b2', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '6dea7fefab83a9839146acfb89e7a532adaa6559', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
     static get is() { return "salla-order-edit-product-card"; }
     static get originalStyleUrls() {

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

@@ -62,7 +62,7 @@ export class SallaOrderSummary {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: 'e63a884fdd0f46232853adf53714fa350b00c6c2', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'e26e13231b72707a39a6fd83561247bea05aa490', 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 ? iconCheck : 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/collection/components/salla-payments/salla-payments.js

@@ -35,12 +35,12 @@ export class SallaPayments {
     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: '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: 'c448bc161508b9762dd45d316b079d31a7429e39', width: 58, height: 58, 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: '2d3a652f9eb7fc3a07d79be1aa4ac08df349e4bc', class: "s-payments-list-wrap" }, h("ul", { key: '62ed1989e85b2b89bd1f1ad370806dc1c8f67454', class: "s-payments-list" }, madeInKSA && h("li", { key: 'a77bdb50ba28249d0b587e3aba0beb392cb1db59', class: "s-payments-list-item" }, h("img", { key: '3aa60ab4ee98cf8efe3e3a17f2c2363038b76b24', width: 58, height: 58, 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: 'dbe8288f3d6231c8fdd013630bffa54f9d8178a4', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'c1d56e4217afdb48f955a5133156a1708c91da52', 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/collection/components/salla-placeholder/salla-placeholder.js

@@ -35,7 +35,7 @@ export class SallaPlaceholder {
         };
     }
     render() {
-        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'))))));
+        return (h(Host, { key: 'ccc65b60efc14d78b46b838f089cf09ed849d136', class: this.alignmentClass() }, h("div", { key: 'b174990bfedc2e979ca0484552015abc112795d1', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '51ec34810a25ae77f797754419c6dc5f0afcfbaa', class: "s-placeholder-title" }, h("slot", { key: '3e0c9987b7477e8145436098f024dde49bd76162', name: 'title' }, h("span", { key: '618dfc6b328f2f5c82a16357ecf403b740e67778' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '005e68bcb52eca86ea3368ce750e1b7f9cfda50e', class: "s-placeholder-description" }, h("slot", { key: '5e2b860c11a35e93658c153ea2eb2efb9683900b', name: 'description' }, h("span", { key: '903012cd214bb068e591ca9280f4c95762672e9c' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get is() { return "salla-placeholder"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-price-range/salla-price-range.js

@@ -146,9 +146,9 @@ export class SallaPriceRange {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: 'b3292086c1beb0d5df51712839daabb25dad2658' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: 'ab96e0b292966af5dea7627ed2cfae7aa6cf42d2' }, 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: '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 ? arrowLeft : arrowRight })))))));
+        }), h("div", { key: '5d958a76e7878542fd8090229570ed9baf9ca2ea', class: "flex justify-center items-center" }, h("div", { key: '1c500632705c5006b901a809368ce85a16709afb', class: "relative max-w-xl w-full" }, h("div", { key: 'd29b5185bf50c5582920b54716005e8756de05bd', class: "s-price-range-inputs" }, h("div", { key: 'bd41a6602d5f3f434ba7d7ee4b8c92900d27c6b9', class: "s-price-range-relative" }, h("div", { key: 'd61027acbb26d6754d4406aa07c11101fd8c4005', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'b368eabded71a6631943b5cd12624418df07afe8', 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: '0b7b3750d740e929fe0c3f120185d153cb9f6a8e', class: "s-price-range-gray-text" }, " -"), h("div", { key: '148ebe3d2b5a52d013ab9ca6aef02342c5acb3fa', class: "s-price-range-relative" }, h("div", { key: '205c13dd92d5784fc2b1551b56a0ec5e329e0854', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'a4b8886ae87387e891f286931b58a3340920a0e0', 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: '221241ca34ed2e7aec47b57b609718e68ccd5060', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: 'b277d7c12f44eba76b967055e79a12ed7e492e4d', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -137,7 +137,7 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '2da2f2466b07a0d0c1613bf331697cf4acc95004', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
+        return (h(Host, { key: '6471f72c69d8293fa49ba9478e395274af57dc6f', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, 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.isSubscribedToProduct ? '' : this.renderModal()));

package/dist/collection/components/salla-product-card/salla-product-card.js

@@ -105,14 +105,14 @@ export 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: '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)
+        return (h(Host, { key: '789fbb35499a12f08dab69a6be3559eebea03381', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: '9cb05484a39b108348e3b2070d63c503681ef417', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '1805be53cb3a3cf1068752121b846178d6b9340f', ...hrefProp }, h("img", { key: 'bf9183ed961e8fe5207548ce1e8146064b69675d', 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: '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 ?
+                    : '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: '567e6766ff7516ff409d9f86dc3cba7a51508d57', ...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: 'b36b0e6bdb8af5b1cf38d416b9f64038fa1f17ae', 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: '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("div", { key: '93258adb3ca7ff5d3a89a118c7642b8b1264e045', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'fdf1c66e6533f3b092ad66e66875cbb2e213e6ad', class: "s-product-card-content-title" }, h("a", { key: 'cd3476f564e8ed4050b909c33926a5d44bf8fb5a', ...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 ?
@@ -121,7 +121,7 @@ export class SallaProductCard {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', 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", { key: 'b32c488819742ae8dd56147f4285424d381a3df4', 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: Star }), 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/collection/components/salla-product-card-embed/salla-product-card-embed.js

@@ -79,7 +79,7 @@ export class SallaProductCardEmbed {
             's-product-card-embed-card-align-right': this.align === 'right',
             's-product-card-embed-card-align-center': this.align === 'center',
         };
-        return (h(Host, { key: '4fcd0b6e5da26ac976b0f3c5c031b614dc9d04b1' }, this.hasError && h("span", { key: '55b4a2649d4912b61f6b75e3c2437bfaee7863e0', class: "s-product-card-embed-fallback" }), h("div", { key: 'ac5882e5dd36ac28cc6e5a24186156c7cadda820', class: cardClasses, ref: (el) => {
+        return (h(Host, { key: 'a742a11dc2926fb941f44d1b3fd5cc3b4a207822' }, this.hasError && h("span", { key: 'c554a3b1971fa0b646611d24b7000bed921114d8', class: "s-product-card-embed-fallback" }), h("div", { key: 'cb0551a374e4ed68496bfa436adf6424febbd681', class: cardClasses, ref: (el) => {
                 this.cardContainer = el;
             } })));
     }

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

@@ -45,11 +45,11 @@ export class SallaProductSizeGuide {
         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: 'ad8cbc23e60bc0d463f5b94febeab699dd96e2b4', 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: 'b3dc61221d36a2680f74280e5fdb7601e5e70e62', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '9735c6681e3e7c15c5d346f6cfca4c7d34542061', slot: "loading" }, h("div", { key: '65224399d086d931c5c978dd00cf2d4d1ec3c082', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '05c0eda8bc21f5a2e2a89424bed145e61cd5a29e', height: '15px', width: '25%' }), h("div", { key: 'af0e4801d3e27f664b38577c61ae3fc15e4c5c95', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '614ad02c61d7c44ec768a060cf7a25f04b618056', height: '40px' }), h("salla-skeleton", { key: 'a4da4e2fa6ded411938fd90c4e11d368baadf03e', height: '40px' }), h("salla-skeleton", { key: 'fb2fc13e520d704ad02d9c90f3678d7ec18e89f9', height: '40px' }), h("salla-skeleton", { key: '8b4723988f62458876f4b915f11df73bbf7717a8', height: '40px' })), h("div", { key: '9ae65ff980ee9458d1c2996465dcd7815bae0c1f', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '9d970f8d2d116845a902f7bcab944b48c781024f', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'a8150338ad24a94552796f948b4dddfd280179aa', height: '10px', width: '75%' }), h("salla-skeleton", { key: '34446a9a1948c7c006f6e13b26cacd7e20d16238', height: '10px', width: '50%' }), h("salla-skeleton", { key: '8838c419ac7f384861188d7ab96e8f42473c04c0', height: '10px', width: '75%' }), h("salla-skeleton", { key: '21f8e182ba77e35b0f02f1cbcd21ee8effd94ac0', height: '10px', width: '100%' }), h("salla-skeleton", { key: '5391e8a3a133dd2ccf7087590113391da080ca8a', height: '10px', width: '25%' }), h("salla-skeleton", { key: '743ba490362dd541229cb5c60feb0b6dc5750714', height: '10px', width: '60%' }), h("salla-skeleton", { key: '58e6839c74e13e11f4ef84fa4ec85e1f2f9868f4', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'a6f771e12046112b282dede2d759ed3d019bedcc', height: '10px', width: '30%' })))), h("slot", { key: '3ed1875a19be5a65afbf912fb0819dd92ded3062', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'de368aff05a19d87eb4e99f4e1d7eee36155f435', 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: 'c4ab31b3e6ef2751761ca2db27554f7f5bf057fc', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '17cfceb5ccb0546928f87f956267e9d0c11017ac', slot: "loading" }, h("div", { key: '4f4e20a62396d7825315203ffd22a72030e821b1', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: 'd9132b26634ae1997dad9f1229b248c2cd76fff0', height: '15px', width: '25%' }), h("div", { key: '1b6a236851eef6e7caf7b7a0e84e591824b4e4ef', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'bae06741881b57b4eb853f1256a22f9393d9cea4', height: '40px' }), h("salla-skeleton", { key: 'fdeb75a853f89df154b69dbd48fc8e233561af59', height: '40px' }), h("salla-skeleton", { key: 'd0be70bc141f04fd24adc86c56eec3a5e896f2d4', height: '40px' }), h("salla-skeleton", { key: 'c5146addbf2d5b9bda05170a9743cad0e08d8674', height: '40px' })), h("div", { key: '04dbbffe2de708c984c5d0966aa2b86c0051bd14', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '320fb33a2e5d9ee1f4b87c18b3f3dd13de180d4f', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'f06aeac8e2f8ea86ec9b1c5c6f2b31172f23209f', height: '10px', width: '75%' }), h("salla-skeleton", { key: '1accf852a34edcac77a77151ebf67ba8e05cc729', height: '10px', width: '50%' }), h("salla-skeleton", { key: '42d4c3364779a6ee130339e37affe2e0c590e6a7', height: '10px', width: '75%' }), h("salla-skeleton", { key: '13064a231460414b4a0abd19dda41b01ac1ee04f', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'd5a50f96ca3bab125503f836cd883cfb98ca135d', height: '10px', width: '25%' }), h("salla-skeleton", { key: '11cd2ed36d9754c32173f14cd7d5ea99fc2b5577', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'a5b3a192d0e38dc13a025b8b8e0aba767f35611b', height: '10px', width: '45%' }), h("salla-skeleton", { key: 'dddcb26038e180fb5b686b29d286316d4314909f', height: '10px', width: '30%' })))), h("slot", { key: '43a08b9b6e64955b726b832f0849617ac31d4c25', 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: 'ca9526f3f95675dab2a38d2715ed3cf842d93174', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '5ae0956ca1f9313b5ef3d01dbdcab32f2e975e05', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

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

@@ -78,7 +78,6 @@ export class SallaProductsList {
         window.scrollTo({ top: 0, behavior: 'smooth' });
         // Create a deep copy of the filters object to avoid mutating the original object
         this.parsedFilters = JSON.parse(JSON.stringify(filters));
-        this.filtersSnapshot = this.parsedFilters;
         if (this.currentPage?.slug == "product.index" && this.parsedFilters && this.parsedFilters.category_id) {
             this.currentCategoryIdFilter = [this.parsedFilters.category_id];
         }
@@ -112,6 +111,31 @@ export class SallaProductsList {
     isFilterable() {
         return salla.config.get('store.settings.product.filters') && this.filtersResults;
     }
+    getCachedFilters() {
+        if (!Array.isArray(this.filtersSnapshot) || !this.filtersSnapshot.length) {
+            return null;
+        }
+        return JSON.parse(JSON.stringify(this.filtersSnapshot));
+    }
+    emitFilters(response) {
+        if (!this.isFilterable()) {
+            return;
+        }
+        if (response.filters) {
+            this.filtersResults = true;
+            this.filtersSnapshot = JSON.parse(JSON.stringify(response.filters));
+            salla.event.emit('filters::fetched', { filters: response.filters });
+            return;
+        }
+        const cachedFilters = response.cursor?.current > 1 ? this.getCachedFilters() : null;
+        if (cachedFilters) {
+            this.filtersResults = true;
+            salla.event.emit('filters::fetched', { filters: cachedFilters });
+            return;
+        }
+        this.filtersSnapshot = [];
+        salla.event.emit('filters::hidden');
+    }
     isSourceWithoutValue() {
         return ['offers', 'latest', 'sales', 'wishlist', 'top-rated', 'reorder'].includes(this.getSource());
     }
@@ -400,8 +424,9 @@ export class SallaProductsList {
         if (storedState) {
             try {
                 const { pageIndex, nextPage, currentPageData } = JSON.parse(storedState);
-                if (filetrsState !== 'undefined') {
+                if (filetrsState && filetrsState !== 'undefined') {
                     const filters = JSON.parse(filetrsState);
+                    this.filtersSnapshot = JSON.parse(JSON.stringify(filters));
                     salla.event.emit('filters::fetched', { filters });
                 }
                 this.page = pageIndex;
@@ -773,7 +798,6 @@ export class SallaProductsList {
                         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) {
@@ -796,14 +820,7 @@ export class SallaProductsList {
         salla.event.emit('salla-products-list::products.fetched', response);
         this.productsFetched.emit(response);
         //💡 when source is related, cursor will not be existed
-        if (response.filters && this.isFilterable()) {
-            this.filtersResults = true;
-            this.filtersSnapshot = JSON.parse(JSON.stringify(response.filters));
-            salla.event.emit('filters::fetched', { filters: response.filters });
-        }
-        else if (this.isFilterable()) {
-            salla.event.emit('filters::hidden');
-        }
+        this.emitFilters(response);
         //because: this.nextPage is state we don't need to touch it after the build, to avoid the re-rendering
         if (shouldBuildNextPage) {
             this.nextPage = await this.resolveNextPageFromCursor(response);

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -91,7 +91,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: '77565ee635cdda42e956be4fea503905fe4bf199', class: "s-quantity-input" }, h("div", { key: 'f8aa9fb2200032d503cdfc65a65bc2bf94e00eb8', class: "s-quantity-input-container" }, h("button", { key: '1711c74ee9b8f212c2651f9c3a2f3e6737fbe8f4', 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: '65803c2b491b5dbb1ae79787eec6151f742b517f', name: "increment-button" })), h("input", { key: '1b16e0e0603d91b3a12c968a98575f4146f2d7b6', 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: 'ad33507fa617ddb6ebeee842c5f1f0b3595a475b', 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: '341b8e5d941e63c13c78061d24ecd2ba64d9a7a1', name: "decrement-button" })))));
+        return (h(Host, { key: '4829904a6c2ed7710214caf1b2888e2a58b38eed', class: "s-quantity-input" }, h("div", { key: '8dd2592d3aed1dda990a9c818b78514540612a60', class: "s-quantity-input-container" }, h("button", { key: 'ea93501ee59066cbfb11ea8bf239073b33fa9eff', 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: '61c70812d9cdb7c8c66b70d5c3a1f0522fccb542', name: "increment-button" })), h("input", { key: '02793b5365470afd59481ff987fe8d3da658bd48', 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: '920f9020926a7d4cf77b2b971e35eb1586132c72', 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: '105487e60b1b5e7d0cf092f3b17fd085f61a8f1d', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -205,7 +205,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: '76958d08c18982d3f643c65ac1f6119830414d5d' }, this.quickBuyButton());
+        return h(Host, { key: '078fa17510403612cf8204899fee395f057b88bd' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/collection/components/salla-review-card/salla-review-card.js

@@ -158,7 +158,7 @@ export class SallaReviewCard {
         return (h("a", { href: this.review?.product?.url, class: "s-review-card-product-container" }, h("img", { alt: product.image?.alt || "Product", src: product.image?.url, class: "s-review-card-product-image", width: 60, height: 60, loading: "lazy", decoding: "async", draggable: false }), h("div", { class: "s-review-card-product-details" }, h("p", { class: "s-review-card-product-details-name" }, product.name), this.showPurchaseCount ? h("p", { class: "s-review-card-product-details-purchase-count" }, h("span", { innerHTML: IconFire2 }), this.purchasedCount) : null)));
     }
     render() {
-        return h("div", { key: 'e5a7774e29dff0fd1ce5ce1e8ca01ee2367f5078', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '69c22179536a152eddb72a4790f8bd20c9b6b886', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '28e980d499e7078006486e94f5e87f5b71790400', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '7e833e08405a9153759b958e9c6979fd83c5aec1', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: '85e33a2160a62e2fb3e376f6e20d223d53ced8fe', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '8b21485de56e57dceb9facb044bd6bad1ad866f3', class: "s-review-card-review-content", innerHTML: this.review?.content }), renderDivider(), this.renderProductInfo()));
     }
     static get is() { return "salla-review-card"; }
     static get originalStyleUrls() {