@salla.sa/twilight-components 2.14.470 → 2.14.472

package/dist/collection/components/salla-file-upload/salla-file-upload.js

@@ -307,11 +307,11 @@ export class SallaFileUpload {
         }
     }
     render() {
-        return (h(Host, { key: '6b8c9ee59a13e8819988a13489a79c8f3391c614', class: {
+        return (h(Host, { key: 'af77cb11bf5ae4a857e9a099ce6438fb29aa8736', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, h("input", { key: '4245938bfb2652084cb3115001263c7d690aa8e0', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: '7fdab946cf08747fdee40f9f9a2b2819803a299e', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, h("input", { key: 'da600278c346ef3554bfc6f8b22cb07dce1fc1ea', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: '4c605d3d983a86fca5667641d38592daf30f20b2', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     async componentDidLoad() {
         await Salla.onReady();

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

@@ -187,7 +187,7 @@ export class SallaFilters {
         this.applyFilters();
     }
     render() {
-        return h(Host, { key: '8fe009d0a0b52956fa634544aa414e554b77a128' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
+        return h(Host, { key: 'f94496fa176d99cf04b98fea8732b7c7c5912159' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
                 this.handleOptionChange(event, option, value);
             } })), this.filters?.length ? h("div", { class: "s-filters-footer" }, h("salla-button", { color: 'gray', fill: 'outline', onClick: () => this.resetFilters() }, this.reset)) : '');
     }

package/dist/collection/components/salla-filters-widget/salla-filters-widget.js

@@ -163,12 +163,12 @@ export class SallaFiltersWidget {
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: 'a3377234cae7a9565f403d859e60ee71cb9b9e00', class: "s-filters-widget-container" }, h("h3", { key: 'd797565b06c795a6b19d5fa6c93da583e291cc01', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '35e933096973744c332cfb3a0346b57f7dd28a76' }, this.option.label), h("span", { key: '2c27dacf5242da14f2cddca9f99af09bb9cb3bea', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '6f85c5af558a2b47e9779225d2fb9b99d2dd78e5', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'd6c9fe9baf08d095346d52e5e6836ca7a26dae7f', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '44ac9fc9e7488165acccbac8a7bd95a3f863dab8', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), h("div", { key: 'a8350384975504985098f0b9f1ae6c086537886b', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '20acece0e29070b6f1359ab1d3f16e928d461742' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: '2cdd3bbc88b473e9b5d52bf5e95de16f9ad47a51', class: "s-filters-widget-container" }, h("h3", { key: '4d3d522469681c5d7cde040938b0ce15324d7cc3', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '60fa18c667a1b00f03e8eebc484da68e78fa8d90' }, this.option.label), h("span", { key: 'ac8cff411fbb76c43e0134b0c7381b682a8afcd0', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '5705ab244d712512e156994bbf21d9bb49dbb43b', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'a59f45a5fbd803dcd65f0a5b40060a1dcfed00e0', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '3275790105bfe9b84df564b9385c4a9556c2f03a', type: "text", class: "s-filters-widget-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder') || 'بحث...', value: this.searchQuery, onInput: (e) => this.searchQuery = e.target.value }))), h("div", { key: '70d57184a8089422d96ea62ddaa7697f7f207441', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '959512d2256b5a29236572fc8078c5baa5d9a571' }), this.option.type !== FilterOptionTypes.RANGE
             ? this.renderFilterOption(this.option)
             : h("salla-price-range", { onChanged: (event) => {
                     this.changed.emit(event.detail);
                 }, ref: price => this.priceRange = price, filtersData: this.filtersData, option: this.option })), this.withLoadMore && (!this.searchQuery || this.filteredCount > this.initialItemCount) &&
-            h("a", { key: 'a628397d54fc254fe36458c4bbdca0dad0a0e6ad', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            h("a", { key: '305b4a155c2b3705bcf139c81b5f8bcb3d744d05', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
     }
     static get is() { return "salla-filters-widget"; }
     static get originalStyleUrls() {

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

@@ -730,7 +730,7 @@ export class SallaGifting {
     }
     render() {
         return [
-            h("div", { key: 'b26068c5c6b0c40814e1cb67208afa352b1d913c' }, h("salla-list-tile", { key: '22189813371c56f1b66334d826c342d30dade34f', class: this.generateClass() }, h("div", { key: '5f9c597b87ab39d591144c4943feba0c775d645b', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: '4341ea66f7d9a547d919be173476908c5d0f018a' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'f2eb13ddcd7810da368ea35e161addbef1af5ce4', slot: "subtitle" }, h("div", { key: '1b69dfbce6b7b7d94bbee4e325d8f65c2b34dcce' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '6a8f526bcbb0a659e028155ce08aec2538e4fff2', slot: "action" }, h("salla-button", { key: '5cf31da452a173a487c4ea9dbd1356fd10d3b800', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '4aef407fd0a79b0172f0803a7134bd366ac6b034', name: "widget-btn-content" }, h("div", { key: '333273064da0b5071a7a7433ec7626ef00bd9e1e', class: "s-gifting-widget-action-content" }, h("span", { key: '913d82d641ed54218f20a76acefca855d1324427', innerHTML: GiftSharing }), " \u00A0", h("span", { key: 'acc39208f212714bef2c56bd9b5e5c482e3a7122' }, this.sectionBtnText)))))), h("salla-modal", { key: '9bceb2e1a4bb4c9880b220d679a0e295ba1ae732', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '0ea0746b7c11c98c8a6d9535771afb3a4681c1c1', slot: "loading" }, h("div", { key: '5dcfb9acd127f3cf786b626a1be7e9f27ff7ac31', class: "s-gifting-skeleton" }, h("div", { key: 'd5205c53714ca60277a82abce7fb12f0a01dd38d', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: 'fde7ede398b9edb638ade25677915747855584f2', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '61bb2c36958080e37f83b9bc27ce05db5abb3230', class: "s-gifting-modal-title" }, h("div", { key: '10125cb25732100787b118f34a4e323aa215185c', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '2ee525ae05fb6540bc0fdcaa846b14e4a476a297', height: '15px', width: '150px' })))), h("div", { key: '8e4544f3bd4a81c961259de27ebf255a998a5e4f', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '237f0961f0748aeef3c5b77819234b3215f794e2', height: '10px', width: '150px' }), h("salla-skeleton", { key: '19510cb426335b9733ef4a34dc7b8e5bffe0c23c', height: '230px' }), h("salla-skeleton", { key: '78defffee0c94e9323ede7e12660ae234d84d019', height: '10px', width: '150px' }), h("salla-skeleton", { key: '21b800dff2bec3c1caea94115a37153e406eef11', height: '30px' }), h("salla-skeleton", { key: 'd8a08143339c184d05758d1497e22ad23cdac4f6', height: '40px' })))), h("slot", { key: '9ef7679d02250428236347b5bb4a080b04244a53', name: "header" }), !!this.hasError ?
+            h("div", { key: 'a2798e968c7311c99560db0710559f8f518031fa' }, h("salla-list-tile", { key: '5621984db45065e919fc647bf973b5fdb42e7c3f', class: this.generateClass() }, h("div", { key: '3fea9220af764f5675b17005169ec5398fb0a1d3', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: '6984f88fa5675edfddbc67d87fa69ee26ee40b98' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: '64cb13fac30d6613af2c278593e45d59f2f8e791', slot: "subtitle" }, h("div", { key: '578f47b7cc8242bbf6872cc670c37beeb7197c0e' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: '54e56e74fcc1e3266395ad003369e47ea0b0c27b', slot: "action" }, h("salla-button", { key: '7687a680041c1e5b431eb56d94262fb2defe0664', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '9e466071aa0bf882962931f029e32d567390d9f2', name: "widget-btn-content" }, h("div", { key: 'f5b8a796dc3b7bb4e1094a7741944673e1ec6477', class: "s-gifting-widget-action-content" }, h("span", { key: '037ea375a6904bf51d15c8d76f8b650031526a59', innerHTML: GiftSharing }), " \u00A0", h("span", { key: '490dceeaf5a7e0ec38dabd49182f74d4ea07d597' }, this.sectionBtnText)))))), h("salla-modal", { key: '2914d9a5a0ae7fe555a73f993553165e4fb91b02', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '6d70fa91062f55adb3d0a6371ccb8afc271e949e', slot: "loading" }, h("div", { key: '82a690b756eb1179c325416a33f66b9d726eb336', class: "s-gifting-skeleton" }, h("div", { key: '8cedf269ee0caf39cbd9f39ab80e7dd3d65b7fde', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '7cb2bfb3198c3096efa147348b2a6cdec21eb3d3', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '36cb724cfe2f39a7eb94b779a67520a3bff75389', class: "s-gifting-modal-title" }, h("div", { key: '2ef3bcb26f31cdc34725e9a87849a426bd9dfc72', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '66f4148f367bc687982a06975e41c6865a530e88', height: '15px', width: '150px' })))), h("div", { key: 'fda2fdc549cc6dfcb5f4cc9bfafe5dc686464e4c', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: 'f0f64ab8b9d467c2cbe4707154a21bb952f45831', height: '10px', width: '150px' }), h("salla-skeleton", { key: '1b1950d9d333b4249aab267fdbb90ac380ac6175', height: '230px' }), h("salla-skeleton", { key: '3b3a2472851e63754804ceb68401bb56a9900061', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'd3f9ace5c8b12061ac94d929d926e8458fb66411', height: '30px' }), h("salla-skeleton", { key: 'd0be03fc578e2559c0a5251875bac01519beb18f', height: '40px' })))), h("slot", { key: '86757c4d648dd818857aaee41c6df568724cbd1b', 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" }, " "))
                 :
                     [
@@ -753,7 +753,7 @@ export class SallaGifting {
                             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() &&
                             h("div", { class: this.step2ItemClass('s-gifting-info') }, h("span", { innerHTML: Alert }), h("span", null, this.selectCityInfo)), !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: LeftArrow, onClick: (e) => this.goToStep1(e) }), h("salla-button", { onClick: () => this.submitForm(), color: "primary", width: 'wide' }, h("span", null, this.sendGift)))))
-                    ], h("slot", { key: 'e40029ee1e6fa463711fd088ba05c0edda5dd683', name: "footer" })))
+                    ], h("slot", { key: '052bb080776d8d874da570b643345b95a40cd985', name: "footer" })))
         ];
     }
     static get is() { return "salla-gifting"; }

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

@@ -11,7 +11,7 @@ export class SallaHook {
         this.host.before(element);
     }
     render() {
-        return h(Host, { key: '499483c55f2e1122d80768cd43e47f8e127a62b4' });
+        return h(Host, { key: '7438711b185e3159e7a4792ef86f795c25d857a1' });
     }
     async componentDidLoad() {
         // Register this component for hooks system, already on it logic to run componentDidLoad trigger

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

@@ -26,7 +26,7 @@ export class SallaListTile {
         };
     }
     render() {
-        return (h(Host, { key: 'bb33776d01406ff1e04bbdc741312f1a17ac3b7b' }, h("a", { key: '386b417c954bf4b2bac34e40d9bae19db7f61ec3', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'cbcd8c6f92a4cbe7afbd8797c36ae6f529abed1c', class: "s-list-tile-item-icon" }, h("slot", { key: 'bff76fdb467b2491f0c3b40bd7f475eda23fa9c8', name: 'icon' })), h("div", { key: 'c80e7c032abedea8d5929d8bb36a642336724fe1', class: "s-list-tile-item-content" }, h("div", { key: '2bea0273bb4c012e0f9f7ee948b14bc9ea8afc2a', class: "s-list-tile-item-title" }, h("slot", { key: '60c872b9ec9b369ba65452abad7860b3ba6ba640', name: 'title' })), h("div", { key: 'fbb1b6e49284c74f2933f056aa16fcbc25526703', class: "s-list-tile-item-subtitle" }, h("slot", { key: '5ad1bba1b71db13d4deb594ccb0f5898f24d2f23', name: "subtitle" }))), h("div", { key: '96358bf7ed34907a799efd8c6fb2caae6ca02f43', class: "s-list-tile-item-action" }, h("slot", { key: '8d496724103f0c3959845c8f5d4e662a3095c09e', name: 'action' })))));
+        return (h(Host, { key: '2b73681383da172ed01bb199b117d2063228e01e' }, h("a", { key: 'af5913df51093694667751d16b5ec686103791a4', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: '49fdb468a67f0a015762a1539d2333ad694628ec', class: "s-list-tile-item-icon" }, h("slot", { key: '97417d4c9bf63e498510549d08dbf5df55050526', name: 'icon' })), h("div", { key: '53544687a14f2c992ad17d0194a10fba0ad40631', class: "s-list-tile-item-content" }, h("div", { key: 'a8803d707ccd88df74d425a004e5c180d0106c50', class: "s-list-tile-item-title" }, h("slot", { key: '27b091e8cf03dc9253baf135bdc6a8166eac566c', name: 'title' })), h("div", { key: 'c2ab48314fe243e6cea9dd7e8f0be4104a0b89e3', class: "s-list-tile-item-subtitle" }, h("slot", { key: '31c7e05be4026e990704926f6b29c8b1e570a548', name: "subtitle" }))), h("div", { key: '4fb89eaad3693b3b49e6d4ac72f09dca7c52eeeb', class: "s-list-tile-item-action" }, h("slot", { key: '7e587373e0282a22387028aaa6a801b9909f707a', name: 'action' })))));
     }
     static get is() { return "salla-list-tile"; }
     static get originalStyleUrls() {

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

@@ -22,7 +22,7 @@ export class SallaLoading {
         this.bgColor = "#e5e7eb";
     }
     render() {
-        return (h(Host, { key: '43f0680ce1f04ebda7083a4e15e69db9f19eea8f', class: "s-loading-container" }, h("svg", { key: '1b10899828e6b40f9a4535a6c5748382d2235382', "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: '2866a19de0250199769271535cfa84531241507a', 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: '8dd072bcfbca9299d4a9479fc00666bf174b48aa', 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: 'a3ab1e66f7b26628e7bfb1f5560127d042203cf3', class: "s-loading-container" }, h("svg", { key: 'e33089cee347160eaea4ded8ab8a5543a91f5ea1', "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: '8163f98231203552ea3f514ac3b8cd16a8d9426c', 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: '959ea259b039d16be8b9dc39a2fb2e409bfffe0e', 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 is() { return "salla-loading"; }
     static get originalStyleUrls() {

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

@@ -227,7 +227,7 @@ export class SallaLocalizationModal {
             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: '6a3f736912181c5305a6c3007a5c3a739dc29b17', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '1fa6da25fef6d53258fdf14be51f23681321f5f2', slot: 'loading' }, h("div", { key: '64aa0b53fe359df364c915b80b5bc26de5e57300', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '41ba7271f064fa3880a75467868da9742b236c5c', width: '25%', height: '15px' }), h("div", { key: 'fa336b997a868f2f08ae3b89933d2dc99a33ce74', 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: 'f2a3c995ee6aa642435b9aa054bb0dd857674b61', width: '25%', height: '15px' }), h("div", { key: '4cdc8d8f3f639a161e4c8663e7bcd3425aeb3e00', 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: '717051872db0bafe45c8fecb5559dca19954e1f2', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: '9cc6354dc42690d75512a18139daa77167c047c0', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '2bf24b9cbbaae5daf0c7a6da4baec771bffe4186', slot: 'loading' }, h("div", { key: '90094d2166bc12b0a8d072ffa580606f60608f24', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: 'a32348c17c0583d27892ec6b31996d747cbdd39d', width: '25%', height: '15px' }), h("div", { key: 'eff3210bd11fb378c240df1764870a0633e9f1a2', 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: 'baa493a36855ef28c487c2301484cd2f96382904', width: '25%', height: '15px' }), h("div", { key: '95f6ddfcd029fb2fd2be0d31b83aaaaa2b7c6c00', 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: '769599216ff51babd8d6a6665a55f58dd47bf479', 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/collection/components/salla-loyalty/salla-loyalty-prize-item.js

@@ -7,7 +7,7 @@ export class SallaLoyaltyPrizeItem {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '601dbcf73e68678eecc912c14c2b1be612a78551' }, h("div", { key: '074f8b4cb736bfabd5885d9df77bf74e7c4829a1', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '4bec672992f7e998bde639295831a5c9ad5f5088', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: 'c8f858a7f406fe8e9123c57df627a4b6a2cbd719', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '81b954aa730e07c7f32ee538692581dede3543db', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: 'b7baeada2da364fec6ee7bd606b595b1f652d8a8', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: '9b3837b35a38a39bde86ada09bbe7d1a43f669f4' }, h("div", { key: 'd3c4e77c5dea2060b2dc0f88dba36d08a3234779', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '1219be8bbc9212da5b0392a6ac35c0c502cb1564', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '61ac2fcbcd5ae3038b3a09ee81555f31ebd4c073', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'aa504c58b738528d1545cccd2ca1c2a3f4af0f32', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '01763afbcbfd305186adabd75bd2798306a446f6', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get is() { return "salla-loyalty-prize-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-loyalty-points-history/salla-loyalty-points-history.js

@@ -79,7 +79,7 @@ export class SallaLoyaltyPointsHistory {
         }
     }
     render() {
-        return (h(Host, { key: '722394ad8e614d7db2460762992ea12bbf4d1f07' }, h("div", { key: '2230046263f24dbe9f13329134121e6b1079d713' }, 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: '598233120adaed6885eff5d25c2e3142ed25b4f1' }, h("div", { key: 'eefd51a5c81eb491252eff180c57f6cb172425f5' }, 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/collection/components/salla-loyalty-program/salla-loyalty-hero.js

@@ -4,13 +4,13 @@
 import { Host, h } from "@stencil/core";
 export class SallaLoyaltyHero {
     render() {
-        return (h(Host, { key: '5c5193846a54877e042ef6470014aa6d041f5d40' }, h("section", { key: '6072a4836f28c2de74eeb2208f1e2e66f274875e', class: "s-loyalty-program-hero-container" }, h("div", { key: 'e5475eebd8725e3fc0650a4a3fd9ace4c0b785af', class: "s-loyalty-program-hero-background", style: {
+        return (h(Host, { key: 'c0060bac9958abfd0fe8e60a9b24c48d3a44f808' }, h("section", { key: '23529c848e4b44e10aef943457926d7fb4053e42', class: "s-loyalty-program-hero-container" }, h("div", { key: 'd2a7042e02f8a6a7a40f34f445fac4bed07c26e7', class: "s-loyalty-program-hero-background", style: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '485aa5a50b7cfc463cafa704c08bc01d7a2a56df', class: {
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: 'd8b5459d499161ee6c79e5c67dc7c50f4be241ff', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: '5a20942fbdcf655adf647d5fda20d98c95e7b5f0' }, h("h1", { key: 'cd588ad7f5d83aaf91b584ca27e1e4765401eb22', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: '2bc4d0be971eb4772ad0c312a0036715939ee443', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: 'a57f729e535582f45543d95d1c305b5a89c18118', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '9eae1d22eb64f00e25a355485979435bce464a4a', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'c8f7c4aca6095bd75d0122e5ce3694af3561a01e', name: "action" }))), h("div", { key: 'f08a2d8a93bdfc9ca93effd4b4e693670c057689', class: "s-loyalty-program-hero-footer" }, h("div", { key: '171cc3d9a92aee7380aa974a300f91e81ae3319d', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '518e48e2dede80b0acd427d1d1ca0aaf2c1ffef0', name: "crosspoint" }))))));
+            } }, h("div", { key: '26ef4c09f27d93b96c0e12f7998484fa73837b6c' }, h("h1", { key: '2930af83fa736285c220fca7c241e08f7f67267a', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'c6a170b91e43f8321a350c95c85c4f0bf24e0d2d', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '2558c1947c3cb1e78ddd396b596d72a9e62f408d', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '363b97050db887cd8c05db1feec3fb834d7f48bb', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: '27ca29dfcd2cd5d176f22a7cf43ef26343ccf2e8', name: "action" }))), h("div", { key: 'a39534b8f093ff4e2373367a1e10bf2d9a986f37', class: "s-loyalty-program-hero-footer" }, h("div", { key: '10ccbf09e4e643255df236cc0d2ad55894a420ea', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '33973737797d6f5303f0e1435768816eea7450c5', name: "crosspoint" }))))));
     }
     static get is() { return "salla-loyalty-hero"; }
     static get originalStyleUrls() {

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

@@ -171,7 +171,7 @@ export class SallaLoyaltyPoint {
         }
     }
     render() {
-        return (h("div", { key: '18188b96c76014a8ca63490301473570179c6e78' }, h("div", { key: '0549c74cd95a162a59a471cdc59be0f1ced0ce0f', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'cb3cbbd5b73644e1e69bd427e8603021e3177b1c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '9915e810011d48c389f2ff7e49059c386a71fb9f', class: this.point.icon })), h("div", { key: 'ee19572884f1d26780cde2532f65dedaea881240', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '781ec4ca3f923a0784242d3933131616f2b24d44', size: "xs", bg: "transparent" }, h("span", { key: '5e38c2cb5b84f3c5dcddf1ab52ece36f91aaf89c', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: 'a78d50feb0e87e3df46616b80296566dd41f04bf', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'e984c578ad5ec7a6837d051d7d79635e1867b2d8', size: "sm", bg: "transparent" }, h("span", { key: 'b10cba531be0562633c446fe9f545553606e36af', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: 'c10978d7fdf85a7c99442d8ab3583048380d2108', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: 'ddfb0e0ffb4c23f7cab43dd994e25ba7c599a931' }, h("div", { key: 'a2fe514f59b0e01fc6e22011b6734d7ba97e951e', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '486b61a56b739a881de4ff0581a19ef91fbfc2e8', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '15f77554d8af1f65a66bf788cae341fe9f8f0fa3', class: this.point.icon })), h("div", { key: '2921be35f4d122e1a4580ed625832e4f33d69276', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: 'c809f65f9c93553e595fc995b76070a6a065e9d8', size: "xs", bg: "transparent" }, h("span", { key: 'd76ddeb873ac19f91b3cfe8af5837feb096cd7ca', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '18674b523984b6ca91afcee873e219571f867fcf', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: '7ebbee57d2858f1ba372fd4b0b42771e394e330f', size: "sm", bg: "transparent" }, h("span", { key: '41a93def0e2e54b4e6e036222e212703fe9ef88f', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: 'acfa0ed98f398b591cb22e828ca677d37007e4e6', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
             h("a", { class: {
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
@@ -181,12 +181,12 @@ export class SallaLoyaltyPoint {
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
                     's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, this.point.description)), h("salla-modal", { key: 'e44d1d39a1a7aa2f5560ed920a1e7b071f89e44c', 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: '29079334d694c522883e101be8cbf3cac7cf53cb', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '31d76362feb5d8faf3f0ef7f0bc253aa5d53bf06', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '526cfb6c9181e17c2953678da7018ba627d410fe', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '09aff5a2d91555902ed6adcb9875b43915a2c26a', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'a3878cda3a169d8780232b1b94f52add991038f6', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '54ba6129910cad8719872ac3f6fa2849ff3fe085', class: this.point.icon })), h("salla-badge", { key: '32f3fb88719c3c6ed8523235a0c05ec7cdf52936', size: "sm", bg: "light" }, h("span", { key: '8b9eb28e0175f411dd96cf99e7bbfd82d6364178', innerHTML: SIGift }), h("span", { key: '93e030f87e44efd45f46d5e246fc9b636b84150f', 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: '8536792c55eee3afaf0f22706691109dd14b08d1', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '9121cc3b2e099189ee780a37c07cfdd4a83471d5', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '254a0641aac4eafd9386757445808567c1fd5707', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, this.point.description)), h("salla-modal", { key: '7c9f4dce935ba3e1f841aab57de04013e2fb983f', 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: '5e1dbd60526ae8450ce6453c04ea244ef1a96697', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'b43153fe19ffa308d5bd4126c9bd0fd43f1379ea', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '5d8f1cad86fd916f984f5baa07ff7fb18afeda68', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '69c4e3f2d513ec6c52caaa31ab3e7c886c0827a0', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '539a7713a22f64e9e4157dcd288ceca49910a449', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '5249f670969022167be8b11bff3ec8c75b4f0a5b', class: this.point.icon })), h("salla-badge", { key: 'e19decc72866ca36e3cc52c9822fc4677816bbda', size: "sm", bg: "light" }, h("span", { key: 'f2ed0ef699b63ce091c2b7dc5d30341bb0dcf713', innerHTML: SIGift }), h("span", { key: '54275a2ec227c9415e77f88051bbf4e36d10489e', 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: '7b8d4168a96586efa2855f169536a0577750cabe', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '102274da4418a7119e65c6a5c44630315e348c98', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '9a87e3fcb31ab6a0b984fe3fd43b9b57678b4600', 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: '5a7b03a390c7fe14741e8ba2a720335496af2ffb', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: SIGift }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '627db1137113e711730ba1187d43224b24b66381', class: "s-loyalty-program-points-modal-action" }, h("a", { key: 'acb48d39007c6c42d2a248dbdd62c6e1afb0c994', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), this.getDetails(this.point), h("div", { key: '7c96d9b4014f2b531cf85f0f4dd9c797f6b4e352', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: SIGift }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '79a6d37b6af82a40b5b88f1a7e03034c3ac9fe90', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '6498d88e64af28621281b8c12b28c1a22473001d', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 's-loyalty-program-points-action': true,
                 's-loyalty-program-points-action-completed': this.point.is_completed,
                 's-loyalty-program-points-action-incomplete': !this.point.is_completed,

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

@@ -31,10 +31,10 @@ export class SallaLoyaltyReward {
         };
     }
     render() {
-        return (h("div", { key: 'c99714fbefea9c43a199201d6e9d331ed4b50e7f', class: {
+        return (h("div", { key: '46da4cdcfee8e04307722a89c94ab7c3d867aec4', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'b3139a4325629e3e23b09096b96fbb9079ebb4f5', onClick: this.handleActionArea, role: "button" }, h("div", { key: '8d2951399db70f2672619149583d3821429611fa', class: "s-loyalty-program-reward-img" }, h("img", { key: 'd03e024172b99a72fdeb311e24f91d9ca11b69a1', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '23901c0a96c9af1ae459d5bbcad0f4429933225b', class: "s-loyalty-program-reward-content" }, h("div", { key: '795743061efd1270a1a24eceb66f67e2bbb9eb1e', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '83545f69e513a563dfaef7bb107ae119656406a0', size: "xs" }, h("span", { key: '28751b88c77af1acfb746f58f55f4b84f2364141', innerHTML: SIGift }), h("span", { key: '2ab694a2ff30f419171191c0746b80f74edfeea4', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: 'a67f1577b61604d88b54637a8951248663239a6e', class: "s-loyalty-program-reward-title" }, h("span", { key: 'c3a6df53cff6339bbd81018d69bcf3a8637e0a46' }, this.group)), h("div", { key: '6790fc3a3d44e7e25a2e5c1ea246515245fa1e61', class: "s-loyalty-program-reward-name" }, h("div", { key: 'fa99561fa8d2efafc2aee2796eceea93721e525d', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '948edaacd021950384418aedab807c11dee15754', class: "p-4" }, h("button", { key: '982c4c516b508aabec8489dc6f5c9ca326264f2a', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: '3d4d1b1adada717d2c248e1a2287b80b370accc8', onClick: this.handleActionArea, role: "button" }, h("div", { key: '2f699dcc9098adbbdec2ab1522bdb49977440663', class: "s-loyalty-program-reward-img" }, h("img", { key: '9fcc993f9f010ebd5663d02849714db897321357', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'd66d0be909c1f1c239a4aeb2152cd6f3850f25d4', class: "s-loyalty-program-reward-content" }, h("div", { key: '10968623d1fe8815a547e7b404f58b8401eed98b', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: 'd677e3be9ed036091f523b51d06d64635e1426d9', size: "xs" }, h("span", { key: '8b67c0112a61c5a9f224f308193dd933db6811df', innerHTML: SIGift }), h("span", { key: '0b53d61ca1b07318a19d00c5948045385be2c877', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '5c88b91c602ddb8d81bd2537ebe32afaa13dabd7', class: "s-loyalty-program-reward-title" }, h("span", { key: '9f070612c7b381cdfc11cb794a29dd3d4fad78e3' }, this.group)), h("div", { key: 'd2ed88971fb88f4c857970a15b08b87681225ad4', class: "s-loyalty-program-reward-name" }, h("div", { key: '0818181909194a5a9d7bd8b0b0f421ee1c33cac9', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '61a792efce0cb44e5d676a2d10fbf466fdc9926a', class: "p-4" }, h("button", { key: 'b2f469e2206892914e14e542fc9acf6ccc289f59', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
                 's-loyalty-program-rewards-action-base': true,
                 's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
                 's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),

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

@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
 import SIGift from "../../assets/svg/gift.svg";
 export class SallaRewardCard {
     render() {
-        return (h(Host, { key: 'ff2c85a1de1ce4275f2552cecdf822001e3ad337', class: "s-loyalty-program-reward-host" }, h("div", { key: 'd9a5d86af489008dd0d6025bde5dcb1e9dd29bda', class: "s-loyalty-program-reward-container" }, h("div", { key: 'aba7aa8ee4b3c0200a122fcdb38b4ea39c7f10ec', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: '71234c7e6176f7c557892ef6ffa039b0f33da1ad', class: "s-loyalty-program-reward-img" }, h("img", { key: 'c74287127a9784d6a5500f4cf106089ef610c140', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: 'ee30491d21384a2a2fc60efbe4b0012b72509d4b', class: "s-loyalty-program-reward-content" }, h("div", { key: '94b465db9a56ca3afdfabf63cd155a4ef124dcce', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '7e92d9c135ff7acd7acce77c0abd4ef0b81f9c5f', size: "xs" }, h("span", { key: '83ed6d98e353843837fcf3944f424ca722583c41', innerHTML: SIGift }), h("span", { key: '1fbf2826e7f24b5164cedb22d5875fb6956bbcdc', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '70ecd2efe641e411127c205c689f07bc5f10a782', class: "s-loyalty-program-reward-title" }, h("span", { key: '274b619ba28faf0088abf3fd4053085dad570ab7' }, this.prize.group_title)), h("div", { key: 'e96b5ae844b6bd8ba1058361f04d63e294c873a3', class: "s-loyalty-program-reward-name" }, h("div", { key: 'ef4b44f80213e85882d8a5be1bbd093564d19f3c', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'bf3d981f842da109f8371fe7d2346cb837974454', class: "p-4" }, h("slot", { key: 'e953a9eecffad0d309953805910c6bb9a66fefcf', name: "action" }, h("button", { key: '828ba0093dc42732c47ea635c7ea1c2ff76b0dfe', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
+        return (h(Host, { key: 'b27c707b6ac03d037d2f019131a654bcda65dd6e', class: "s-loyalty-program-reward-host" }, h("div", { key: '9606c3ad2ea7ead1f4ab2db8e148a90d43c69902', class: "s-loyalty-program-reward-container" }, h("div", { key: 'f7b6f60847b86dbb6f2b05209ab2db8eabbbd931', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: '6cd912d2c6b5c2b12ab5b4ba431ca0c965d0518b', class: "s-loyalty-program-reward-img" }, h("img", { key: 'b4f844fe1064b8ca6f5666765d92a7924fe2ad74', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: 'fd61d1ff64f2097fe2f696dacbb57f6c84db5339', class: "s-loyalty-program-reward-content" }, h("div", { key: 'fa1d404d5b02fe0027cef018f2eeb6e0bd109c2c', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '29dad65f9b1f41a1698da49d113a0f9b0086210e', size: "xs" }, h("span", { key: '99526fabe82feef8ef777bfbcde868399c44e2db', innerHTML: SIGift }), h("span", { key: '94a3ed106aad1b14438227d8914695b1a18e8f64', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '1e8e12541bfd7acd303f89008f2e48c9f183c83a', class: "s-loyalty-program-reward-title" }, h("span", { key: '746377627b01443a712a52f1016c29b41eaa1ad5' }, this.prize.group_title)), h("div", { key: '1f09736c18b0be21b67e1713a44f94722bbdb09d', class: "s-loyalty-program-reward-name" }, h("div", { key: '18c26f3fe19b4e6ff28bda4d18cdb253f795792b', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: '7a814db57ae3bfad6aaba12cdab17b0e900e9080', class: "p-4" }, h("slot", { key: '0ce627f221262d54f4cda4d1a50cb2d1a6197d06', name: "action" }, h("button", { key: '10f0e39d0ecc79d84674efb0a7389430da979160', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
     }
     static get is() { return "salla-reward-card"; }
     static get originalStyleUrls() {

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

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

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

@@ -43,11 +43,11 @@ export class SallaRewardExchange {
         this.reset(0);
     }
     render() {
-        return (h(Host, { key: 'c439b30ee85140f6af8e133907d44a69ad1cbb69' }, h("div", { key: '335d9e5329ec4ade97913a6bd7af00758f0f2a47', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '6d2153a978d5d0f3c3fc6b8feaed5ac96ebab0ee', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'fdc6e54b514e3102b396647325c666178587a198', innerHTML: SIGift })), h("h2", { key: '5ac423eaaf013b3c46d86e9a680707456f5478c0' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '7ab7798976d75aa3e754140a4a0939c7c49da23b' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '4ea9b84fe5e16de4eef4e39b9c8db8a64aee6027' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '167875c77af0c3a2ea16366de8f0a38a9006d793' }, "(", this.prize.name, ")"))), h("div", { key: 'c28a83451b8643cb8e0814c80ef5e8ebd96b78fa', class: "s-loyalty-program-exchange-btns" }, h("button", { key: 'e641d0cc51d38cf78ff90111d075b1fa47a27c0a', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: '770e74035f82dadb891764191ae636f9d08b7fa4', style: {
+        return (h(Host, { key: 'b1e4fe9368655f389e403b2676191b46f71d49b7' }, h("div", { key: '19b8bbffa591f22608d56e8e932d7f013f6cd868', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '290214db26895ba481de364299afd115b3a501cc', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'd59c1b1f7683db554856950b6ec919bb48c402dd', innerHTML: SIGift })), h("h2", { key: '51a4abff2e593279cc5c9ce9dd47f7ed05533325' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '8a16577bce81552878cdcae4e60ce8e8719b3ed0' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: 'c05bdc04cbac8dc530c49bb49eca6119d2653b63' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: 'ce3e88fde9f2434cabf75f7a3f622da539b5d310' }, "(", this.prize.name, ")"))), h("div", { key: 'ac51de5c34119eb79c1a8c2d06c201e4da3d7a0d', class: "s-loyalty-program-exchange-btns" }, h("button", { key: '9386b4a3d43a05fe9141561c7421b2b23ddb5a1e', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: '88d7658b7715932ff8200f79de5dd8864b00db15', style: {
                 opacity: this.exchange.status !== 'pending' ? '1' : '0',
-            } }, salla.lang.get('common.elements.confirm')), h("span", { key: 'dd2a8642d52b7ea26778e2b5050ad38f3933cb11', class: "s-loyalty-program-exchange-loading", style: {
+            } }, salla.lang.get('common.elements.confirm')), h("span", { key: '80c30140959693b3d98dc2162e45d4089e81eb6b', class: "s-loyalty-program-exchange-loading", style: {
                 opacity: this.exchange.status === 'pending' ? '1' : '0',
-            } }, h("salla-loading", { key: '384a7fc33d99393439939a9341b858a364ae19fa', color: "primary", size: 24 }))), h("button", { key: 'd264d1d5dcc6fe673c9f3ba7604c6b267ea7215b', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+            } }, h("salla-loading", { key: '516e36b4271d8da0ad711732aa991a45633edea5', color: "primary", size: 24 }))), h("button", { key: '4642c008c656a662bd277829ef80db37cffa0b1a', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
     }
     static get is() { return "salla-reward-exchange"; }
     static get originalStyleUrls() {

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

@@ -16,7 +16,7 @@ export class SallaMaintenanceAlert {
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '43a02d438a0357bd48922ad8fa4753905ac5e388', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'ad62ec4a5ea3e77854d5bbf8938c4bb1b19da068', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '4a26bf28c37452b9621703188502b05db1347f75', class: "s-maintenance-alert-content" }, h("div", { key: '0602a5df5676b47407e0c8e8293fb2374aa2c210', class: "s-maintenance-alert-container" }, h("div", { key: 'ff7c3fad5c1830d6d8d631aa520b0dd588328265', class: "s-maintenance-alert-icon" }, h("img", { key: '277e2a8c3d6b4369e73fef23adf894ddf70ef685', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '5feb8a00c132f2b5787e42a0b9743d864ceecb2f', class: "s-maintenance-alert-text" }, h("h2", { key: '994eb48859d163ad19be4a273a5cff5e28f18b2b' }, this.title), h("p", { key: '236094a5767e6f329744e8dafc2415be2713a0e2' }, this.message))), h("div", { key: '98610dfed6802e7ebc123c1392c9f7ebdbcf0d5a' }, h("a", { key: '655cede6c8e95a7fbb63700f01ef1d148887a660', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: '138946ca54499c6125d04ecbcaea3f578ad463d7', class: "s-maintenance-alert-wrapper" }, h("button", { key: '628862a36b7265092a281e464b356e4609ab461c', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '159a9a144cc2c5094df87b236448f7fd14a46874', class: "s-maintenance-alert-content" }, h("div", { key: 'fe29a1e35330ea4f17860347b40b4860ec0345bb', class: "s-maintenance-alert-container" }, h("div", { key: '7c62e34354d0a63fdadda9b26be6d2470e6dd9b1', class: "s-maintenance-alert-icon" }, h("img", { key: '98d19941151c2efcae9c209177646f05ae98e708', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '7b3b7ffc5e5171ba1f7f8796487ea5239b47f8e1', class: "s-maintenance-alert-text" }, h("h2", { key: 'c6ee28d15e5e4c9e31698973d84966127b34e5cc' }, this.title), h("p", { key: '5970ed9856c0f201446a342bc4009f12f4d9ee85' }, this.message))), h("div", { key: 'c8c9cdea353445770a0326091bb2278d21ddbb17' }, h("a", { key: '979d8db01492abaa32b67ad50e87aeabd04647f7', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

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

@@ -271,11 +271,11 @@ export class SallaMap {
     }
     // render
     render() {
-        return (h(Host, { key: '8fae0e6754bd0571d5acf9bbc6df23e73b02b015', class: "s-map-wrapper" }, h("salla-modal", { key: '7aebcc533a4ec8f7ec5e3a8682f7f70afd5b1193', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '8924c9dc6a9b42676e0b38761778808ace71d12f', class: "s-map-wrapper" }, h("salla-modal", { key: '52c34849cb87c8cc171a0f4747efcc9a68181fea', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '1dc262e8474c0d137f98ce06c76d9fdea80d42c4', name: "button" }, h("salla-button", { key: '5ff296514b2e7b37d091cd634f497e855cf047d5', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: 'b76459b6a42bec114c0196a9f8293dddd6154b6e', name: "button" }, h("salla-button", { key: '1c71ca54a9b5ea164c50f733b271e59dd964798a', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '806e832caff4dfdbadab0098f8c521548eb18aa4', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '2bc1c843dd35803d4f443907d1df52c72f4e87c2', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'fa57f11d2aadedfff68b002da8c4e28a8f741971', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '2403dcd394f47d891b5a6effa0e59c8f8ccfb94d', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     static get is() { return "salla-map"; }
     static get originalStyleUrls() {

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

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

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

@@ -360,9 +360,9 @@ export class SallaMultipleBundleProductDetails {
         }
     }
     render() {
-        return (h(Host, { key: 'dc22c848445385e667a2da109021b9dc9b413a6c', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'a52743fee0af7cf1b99bd0459a85d335ca637e5d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: 'b18a8280acce7e1c4225bf49d28e95efd93c1731', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '8a521bd4e1cbeb1f0b50b4614620992f1e330c84', 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: '4bda97c2a9db2cd1f2764e4f5a2e44fb0a013fa0' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '47cf922925f9bd0b9645788f67ef1cb5bfea9b22' })));
     }
     static get is() { return "salla-multiple-bundle-product-details"; }
     static get originalStyleUrls() {

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

@@ -472,7 +472,7 @@ export class SallaMultipleBundleProductOptionsModal {
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '1df1d7538fceee9a656f19cbf145388a3e0c03cc' }, h("salla-modal", { key: 'da6d318edcc4415ec3b680172da56d82efe65fbc', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '1e34ee440889932fc24cfe9d9def9acd9d07a42b', slot: "loading" }, h("salla-skeleton", { key: '94a8be3dde042a84187a01305c8decf53bf7e3f3', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '2ac8b7c57ad95e22430f76a0ab22aff1d31f8558', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: '0ed98e10386020a1d958395eb77e1c2f0cdd14c3' }, h("salla-modal", { key: '1bf9da37928c89f67cdbb1e097b0a1d3facd135d', 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: '5fd7f68f3b2e80ffd9422dc149a01dce5ced9050', slot: "loading" }, h("salla-skeleton", { key: '4c0abf5af0e0b9f031c5d56598d1af41de85dada', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '82d6eefb9428da4bf7aee5261f3477b06dfdf655', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -480,13 +480,13 @@ export class SallaMultipleBundleProductOptionsModal {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '599e310ed8d87b526c75463dd9a1b1ff9bd2442e', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '7b7ec511af859ecb0bbd3c33a719aa979b1014f9', 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: 'df1833370d4e7a8424b0cefe5f6aa1eff68e263e', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'ac898742d0a81f6d2f957c0cf8e21bd599d25f70', 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: '3f7379d1620184a14f88b1123b67f6a9a225fe14', slot: "footer" }, h("div", { key: '26ad5d460d95cdce3d6fa28fcf7a04b0e3f97d3e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '4f497db16b75e813d813fd92bd2f30ed02514000', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '696b238bdf814876e5717b2bdf3ae3283a1f4821', slot: "footer" }, h("div", { key: '7a19b10e718f9d775b3477e810f5eb587578e59f', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'd1cb0627ebd0f41f1db63e4d5ff8458ceb89cbbe', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

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

@@ -134,7 +134,7 @@ export class SallaMultipleBundleProductSlider {
         }
     }
     render() {
-        return (h(Host, { key: '808d7d1f9d880d2bad293fa61ef5e7330385f15b' }, h("salla-slider", { key: 'bf820de07ea7936d283574d8d2b58c1cc8ccb0df', type: "carousel", controlsOuter: false, showControls: false, id: `accordion-multiple-bundle-product-${this.section.id}`, pagination: true, class: "s-multiple-bundle-product-wrapper-slider", sliderConfig: { spaceBetween: 0 } }, h("div", { key: '8d551793d840ffddc64049efba32277d0bbf0c96', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (h(Host, { key: '0c130a3a21a67f0c5cdfe0b04fc259c19c5d1e13' }, h("salla-slider", { key: 'a11d04b1867ae06ac01fa90338f28da50f842cb0', 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: '613ab6866dd65ed8d0b362bf136a63da3dedecb9', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const isLocked = isChecked && this.isSelectionLocked;
             const isDisabled = this.isProductSelectionDisabled(product, isChecked);

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

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

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

@@ -4,7 +4,7 @@
 import { h } from "@stencil/core";
 export class SallaNotificationItem {
     render() {
-        return h("a", { key: 'd66908ce0dd914e309469279a1014ff734f6c0b2', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '0d6f0ebb3400bcc91f2bbdf7e941e018662e8835', class: "s-notifications-item-icon" }, h("i", { key: 'd9965899d4699070681117423401d7488a16f066', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '055a4e763f4a1ee02b52bd1d6935e57402acfa76', class: "s-notifications-item-content" }, h("div", { key: '646a9220ad2c1a9fae0b9384a84a60ad69d39c68', class: "s-notifications-item-content-leading" }, h("h4", { key: '9b9c4256f50cd376b01b836196a1f0fff89b6840' }, this.notification.title), h("p", { key: '4475ca9bee33fb9c64433320101345c7db7e28c6' }, this.notification.sub_title)), h("span", { key: 'd2c8301ad12ef86ba05fa805d9ecbea249a44ee1', class: "s-notifications-item-content-trailing" }, h("i", { key: '297c8695ee366dc336bf30dd59465806375825fc', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'beb9945695448ec9e6e25e9e856177a641a5a769' }, this.notification.date))));
+        return h("a", { key: '2573709498a577a39e568d38191ea531e56e5bca', 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: '9cff10cd702cdc37002cb83b9b5d0e60431d86f1', class: "s-notifications-item-icon" }, h("i", { key: 'a7c40a60acf089b1bd8ea666edd52c6bc433790c', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '00b34ed21d29b4949f0172e49eae3782f6f2688f', class: "s-notifications-item-content" }, h("div", { key: '7be372db8b087dbe961db3602911ea34878ab110', class: "s-notifications-item-content-leading" }, h("h4", { key: '18139289b2341d6af1f017b05a75f4302997da6f' }, this.notification.title), h("p", { key: '3090714cc101fbda9caa69f7eddba5626fda2e4a' }, this.notification.sub_title)), h("span", { key: 'b5027892afe18b49562735f757dfa731360b4e41', class: "s-notifications-item-content-trailing" }, h("i", { key: '32feaafc7bba48bc7da4a0d4aaac894580650671', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '2187685dcd41610810f7d21be983dcd52caae555' }, this.notification.date))));
     }
     static get is() { return "salla-notification-item"; }
     static get originalStyleUrls() {

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

@@ -205,7 +205,7 @@ export class SallaOfferModal {
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: 'c68955859f31495533b6bb1117e8be3a6c22ffce', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'd0c3cbc73474a14596eb2a4c35e10ddddc5ed34a', slot: 'loading' }, h("div", { key: '22ebc107df02d1474f648cbd50aecd9590f70fbf', class: "s-offer-modal-skeleton" }, h("div", { key: 'ed0661aca73a455a98f9971a5fc89e8793e8ac14', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'bea3b9e7fe4654d7186d8f0f27388e784421379b', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '9c377374ec1449341a45127a52dfc53fdb4425f0', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'edcd738b120797e2b2a351390fc58a49fc386776', height: '10px', width: '30%' })), h("div", { key: 'fa7df3dc0b6a22fad433bfc678081f1e2ccdc057', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '6a4d8744bad91f54b4a87b929c81747295b00992', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '4b15a6c159a681f0b030244c923e94bfa44af479', height: '15px', width: '50%' }), h("salla-skeleton", { key: '79323272fb8977650644dee28d7c7295ac77aacf', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '5a42cc8c2d64477c128c2e4faaf839f78529618c', "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: '45211a157eb1d98edaf25a427a5d6c907dcb858c', slot: 'loading' }, h("div", { key: '7ee0eccd2f6601932c97ec94ded16066163559b4', class: "s-offer-modal-skeleton" }, h("div", { key: '24c90fd89a9921e7a9f5d6d8c58395a0a03e82ce', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'c1aaa7693e92682a34335ae2762e37eeca3dc3ad', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'd30ae6b6790b0e21dc863e515d8dcfb4bba73c9d', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'f71a00bc5d80972422a82d898e7383c89e741db7', height: '10px', width: '30%' })), h("div", { key: 'eb0e0425cd69bb53522421b42aee9e57d527d604', 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: '166219b8dcf9310aaf59e87f3ccb46fbf22de119', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'f70230a11af92b21e0d3a19a29b12fe54bae845c', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'c8a4f0908c2c1c1f6cfe7a2f9adfb7c37315b308', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

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

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

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

@@ -24,7 +24,7 @@ export class SallaOrderEditProductCard {
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: '922736be2f3fec4f6c41c724590d2790fb5a5940' }, h("button", { key: 'b690f3dbd307937d4b68790f417a7d9a820b56f1', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'f846d7e31c7c3d067909d65db3457ac061c93264', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: 'b1243ae5df15e3e783b139dcf593f85b72624015', class: "s-order-edit-product-card-content" }, h("h3", { key: '50c7b8edb40dd88fcb1ac4267b1ba88c5b2b92b2', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '6dea7fefab83a9839146acfb89e7a532adaa6559', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: 'f5a665dd52e9a3280a81bcf6f6e2f286a11cd417' }, h("button", { key: '9a0a846f40962ace66cc20d74cafd768ecf013fe', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '28113406f30fccdf5d49ac688e7e55fef27789e8', 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: '9210d60532997f80fa165154768483eebbea01f3', class: "s-order-edit-product-card-content" }, h("h3", { key: 'a91e3b58e83a982ad9b2e855a88fbc7982faace9', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '7abfe3edb776da102b513803913a4ac69199aa2a', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
     static get is() { return "salla-order-edit-product-card"; }
     static get originalStyleUrls() {