@salla.sa/twilight-components 2.14.563 → 2.14.565

package/dist/components/salla-gifting.js

@@ -884,7 +884,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
     }
     render() {
         return [
-            h("div", { key: 'fd15533a1dbb57c0bbf31d66046b7051b63221d7' }, h("salla-list-tile", { key: 'b6f298371176e3fc829a8f0a7de775adbc70f903', class: this.generateClass() }, h("div", { key: '46c0dfc5d7d89576d411b5765d92a72b3dd289ba', slot: "title" }, this.vertical ? h("span", { innerHTML: SIGiftSharing }) : '', h("h3", { key: 'd0b9bbd243458f9ea25aa7a970d3084d16ca56a8' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: '0ac470d3daa813ca8177e9f92c9c0eec402784b0', slot: "subtitle" }, h("div", { key: 'a783624dfe67959544cd70b3a087ccd004fb517f' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: 'd76689c03fdff0aa9ff50323227a191e8aa7aa11', slot: "action" }, h("salla-button", { key: '1516f29ca50b92f78a8f7e5a07daa9e70740dae9', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '9d9b070b98e7a60736ca87347b0982a3034681a2', name: "widget-btn-content" }, h("div", { key: '4813d5f3bf85c3f5a0eefb5bd5478a009b6aceb2', class: "s-gifting-widget-action-content" }, h("span", { key: '738760ee256892c2f654ebae06877ca6cdaf0bec', innerHTML: SIGiftSharing }), " \u00A0", h("span", { key: 'bb181feda8126bd541517dabe107c44ab4da177a' }, this.sectionBtnText)))))), h("salla-modal", { key: '0d4478c6d9cf6bd1e75e81dca234c05af9303e0e', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: 'cea9b69f0af18a825f1cf4ac979fb571cc4b497f', slot: "loading" }, h("div", { key: '8190baa4b26d4de58ea98a4bd3662a54ca024e3a', class: "s-gifting-skeleton" }, h("div", { key: '6271ba338d1e85c5337f9b4956b2b0eb1c610669', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '77fb7f73e5dd748b69c9ed7263e3cefc9b24d643', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '4e436f8ad10aad25ffb84632973376855c0d803d', class: "s-gifting-modal-title" }, h("div", { key: '98c17840dd15e6d8495bd709a76d257001a3c2f3', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '9582b325011b36f5dbb7bf70a044554e339af05a', height: '15px', width: '150px' })))), h("div", { key: 'd95d5c41fb226a654e62c183fcababcf1a1af9b5', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '73ee2dd11f30ad370261a9b88324f40a52607973', height: '10px', width: '150px' }), h("salla-skeleton", { key: '8b07be46818f49401a5c7aae8a19de0445e9785e', height: '230px' }), h("salla-skeleton", { key: '6a7a9ff47ad18efdfc51d2c70dba6cf89c572974', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'f033c20b65077bfa99fb302415e10ff55f2d112d', height: '30px' }), h("salla-skeleton", { key: '60bf4740d16b9cf852536315b62d1abafc14e4d5', height: '40px' })))), h("slot", { key: 'eac7b126556b6895457fdd0c87f15b872975947f', name: "header" }), !!this.hasError ?
+            h("div", { key: 'eb77c96ecc39291dc3def641cea481cc90b3e267' }, h("salla-list-tile", { key: 'a9e8e946a5a06c6fe380073a068612fadeb0fc20', class: this.generateClass() }, h("div", { key: 'eebf210be6fe5e1672e695d47c9bde11320883c8', slot: "title" }, this.vertical ? h("span", { innerHTML: SIGiftSharing }) : '', h("h3", { key: 'f0e8320f7b29878ec7a96c201c47c5f60f4d9b21' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: '446c7e990c11838a3356acce58730392822bec93', slot: "subtitle" }, h("div", { key: '9a70815ad3c56c0360f7f5df1863c5aba5bc896e' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '952b4ba1b1c864f7700ad907661b0d8962f04ab8', slot: "action" }, h("salla-button", { key: 'fb226574b5780e51da64cba8b664845f9fc9eb34', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '6d15b2311b8fa8971438fe413e195f0d8b45b14d', name: "widget-btn-content" }, h("div", { key: 'ac5118ea07ad9048f4302397f59620cc20707f2f', class: "s-gifting-widget-action-content" }, h("span", { key: 'ecd29618212e32d4c9a9630e1041757175050a7e', innerHTML: SIGiftSharing }), " \u00A0", h("span", { key: 'b0ea950ea255e38b8070adc258f6fe95257f4ee6' }, this.sectionBtnText)))))), h("salla-modal", { key: 'a5c2f373772e75fb2d4317a4870e9d164ee1c11c', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '23b4f5e5184ac45553c064b82534935b69f4971c', slot: "loading" }, h("div", { key: 'ba556012198ceec99b547b4bb81c498a684b582e', class: "s-gifting-skeleton" }, h("div", { key: '6440590d61dd8e0fc43228bbdc474aab6fe5cebc', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '4a7b1911383367aa4d8dec04f28ac82df21a5d73', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '22105ca62fcf60145e40bcf03eccafa562288cd9', class: "s-gifting-modal-title" }, h("div", { key: 'dd1b90825ebc0d7dbd676d3862fb50ee20455b89', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '6554734da468f07ebe5e8b78aff926c3b0235a07', height: '15px', width: '150px' })))), h("div", { key: '9bbad16d73fb651480312cc1920b7a08cca91fd2', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '18fa7ea81b582e3ae6f47efb56197b06ce66651e', height: '10px', width: '150px' }), h("salla-skeleton", { key: '2af61d925bb04c9713a7792b21ecd354f0516f67', height: '230px' }), h("salla-skeleton", { key: '8f7d2007c374b89ea252782d54e111fcd8e6f0c0', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'ad2241ce42187cab3d5e487577f984571191476f', height: '30px' }), h("salla-skeleton", { key: 'f5923597280a309f81edf21960c1a1a0ffcee30f', height: '40px' })))), h("slot", { key: '607f49b24ad953ace7a49aae0198150c29842350', name: "header" }), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" }, this.errorMessage || salla.lang.get('common.errors.empty_results')), h("span", { slot: "description" }, " "))
                 :
                     [
@@ -907,7 +907,7 @@ const SallaGifting$1 = /*@__PURE__*/ proxyCustomElement(class SallaGifting exten
                             h("div", { class: this.step2ItemClass(this.errors?.['receiver.city_id'] ? 's-form-group s-form-has-error' : 's-form-group') }, h("label", { class: "s-form-label", htmlFor: `${this.hostId}-city` }, this.receiverCityFieldLabel), h("salla-searchable-dropdown", { placeholder: this.selectCity, items: this.displayedCities, selectedItem: this.selectedCity, loading: this.loadingCities, searching: this.searchingCities, disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId), required: true, inputId: `${this.hostId}-city`, searchQuery: this.citySearchQuery, clientSearch: !this.enableCityAjaxSearch, dropUp: true, keepParentScroll: true, onItemSelected: (e) => this.handleCitySelected(e.detail), onSearchInput: (e) => this.handleCitySearch(e.detail), onDropdownClosed: () => this.handleCityDropdownClosed() }), this.errors && this.errors['receiver.city_id'] ?
                                 h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.isPhysical() && this.cityNoticeText() &&
                             h("div", { class: this.step2ItemClass('s-gifting-info') }, h("span", { innerHTML: Alert }), h("span", null, this.cityNoticeText())), !this.isPhysical() && h("div", { class: this.step2ItemClass() }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, !this.skipStep1() && h("a", { href: "#!", innerHTML: IconArrowLeft, onClick: (e) => this.goToStep1(e) }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
-                    ], h("slot", { key: '8f516d4a4275f867f0564ef7aa187fb2bcc1e32f', name: "footer" })))
+                    ], h("slot", { key: 'c83487720cc77c14ccc08e8b2872b5f4fbd0bfa3', name: "footer" })))
         ];
     }
     static get style() { return sallaGiftingCss; }

