@salla.sa/twilight-components 2.14.575 → 2.14.577

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

@@ -217,7 +217,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
         }
     }
     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: loyaltyProgramIcon }), 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: loyaltyProgramIcon }), 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: loyaltyProgramIcon }), 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: loyaltyProgramIcon }), 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,
@@ -227,12 +227,12 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
                     's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, this.point.description)), h("salla-modal", { key: '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: loyaltyProgramIcon }), 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: loyaltyProgramIcon }), 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: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '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: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '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/components/salla-loyalty-points-history.js

@@ -86,7 +86,7 @@ const SallaLoyaltyPointsHistory$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         }
     }
     render() {
-        return (h(Host, { key: 'f926921f27cb795fcd46784ad5fa35fd32d2bdbf' }, h("div", { key: '474ecf2d8a7bc60d5ee18673e3b0689c146aa71d' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("tbody", null, h("tr", null, h("td", null, h("div", { class: "s-loyalty-points-history-balance-container" }, h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), h("div", null, h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("thead", { class: "s-loyalty-points-history-table-head" }, h("tr", null, h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", null, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), h("span", null, translateKey(point?.key)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), h("div", { class: {
+        return (h(Host, { key: 'a27eb05e077b79c1865d80baa5960af783757b49' }, h("div", { key: '37cec3096c43766f679e7b7e35d3e99d248dbc70' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("tbody", null, h("tr", null, h("td", null, h("div", { class: "s-loyalty-points-history-balance-container" }, h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), h("div", null, h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("thead", { class: "s-loyalty-points-history-table-head" }, h("tr", null, h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", null, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), h("span", null, translateKey(point?.key)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), h("div", { class: {
                 's-loyalty-points-history-table-transaction-status': true,
                 's-loyalty-points-history-table-transaction-status-pending': point?.status_key === 'pending',
                 's-loyalty-points-history-table-transaction-status-revoked': point?.status_key === 'revoked',

package/dist/components/salla-loyalty-prize-item.js

@@ -15,7 +15,7 @@ const SallaLoyaltyPrizeItem$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoya
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '724a0c9a5eb5ab0cbbb81d3b194c63a34b148b67' }, h("div", { key: '24b8d96839f0d7a1283c8ebc846e2f6e18c73392', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '9ec616036357b854dea86d0c873c94911c3a334c', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '6f3cfa5be119aa228b4527de9e03ec53a82f23b1', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '1ca0f8da846e6d4710f6854439df82c752775601', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '3a8ee66428e89e9a70f5a78f20811623e5f7018e', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: 'b50a0407d3ddec72fef3b7f4ff325c14ee52edfa' }, h("div", { key: 'a6f180164b4bbed6b0a8c534dda70d7ce8a8d0d5', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '3314cec7f2adf02d4d7b0623d95aaa87c8c5a4e0', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '6a33d5bfcd00e231f9b9a21d8d7b9e8cbb263e7c', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '333c4b1548e13601edb9405460fde38fde274997', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'dbf09413ed15affa54dd0e5bbbb425bdf89d2a42', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get style() { return sallaLoyaltyPrizeItemCss; }
 }, [0, "salla-loyalty-prize-item", {

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

@@ -39,10 +39,10 @@ const SallaLoyaltyReward$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalty
         };
     }
     render() {
-        return (h("div", { key: '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: loyaltyProgramIcon }), 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: loyaltyProgramIcon }), 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/components/salla-maintenance-alert.js

@@ -23,7 +23,7 @@ const SallaMaintenanceAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaMain
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '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/components/salla-map2.js

@@ -758,11 +758,11 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class SallaMap extends HTMLEle
     }
     // 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 : SILocation }), 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 : SILocation }), 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) })));
     }
     get host() { return this; }
     static get style() { return sallaMapCss; }

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

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

@@ -384,9 +384,9 @@ const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     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' })));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -494,7 +494,7 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '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)),
@@ -502,13 +502,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 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/components/salla-multiple-bundle-product-slider2.js

@@ -141,7 +141,7 @@ const SallaMultipleBundleProductSlider = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     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/components/salla-multiple-bundle-product.js

@@ -78,7 +78,7 @@ const SallaMultipleBundleProduct$1 = /*@__PURE__*/ proxyCustomElement(class Sall
         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 watchers() { return {
         "bundleSections": ["parseProducts"]

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

@@ -11,7 +11,7 @@ const SallaNotificationItem = /*@__PURE__*/ proxyCustomElement(class SallaNotifi
         this.__registerHost();
     }
     render() {
-        return h("a", { key: '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 style() { return sallaNotificationsCss; }
 }, [0, "salla-notification-item", {

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

@@ -253,7 +253,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(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/components/salla-offer.js

@@ -354,7 +354,7 @@ const SallaOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaOffer extends H
         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
@@ -373,6 +373,7 @@ const SallaOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaOffer extends H
                     this.renderOfferBranches(offer)
                 ]
                 : [
+                    this.renderMinSpend(offer),
                     this.renderOfferCategories(offer),
                     this.renderOfferBrands(offer),
                     this.renderOfferTags(offer),
@@ -399,6 +400,21 @@ const SallaOffer$1 = /*@__PURE__*/ proxyCustomElement(class SallaOffer extends H
             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/components/salla-order-details.js

@@ -47,7 +47,7 @@ const SallaOrderDetails$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderDet
         ];
     }
     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 watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

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

@@ -32,7 +32,7 @@ const SallaOrderEditProductCard$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: '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 style() { return sallaOrderEditProductCardCss; }
 }, [0, "salla-order-edit-product-card", {

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

@@ -87,7 +87,7 @@ const SallaOrderSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderSum
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: '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 ? IconVerified : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/components/salla-orders.js

@@ -21,15 +21,20 @@ const sallaInfiniteScrollCss = "/*!twlt*/.s-button-btn{position:relative;display
 
 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.',
@@ -51,9 +56,11 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         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();
@@ -62,6 +69,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         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');
@@ -81,9 +89,11 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
     }
     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
@@ -228,11 +238,11 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
             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;
@@ -242,6 +252,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
                 format: 'light',
                 types: [''],
                 feedback_status: feedbackStatus,
+                ...(filter === 'archived' ? { external_orders: 1 } : {}),
             });
             this.orders = resp.data;
             this.hasInfiniteScroll = !!resp.pagination?.links.next;
@@ -255,8 +266,8 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
             }
             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;
@@ -274,7 +285,9 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         }
     }
     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');
@@ -286,7 +299,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         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') {
@@ -304,7 +317,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         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);
@@ -313,7 +326,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
             }, 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
@@ -445,8 +458,13 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
     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)
@@ -457,7 +475,7 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         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();
@@ -469,6 +487,13 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         });
         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') {
@@ -489,9 +514,11 @@ const SallaOrder = /*@__PURE__*/ proxyCustomElement(class SallaOrder extends HTM
         "load_more_text_trans": [32],
         "languageCode": [32],
         "filterAllText": [32],
+        "filterArchivedText": [32],
         "filterAwaitingReviewText": [32],
         "leaveReviewText": [32],
         "noUnratedOrdersText": [32],
+        "noArchivedOrdersText": [32],
         "orders": [32],
         "pagination": [32],
         "hasInfiniteScroll": [32],

package/dist/components/salla-payments.js

@@ -42,12 +42,12 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '7b48366eb122743315532e53cfcf05ac31c5ad60', class: "s-payments-list-wrap" }, h("ul", { key: 'e278c90249fa655ede607689afd366e5dc538532', class: "s-payments-list" }, madeInKSA && h("li", { key: '6a2494479aaef3dbe8557feaf07b290b9a7fc3a9', class: "s-payments-list-item" }, h("img", { key: '386ee723fce881bf4206a3113ff8e611bf48c0c8', 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.filter(payment => !this.exclude.includes(payment)).map((payment) => (payment == "cod" ?
+        return (h(Host, { key: '46c58d42a6e876a785bc4ee0b27dd91943e95932', class: "s-payments-list-wrap" }, h("ul", { key: '7745fe947414ce517400dc31d5d89cea413fd295', class: "s-payments-list" }, madeInKSA && h("li", { key: '4715de8ea395d318432cd13ee44e30b06c27f570', class: "s-payments-list-item" }, h("img", { key: '096e9b6168ba7b87bda69bca26af7525d846f152', 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.filter(payment => !this.exclude.includes(payment)).map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, this.paymentLogo(`cod`)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, this.paymentLogo(payment))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '7a355da7a8f0ee873264807504d2d353739331bf', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '850bc394f7bd0396b6f78b9f57fc8254baab0635', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

package/dist/components/salla-placeholder2.js

@@ -42,7 +42,7 @@ const SallaPlaceholder = /*@__PURE__*/ proxyCustomElement(class SallaPlaceholder
         };
     }
     render() {
-        return (h(Host, { key: 'bb1e87ff964770b00667e5ba934e025a184056fe', class: this.alignmentClass() }, h("div", { key: '6a75cef023d5f1a719ebb8d91a8b2181e1635161', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: 'cb68c4045df8dac84cd7c0626d9d8c322202e73d', class: "s-placeholder-title" }, h("slot", { key: '09f95446b63392eee020fa7d970e5387f83c4769', name: 'title' }, h("span", { key: 'b72e61aeabcc48fd5b3e14d76f4dcfab7c37703b' }, salla.lang.get('common.elements.no_options')))), h("div", { key: 'c9ba74e9a6dbe65c3e3d7994364182919bbbf3b0', class: "s-placeholder-description" }, h("slot", { key: '5441dc166551ead2f1386a58417d991fb62065f9', name: 'description' }, h("span", { key: 'd823d7f9bb6afa98df3307265b734ac06b3361ff' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: '7680e249ef9627c8c53c1fcbd02bb942d3f650a4', class: this.alignmentClass() }, h("div", { key: '17df509f27879794ea37172826489033ddb85045', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '117de24add832359f0a046a5e67b16748e25572d', class: "s-placeholder-title" }, h("slot", { key: '3bc517f00c6427a1103f859b58e9763f10851f4d', name: 'title' }, h("span", { key: '17615872d9b5e03d9b33d01fde5e1753f5f7a97e' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '962eafb62268b4ae3e25610a0dec6734ac58378a', class: "s-placeholder-description" }, h("slot", { key: '6326fdee550361c7cf6be95f1da2baf5616bd0f4', name: 'description' }, h("span", { key: '179fbe8c4352fad27a88b39baa6d858075006bfe' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get style() { return sallaPlaceholderCss; }
 }, [4, "salla-placeholder", {