@salla.sa/twilight-components 2.14.575 → 2.14.577

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

@@ -171,7 +171,7 @@ export class SallaLoyaltyPoint {
         }
     }
     render() {
-        return (h("div", { key: '2091e2f2364a86c1d0ca074e34c9e0ea6eba69b0' }, h("div", { key: 'ffc36ae709d298d029cacd71331511a78bb7a465', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '15d83c7181c1e7466fcddab692c81646ec04a82f', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '3e136a95bfd6449316ef02db4e7fa4774566a14d', class: this.point.icon })), h("div", { key: 'f47894a2fa6b689834e879a620f1b9a365c1df6a', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '7a975d9e44eecc438a60faef878a6d1277edc53a', size: "xs", bg: "transparent" }, h("span", { key: '0ac3675a1190fb52f5d666ef22fb79c4f036eda8', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '7f58269a7488e5b4e9d1dd0adee3a7fbc9acf19a', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'd3b34d00f0495568b3cd117bf985eaee7403317e', size: "sm", bg: "transparent" }, h("span", { key: 'e81fa252ce154acf4ba730051e537f3a48c86a81', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: '96dc8d41b6f0c1e9b5ea0b72b60b4466af09ebf9', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: 'c25b519168b3967113b47e5a557cb06751089e1f' }, h("div", { key: '59ca45c73ca92df16193713649c30fdbd1ec70b0', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '62abd6b566fc86e2f389bc34e09742399d1fd1ac', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '15641bac02977687b018b1b3826b620ec91c0520', class: this.point.icon })), h("div", { key: 'b345f7aff804d5f1deed95a94f633a838bcd9a2c', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '5c9ff1c5da1ca24bfded7b7a0b2f9acc5b3583b3', size: "xs", bg: "transparent" }, h("span", { key: '03c0087da01f5f1bcac7c401ca2a78e26058be00', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '72d43f9a19cd884d04299ff17e1ea0a9ebcfb495', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: '000ebe97e995ade90ea1d7c53cfee7feb2a0384d', size: "sm", bg: "transparent" }, h("span", { key: 'd227932c985aa3c8cbef9a85132a77edcb28cdef', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: 'b829eb57a4d3e0db0f4978643f4fd3ab7831dc97', 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,
@@ -181,12 +181,12 @@ export class SallaLoyaltyPoint {
                     '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: '8a15c13f926fc4f12356e0f87aff9bf90a2ff04b', 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: '0b01cb99714dcab3638232eb3579ef8062a533c9', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'f81c153858743742db3d82be42aefdcdcccb56a6', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: 'f3ddb8f8b82966abd368191036469069904842ca', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f7bc3fb0c5027eac7c1e8b5aa1eca0c0f0b47c34', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '2189b5f36fb02e1115c1751a980080d9fe685879', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '4e09f30293f52125272d0048c5a98654ed416c1f', class: this.point.icon })), h("salla-badge", { key: 'ac67020ce4ba5e0afb2072294afc2661c756c4af', size: "sm", bg: "light" }, h("span", { key: '98e5c575e5c67ac945b76d4af7b82c172d0cfef7', innerHTML: SIGift }), h("span", { key: '8c13913a446e5fcc5509f27f5cdbc1386baaac3b', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
-            h("div", { key: '75b238caa3a45e6ffde612d51a8e7c67f0ef4df5', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '70bcfb7508428bd12b3dc83c47bac1a3780442c9', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: 'fda6d75b64a6b11d935cab8ba0db58d5dafa2477', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, this.point.description)), h("salla-modal", { key: 'ef92a5e95f39ac680d09d31617770dab6340f6a7', 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: '845f59fa0e9d335d165b14d11405ce126d2f061e', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'ec846859483ca1792218781bddadb3876acf38dd', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '0a30d2e0b87affb851cd88328f4937382c1d0ef8', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'd47f2f61c17e55c7b465111d9f40e9deb8c00e71', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'ee081129be35ed7a284ae51874a1a7734bc5f572', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '788a193340f4f0e4f12e8ad8ac785a334c080f1e', class: this.point.icon })), h("salla-badge", { key: '218cef12c57283da28b95d6ac58320bf500c3f53', size: "sm", bg: "light" }, h("span", { key: '2e4de15d6c4ba9af3169ea2eebe012f2fe4418a8', innerHTML: SIGift }), h("span", { key: '175a9a1c303cf9acd101a46d80f64c92ed7b416d', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
+            h("div", { key: '0c904fc35d15b4cf5fd9bed305cecd968d44942d', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '6dca98af98572a1594a8d6066d1c168161439467', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: 'f21072cbf1fc03347344f9789ca0e9c0d5dbf4c6', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
                 const stepsArray = Object.values(this.point.steps);
                 const isLastItem = idx === stepsArray.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[step.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", null, salla.lang.get(`pages.loyalty_program.step_${idx + 1}`))), h("p", { class: "s-loyalty-program-points-chain-description" }, step.title || step.name))));
-            })))), this.getDetails(this.point), h("div", { key: 'e00c787d1571faa0c8356475297578da8953f2b8', class: "s-loyalty-program-points-modal-details" }, 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: SIGift }), 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: 'd2a899d826e2742a9a304f9c229b1339056b8935', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '795e958ae18a6182c2b6905bfe9a25dada166d53', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), this.getDetails(this.point), h("div", { key: 'cb7506ccfe65187823099957b716c77eb5b693b4', class: "s-loyalty-program-points-modal-details" }, 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: SIGift }), 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: 'f4f0bfc8ab920ddfe8099ade5810f818c6c001c2', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '99a4c4197c05820ea5ee8250860e607bd7ee187a', 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/collection/components/salla-loyalty-program/salla-loyalty-reward.js

@@ -31,10 +31,10 @@ export class SallaLoyaltyReward {
         };
     }
     render() {
-        return (h("div", { key: 'db8da1c89b576ea2589bd2e1c0706a15ee1184b2', class: {
+        return (h("div", { key: '82b2c64966d164695205ad946bd42c53bc1c0033', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'b20e5f94b46245755d255363152cc82525c4c16e', onClick: this.handleActionArea, role: "button" }, h("div", { key: '0b440c33c7c0d39ffa116b94d9d16984cd76ffa7', class: "s-loyalty-program-reward-img" }, h("img", { key: '9b7da09622747515f239d4a504793bb01f966c13', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '089c2c2c364f6562ff2ba60370532559d1a325e1', class: "s-loyalty-program-reward-content" }, h("div", { key: '41a4bbe1f670778e3ab82c8f2960147b72ab9693', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '777524f2d077443d4da0708aca8bf95f97c72acf', size: "xs" }, h("span", { key: '2e6f95a8d6f119938516b62c6d376c26da70b5cb', innerHTML: SIGift }), h("span", { key: '21da27eefc72d5e19e8d17a23f512e0b9a41512d', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: 'f03dc04940296697653b7f894f32a24e74982185', class: "s-loyalty-program-reward-title" }, h("span", { key: '20f3df4860f89bccb94dda6f3daaf59e065e493d' }, this.group)), h("div", { key: '46ddda64d8be27941d4bde6c34a12cc654394bc4', class: "s-loyalty-program-reward-name" }, h("div", { key: 'd445522c134d4393d4e439b0eba2cde5153b6f9e', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '99ae7e8ec7e1170adc319e3d9ef76e394f466c0d', class: "p-4" }, h("button", { key: 'd6d3eaf874e12acf71d72346465620037da2e82d', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: '80fc61837bdf5a031efd1b11e9c8b80aa3e6752f', onClick: this.handleActionArea, role: "button" }, h("div", { key: 'b3eaa4831b6521046fc9f9703b83b4dfb8d16168', class: "s-loyalty-program-reward-img" }, h("img", { key: 'e7363c4e3347e551cefd5c8b9b4298c7cc76fdd5', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'e1039ff9675ef875bfd9436d37285bb30bccbb05', class: "s-loyalty-program-reward-content" }, h("div", { key: 'bbb21403aad95cea5dc563517d221e72664ff546', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '6e7de2327d69301338a24b6767755c0fe81acbb4', size: "xs" }, h("span", { key: '22a0d9ba2a5b58b155b0ec2acd530c4f177343d8', innerHTML: SIGift }), h("span", { key: '37c5140215bd7f3a930e6823a535bb8cf9c05526', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: 'ba35842a2dc0a4fb5572ceb5fb2ea3d610344d73', class: "s-loyalty-program-reward-title" }, h("span", { key: 'c2d0c924477c6b3cc3b4da0fb7d3467a547bacb2' }, this.group)), h("div", { key: '5395e148b4b266a94cebf9ce0a677c5513d86867', class: "s-loyalty-program-reward-name" }, h("div", { key: 'cb976f15b2069e43dd74f7d7623756ed2b1f5f2e', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '0595027a52e7e9e8a85469936dd411e9739cca7f', class: "p-4" }, h("button", { key: '40b72bcdc905f36c641654fc79ab51378d3bc777', 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: 'c249f6ce1e00e0136dcfe82a281eaafca6ad80be', class: "s-loyalty-program-reward-host" }, h("div", { key: '8cd9047aad51f7b578d8437d64579d5dc8174515', class: "s-loyalty-program-reward-container" }, h("div", { key: 'b69b282469fd2cd39485816a58b216d568546ac7', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: '4983a94a1be1401f5f198e4b08f523de563e84ed', class: "s-loyalty-program-reward-img" }, h("img", { key: '7770f8026ff6b707dab40318c8fce21a10f9513c', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '322f8973fb27ae9d057b591b23d85a5c72519213', class: "s-loyalty-program-reward-content" }, h("div", { key: '5e4fd907f4ecae615b15299c59026bcb65b09b39', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '243decb248961264afe7575d165e4e2f4396b467', size: "xs" }, h("span", { key: '7a9d4a58949f60091f12c903762277912b9d05eb', innerHTML: SIGift }), h("span", { key: '01ae5a497f22c387a91d9cb71fa3aac295a09fe4', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '3c18a7058ed547e182af774176aff19a3d445384', class: "s-loyalty-program-reward-title" }, h("span", { key: 'd8118e541c6dc2824d7ad0c3c30abff270aba13f' }, this.prize.group_title)), h("div", { key: 'f6a89ca4a6ff9907f8719e252e3491a2f94e50fa', class: "s-loyalty-program-reward-name" }, h("div", { key: '39dcd8509798d1049c00ef50c6a8faaa15f37b2c', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'd564440d8ba04fbe193e82052e6bee7fd040f5b7', class: "p-4" }, h("slot", { key: '85a6fe0f96146066947f958204fc89d4bb90d55a', name: "action" }, h("button", { key: '94bb197b47c3d53ad905900300d22a3895d881eb', 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: '727066f782f8014e52045a3f8ba294341713f5c1', class: "s-loyalty-program-reward-host" }, h("div", { key: 'a73d5e1543f1393d6109277c2745833ab42e3615', class: "s-loyalty-program-reward-container" }, h("div", { key: '94a47503a13f855ef05cd41a37bb785c9e1e92d1', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'c9b74dd06eee0342ff48fd081280fff6670c2a45', class: "s-loyalty-program-reward-img" }, h("img", { key: '81d91089a1cbba4637ffb4e4e11a672bdf159738', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '8b50b33b71a553f67f22b0266df73053719ad88e', class: "s-loyalty-program-reward-content" }, h("div", { key: '8e26a8358ef058f34dfb60c6b4238822749d503a', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '02903148bec6f02f0b6c2fd850a23736f0d4182f', size: "xs" }, h("span", { key: '10f09153c4f1b7ee907544df0fa08a3391197635', innerHTML: SIGift }), h("span", { key: '94dc2368aa4e2c2f4708863a31086d8947834b06', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: 'a2c9f1904aece4f339b561447b520a36bcdf755b', class: "s-loyalty-program-reward-title" }, h("span", { key: 'c30eef1fbb2a769048762b0df564cf3f14c81811' }, this.prize.group_title)), h("div", { key: '153838aabc9e504caa3102bdbb721ab0c852c2bc', class: "s-loyalty-program-reward-name" }, h("div", { key: '41912955a08eb622749e338dbd69fd156c9ca362', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: '140fa6a178f9c9482d228af4b49f945eb8c21269', class: "p-4" }, h("slot", { key: '85f16bf8adb84fb5170da451584e67c6ef1690ef', name: "action" }, h("button", { key: 'c51fbcf6213b6f3573e6d9477511c8ceda3a934d', 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

@@ -143,11 +143,11 @@ export class SallaRewardDetails {
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: '590df7462bd9028a0abbdb17ead6810eb9484182', class: "s-loyalty-program-reward-modal" }, h("div", { key: '773c59bf1831daec67d29993c275af65d9fec67e', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '60690d30ff34b5de577f905d7fbe21862fe417c7', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        return (h("div", { key: '387eeaf25171e4bc6d3f08ee628baeb304995e47', class: "s-loyalty-program-reward-modal" }, h("div", { key: 'b33f080bce9ba2ffd99bbb6f35e8289f9cf68585', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'f3f3b872ddc5cdb0ca9f09f64898965f1ffbb1b5', 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: '00db7f241e80a4251418f90a669ba8265e360dad', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f4fc2a9d126ac2b5f34ba9670fea270c96494646', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '5e478ad667b31977ed430ec410eb5bd6fb4aee6a', class: "s-loyalty-program-aspect-container" }, h("img", { key: 'a44cf3119c49ee5a4f2b7fafdc0770f46eadaf2e', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: 'b1d26c01bc0afb250bf1077574fc5dcf04137beb', size: "sm", bg: "light" }, h("span", { key: '8637fe5dbf98f3dc07939323c9cede3db338832c', innerHTML: SIGift }), h("span", { key: 'a328541fac2fb831b756479856542f691b3ac236', 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: '7fae215ce95160beeede30d1ffa9390a12080474', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: 'd4f24ad4f8fe8c73cbbd930940ef650253ae0d4f', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '167318442e4b8c8e1d397f76cda8a3989502970d', 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: '07dfc7f113c88e2f8b32857ed8c58c61b0c556a0', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '0623f7c0e652274287febaae354229787a3054d5', class: "s-loyalty-program-reward-details-header" }, h("div", { key: 'd6efc2022af3b4276994cfd768c41075ffe55915', class: "s-loyalty-program-aspect-container" }, h("img", { key: 'edf9ff8fc84a46b0d7c3e48620cbc38c0427f004', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: 'f92a574e298011bdf784b8400c97e5513ccb400c', size: "sm", bg: "light" }, h("span", { key: '1756e8a937064a410e49c5a24e728efc03d403bd', innerHTML: SIGift }), h("span", { key: '8b40df8f6e229ca8a327402d9e17122085d683c8', 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: '26409bca888921aa8852aa86b8a51a8a027688cb', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: 'd63d625b9b1ec28185796f64cb26394a5d0c2a62', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '8ee487d651d439324b0fdaae43490ff37163e545', 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`))),
@@ -157,7 +157,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: '64d675f4ef537f917004e41789723d0f0b435647', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), h("salla-reward-action", { key: 'e5b6ad91df91a70a9168225691d4cdf48f056223', 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,7 +43,7 @@ export class SallaRewardExchange {
         this.reset(0);
     }
     render() {
-        return (h(Host, { key: '060f4f166f2952963c5f4fafee4e9c935ae6873f' }, h("div", { key: 'c81ef5913d47d893070f599f3f36045b58c26196', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '8e3807ce7fa793c96a0244cdc6bdccd9e952e59c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '83e06dcfa2ba989e9ff0bc91f64a387bdea2f52e', innerHTML: SIGift })), h("h2", { key: 'cede755f1111a089dc2a1109df934126aa840271' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '7aba2a0e1bcaf0c23ec18fd9543a75b4a4215e28' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: 'f2f0a596d33715e1113db4a567dc7b25678ba9c0' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: 'db9002d8f282b4cca5833cbe53c3b8a3415ab119' }, "(", this.prize.name, ")"))), h("div", { key: '2036e184c868ea3369c9dbe63094fb79d6a05e9c', class: "s-loyalty-program-exchange-btns" }, h("salla-button", { key: 'dcfd912227f268cd46609795c4e5c70e66717329', width: "wide", loading: this.exchange.status === 'pending', onClick: () => this.handleConfirm() }, salla.lang.get('common.elements.confirm')), h("salla-button", { key: 'be4135bc3bbba2a368190b1d05bcfc49b4a95d45', width: "wide", fill: "outline", color: "danger", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+        return (h(Host, { key: '8b739622d15b2d13fa1d77d450329085b1027b17' }, h("div", { key: '22fb7df63840194070f01b198bebf66730613588', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '6166e2f417afffe337aa99ec6762e926c893abdb', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'b2d1658276c17c2ac5a74d4e0f248e71d87c33ce', innerHTML: SIGift })), h("h2", { key: 'be4aad15bf2dda4169bbc5be177227c564e50f45' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '4662fe92e492f5c54891be32957cd5b8d967d0cf' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: 'cb4a866316f5be60f869797edc77d16337854f56' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '80553b7898d62d685f651706f238fd73b7a8bcf0' }, "(", this.prize.name, ")"))), h("div", { key: 'd004a1cec36bfc5d531f80af1bbaecf97a690809', class: "s-loyalty-program-exchange-btns" }, h("salla-button", { key: '21deb7ae8cf1fd4e3138b35d1c53af09d3e4fa84', width: "wide", loading: this.exchange.status === 'pending', onClick: () => this.handleConfirm() }, salla.lang.get('common.elements.confirm')), h("salla-button", { key: '1f2da61f5a0f3c659bc5ddf1cec35933f5d88730', width: "wide", fill: "outline", color: "danger", 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: '957af1881dfe1800d9ba38750c5ffd841667b23e', class: "s-maintenance-alert-wrapper" }, h("button", { key: '1ae1f9709b7742c94aa4219e71c480abc6ee5d29', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '6f99162b9dd30675c9e79f4c1028b922b9ec4032', class: "s-maintenance-alert-content" }, h("div", { key: '58572879346fda3f227f1c271b51c19b81d953fd', class: "s-maintenance-alert-container" }, h("div", { key: 'ff80c1a9df22a3784f577686171b4a4fb57cd882', class: "s-maintenance-alert-icon" }, h("img", { key: '81d134e47716b9901c57f91f3764578e857b339b', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '1187cd9293c85700bb9c5500f131035aecec651b', class: "s-maintenance-alert-text" }, h("h2", { key: 'ede7d5aba8f74e124b42f8b2f01c6fb2c178cf82' }, this.title), h("p", { key: '0299e1d67fbb2cdc1e82be3ad33c32b71f358611' }, this.message))), h("div", { key: 'b81c343ebc5d2d6ca89b4c143a2a154075c4cd85' }, h("a", { key: 'aec3cd52918b2e89176593db93acf9f1161defc0', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: 'e26ff84e30c6a6d5fcbaf5d42070e2be3a24c232', class: "s-maintenance-alert-wrapper" }, h("button", { key: '54fd1cfe14430d3bbda080fcad33bc692fefd8c7', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '1be36a92801846804196f896ead8af87ea17ec8a', class: "s-maintenance-alert-content" }, h("div", { key: '9131856517ca03c29670d665eab4aaf3192f320a', class: "s-maintenance-alert-container" }, h("div", { key: 'cac871ffcb8fc8018670e8d34990a91761af7daf', class: "s-maintenance-alert-icon" }, h("img", { key: '469ed03d41f30e4271b663398c9da3b7f53db6cc', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '4f30b5931f46230ae9b48b143bd2429517c85194', class: "s-maintenance-alert-text" }, h("h2", { key: '3133efc7b9cdd3e5a2c45f3224fe823dc7e4042f' }, this.title), h("p", { key: '7b4e2f004e4541761fdd8b2e6ea69a6c8e760a84' }, this.message))), h("div", { key: 'f24636891f52749e4bbe273159ecb7f1eefdf2c3' }, h("a", { key: '22b1cc13fb9ce329f37c806b322f9d9b1a6e3296', 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

@@ -327,11 +327,11 @@ export class SallaMap {
     }
     // render
     render() {
-        return (h(Host, { key: '8f4108a87a87df7f99334512de9025d3f8330015', class: "s-map-wrapper" }, h("salla-modal", { key: '4f0d986b758ab8e2159d5b899e5d02b831d5e0d2', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: 'a1c17b249dca7f6bf172e235b1960c634fba4e02', class: "s-map-wrapper" }, h("salla-modal", { key: 'd896fd882de7598dfe9ea1fddff571d5bd43b8ec', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: 'c38f01a3bc81e71328d4bbbc555824d71409b5ce', name: "button" }, h("salla-button", { key: 'b35df984d6e47840b51b34e62b4a35ec1648825f', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: 'bf70602eba04f09ea904c0cc4cdda37ef9bc3988', name: "button" }, h("salla-button", { key: 'e9ab67288c8bc4a8ffeff9f49683b57421aaaaef', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '83b5517f20533c5a1889177c3a95c5347c4ddfa4', 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: '64a12b99f02052fcaddffd48bcb0ae76d5347ee4', class: "s-map-value-input", name: this.name, required: this.required, value: this.getLatLng(), tabIndex: -1, "aria-hidden": "true", ref: input => (this.mapInput = input) })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '9e8d2a788cf5e209f00b73280b5b54701f354171', 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: '8c07eaa39a6f881147bda89f683e1ae3d9fc0a0f', class: "s-map-value-input", name: this.name, required: this.required, value: this.getLatLng(), tabIndex: -1, "aria-hidden": "true", ref: input => (this.mapInput = input) })));
     }
     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: '3f2e0671b883107f6204fd7bf3d7fafbb2c2dfd7', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'ad539f62e68b7bb90cde5436c54ec0a2c90b23cc', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: 'f4a66dc2916ad42108b551790e1a1a581a55d6b1', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'fa96a2da58ee5be80c79c1a6fff66fbcf49cd87e', 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: 'c43459275aeebd15799c6f473550a84c059cce59', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '76c8e261e9b68cf52c82946714f89ae944e26964', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: '379725e546f6eeb670a23166de2a2d829e48da96', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '5939dfacd285738495dda3481d4974775152dc76', 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: '8e190c4ce2e1e3c12d327b26dbb066585dafe01a' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '2270a07c784a748e7ffaf48164e5cc8b09116878' })));
     }
     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: '71cd7074ae29781b4602f296fb145371435682ca' }, h("salla-modal", { key: '79b9f2cf7091b39cfab98ab746652ad2b033b08f', 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: '4b10a0f3ba203d1363600cefdc76a32990aedc59', slot: "loading" }, h("salla-skeleton", { key: 'f677228833290afc296d620cd9497baad34dee65', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'ffe3f9ef8ed671e44650f418103da2695d605815', 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: '80217a97bc81ba7eb770cfa88347530b5cc0850d' }, h("salla-modal", { key: 'f23a97440cdb8418a0f8cf129328fb8c0a0a4fc5', 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: '06dfaf9708dd142dd0e44b6846cc0ca49be39bb6', slot: "loading" }, h("salla-skeleton", { key: 'a5d348f9a5158ee85d418f30f302a929f0a4dbdd', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'd3b1a1bb86708a807ee0c3a0168440f9d38b1eb8', 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: 'b4f6109a323f44bf81b761126dd6f758f2c2b8ee', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: 'b7d04522efcb3f0a85ac78a9bf6f654973f6c777', 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: '043af0b22934426e4620ad806901b0fed7eb5c84', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '3751a38d528780bb5f6ede2eb74365eefd5d42c7', 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: '325d9a7377fd23125b6d07479e34b0dbbf2c0660', slot: "footer" }, h("div", { key: '4d4343f2f9b494a9aeeda85476e7d280456e1983', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'e3fe347f9e9601e43a52552c6659b31db7d0e8d1', 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: '68d6671c68f3753edd92f3c8ea8c91774038da59', slot: "footer" }, h("div", { key: 'f980914dbdbbea3aa02f6c816e2372f7bb09009e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '5d67dc612aa88fbc6eb11bcd5be0fc6d77a15aba', 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: 'f204b5fd21739cbc18656bd09d4cce81ed6e5e57' }, h("salla-slider", { key: 'd869a3633f17437edde3ce68fdcc365753eb612e', 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: 'c0e5fa3b6209a865672daafbab76d9ceed851e29', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: '84a2765b8e57fa7d4d757c7e0c8a634199e7f121' }, h("salla-slider", { key: '67d1748a2c19adca4db056bd3b5e5de6813aa367', 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: '04547e4a998d15377a2d5573bd0c4d8d33a93af7', 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: 'ecd08de0b8221816bb4980b90790219ec954ed79', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '8a6a69fd3c8d773d75453c059f7e5da40ee20de9', 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: '0d54b85dc0781ce926f4154ac25c9232d4bdb736', 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: '624a6beba8d6a32274a22bc9015ea0a44c319e30', class: "s-notifications-item-icon" }, h("i", { key: '883275b9325a07d224bbf37b168f8f5cf28c0dfd', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '8f0a0df431db067ee8204b633fc10451172e767a', class: "s-notifications-item-content" }, h("div", { key: '34c9a9367ba0f2d4bb27f703db5ba19f0697dff0', class: "s-notifications-item-content-leading" }, h("h4", { key: '54d387aceff626bed03b67d7c55a61ebba9fb55a' }, this.notification.title), h("p", { key: '18e28bccb76b40d6739b088bfbc37cdf904e2c6d' }, this.notification.sub_title)), h("span", { key: '3461da85eced4d75961e78c6e3ceaea1ba3a5d5c', class: "s-notifications-item-content-trailing" }, h("i", { key: '28ae90038e79b5c847175f36dcbb569a784a3f99', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '0ce393675fe07821d2810545e756d0eb05d76866' }, this.notification.date))));
+        return h("a", { key: '6eb281a27749a12b29d5cca1646a0ac93e608e13', 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: '6e6d9212788aa7bf02c9d4e192dfcdfad0883831', class: "s-notifications-item-icon" }, h("i", { key: 'f259ed41c7045bc11cdc1716858cee1f8e0ccaa9', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '7ffa3ffa66203b8d4c94887fe654ea4bb9a5200a', class: "s-notifications-item-content" }, h("div", { key: '7fd2eac1ad6fbe1c49a37565d821525c8c01a1a5', class: "s-notifications-item-content-leading" }, h("h4", { key: '9e33a8fd9d49c36557b7f59dda8295ee8b1ed25c' }, this.notification.title), h("p", { key: '2dbf915ac42e364f313faeb0e0109af3c0c0b30a' }, this.notification.sub_title)), h("span", { key: '58ea1f5e3063c870e3aec1615efa57eb6b9d8877', class: "s-notifications-item-content-trailing" }, h("i", { key: '4cccc4a04b8de63ff52944ea074835a8ce4b4819', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '387bd63aa18c6cf1da92f035a5132231b23bbcd8' }, this.notification.date))));
     }
     static get is() { return "salla-notification-item"; }
     static get originalStyleUrls() {

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

@@ -337,7 +337,7 @@ export class SallaOffer {
         const products = this.getOfferProducts(offer);
         const hasProducts = products && products.length > 0;
         const isCollapsed = this.collapsedOffers[offer.id] !== false; // Default to collapsed
-        return (h("div", { class: "s-offer-drawer-card" }, h("div", { class: "s-offer-card-main", onClick: () => this.emitPromotionClicked(offer, position) }, h("div", { class: "s-offer-card-icon" }, this.getOfferIcon(offer.type)), h("div", { class: "s-offer-card-content" }, h("h3", { class: "s-offer-card-title", title: offer.title }, offer.title), this.renderCardDescriptionRow(offer), offer.type === OfferType.DiscountsTable ? (h("div", { class: "s-offer-card-details" }, this.renderDiscountTableOfferContent(offer), this.renderOfferPaymentMethods(offer), this.renderOfferBranches(offer))) : (offer.type === OfferType.PercentageOrFixed || offer.type === OfferType.Percentage || offer.type === OfferType.FixedAmount) ? (h("div", { class: "s-offer-card-details" }, this.renderPercentageOrFixedOfferContent(offer), this.renderOfferCategories(offer), this.renderOfferBrands(offer), this.renderOfferTags(offer), this.renderOfferPaymentMethods(offer), this.renderOfferBranches(offer))) : (h("div", { class: "s-offer-card-details" }, this.renderOfferCategories(offer), this.renderOfferBrands(offer), this.renderOfferTags(offer), this.renderOfferPaymentMethods(offer), this.renderOfferBranches(offer))))), hasProducts && (h("salla-accordion", { collapsed: isCollapsed, collapsible: true, size: "sm", onClick: (e) => e.stopPropagation(), onAccordionToggle: (e) => this.handleAccordionToggle(offer.id, e.detail.payload.collapsed) }, h("salla-accordion-head", { collapsible: true, collapsed: isCollapsed }, h("div", { slot: "title", class: "s-offer-products-thumbnails" }, h("span", { class: "s-offer-products-title" }, this.products_link_text, h("i", { class: `sicon-keyboard_arrow_${isCollapsed ? 'down' : 'up'} s-offer-products-link-icon` })), h("div", { class: "s-offer-products-thumbnails-stack" }, products.slice(0, 3).map((product, index) => (h("div", { class: "s-offer-product-thumbnail", style: { zIndex: `${index + 1}` } }, h("img", { src: product.thumbnail || product.image?.url || salla.url.cdn('images/s-empty.png'), alt: product.name })))), products.length > 3 && (h("div", { class: "s-offer-products-more-count", style: { zIndex: '7' } }, "+", products.length - 3))))), h("salla-accordion-body", null, h("div", { class: "s-offer-products-content" }, h("salla-products-list", { source: "selected", "source-value": JSON.stringify(products.map(p => p.id)), "product-card-component": this.productCardComponent, "horizontal-cards": true, "compact-cards": true, includes: ["images"] })))))));
+        return (h("div", { class: "s-offer-drawer-card" }, h("div", { class: "s-offer-card-main", onClick: () => this.emitPromotionClicked(offer, position) }, h("div", { class: "s-offer-card-icon" }, this.getOfferIcon(offer.type)), h("div", { class: "s-offer-card-content" }, h("h3", { class: "s-offer-card-title", title: offer.title }, offer.title), this.renderCardDescriptionRow(offer), offer.type === OfferType.DiscountsTable ? (h("div", { class: "s-offer-card-details" }, this.renderDiscountTableOfferContent(offer), this.renderOfferPaymentMethods(offer), this.renderOfferBranches(offer))) : (offer.type === OfferType.PercentageOrFixed || offer.type === OfferType.Percentage || offer.type === OfferType.FixedAmount) ? (h("div", { class: "s-offer-card-details" }, this.renderPercentageOrFixedOfferContent(offer), this.renderOfferCategories(offer), this.renderOfferBrands(offer), this.renderOfferTags(offer), this.renderOfferPaymentMethods(offer), this.renderOfferBranches(offer))) : (h("div", { class: "s-offer-card-details" }, this.renderMinSpend(offer), this.renderOfferCategories(offer), this.renderOfferBrands(offer), this.renderOfferTags(offer), this.renderOfferPaymentMethods(offer), this.renderOfferBranches(offer))))), hasProducts && (h("salla-accordion", { collapsed: isCollapsed, collapsible: true, size: "sm", onClick: (e) => e.stopPropagation(), onAccordionToggle: (e) => this.handleAccordionToggle(offer.id, e.detail.payload.collapsed) }, h("salla-accordion-head", { collapsible: true, collapsed: isCollapsed }, h("div", { slot: "title", class: "s-offer-products-thumbnails" }, h("span", { class: "s-offer-products-title" }, this.products_link_text, h("i", { class: `sicon-keyboard_arrow_${isCollapsed ? 'down' : 'up'} s-offer-products-link-icon` })), h("div", { class: "s-offer-products-thumbnails-stack" }, products.slice(0, 3).map((product, index) => (h("div", { class: "s-offer-product-thumbnail", style: { zIndex: `${index + 1}` } }, h("img", { src: product.thumbnail || product.image?.url || salla.url.cdn('images/s-empty.png'), alt: product.name })))), products.length > 3 && (h("div", { class: "s-offer-products-more-count", style: { zIndex: '7' } }, "+", products.length - 3))))), h("salla-accordion-body", null, h("div", { class: "s-offer-products-content" }, h("salla-products-list", { source: "selected", "source-value": JSON.stringify(products.map(p => p.id)), "product-card-component": this.productCardComponent, "horizontal-cards": true, "compact-cards": true, includes: ["images"] })))))));
     }
     renderOfferCard(offer, position = 1) {
         return (h("div", { class: "s-offer-slide-one-fourth swiper-slide", onClick: () => this.emitPromotionClicked(offer, position) }, h("div", { class: "s-offer-card" }, h("div", { class: "s-offer-card-icon" }, this.getOfferIcon(offer.type)), h("div", { class: "s-offer-card-content" }, h("h3", { class: "s-offer-card-title", title: offer.title }, offer.title), this.renderCardDescriptionRow(offer, true), h("div", { class: "s-offer-card-details" }, offer.type === OfferType.DiscountsTable
@@ -356,6 +356,7 @@ export class SallaOffer {
                     this.renderOfferBranches(offer)
                 ]
                 : [
+                    this.renderMinSpend(offer),
                     this.renderOfferCategories(offer),
                     this.renderOfferBrands(offer),
                     this.renderOfferTags(offer),
@@ -382,6 +383,21 @@ export class SallaOffer {
             return null;
         return (h("div", null, !offer.description && (h("div", { class: "s-offer-card-description" }, salla.lang.get('pages.offer.discount_table_subtitle', 'وفِّر أكثر بشراء منتجات أكثر'))), h("table", { class: "s-offer-discount-table" }, h("tbody", null, this.groupDiscountsByRows(discounts, 3).map((row, rowIndex) => (h("tr", { key: rowIndex }, row.map((discount, colIndex) => (h("td", { key: colIndex }, h("div", { class: "s-offer-discount-percentage" }, discount.percentage, "%"), h("div", { class: "s-offer-discount-condition" }, this.formatDiscountCondition(discount))))))))))));
     }
+    /**
+     * The minimum-purchase line for the offer types that have no conditions block
+     * of their own — BuyXGetY, SpecialPrice and Bank.
+     *
+     * Guarded on `min_spend` alone. This renders only the min-spend row, so the
+     * block-level guard used by renderPercentageOrFixedOfferContent (which gates
+     * three independently-rendered rows) does not apply here: borrowing it made
+     * any offer carrying just a `discount_value` print "a minimum of 0.00".
+     */
+    renderMinSpend(offer) {
+        const details = offer.details;
+        if (!(details.min_spend > 0))
+            return null;
+        return (h("div", { class: "s-offer-min-spend", innerHTML: this.min_spend_text(this.money(details.min_spend)) }));
+    }
     renderPercentageOrFixedOfferContent(offer) {
         const details = offer.details;
         if (!details.discount_value && !(details.min_spend > 0) && !(details.min_items > 0) && !(details.max_discount_amount > 0))

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

@@ -230,7 +230,7 @@ export class SallaOfferModal {
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '65f0a5622466ab72be96f7a251e6ebab29c3f30c', "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: 'cb235e4d13b95673bde9bd5eeac1ee1ff7e0c1f4', slot: 'loading' }, h("div", { key: '249ced69c178e7071cb100c11829120f2b0a52b6', class: "s-offer-modal-skeleton" }, h("div", { key: '44da044786147e7b693866a7b3e776742622a7d2', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'cca94fa75f1086118dcce2dd6e4099cc09d9db7c', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'a0e1548a9f168c724b9353fca617ed55407b8537', height: '15px', width: '50%' }), h("salla-skeleton", { key: '72fd306f044249a568fc5ddf75eed898685955a5', height: '10px', width: '30%' })), h("div", { key: 'c54ceb5db0887372d487448c39cf1f2fe2b9cfd6', 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: '82400b8a1b032ce266cbd093d04607cabd4334ce', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '1898c3045f98af8a5fa70fc96544bdc93c8e21d2', height: '15px', width: '50%' }), h("salla-skeleton", { key: '2b3746f994eb9baaf5c8ed62e9b779fe6746a0a4', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: 'b41e4389d7bd3ba89f7cfd10d9e2e7a8ddafbb3d', "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: '2beaa53d150ba7d17e1d66d6f5a5619ff03dd7f8', slot: 'loading' }, h("div", { key: '6a35aa5676449dd74ed50e48ee62fe3dc604eb82', class: "s-offer-modal-skeleton" }, h("div", { key: 'eb0458bbe6bef1c7931ef1b29c7831b6fdd8cf94', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'ba0dfd74e0e279633fbfa1536a1232f7b88d09c4', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '41a501b4179488e1346a12aaf76407dfeeaa233b', height: '15px', width: '50%' }), h("salla-skeleton", { key: '60e56666921a9a1e28d070ee26864c3df488cdfb', height: '10px', width: '30%' })), h("div", { key: '7079a1b0d16c373004fc2abd7e3240349061975f', 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: '63dda9415de1c0eacced5a1135bc6193290106c7', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '4e39d82ff6e2145f5a651747423c86929b703f6f', height: '15px', width: '50%' }), h("salla-skeleton", { key: '55115403e6710254d6f8637f05ce3f8733f7101b', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(),
                 this.getOfferConditions(), 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)

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

@@ -36,7 +36,7 @@ export class SallaOrderDetails {
         ];
     }
     render() {
-        return h(Host, { key: 'e8b12f8b36be50c66228e19e77b81843c4b827c5', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: 'd8c71790d253b085162b7a92310c3a073291297f', 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: 'cb68716bd8c67c7387a1e71c0f790dc55bf9732b' }, h("button", { key: '0d5ef4b53adc4b1c8603fc740f955305837225d9', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '1647a427de88c2cffadba8087152427a4e95a8e2', 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: 'ab896eef117fb28e660af1957986c1dc4fe17b54', class: "s-order-edit-product-card-content" }, h("h3", { key: '2eba7becf3c53c636d66e01809b44cd4854c27f1', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '46743b4a67f933d7219d88259396a396c6dd5d87', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: 'f70bbfb59e4308bc1b7ab7866f5840f650006058' }, h("button", { key: '7755b197eba043f81b147b89c9ac52e0a5149363', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'c0df83535c35b3f9bcf4d29a827507a4437d4e01', 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: '41a9b99545c8ec2f93ccaba3cc458522d3fd55c8', class: "s-order-edit-product-card-content" }, h("h3", { key: '416517b0d53bca3488aa8c4ba49484be0fe39bab', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: 'cb05807b4d51a1b5acff02169e4cf9691348c9be', 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: '96ce5c2d31f1908bd1522ad2f87094ab7d37cbd5', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: '09314d7241f730cc2dcd220542d02ca44565ae9c', 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-orders/salla-orders.js

@@ -5,15 +5,20 @@ import { h } from "@stencil/core";
 import Helper from "../../Helpers/Helper";
 const FEEDBACK_STATUS_WAITING = 'waiting';
 const TAB_QUERY_PARAM = 'tab';
+const SHOW_EXTERNAL_ORDERS_FEATURE = 'show-external-orders';
 function getFilterFromSearchParams() {
     const tab = new URLSearchParams(window.location.search).get(TAB_QUERY_PARAM);
-    return tab === 'waiting' ? 'waiting' : 'all';
+    if (tab === 'waiting' || tab === 'archived')
+        return tab;
+    return 'all';
 }
 const LANG_DEFAULTS = {
     'pages.orders.filter_all': { ar: 'الكل', en: 'All' },
+    'pages.orders.filter_archived': { ar: 'الطلبات المؤرشفة', en: 'Archived orders' },
     'pages.orders.filter_awaiting_review': { ar: 'بانتظار تقييمك', en: 'Awaiting your review' },
     'pages.orders.leave_review': { ar: 'أضف تقييمك', en: 'Add review' },
     'pages.orders.no_unrated_orders': { ar: 'لا توجد طلبات غير مقيَّمة', en: 'No unrated orders' },
+    'pages.orders.no_archived_orders': { ar: 'لا توجد طلبات مؤرشفة', en: 'No archived orders' },
     'pages.orders.review_banner': {
         ar: 'لديك طلبات بانتظار تقييمك. شارك رأيك وساعدنا على تحسين تجربتك.',
         en: 'You have orders awaiting your review. Share your feedback and help us improve your experience.',
@@ -33,9 +38,11 @@ export class SallaOrder {
         this.load_more_text_trans = salla.lang.get('common.elements.load_more');
         this.languageCode = salla.lang.locale;
         this.filterAllText = salla.lang.getWithDefault('pages.orders.filter_all', 'الكل');
+        this.filterArchivedText = salla.lang.getWithDefault('pages.orders.filter_archived', 'الطلبات المؤرشفة');
         this.filterAwaitingReviewText = salla.lang.getWithDefault('pages.orders.filter_awaiting_review', 'بانتظار تقييمك');
         this.leaveReviewText = salla.lang.getWithDefault('pages.orders.leave_review', 'شارك تقييمك');
         this.noUnratedOrdersText = salla.lang.getWithDefault('pages.orders.no_unrated_orders', 'لا توجد طلبات غير مقيَّمة');
+        this.noArchivedOrdersText = salla.lang.getWithDefault('pages.orders.no_archived_orders', 'لا توجد طلبات مؤرشفة');
         this.orders = [];
         this.nextPage = null;
         this.activeFilter = getFilterFromSearchParams();
@@ -44,6 +51,7 @@ export class SallaOrder {
         this.isFetching = false;
         this.reviewPoints = 0;
         this.filterGeneration = 0;
+        this.showExternalOrders = false;
         salla.lang.onLoaded(() => {
             this.languageCode = salla.lang.locale;
             this.orderNumberText = salla.lang.get('pages.thank_you.order_id');
@@ -63,9 +71,11 @@ export class SallaOrder {
     }
     refreshReviewLabels() {
         this.filterAllText = salla.lang.getWithDefault('pages.orders.filter_all', 'الكل');
+        this.filterArchivedText = salla.lang.getWithDefault('pages.orders.filter_archived', 'الطلبات المؤرشفة');
         this.filterAwaitingReviewText = salla.lang.getWithDefault('pages.orders.filter_awaiting_review', 'بانتظار تقييمك');
         this.leaveReviewText = salla.lang.getWithDefault('pages.orders.leave_review', 'شارك تقييمك');
         this.noUnratedOrdersText = salla.lang.getWithDefault('pages.orders.no_unrated_orders', 'لا توجد طلبات غير مقيَّمة');
+        this.noArchivedOrdersText = salla.lang.getWithDefault('pages.orders.no_archived_orders', 'لا توجد طلبات مؤرشفة');
     }
     setupLoyalty() {
         // ? Flags
@@ -210,11 +220,11 @@ export class SallaOrder {
             return;
         this.setLoadMoreLoading(false);
         this.isFetching = true;
-        // Rows are appended to the wrapper imperatively (outside Stencil's vdom), so
+        // Rows are appended to the table body imperatively (outside Stencil's vdom), so
         // switching the render branch to the skeleton table won't clear them on its
         // own — clear them explicitly or the old rows linger alongside the skeleton.
-        if (this.wrapper) {
-            this.wrapper.innerHTML = '';
+        if (this.ordersTableBody) {
+            this.ordersTableBody.innerHTML = '';
         }
         this.filterGeneration++;
         const feedbackStatus = filter === 'waiting' ? FEEDBACK_STATUS_WAITING : null;
@@ -224,6 +234,7 @@ export class SallaOrder {
                 format: 'light',
                 types: [''],
                 feedback_status: feedbackStatus,
+                ...(filter === 'archived' ? { external_orders: 1 } : {}),
             });
             this.orders = resp.data;
             this.hasInfiniteScroll = !!resp.pagination?.links.next;
@@ -237,8 +248,8 @@ export class SallaOrder {
             }
             if (!this.orders.length) {
                 this.setLoadMoreLoading(false);
-                this.emptyFilterResult = filter === 'waiting';
-                this.showPlaceholder = filter !== 'waiting';
+                this.emptyFilterResult = filter !== 'all';
+                this.showPlaceholder = filter === 'all';
                 return;
             }
             this.showPlaceholder = false;
@@ -256,7 +267,9 @@ export class SallaOrder {
         }
     }
     getSingleOrderItem(order) {
-        const referenceId = order.reference_id ?? '';
+        const orderNumber = String((this.activeFilter === 'archived' ? order.external_order_id : order.reference_id) ?? '');
+        // ponytail: # only for pure digits; alphanumeric external ids stay bare
+        const orderNumberLabel = /^\d+$/.test(orderNumber) ? `#${orderNumber}` : orderNumber;
         const tr = document.createElement('tr');
         tr.classList.add('s-orders-table-tbody-tr', 's-orders-table-tbody-tr-shadow');
         const td1 = document.createElement('td');
@@ -268,7 +281,7 @@ export class SallaOrder {
         span1.textContent = `${this.orderNumberText}:`;
         const span2 = document.createElement('span');
         span2.classList.add('s-orders-reference-id');
-        span2.textContent = `#${referenceId}`;
+        span2.textContent = orderNumberLabel;
         div1.appendChild(span1);
         div1.appendChild(span2);
         if (order.source === 'buy_as_gift') {
@@ -286,7 +299,7 @@ export class SallaOrder {
         sallaButton.classList.add('relative');
         sallaButton.setAttribute('color', 'dark');
         sallaButton.setAttribute('shape', 'link');
-        sallaButton.dataset.content = String(referenceId);
+        sallaButton.dataset.content = orderNumber;
         sallaButton.addEventListener('click', event => {
             Helper.copyToClipboard(event);
             Helper.toggleElementClassIf(sallaButton, 'copied', 'code-to-copy', () => true);
@@ -295,7 +308,7 @@ export class SallaOrder {
             }, 1000);
         });
         const span3 = document.createElement('span');
-        span3.textContent = '#' + referenceId;
+        span3.textContent = orderNumberLabel;
         const copyIcon = document.createElement('i');
         copyIcon.classList.add('sicon-swap-stroke', 's-orders-copy-to-clipboard-button-icon');
         // Check the text direction
@@ -427,8 +440,13 @@ export class SallaOrder {
     renderSkeletonRows(count = 5) {
         return Array.from({ length: count }, (_, index) => this.renderSkeletonRow(index));
     }
+    getEmptyFilterText() {
+        return this.activeFilter === 'archived'
+            ? this.noArchivedOrdersText
+            : this.noUnratedOrdersText;
+    }
     renderFilters() {
-        return (h("div", { class: "s-orders-filters" }, h("salla-button", { size: "small", color: this.activeFilter === 'all' ? 'primary' : 'light', fill: "outline", onClick: () => this.switchFilter('all'), enableLoader: false }, this.filterAllText), h("salla-button", { size: "small", color: this.activeFilter === 'waiting' ? 'primary' : 'light', fill: "outline", onClick: () => this.switchFilter('waiting'), enableLoader: false }, this.filterAwaitingReviewText)));
+        return (h("div", { class: "s-orders-filters" }, h("salla-button", { size: "small", color: this.activeFilter === 'all' ? 'primary' : 'light', fill: "outline", onClick: () => this.switchFilter('all'), enableLoader: false }, this.filterAllText), this.showExternalOrders && (h("salla-button", { size: "small", color: this.activeFilter === 'archived' ? 'primary' : 'light', fill: "outline", onClick: () => this.switchFilter('archived'), enableLoader: false }, this.filterArchivedText)), h("salla-button", { size: "small", color: this.activeFilter === 'waiting' ? 'primary' : 'light', fill: "outline", onClick: () => this.switchFilter('waiting'), enableLoader: false }, this.filterAwaitingReviewText)));
     }
     renderBanner() {
         if (!this.pendingReviewCount)
@@ -439,7 +457,7 @@ export class SallaOrder {
         if (this.showPlaceholder) {
             return (h("div", { class: "s-orders-no-content" }, h("i", { class: "sicon-packed-box icon" }), h("p", null, this.noOrderText)));
         }
-        return (h("div", { class: "s-orders-wrapper" }, this.renderBanner(), this.renderFilters(), h("div", { class: "s-orders-list-wrapper" }, this.isFetching ? (h("table", { class: "s-orders-table s-orders-table-skeleton" }, this.renderTableHead(), h("tbody", { class: "s-orders-table-tbody" }, this.renderSkeletonRows()))) : this.emptyFilterResult ? (h("div", { class: "s-orders-no-content" }, h("i", { class: "sicon-packed-box icon" }), h("p", null, this.noUnratedOrdersText))) : (h("table", { class: "s-orders-table" }, this.renderTableHead(), h("tbody", { class: "s-orders-table-tbody", ref: element => (this.ordersTableBody = element) })))), this.nextPage && !this.emptyFilterResult && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => (this.status = status) }, h("button", { type: "button", onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => (this.btnLoader = btnLoader), style: { display: 'none' } })))), h("salla-rating-modal", { ref: el => (this.ratingModal = el) })));
+        return (h("div", { class: "s-orders-wrapper" }, this.renderBanner(), this.renderFilters(), h("div", { class: "s-orders-list-wrapper" }, this.isFetching ? (h("table", { class: "s-orders-table s-orders-table-skeleton" }, this.renderTableHead(), h("tbody", { class: "s-orders-table-tbody" }, this.renderSkeletonRows()))) : this.emptyFilterResult ? (h("div", { class: "s-orders-no-content" }, h("i", { class: "sicon-packed-box icon" }), h("p", null, this.getEmptyFilterText()))) : (h("table", { class: "s-orders-table" }, this.renderTableHead(), h("tbody", { class: "s-orders-table-tbody", ref: element => (this.ordersTableBody = element) })))), this.nextPage && !this.emptyFilterResult && (h("div", { class: "s-infinite-scroll-wrapper", ref: status => (this.status = status) }, h("button", { type: "button", onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => (this.btnLoader = btnLoader), style: { display: 'none' } })))), h("salla-rating-modal", { ref: el => (this.ratingModal = el) })));
     }
     componentDidRender() {
         this.populateOrdersTableIfEmpty();
@@ -451,6 +469,13 @@ export class SallaOrder {
         });
         return salla.onReady().then(() => {
             this.setupLoyalty();
+            this.showExternalOrders = salla.config
+                .get('store.features', [])
+                .includes(SHOW_EXTERNAL_ORDERS_FEATURE);
+            if (this.activeFilter === 'archived' && !this.showExternalOrders) {
+                this.activeFilter = 'all';
+                this.syncFilterToSearchParams('all');
+            }
             const tasks = [this.fetchOrders(this.activeFilter)];
             // fetchOrders already resolves the pending count when the initial tab is "waiting"
             if (this.activeFilter !== 'waiting') {
@@ -527,9 +552,11 @@ export class SallaOrder {
             "load_more_text_trans": {},
             "languageCode": {},
             "filterAllText": {},
+            "filterArchivedText": {},
             "filterAwaitingReviewText": {},
             "leaveReviewText": {},
             "noUnratedOrdersText": {},
+            "noArchivedOrdersText": {},
             "orders": {},
             "pagination": {},
             "hasInfiniteScroll": {},