package/dist/components/salla-hook.js

@@ -17,7 +17,7 @@ const SallaHook$1 = /*@__PURE__*/ proxyCustomElement(class SallaHook extends HTM
         this.host.before(element);
     }
     render() {
-        return h(Host, { key: '1acc6e7c4e3e9695576a820cbc68c539e81fa36e' });
+        return h(Host, { key: 'e9402928843fe4612c514c4a0f6374b2d1f02736' });
     }
     async componentDidLoad() {
         // Register this component for hooks system, already on it logic to run componentDidLoad trigger

package/dist/components/salla-list-tile2.js

@@ -25,7 +25,7 @@ const SallaListTile = /*@__PURE__*/ proxyCustomElement(class SallaListTile exten
         };
     }
     render() {
-        return (h(Host, { key: 'b1b2a6bf65c40643d59f392e91cc76acaea5e89e' }, h("a", { key: '4b2026fd739b243a41bfc37fcb55bc07a1a54636', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'bbc7a7133da0e471ad92a5466e9ec0481d74cdd7', class: "s-list-tile-item-icon" }, h("slot", { key: 'e4e338854bfc7e6843c4b87f419c9aa59970c77b', name: 'icon' })), h("div", { key: '1b7b2e0a65193be521cdf6cccc314c83f853216d', class: "s-list-tile-item-content" }, h("div", { key: '4e6a178d219827b1feef394ea5564769bf11ded2', class: "s-list-tile-item-title" }, h("slot", { key: '75b036812aca3e00162fc8c40459b67d4db2cc6f', name: 'title' })), h("div", { key: 'ab0959a43214ae0eb4cf092ea3738c71ed987709', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'e13f66fb2a0e1c5ab2a9081c808973c9f9ecca45', name: "subtitle" }))), h("div", { key: '78c7542367a41a1f8bc74bca73d2581f5c0b7bfd', class: "s-list-tile-item-action" }, h("slot", { key: '14c8c0f31d29855d743b52f82d52a3bed300b25f', name: 'action' })))));
+        return (h(Host, { key: '9706d1824aad1128cbdc3f46af1494fa6e66dae2' }, h("a", { key: '85a7f3aacb7c35ea954408a66018b8b0037b01be', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: '82bb422660690dd5fd1c677c979b7a80bcdf5bb1', class: "s-list-tile-item-icon" }, h("slot", { key: '6d823058b55ece833dda9aea3d62c4f8912da6d6', name: 'icon' })), h("div", { key: '3795a83ecbe93fbe3e9209ae36667dfeb06e5a3f', class: "s-list-tile-item-content" }, h("div", { key: '292a6ef5c02b74d2a72ed870025527045585b578', class: "s-list-tile-item-title" }, h("slot", { key: '9312aab9b50837ad23065979c40a57deb03eb738', name: 'title' })), h("div", { key: 'b23b96fd91e159edad15daeb4eb6d680854a327b', class: "s-list-tile-item-subtitle" }, h("slot", { key: '4932dcb47f174c750680aef2da36a42dd0a4e742', name: "subtitle" }))), h("div", { key: '1613517864d14b909ab9fad0f93f3ffa47392794', class: "s-list-tile-item-action" }, h("slot", { key: 'e61f359a00a60c28aa0d48b95afdb0c52efdd3e9', name: 'action' })))));
     }
     static get style() { return sallaListTileCss; }
 }, [4, "salla-list-tile", {

package/dist/components/salla-loading2.js

@@ -27,7 +27,7 @@ const SallaLoading = /*@__PURE__*/ proxyCustomElement(class SallaLoading extends
         this.bgColor = "#e5e7eb";
     }
     render() {
-        return (h(Host, { key: '0f3796a2a8f9610f40e20eb01e4d60fb56e11a03', class: "s-loading-container" }, h("svg", { key: 'd9d98cfa05e5c7d188237a0a4833c4cd13c2855c', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '75ea4d6f86456c86249dab53f3e18d21cc0380ef', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: '8bfd0b7ea965749ed9456742f36d2ffa28cff9f3', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
+        return (h(Host, { key: '253ecd20b6ff9beff53db9372c679da63b9394f9', class: "s-loading-container" }, h("svg", { key: 'fb47f4c89cc2084f32b6bfb1e585bfe360961401', "aria-hidden": "true", style: { width: `${this.size}px`, height: `${this.size}px`, fill: this.color, color: this.bgColor }, class: "s-loading", viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7420a3e8bce0cbc79b060b5fb512d970429cdfac', d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }), h("path", { key: 'd51ce4b5442429ca6874d1ef850a775437c4f0d5', d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))));
     }
     static get style() { return sallaLoadingCss; }
 }, [0, "salla-loading", {

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

@@ -248,7 +248,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoc
             this.showTrigger
                 ? h("button", { type: "button", onClick: () => this.open(), class: "s-localization-modal-trigger-btn" }, h("span", null, this.getLanguageName()), h("span", { class: "s-localization-modal-trigger-separator" }, "|"), " ", h("span", { innerHTML: this.getCurrencySymbol() }))
                 : '',
-            h("salla-modal", { key: 'cbdef87e1e274ce8f92acdef8897baa5d236f886', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '5ea731383d53abe6ee38152916410ec28e464954', slot: 'loading' }, h("div", { key: 'b702af172bdd41607d91fe85a01cd09e870a72c4', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '9b1812a5c07fb9eac7ca988684865dfdf2137067', width: '25%', height: '15px' }), h("div", { key: '6ef371224ca0d4a8cffd6a6827ea10835d4cf2ac', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '98af20fb407efc0ec3ddd69c3ca31e2a29e4c935', width: '25%', height: '15px' }), h("div", { key: 'fd885a869fc32836609048032f1bbdc7b26b0f9c', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '284cfd1563668f251b3a76977b92eb03d01654df', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: 'a0918db3935959e8317651b254ff85435bf0fea5', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: 'd1a35e23c564ea2caee46c386188d7ef64ff54c8', slot: 'loading' }, h("div", { key: '9ca0533b73f1cd11f9101232b6faee1971f9f741', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '03ee2d71e09d2f5d8714932309c1af1788feda8e', width: '25%', height: '15px' }), h("div", { key: '0595dd8f7cb572d12a7a2e61ac806d2588810b37', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '56760a616f68588b2d9de3557e9c0c7085ba1956', width: '25%', height: '15px' }), h("div", { key: 'f6e6c362b14c4d3087a1675d50e3714fe40ce89e', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '8c563227cad9ce3bc28727fe5db4fda223c0abd3', height: '40px', width: '100%' }))), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
                 h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

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

@@ -36,9 +36,9 @@ const SallaLoyaltyExchangeProductCard = /*@__PURE__*/ proxyCustomElement(class S
     }
     render() {
         const product = typeof this.product === 'string' ? JSON.parse(this.product) : this.product;
-        return (h("div", { key: '1a430e79a1b3099353f4e9905930f083ff889def', class: "s-loyalty-exchange-card" }, this.hasCustomCard
+        return (h("div", { key: '82c40d26f2d49dab0e7f34e28490f7726881f4fc', class: "s-loyalty-exchange-card" }, this.hasCustomCard
             ? h("custom-salla-product-card", { product: product, hideAddBtn: true })
-            : h("salla-product-card", { "hide-add-btn": true, product: product }), h("div", { key: '8b75d06c112af988c149b374fdd3592cd27cb490', class: "s-loyalty-exchange-card-btn" }, h("salla-button", { key: 'b04dc80d5af75461a5d1f938c45bf156e4592e1e', fill: "outline", width: "wide", onClick: () => this.loyaltyProductExchange.emit({ productId: product.id }) }, salla.lang.get('pages.loyalty_program.redeem_reward')))));
+            : h("salla-product-card", { "hide-add-btn": true, product: product }), h("div", { key: '961cfd9e7e604fe202a2af0ae36368ac21171b69', class: "s-loyalty-exchange-card-btn" }, h("salla-button", { key: 'be81982e0cea2316df74070c6cf8712e6809947b', fill: "outline", width: "wide", onClick: () => this.loyaltyProductExchange.emit({ productId: product.id }) }, salla.lang.get('pages.loyalty_program.redeem_reward')))));
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [0, "salla-loyalty-exchange-product-card", {

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

@@ -11,13 +11,13 @@ const SallaLoyaltyHero = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyHero
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: '19347b04f3e2fc0cb836d9ecd6ebc398826aca95' }, h("section", { key: 'd992b7e5c6f8ccd14690b63f12de75791751d3b6', class: "s-loyalty-program-hero-container" }, h("div", { key: 'cf825f4b816979494f33c08383d10ad3b702db81', class: "s-loyalty-program-hero-background", style: {
+        return (h(Host, { key: '8f6344543cf371ebcca43af88ae2d79978168555' }, h("section", { key: '57bad9c2a755147cfe1f01f53111092b8df891b5', class: "s-loyalty-program-hero-container" }, h("div", { key: '32f92f987b8d8ad13300fb877772b0793f0fc411', class: "s-loyalty-program-hero-background", style: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '5343c2d5b4924c75594143390624fb68c2f4e94f', class: {
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: 'b05742b463426bca3ce8b60587d9b9af57efe86f', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: 'd0e05e9d51c05583ac8a12fa1ad53b328c3eeca7' }, h("h1", { key: '05a1b89d759a8391af6c46b4e54df00d2238091f', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'fc0d510acceccf3995c91b0d4dd920ea7d111e72', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '41cb521612af4f4a0b3d6fedbcc9bced4f8014f6', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '498075813fc055f742211520ab75961892ef8bc1', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: '44c09c20dd161053f77773ee1ca550df2acb3ad6', name: "action" }))), h("div", { key: '9e0b48babcdb5c36bdadbdfeb8d03008069c2cc6', class: "s-loyalty-program-hero-footer" }, h("div", { key: '82659f4658331af320986e78a54222dd4c199281', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '4565ba9bd31891fc806418ee4440117f2fdb7c56', name: "crosspoint" }))))));
+            } }, h("div", { key: 'e06544e9ea8176cb99bf28ef97e4949b81172236' }, h("h1", { key: 'c598a4918c042535cf8064f83846ddd8d0b537bb', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'd9becc3ea9dc57cd172a694fa6c255b2bd58dee0', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '83ccb14d430582b64092ced19546d2f938a3b21a', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: 'cb56bce19e0c5592cc4eab6523c300163c5519cd', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'bcbb41afae86d318d5cbbbd3294db80f7277edad', name: "action" }))), h("div", { key: '97a9e7f6a0f10bfeeee73c13d16e0522479eec64', class: "s-loyalty-program-hero-footer" }, h("div", { key: '363d6b94f2ae2795d956ccea62f41bdeebdce227', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '599d85e8b59b0c4e96d26b0bac9ed58e8212756a', name: "crosspoint" }))))));
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [4, "salla-loyalty-hero", {

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

@@ -217,7 +217,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
         }
     }
     render() {
-        return (h("div", { key: '70b7b8ad88f89903726e70b795c2eca98366f601' }, h("div", { key: '32a7d28c05a72d1e2901775ff2148553d70b9c87', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'bc8e79fdf21fb641766b3463e792005decf58fd9', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '75e18d5d494d5b97ee12827230641103e934709c', class: this.point.icon })), h("div", { key: '54e40ceeb2cca3248aaa716b85c9ce8d4a41f8ce', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: 'c6d9718b0a2813cba6f59f2ad019f168ec1cc376', size: "xs", bg: "transparent" }, h("span", { key: '33ac630c37139af3dbae295c56c4a5c7aa74d309', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: '3d66b854b326090357f2e8320d8a8ab55cbad146', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'bf1b37473fa7f04ca76b66be840e918c74ae44ed', size: "sm", bg: "transparent" }, h("span", { key: '47f6c81b0e4805606bba918f23a2b94fe535e18e', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: '8cfacb01351d035968e5886bcc18086ef6c52ec5', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        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 ?
             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: 'bf3a0db144b8a71c7de03bffa871c83432645cca', 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: '9e1c30640a2b21d83648a9829cb3d77694d40f43', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'd27cf7911ca8e895d04b82dc786be5d70549b2e9', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '3b32920aee9989499c97e284a8b2689519a531c9', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '65f13ad9b7d9de8f5e5057f4b168e4276ec752de', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'b52d6b39659ad570321ed464cbd28679572e349f', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '18fcd876ee08265964fabd469ea2c0f62ee6e87b', class: this.point.icon })), h("salla-badge", { key: 'ce5e68c6e7b93b4b972b912db7a8027a0d7bb719', size: "sm", bg: "light" }, h("span", { key: '6325ab966bfc6abb67f08b6f727b41704328ae5a', innerHTML: loyaltyProgramIcon }), h("span", { key: '3278b4faf5a0c51ca2a4d55f544b756827f8592f', 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: '37a98c643851f1c772584c738c98902e0e960a52', class: "s-loyalty-program-points-modal-details" }, h("div", { key: 'e558373c2726934c68bd1f50a427984756afd0d1', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '018fb529e90d9adc1fd186e06120b175975e0ae3', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, 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) => {
                 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: 'dea38fc445b304630d0b4baa122a5a95f35f0d2c', 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: 'a8fbe3f878510dd27ccbe91c0d0253ed17f77fee', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '74e883a658f22fd3f26291efeba30ccc59f52baa', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), 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: {
                 '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: '2727e153c078533fa8fa48fa4b7349d5e7115b2b' }, h("div", { key: '24fa22fc520b8bb53d49a8f5ca1014fe01e60fb2' }, 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: '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: {
                 '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: '1a3463c51bf3e3e250f62b65d3a81815ec465923' }, h("div", { key: '03bf4d3e35b10d17a325ca4ef280cb384f3a76f4', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'a4d319b2daec5cdfec1c85910edea10bc1d1ab6c', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '52059fafc318c1f5a6b0289669083476650f8761', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'a3e14e2d1bd86dc3e7dbd2e6c5115e119af965e5', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '55df95c028748c0387dc75dc4ad35c7285c907af', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        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')))));
     }
     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: '22e55c164715cff3ab89a9d2d0ac98042aee3063', class: {
+        return (h("div", { key: 'db8da1c89b576ea2589bd2e1c0706a15ee1184b2', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'f4854008846b39552fdce909b497e43c649543ca', onClick: this.handleActionArea, role: "button" }, h("div", { key: 'adc5c0df86193798cc166f6adfa0c2447df0832b', class: "s-loyalty-program-reward-img" }, h("img", { key: '859cc1f77a4be5548ff1caa6820ec40b09af213d', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '8c7d6248e557108462dfb82ba2974768686734c7', class: "s-loyalty-program-reward-content" }, h("div", { key: 'a2bf4e4971697d3cefb3d14d5ef5fbe4406edd09', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '06640ab8ec19795a8a451274c371e0f77f888fb7', size: "xs" }, h("span", { key: 'f5c90a08e80d106bf11fe45a9c3ace3cedf61af1', innerHTML: loyaltyProgramIcon }), h("span", { key: '7feeea4188439c1c23acacf222149e7c59367dc4', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '8e5ef727a8c704b8f0040b752796bc59924ee64c', class: "s-loyalty-program-reward-title" }, h("span", { key: 'fbdd1636477122d629ec2fec71d8a57bc8dfe4cb' }, this.group)), h("div", { key: 'a0d4f204e207be64bdb515e7e4e8ba89235b2693', class: "s-loyalty-program-reward-name" }, h("div", { key: '000794a28c85f67d0c72a4f886c81d303a41f345', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: 'd4c51e1fe48bf9ec23f9c9d0b48b0e2343428d59', class: "p-4" }, h("button", { key: 'ca12fd9a4ee98380ed1db9f7aebbbf1e2906ab79', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, 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: {
                 '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: 'e27395e05c81dcaa9c105208997ce5cbf3b8fbb2', class: "s-maintenance-alert-wrapper" }, h("button", { key: '278105559b3001246e829d57e13a54ed067e629e', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '643ab2c22dbfa44f51a267ab098154ea19ffd6b4', class: "s-maintenance-alert-content" }, h("div", { key: '15d0f8369577ff359db19ad95adf49df717df960', class: "s-maintenance-alert-container" }, h("div", { key: '10839c38008ae904678d3e4e815d669a4112d0ca', class: "s-maintenance-alert-icon" }, h("img", { key: 'b9853fd903db772180f3bc4435c604dc5640d409', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: 'e7dac10cd9677094ef30708dbb30b94075d13380', class: "s-maintenance-alert-text" }, h("h2", { key: '476e13b23928a0633d78a9897d084a95e48085a7' }, this.title), h("p", { key: '8d44c1bff80ec334bf3ba8678201630172c0188d' }, this.message))), h("div", { key: '958b4fef3310ae507df1871386bfe4e1d464a6b7' }, h("a", { key: 'c20313b563098396a96aa07e76852cd72662ca71', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        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)))));
     }
     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: '20ed1a1d4099e817164c3764341d473c1b735add', class: "s-map-wrapper" }, h("salla-modal", { key: '77309d82d11bbae677a935aef0e02588c5f9fbfa', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '8f4108a87a87df7f99334512de9025d3f8330015', class: "s-map-wrapper" }, h("salla-modal", { key: '4f0d986b758ab8e2159d5b899e5d02b831d5e0d2', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '57e6d352f42a3321a98925dd4136eaf0fdbb06b0', name: "button" }, h("salla-button", { key: 'a0c39395b18ca41f2ea31c5c5729b2ba20c17a16', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: 'c38f01a3bc81e71328d4bbbc555824d71409b5ce', name: "button" }, h("salla-button", { key: 'b35df984d6e47840b51b34e62b4a35ec1648825f', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'b9478a06c198812edeacab794fb63699ea72fd6b', 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: 'd1619a934c72218d4d00b651e95743ad8d14a7a2', 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: '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) })));
     }
     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: '78be7c4a3be811adb01cb1437473fcd9f1c17b41', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '9b0439dffc9a2dd8d31f56dacb5d835cde903e71', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        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 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: '1ba2cde8fad73b16cfc2ccdd5e68331a9e3fdb7a', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'a72d9fc9f3df30616d3d0696c755db4e76c9a153', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        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("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: '1e2f996c2d995c62ae29dedc90826a1f1d0a1320' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '8e190c4ce2e1e3c12d327b26dbb066585dafe01a' })));
     }
     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: '610ae038d4f9db109e3f25830e82b39a2b07a010' }, h("salla-modal", { key: 'b06c130448cd1862d2e879a0285fd385395cc11b', 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: '1f8b9ffa80a40f8240ede4b8996943f7eecf4098', slot: "loading" }, h("salla-skeleton", { key: '26463b16022e1f66fd66f4e9cd8907521352bac1', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'bae60782cbe4ac7dc325fd666258198cd871a52e', 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: '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: {
                 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: '998afc3297e89df7e0a6b2514a6d5f4f75152492', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: 'b4f6109a323f44bf81b761126dd6f758f2c2b8ee', 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: '935a3d01a417926e904507d0a64da43c84924068', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '043af0b22934426e4620ad806901b0fed7eb5c84', 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: 'eeb710a27917f6134a2595ebb8e4ec485bb26254', slot: "footer" }, h("div", { key: '2ae3d47c461b68d61fcaa1d8f279ae6402aedf2e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '436f64a89183f0e6d56b6800ad031449c49cc751', 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: '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
             ? 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: 'e473b6089ee0e7026dfec042462ed827dabd0083' }, h("salla-slider", { key: '492187e1a1c105c21c48543aa227888d122cfa20', 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: 'e40e816439f3b3e1bee12ebdcea60438a45fec12', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        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) => {
             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: 'db7efe81ce29dd1bc45cc5f1dbd45b6b03e31de8', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: 'ecd08de0b8221816bb4980b90790219ec954ed79', 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: '59f70f3078b1a7d47bcee6ccd2d472cb8e9e0823', 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: '7cfde773f99fd97d2564bb76820fcdc10ddaf1c9', class: "s-notifications-item-icon" }, h("i", { key: 'c7ac49641200f8200d79d801626d819c2ad025d8', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '7b20a3de69f26d62185121017904ea8b73acde6d', class: "s-notifications-item-content" }, h("div", { key: '03e8f73de33418b41ab3dcec65a6cf916edbf670', class: "s-notifications-item-content-leading" }, h("h4", { key: '94f21a0c414c97f647af33f8ec84d74ec91c6de6' }, this.notification.title), h("p", { key: 'b821d9ba8af890d9d3b96b58488ccfe33ae681a1' }, this.notification.sub_title)), h("span", { key: '5aed923cbcdd3b92178de4660b2940ca1fd1958a', class: "s-notifications-item-content-trailing" }, h("i", { key: '283ce5224c7de7ada8afffb9c3ef43bb17f91944', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'b868dc7ecde4155c9827d6ccb2b2ac919525c71b' }, this.notification.date))));
+        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))));
     }
     static get style() { return sallaNotificationsCss; }
 }, [0, "salla-notification-item", {

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

@@ -228,7 +228,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '570466318b6cd66a7a8b3dd0d80424c2fd73328d', "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: 'ded0c8df17d5e5c1d6e77b8e1be469e69d3ee12f', slot: 'loading' }, h("div", { key: 'fc96c54fcecc896b3e5a1838e2d07d545fce2f85', class: "s-offer-modal-skeleton" }, h("div", { key: 'ee7a6f25aabbf4263b43fc7545bbb2c7bfca9b3a', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '9604f5f33d1d8e074cc3c314addb945b087431ee', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '65194ecfee0a01f7c38aa72f7ce2c8c81c893b1f', height: '15px', width: '50%' }), h("salla-skeleton", { key: '21d466bf32f435a511dcece76f51f4052089c130', height: '10px', width: '30%' })), h("div", { key: '53fb44c7c60ca8236dc7ec60ff65cb71df39c03b', 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: '52ad47514b0c00b73ec7d98073b09d21ce6a2b12', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'a271e30ab34d96731cc1f51c32cba9aaefee1953', height: '15px', width: '50%' }), h("salla-skeleton", { key: '6e199a5b1283c9d82588c60c712d3799b88c5c8d', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: 'fc50768aeae326779fc8321f98be591f19694877', "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: '0acb2bcfd86d7c43ffb806d9ef1c60ddf6babbe3', slot: 'loading' }, h("div", { key: '9d71931ba0fe2da318b111938f8df049c8bcba3f', class: "s-offer-modal-skeleton" }, h("div", { key: '2c56879682a5587f895b98122b11f7ac9b854277', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '58fcd5fe1bacde1f1bc289142821dbf2b98936ea', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '2ff2cf01d0423560b51a4a1ca1cb5957aad07571', height: '15px', width: '50%' }), h("salla-skeleton", { key: '879bc41293537d830604d056328a5390d1f83677', height: '10px', width: '30%' })), h("div", { key: 'c56c86160c0aa8cb9bab302adac0bb3ce6f0b544', 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: '7ae342a4e8bcb1acb104a7faaa51591453342446', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '064b069c56f8db50b508382f7a1b3d40aa929faf', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'b8da7d4dea95f74e68954b69866f3e0c4c5d04c1', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

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

@@ -47,7 +47,7 @@ const SallaOrderDetails$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderDet
         ];
     }
     render() {
-        return h(Host, { key: 'ffa22cae6c347b5acbe4836378f1f3843184e8f5', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: 'e8b12f8b36be50c66228e19e77b81843c4b827c5', 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: '7669432a4756da446e16d9a3093a067767c5dd9d' }, h("button", { key: 'd998dde2a1dc4eae7444fd398910c3a0699730f8', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '6a0e6eec84de332598d94be87b49564eeb2cfbc2', 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: '4eeb9f7430c19f8e792b0f6856fb86a2f265eb95', class: "s-order-edit-product-card-content" }, h("h3", { key: '840ae549097a53f1f297673d69e3155792a4097e', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '32732854ca599fe446d0b47883b892ac17d90cae', class: "s-order-edit-product-card-price", innerHTML: salla.money(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) }))))));
     }
     static get style() { return sallaOrderEditProductCardCss; }
 }, [0, "salla-order-edit-product-card", {