npm - @salla.sa/twilight-components - Versions diffs - 2.14.563 → 2.14.565 - Mend

@salla.sa/twilight-components 2.14.563 → 2.14.565

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (476) hide show

package/dist/collection/components/salla-cart-coupons/salla-cart-coupons.js CHANGED Viewed

@@ -424,7 +424,7 @@ export class SallaCartCoupons {
             : `${salla.lang.get('pages.cart.expires_after')} ${coupon.remaining_days} ${salla.lang.get('pages.cart.day')}`)), coupon.minimum_amount && parseFloat(coupon.minimum_amount.amount) > 0 && (h("div", { class: "s-cart-coupons-minimum" }, salla.lang.get('pages.cart.minimum'), " ", h("span", { innerHTML: salla.money(coupon.minimum_amount.amount, coupon.minimum_amount.currency) })))), h("div", { class: "s-cart-coupons-action" }, isEligible ? salla.lang.get('pages.cart.save_coupon') : salla.lang.get('pages.cart.coupon_not_compatible'))))));
     }
     render() {
-        return (h(Host, { key: 'e3bed8f1f2019db5e1c5ca4280696933913e3081' }, h("div", { key: '9c6a7c383394f9bd19107db9b8e76fd9129648e3', class: "s-cart-coupons-wrapper" }, h("div", { key: '1e7f74969e709062c36aa19ff4ec27bde0bb10df', class: "s-cart-coupons-input-section" }, h("label", { key: 'f3bc1f4ffa9c8a64bee8af273597d6f8ff1f8fd0', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '7abbdbd41cf6e65b6c08928bb10a68bfb2677d85', class: "s-cart-coupons-coupon-input-container" }, this.multiCoupon ? [
+        return (h(Host, { key: 'ae2c4c3ba1388a68e71bc726a0b7f10e388ebed1' }, h("div", { key: 'f61f0515559bcaed657b1ca8fc2a09ac626ab044', class: "s-cart-coupons-wrapper" }, h("div", { key: '63597fdac231194d008b0fb88387b7a1ed73f222', class: "s-cart-coupons-input-section" }, h("label", { key: '507be0d9124d78c147bffcf300effbda787fed14', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: 'e44dffa8477b85c407bb77930261be5a5282ddbc', class: "s-cart-coupons-coupon-input-container" }, this.multiCoupon ? [
             // Multi-coupon: input stays active to append more codes; applied coupons render
             // as removable chips below.
             h("input", { type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: this.isApplying, onInput: this.onInput, onKeyUp: this.onKeyUp, "aria-label": salla.lang.get('pages.cart.apply_coupon'), key: "coupon-input" }),
@@ -435,7 +435,7 @@ export class SallaCartCoupons {
             // a new code can only be entered after removing. Reuses the existing master classes.
             h("input", { type: "text", id: "coupon-input", name: "coupon", class: `form-input ${this.couponError ? 's-coupon-input-error' : ''}`, placeholder: salla.lang.get('pages.cart.coupon_placeholder'), value: this.couponInputValue, disabled: !!this.currentCoupon || this.isApplying, onInput: this.onInput, onKeyUp: this.onKeyUp, "aria-label": salla.lang.get('pages.cart.apply_coupon'), key: "coupon-input" }),
             h("salla-button", { ref: el => this.couponButtonRef = el, class: `s-cart-coupons-coupon-button ${this.currentCoupon ? 's-cart-coupons-coupon-button-remove' : 's-cart-coupons-coupon-button-apply'}`, color: this.currentCoupon ? 'danger' : 'primary', loading: this.isApplying, "loader-position": "center", onClick: () => this.handleCouponButtonClick(), key: "apply-button" }, this.currentCoupon ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon')))),
-        ]), this.couponError && (h("span", { key: '6c259fbca7a2a3c2ece3d4c335707c833be5f8d6', class: "s-cart-coupons-coupon-error" }, this.couponError)), this.multiCoupon && this.appliedCoupons.length > 0 && (h("div", { key: '87335fd875279e97fc7a02c9f3519af51a953a7b', class: "s-cart-coupons-applied-list" }, this.appliedCoupons.map(code => (h("div", { class: "s-cart-coupons-applied-item", key: code }, h("span", { class: "s-cart-coupons-applied-code" }, code), h("button", { type: "button", class: "s-cart-coupons-applied-remove", "aria-label": `${salla.lang.get('pages.cart.delete')} ${code}`, disabled: this.isApplying, onClick: () => this.removeCoupon(code) }, h("i", { class: "sicon-cancel" })))))))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: '86c665d3135fa8bc393c4b7ad9daca3ce87bed50', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: '45ddccd7e0c5d38e9b98f42862a6d64f6040c942', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
+        ]), this.couponError && (h("span", { key: 'bed4fe6cce4f3d0c6b6aec663959bc83cf874b9d', class: "s-cart-coupons-coupon-error" }, this.couponError)), this.multiCoupon && this.appliedCoupons.length > 0 && (h("div", { key: 'c9c09a07c764c330063935126292d2c838fab650', class: "s-cart-coupons-applied-list" }, this.appliedCoupons.map(code => (h("div", { class: "s-cart-coupons-applied-item", key: code }, h("span", { class: "s-cart-coupons-applied-code" }, code), h("button", { type: "button", class: "s-cart-coupons-applied-remove", "aria-label": `${salla.lang.get('pages.cart.delete')} ${code}`, disabled: this.isApplying, onClick: () => this.removeCoupon(code) }, h("i", { class: "sicon-cancel" })))))))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: '8dfed1f7f2df408f822d5d2795877a97bd64e1f1', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: 'c76e054a894042557482f06d0bed8c9166ad2eaa', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
     }
     static get is() { return "salla-cart-coupons"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-cart-summary/salla-cart-summary.js CHANGED Viewed

@@ -118,7 +118,7 @@ export class SallaCartSummary {
         return cartUrl;
     }
     render() {
-        return (h(Host, { key: '27e472fb912afff849c94a8a93a9a71778c6819d' }, h("a", { key: 'f9ef99f2a7205fcfdc0bdd799b1b751ab40bcb35', class: "s-cart-summary-wrapper", href: this.getCartLink(), onClick: this.handleCheckoutClick }, h("div", { key: '1b0d26d3e17b0fb5d6b2cbdc1cd14c079a5fb47b', id: "s-cart-icon" }, h("slot", { key: '3c64b2afa8782a4018dd086e657f16373a91f997', name: "icon" }, h("i", { key: '46f1cebfa346e20d27f8ffed1206c05828be004a', class: "s-cart-summary-icon", innerHTML: CartIcon }))), h("span", { key: '72bd9fc2d2949b74109b9e57e823c4c4cc99d287', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: 'd65efd069e4f5968c8f592bf341b35853b000bda', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: 'ecbd5350d56131aee746913bb7c6e662431f7001', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'aeebd5d52966dc183111e49289061c3649087a8f', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (h(Host, { key: '46871f78da79e4ef5e80ab6b840972fedea6b032' }, h("a", { key: 'c3736429c17efab127aa1546eab87af22987ac1b', class: "s-cart-summary-wrapper", href: this.getCartLink(), onClick: this.handleCheckoutClick }, h("div", { key: 'ee82c1ff2176f9d04574c63aaad2db6c59799f0d', id: "s-cart-icon" }, h("slot", { key: '483cfc04976a7ced4222bcaad065e370a72a8061', name: "icon" }, h("i", { key: '0fa8e99e5fea7e88056784e0e0472ff4e927d4ef', class: "s-cart-summary-icon", innerHTML: CartIcon }))), h("span", { key: '2091f2ef2aed4c1b34011890c7b0f1fe78813ce4', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: 'c2f6277c2742a9ca339ca39652a6a9119b260eee', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '7d2416455c34c1a4625d1131d99ab94e681f202a', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'e6546fda5426fbae3b7b7a96217cf15a45e662c9', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
     }
     static get is() { return "salla-cart-summary"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-color-picker/salla-color-picker.js CHANGED Viewed

@@ -198,7 +198,7 @@ export class SallaColorPicker {
         });
     }
     render() {
-        return (h(Host, { key: '516a09b2d219b7c12dd251c68e6e55a9a9f7624b', class: "s-color-picker-main" }, h("slot", { key: 'ce684e4b8a8a80710688e3f0c0e43271069fc920', name: "widget" }, h("div", { key: 'f95ff1d709d58e22a4a74ccc35f8db2e17be7e38', class: "s-color-picker-widget" }, h("div", { key: 'fd2347378990972269557593a7182f2bf4cd9f98', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: 'e22a7ed6738b5fcbc22453e5b091eeeb7720719a', innerHTML: ArrowDown }))), h("input", { key: 'b3f55c713a626808c6f36e4c1454abc26c97cb6e', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
+        return (h(Host, { key: 'acb6aaa4e5a53c81e4f603e2d6bf3000961bcb88', class: "s-color-picker-main" }, h("slot", { key: 'b924c02b25d3b306e4a162c029d41f94282f8313', name: "widget" }, h("div", { key: '0f525e98176b4ca0c0c54e0fe68bb86ac4ceae7c', class: "s-color-picker-widget" }, h("div", { key: '8860d1ea0a223b7839fd9629eaa5a7fb6a394fd3', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: '62c01df67c954a68a15f55b1f127cda50640958c', innerHTML: ArrowDown }))), h("input", { key: '257d51b2d8d635761b1a9ecb5545cd0f66de18af', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
     }
     componentDidLoad() {
         if (this.canvas)

package/dist/collection/components/salla-comment-form/salla-comment-form.js CHANGED Viewed

@@ -38,7 +38,7 @@ export class SallaCommentForm {
             .finally(() => this.submitBtn.stop());
     }
     render() {
-        return (h(Host, { key: '0e3a24dcfe8922106b9479aa559cf0e126bc3fcf' }, !!this.canComment ? h("form", { ref: frm => this.commentForm = frm }, h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
+        return (h(Host, { key: 'b3cb09ddf083b075a78981e40911913a5fb63d33' }, !!this.canComment ? h("form", { ref: frm => this.commentForm = frm }, h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
             h("img", { class: "s-comment-form-avatar", src: salla.config.get('user.avatar'), alt: "user avatar" }) : '', h("div", { class: "s-comment-form-content" }, h("textarea", { cols: 30, rows: 5, minlength: "4", maxlength: "500", ref: field => this.commentField = field, placeholder: this.placeholder, class: "s-comment-form-input", required: true }), h("br", null), h("div", { class: "s-comment-form-action" }, h("salla-button", { ref: btn => this.submitBtn = btn, "loader-position": 'center', onClick: () => this.submit() }, this.submitText))))) : ''));
     }
     static get is() { return "salla-comment-form"; }

package/dist/collection/components/salla-conditional-fields/salla-conditional-fields.js CHANGED Viewed

@@ -129,7 +129,7 @@ export class SallaConditionalFields {
         });
     }
     render() {
-        return (h(Host, { key: 'badbb24a38a68127a6880ab4dbe0b0ae4730b11d' }, h("slot", { key: 'a9bdc41d3ded750f0ac5b0e4b5dea3618e02286a' })));
+        return (h(Host, { key: 'b26437717cccf1d61e1fa16541794c8e55817730' }, h("slot", { key: '898c850d6d7c5c081dc5a65a6f8f8a984547af9f' })));
     }
     static get is() { return "salla-conditional-fields"; }
     static get elementRef() { return "host"; }

package/dist/collection/components/salla-count-down/salla-count-down.js CHANGED Viewed

@@ -229,7 +229,7 @@ export class SallaCountDown {
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: 'e2805e528a52b71ad71f4f1f16a473947dafb5bc', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
+        return (h(Host, { key: '7f3e240f25c715b3faaac4e85c48f017e54c7907', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''} ${this.offerEnded ? 's-count-down-ended' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
     }
     static get is() { return "salla-count-down"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-datetime-picker/salla-datetime-picker.js CHANGED Viewed

@@ -204,7 +204,7 @@ export class SallaDatetimePicker {
         }
     }
     render() {
-        return h("div", { key: '10ac16506ca2b2b2a94227887a8d0b6593d7ac17', class: "s-datetime-picker" }, h("input", { key: 'fad4a5677edf21d9bd9a977392ebaf4ae2ad3b7b', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
+        return h("div", { key: '2e14070685e9a876e6d5d16baef06006a15c2a53', class: "s-datetime-picker" }, h("input", { key: '777a487061a0509de86df589bcdfa9b32cdd5572', type: "datetime", name: this.name, value: this.value, required: this.required, disabled: this.disabled, placeholder: this.placeholder, class: "s-datetime-picker-input", ref: (el) => this.dateInput = el }));
     }
     async componentDidLoad() {
         // Load flatpickr before initializing

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

@@ -879,12 +879,12 @@ export class SallaFileUpload {
         this.revokeAllPreviewObjectUrls();
     }
     render() {
-        return (h(Host, { key: '9c9bb99746270f2511bd86344a135d05f9b3cf29', class: {
+        return (h(Host, { key: '4e2eaa6ea15e69930a1caac393575a98da537505', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
                 "s-file-upload-has-gallery": this.usesGalleryPreview(),
-            } }, h("input", { key: 'd033124b1829ee4b9f0c4d44041a525e73769b77', type: "file", name: this.name, 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.getTotalMaxFiles())) : '', h("input", { key: '95608637f6b52dabbad4a7374d329549cb6d3862', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.getHiddenInputValue(), ref: input => this.hiddenInput = input }), this.renderPreviewGallery()));
+            } }, h("input", { key: 'a2e82319893d3cc05316b66d4cf8afdc62fed9ad', type: "file", name: this.name, 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.getTotalMaxFiles())) : '', h("input", { key: '8fd655d5318ef96a32d5f5238677068a14f4bb2e', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.getHiddenInputValue(), ref: input => this.hiddenInput = input }), this.renderPreviewGallery()));
     }
     async componentDidLoad() {
         await Salla.onReady();

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

@@ -211,7 +211,7 @@ export class SallaFilters {
         this.applyFilters();
     }
     render() {
-        return h(Host, { key: '32ede23f7fb3d9c7fbcd136ad2773e3212c2f5b8' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
+        return h(Host, { key: 'd72b6ce577e47864d9095922f9c2d88068c2a2c4' }, this.filters?.map(option => h("salla-filters-widget", { option: option, filtersData: this.filtersData, onChanged: ({ detail: { event, option, value } }) => {
                 this.handleOptionChange(event, option, value);
             } })));
     }

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

@@ -170,12 +170,12 @@ export class SallaFiltersWidget {
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: '831f7655b903634e0eb3abc7338ea3296883cbbf', class: "s-filters-widget-container" }, h("h3", { key: '72a31fb2c9adab3df37550e930d5be981aafd8f6', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '7512914e8a7348d146384d67f117c8b06507def0' }, this.option.label), h("span", { key: '50d62723255618a2a51512722388ff686c92bdab', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '76792390d33c2051082541e18e9b354b2b63c644', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: 'b39462721ff4572b3572c0ed6171c07fa53b57a9', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '759b2ab6b80d0fd0bb03fcd3746414d9e4b80c7d', 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: 'db918c4a43bebc35c23810dc97736584504d0e47', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '92dc440b79ed0929a39db7a4a96a1981f3b49974' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: 'af3f05601697115a001949d5c23d8925f6c68135', class: "s-filters-widget-container" }, h("h3", { key: '689046ac453166e29fdb4e3ad10568a989446bfb', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '00d65abda360e88e26a08016bb1bd23eceee9f4b' }, this.option.label), h("span", { key: '1915aaec2e1ea66235071f0b4f872bd6d9717a21', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: 'd94f99643aa914391f131acebfb71d4183263df5', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: '0b67486012b38ce82a377b0f3cb6465892d718ae', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '00bf03c96c9fa7199872f1444c4484bf23049dd4', 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: '79b29b30854583559ee8b0082210ad2f34e31e1a', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '0e657a77d5e62ee04cf2d3bd30982bb6addf06ef' }), 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: '885668e717441581cd1b92494ebc3927cd70daf1', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            h("a", { key: '29a3578886c0c88b6af2dc529004f9f4ab663986', 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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

package/dist/collection/components/salla-loyalty/salla-loyalty-prize-item.js CHANGED Viewed

@@ -7,7 +7,7 @@ export class SallaLoyaltyPrizeItem {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '1a3463c51bf3e3e250f62b65d3a81815ec465923' }, h("div", { key: '03bf4d3e35b10d17a325ca4ef280cb384f3a76f4', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'a4d319b2daec5cdfec1c85910edea10bc1d1ab6c', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '52059fafc318c1f5a6b0289669083476650f8761', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'a3e14e2d1bd86dc3e7dbd2e6c5115e119af965e5', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '55df95c028748c0387dc75dc4ad35c7285c907af', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: '724a0c9a5eb5ab0cbbb81d3b194c63a34b148b67' }, h("div", { key: '24b8d96839f0d7a1283c8ebc846e2f6e18c73392', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: '9ec616036357b854dea86d0c873c94911c3a334c', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '6f3cfa5be119aa228b4527de9e03ec53a82f23b1', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '1ca0f8da846e6d4710f6854439df82c752775601', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '3a8ee66428e89e9a70f5a78f20811623e5f7018e', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get is() { return "salla-loyalty-prize-item"; }
     static get originalStyleUrls() {

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

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

package/dist/collection/components/salla-loyalty-program/salla-loyalty-exchange-product-card.js CHANGED Viewed

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

package/dist/collection/components/salla-loyalty-program/salla-loyalty-hero.js CHANGED Viewed

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

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

@@ -171,7 +171,7 @@ export class SallaLoyaltyPoint {
         }
     }
     render() {
-        return (h("div", { key: '70b7b8ad88f89903726e70b795c2eca98366f601' }, h("div", { key: '32a7d28c05a72d1e2901775ff2148553d70b9c87', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'bc8e79fdf21fb641766b3463e792005decf58fd9', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '75e18d5d494d5b97ee12827230641103e934709c', class: this.point.icon })), h("div", { key: '54e40ceeb2cca3248aaa716b85c9ce8d4a41f8ce', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: 'c6d9718b0a2813cba6f59f2ad019f168ec1cc376', size: "xs", bg: "transparent" }, h("span", { key: '33ac630c37139af3dbae295c56c4a5c7aa74d309', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '3d66b854b326090357f2e8320d8a8ab55cbad146', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'bf1b37473fa7f04ca76b66be840e918c74ae44ed', size: "sm", bg: "transparent" }, h("span", { key: '47f6c81b0e4805606bba918f23a2b94fe535e18e', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: '8cfacb01351d035968e5886bcc18086ef6c52ec5', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: '2091e2f2364a86c1d0ca074e34c9e0ea6eba69b0' }, h("div", { key: 'ffc36ae709d298d029cacd71331511a78bb7a465', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '15d83c7181c1e7466fcddab692c81646ec04a82f', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '3e136a95bfd6449316ef02db4e7fa4774566a14d', class: this.point.icon })), h("div", { key: 'f47894a2fa6b689834e879a620f1b9a365c1df6a', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '7a975d9e44eecc438a60faef878a6d1277edc53a', size: "xs", bg: "transparent" }, h("span", { key: '0ac3675a1190fb52f5d666ef22fb79c4f036eda8', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '7f58269a7488e5b4e9d1dd0adee3a7fbc9acf19a', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'd3b34d00f0495568b3cd117bf985eaee7403317e', size: "sm", bg: "transparent" }, h("span", { key: 'e81fa252ce154acf4ba730051e537f3a48c86a81', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: '96dc8d41b6f0c1e9b5ea0b72b60b4466af09ebf9', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
             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: 'bf3a0db144b8a71c7de03bffa871c83432645cca', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '9e1c30640a2b21d83648a9829cb3d77694d40f43', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'd27cf7911ca8e895d04b82dc786be5d70549b2e9', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '3b32920aee9989499c97e284a8b2689519a531c9', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '65f13ad9b7d9de8f5e5057f4b168e4276ec752de', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'b52d6b39659ad570321ed464cbd28679572e349f', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '18fcd876ee08265964fabd469ea2c0f62ee6e87b', class: this.point.icon })), h("salla-badge", { key: 'ce5e68c6e7b93b4b972b912db7a8027a0d7bb719', size: "sm", bg: "light" }, h("span", { key: '6325ab966bfc6abb67f08b6f727b41704328ae5a', innerHTML: SIGift }), h("span", { key: '3278b4faf5a0c51ca2a4d55f544b756827f8592f', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
-            h("div", { key: '37a98c643851f1c772584c738c98902e0e960a52', class: "s-loyalty-program-points-modal-details" }, h("div", { key: 'e558373c2726934c68bd1f50a427984756afd0d1', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '018fb529e90d9adc1fd186e06120b175975e0ae3', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, this.point.description)), h("salla-modal", { key: '8a15c13f926fc4f12356e0f87aff9bf90a2ff04b', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '0b01cb99714dcab3638232eb3579ef8062a533c9', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'f81c153858743742db3d82be42aefdcdcccb56a6', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: 'f3ddb8f8b82966abd368191036469069904842ca', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f7bc3fb0c5027eac7c1e8b5aa1eca0c0f0b47c34', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '2189b5f36fb02e1115c1751a980080d9fe685879', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '4e09f30293f52125272d0048c5a98654ed416c1f', class: this.point.icon })), h("salla-badge", { key: 'ac67020ce4ba5e0afb2072294afc2661c756c4af', size: "sm", bg: "light" }, h("span", { key: '98e5c575e5c67ac945b76d4af7b82c172d0cfef7', innerHTML: SIGift }), h("span", { key: '8c13913a446e5fcc5509f27f5cdbc1386baaac3b', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
+            h("div", { key: '75b238caa3a45e6ffde612d51a8e7c67f0ef4df5', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '70bcfb7508428bd12b3dc83c47bac1a3780442c9', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: 'fda6d75b64a6b11d935cab8ba0db58d5dafa2477', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
                 const stepsArray = Object.values(this.point.steps);
                 const isLastItem = idx === stepsArray.length - 1;
                 return (h("li", { class: "s-loyalty-program-points-chain-item" }, h("div", { class: "s-loyalty-program-points-chain-icon" }, h("div", { class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xs s-loyalty-program-circle-variant-outline-primary" }, sicons[step.key]), !isLastItem && h("div", { class: "s-loyalty-program-points-chain-line" })), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", null, salla.lang.get(`pages.loyalty_program.step_${idx + 1}`))), h("p", { class: "s-loyalty-program-points-chain-description" }, step.title || step.name))));
-            })))), this.getDetails(this.point), h("div", { key: 'dea38fc445b304630d0b4baa122a5a95f35f0d2c', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: 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: 'a8fbe3f878510dd27ccbe91c0d0253ed17f77fee', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '74e883a658f22fd3f26291efeba30ccc59f52baa', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), this.getDetails(this.point), h("div", { key: 'e00c787d1571faa0c8356475297578da8953f2b8', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: SIGift }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: 'd2a899d826e2742a9a304f9c229b1339056b8935', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '795e958ae18a6182c2b6905bfe9a25dada166d53', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 '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 CHANGED Viewed

@@ -31,10 +31,10 @@ export class SallaLoyaltyReward {
         };
     }
     render() {
-        return (h("div", { key: '22e55c164715cff3ab89a9d2d0ac98042aee3063', class: {
+        return (h("div", { key: 'db8da1c89b576ea2589bd2e1c0706a15ee1184b2', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'f4854008846b39552fdce909b497e43c649543ca', onClick: this.handleActionArea, role: "button" }, h("div", { key: 'adc5c0df86193798cc166f6adfa0c2447df0832b', class: "s-loyalty-program-reward-img" }, h("img", { key: '859cc1f77a4be5548ff1caa6820ec40b09af213d', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '8c7d6248e557108462dfb82ba2974768686734c7', class: "s-loyalty-program-reward-content" }, h("div", { key: 'a2bf4e4971697d3cefb3d14d5ef5fbe4406edd09', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '06640ab8ec19795a8a451274c371e0f77f888fb7', size: "xs" }, h("span", { key: 'f5c90a08e80d106bf11fe45a9c3ace3cedf61af1', innerHTML: SIGift }), h("span", { key: '7feeea4188439c1c23acacf222149e7c59367dc4', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '8e5ef727a8c704b8f0040b752796bc59924ee64c', class: "s-loyalty-program-reward-title" }, h("span", { key: 'fbdd1636477122d629ec2fec71d8a57bc8dfe4cb' }, this.group)), h("div", { key: 'a0d4f204e207be64bdb515e7e4e8ba89235b2693', class: "s-loyalty-program-reward-name" }, h("div", { key: '000794a28c85f67d0c72a4f886c81d303a41f345', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: 'd4c51e1fe48bf9ec23f9c9d0b48b0e2343428d59', class: "p-4" }, h("button", { key: 'ca12fd9a4ee98380ed1db9f7aebbbf1e2906ab79', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: 'b20e5f94b46245755d255363152cc82525c4c16e', onClick: this.handleActionArea, role: "button" }, h("div", { key: '0b440c33c7c0d39ffa116b94d9d16984cd76ffa7', class: "s-loyalty-program-reward-img" }, h("img", { key: '9b7da09622747515f239d4a504793bb01f966c13', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '089c2c2c364f6562ff2ba60370532559d1a325e1', class: "s-loyalty-program-reward-content" }, h("div", { key: '41a4bbe1f670778e3ab82c8f2960147b72ab9693', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '777524f2d077443d4da0708aca8bf95f97c72acf', size: "xs" }, h("span", { key: '2e6f95a8d6f119938516b62c6d376c26da70b5cb', innerHTML: SIGift }), h("span", { key: '21da27eefc72d5e19e8d17a23f512e0b9a41512d', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: 'f03dc04940296697653b7f894f32a24e74982185', class: "s-loyalty-program-reward-title" }, h("span", { key: '20f3df4860f89bccb94dda6f3daaf59e065e493d' }, this.group)), h("div", { key: '46ddda64d8be27941d4bde6c34a12cc654394bc4', class: "s-loyalty-program-reward-name" }, h("div", { key: 'd445522c134d4393d4e439b0eba2cde5153b6f9e', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '99ae7e8ec7e1170adc319e3d9ef76e394f466c0d', class: "p-4" }, h("button", { key: 'd6d3eaf874e12acf71d72346465620037da2e82d', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
                 '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 CHANGED Viewed

@@ -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: 'b63690e8c960ef4c33cd2510775e80fa06a39b82', class: "s-loyalty-program-reward-host" }, h("div", { key: '1b5b2a02f13b30e70c38323328cf8862f0f4ba8f', class: "s-loyalty-program-reward-container" }, h("div", { key: '0a35ac9e2d87f2d6c228fbb547e1842bd2243512', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'aa2e1b5ce4e4fd186df5ad3fc25dc3fa3ccbb0fd', class: "s-loyalty-program-reward-img" }, h("img", { key: 'ecff4f5c86db5742910eaf402768422b93c001c3', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '39216ef7e75a83770ba883e03aa26b39912292f6', class: "s-loyalty-program-reward-content" }, h("div", { key: '047544aeaac2ac45e8782d11e6f08691f10864da', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '9564bdd0494ccb1812d30518384ede3b914edce4', size: "xs" }, h("span", { key: '2a3ecf06e9475b0a2d6bff174b46ee15646312d5', innerHTML: SIGift }), h("span", { key: '776d694e330d57366c084aa321845e964825cfe9', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '05e322f1a272ca223d431905c9566cc57af9e8b4', class: "s-loyalty-program-reward-title" }, h("span", { key: 'b3699e555190bb1c45c14a46c2c16a620ebcd9af' }, this.prize.group_title)), h("div", { key: 'fbdac88e90edf90ee1c6d7c66add35d28141ad36', class: "s-loyalty-program-reward-name" }, h("div", { key: '5f2b92831df7628b390921098cd84849b9f13a4d', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'f0f23a84cd12ba830212df2bee319f1e05bc5752', class: "p-4" }, h("slot", { key: '33e3a2e4fe99e3db9300b69b14cba240e1c9b4de', name: "action" }, h("button", { key: '70f128d1ebaba775b9cd5848f043abf9f5f8163f', 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: 'c249f6ce1e00e0136dcfe82a281eaafca6ad80be', class: "s-loyalty-program-reward-host" }, h("div", { key: '8cd9047aad51f7b578d8437d64579d5dc8174515', class: "s-loyalty-program-reward-container" }, h("div", { key: 'b69b282469fd2cd39485816a58b216d568546ac7', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: '4983a94a1be1401f5f198e4b08f523de563e84ed', class: "s-loyalty-program-reward-img" }, h("img", { key: '7770f8026ff6b707dab40318c8fce21a10f9513c', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '322f8973fb27ae9d057b591b23d85a5c72519213', class: "s-loyalty-program-reward-content" }, h("div", { key: '5e4fd907f4ecae615b15299c59026bcb65b09b39', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '243decb248961264afe7575d165e4e2f4396b467', size: "xs" }, h("span", { key: '7a9d4a58949f60091f12c903762277912b9d05eb', innerHTML: SIGift }), h("span", { key: '01ae5a497f22c387a91d9cb71fa3aac295a09fe4', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '3c18a7058ed547e182af774176aff19a3d445384', class: "s-loyalty-program-reward-title" }, h("span", { key: 'd8118e541c6dc2824d7ad0c3c30abff270aba13f' }, this.prize.group_title)), h("div", { key: 'f6a89ca4a6ff9907f8719e252e3491a2f94e50fa', class: "s-loyalty-program-reward-name" }, h("div", { key: '39dcd8509798d1049c00ef50c6a8faaa15f37b2c', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'd564440d8ba04fbe193e82052e6bee7fd040f5b7', class: "p-4" }, h("slot", { key: '85a6fe0f96146066947f958204fc89d4bb90d55a', name: "action" }, h("button", { key: '94bb197b47c3d53ad905900300d22a3895d881eb', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
     }
     static get is() { return "salla-reward-card"; }
     static get originalStyleUrls() {

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

@@ -141,11 +141,11 @@ export class SallaRewardDetails {
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: '08f402196aa5268a8bbf1dba1e037c45c33ae8a5', class: "s-loyalty-program-reward-modal" }, h("div", { key: '75ae87a6055125371003a6bfd4e3f94c4a462c08', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '4296046ef1409ec92c95e37fbea65506fb37929c', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        return (h("div", { key: '44c2c6b889908a80a3c3883962610a542e57aee0', class: "s-loyalty-program-reward-modal" }, h("div", { key: 'b060d576b89f4a0e59ad797f7df08aa64f38a8dc', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'b39852a75c28ea53c6c4a2d7604f3a262ab94be2', 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: 'b6fd9d5a010059e928321acf5b6e904044b20513', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'ed9572e46bb3d0ebd71a7b8eeb363433024cefbd', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '016fa0be4fd911293dc5a9f9f239398eae863c3f', class: "s-loyalty-program-aspect-container" }, h("img", { key: '365a070a815b146dd92e2f6ca163d240c48ea862', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '510102d16996e3e0da9daaf6da2ab219c05e3978', size: "sm", bg: "light" }, h("span", { key: '2179f7c46fadf1b5f0c030439347714a689781a4', innerHTML: SIGift }), h("span", { key: '99a756bc4f7c6e03207a1c0d3364814c036e284b', 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: 'a4e7a863b7b7f9fad0c98a0ed0882bd5db4081c3', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: 'ef8b9e64808bdf59f8bedf74f912ef07a92c3318', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '8777469b48d9c65b33d73d3dc510397f7255641e', 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: '97e53cd204ffe20cb26200da323694f986418b17', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'baab722a0ceb2b77c6cb98e32977f0dc3bc655e5', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '8bfefda001dd5fe253b3749d17ddb37f79246391', class: "s-loyalty-program-aspect-container" }, h("img", { key: '0efa186d117d399ad2dff0e742be3c53099ffcd7', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '704aca81142ff35dafb4df2caa479e450e246a4b', size: "sm", bg: "light" }, h("span", { key: 'b5344f362cc2d18df9540e1a0798ed36c9c69b28', innerHTML: SIGift }), h("span", { key: '0288810b510f72538c65ced621544436ffdb4ed1', 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: '3dfb912b05e6f0f3eb2d4e8afd98b95e41a8b3da', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '92e8cc4bb8c2472a18ddca1d1fd0ff739115102b', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: 'a526119dfc02db3da758abb1d9b32889bf9fcd0d', 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`))),
@@ -155,7 +155,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: 'aaad339124dd3e8fcac568540d627d6105712d2f', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), h("salla-reward-action", { key: '72a13761793d2d81bc51ad4ed1b45d5e8040ed51', 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 CHANGED Viewed

@@ -43,7 +43,7 @@ export class SallaRewardExchange {
         this.reset(0);
     }
     render() {
-        return (h(Host, { key: '98f0ce7506f94fc6c9c5dd881791d7298daa0e0b' }, h("div", { key: '72661d140a8dd7b6fe8b68a120ba00f951aeb6e4', class: "s-loyalty-program-exchange-heading" }, h("div", { key: 'dfad67d7df6e3fde30c463791eb45ae5b356fc96', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '04d0832e50209a87605cf016d0a462640d6379ed', innerHTML: SIGift })), h("h2", { key: 'bf7282fbb2cfb9675c0c219d65c090a95e0177f3' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '551233696f0b1a5b8d233bcbd618e8c6f65e9bf6' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '780e095949141888f02d165c44a648d6569ee56a' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: 'fac6c243a373833091bbd276d7f416c04f89abb7' }, "(", this.prize.name, ")"))), h("div", { key: 'f806352839b2914570ee4331d3412224533cc1ca', class: "s-loyalty-program-exchange-btns" }, h("salla-button", { key: '12a4c1d19a6f1ad7ac5acf09a4861b708f25fa42', width: "wide", loading: this.exchange.status === 'pending', onClick: () => this.handleConfirm() }, salla.lang.get('common.elements.confirm')), h("salla-button", { key: '5caa8e6cec4b4fc8f4968742d7de26282cb26c35', width: "wide", fill: "outline", color: "danger", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+        return (h(Host, { key: '060f4f166f2952963c5f4fafee4e9c935ae6873f' }, h("div", { key: 'c81ef5913d47d893070f599f3f36045b58c26196', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '8e3807ce7fa793c96a0244cdc6bdccd9e952e59c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '83e06dcfa2ba989e9ff0bc91f64a387bdea2f52e', innerHTML: SIGift })), h("h2", { key: 'cede755f1111a089dc2a1109df934126aa840271' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '7aba2a0e1bcaf0c23ec18fd9543a75b4a4215e28' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: 'f2f0a596d33715e1113db4a567dc7b25678ba9c0' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: 'db9002d8f282b4cca5833cbe53c3b8a3415ab119' }, "(", this.prize.name, ")"))), h("div", { key: '2036e184c868ea3369c9dbe63094fb79d6a05e9c', class: "s-loyalty-program-exchange-btns" }, h("salla-button", { key: 'dcfd912227f268cd46609795c4e5c70e66717329', width: "wide", loading: this.exchange.status === 'pending', onClick: () => this.handleConfirm() }, salla.lang.get('common.elements.confirm')), h("salla-button", { key: 'be4135bc3bbba2a368190b1d05bcfc49b4a95d45', width: "wide", fill: "outline", color: "danger", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
     }
     static get is() { return "salla-reward-exchange"; }
     static get originalStyleUrls() {

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

@@ -16,7 +16,7 @@ export class SallaMaintenanceAlert {
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: 'e27395e05c81dcaa9c105208997ce5cbf3b8fbb2', class: "s-maintenance-alert-wrapper" }, h("button", { key: '278105559b3001246e829d57e13a54ed067e629e', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '643ab2c22dbfa44f51a267ab098154ea19ffd6b4', class: "s-maintenance-alert-content" }, h("div", { key: '15d0f8369577ff359db19ad95adf49df717df960', class: "s-maintenance-alert-container" }, h("div", { key: '10839c38008ae904678d3e4e815d669a4112d0ca', class: "s-maintenance-alert-icon" }, h("img", { key: 'b9853fd903db772180f3bc4435c604dc5640d409', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: 'e7dac10cd9677094ef30708dbb30b94075d13380', class: "s-maintenance-alert-text" }, h("h2", { key: '476e13b23928a0633d78a9897d084a95e48085a7' }, this.title), h("p", { key: '8d44c1bff80ec334bf3ba8678201630172c0188d' }, this.message))), h("div", { key: '958b4fef3310ae507df1871386bfe4e1d464a6b7' }, h("a", { key: 'c20313b563098396a96aa07e76852cd72662ca71', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: '957af1881dfe1800d9ba38750c5ffd841667b23e', class: "s-maintenance-alert-wrapper" }, h("button", { key: '1ae1f9709b7742c94aa4219e71c480abc6ee5d29', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '6f99162b9dd30675c9e79f4c1028b922b9ec4032', class: "s-maintenance-alert-content" }, h("div", { key: '58572879346fda3f227f1c271b51c19b81d953fd', class: "s-maintenance-alert-container" }, h("div", { key: 'ff80c1a9df22a3784f577686171b4a4fb57cd882', class: "s-maintenance-alert-icon" }, h("img", { key: '81d134e47716b9901c57f91f3764578e857b339b', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '1187cd9293c85700bb9c5500f131035aecec651b', class: "s-maintenance-alert-text" }, h("h2", { key: 'ede7d5aba8f74e124b42f8b2f01c6fb2c178cf82' }, this.title), h("p", { key: '0299e1d67fbb2cdc1e82be3ad33c32b71f358611' }, this.message))), h("div", { key: 'b81c343ebc5d2d6ca89b4c143a2a154075c4cd85' }, h("a", { key: 'aec3cd52918b2e89176593db93acf9f1161defc0', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

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

@@ -327,11 +327,11 @@ export class SallaMap {
     }
     // render
     render() {
-        return (h(Host, { key: '20ed1a1d4099e817164c3764341d473c1b735add', class: "s-map-wrapper" }, h("salla-modal", { key: '77309d82d11bbae677a935aef0e02588c5f9fbfa', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '8f4108a87a87df7f99334512de9025d3f8330015', class: "s-map-wrapper" }, h("salla-modal", { key: '4f0d986b758ab8e2159d5b899e5d02b831d5e0d2', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '57e6d352f42a3321a98925dd4136eaf0fdbb06b0', name: "button" }, h("salla-button", { key: 'a0c39395b18ca41f2ea31c5c5729b2ba20c17a16', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: 'c38f01a3bc81e71328d4bbbc555824d71409b5ce', name: "button" }, h("salla-button", { key: 'b35df984d6e47840b51b34e62b4a35ec1648825f', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'b9478a06c198812edeacab794fb63699ea72fd6b', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: 'd1619a934c72218d4d00b651e95743ad8d14a7a2', class: "s-map-value-input", name: this.name, required: this.required, value: this.getLatLng(), tabIndex: -1, "aria-hidden": "true", ref: input => (this.mapInput = input) })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '83b5517f20533c5a1889177c3a95c5347c4ddfa4', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '64a12b99f02052fcaddffd48bcb0ae76d5347ee4', class: "s-map-value-input", name: this.name, required: this.required, value: this.getLatLng(), tabIndex: -1, "aria-hidden": "true", ref: input => (this.mapInput = input) })));
     }
     static get is() { return "salla-map"; }
     static get originalStyleUrls() {

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

@@ -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: '78be7c4a3be811adb01cb1437473fcd9f1c17b41', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '9b0439dffc9a2dd8d31f56dacb5d835cde903e71', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: '3f2e0671b883107f6204fd7bf3d7fafbb2c2dfd7', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'ad539f62e68b7bb90cde5436c54ec0a2c90b23cc', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,

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

@@ -360,9 +360,9 @@ export class SallaMultipleBundleProductDetails {
         }
     }
     render() {
-        return (h(Host, { key: '1ba2cde8fad73b16cfc2ccdd5e68331a9e3fdb7a', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'a72d9fc9f3df30616d3d0696c755db4e76c9a153', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: 'c43459275aeebd15799c6f473550a84c059cce59', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '76c8e261e9b68cf52c82946714f89ae944e26964', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             return (h("salla-accordion", { key: section.id, collapsed: index === 0 ? false : true }, h("salla-accordion-head", null, this.renderAccordionHeader(section)), h("salla-accordion-body", null, h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index, selectedProducts: this.selectedProducts, selectionLimit: this.getEffectiveMax(section), isSelectionLocked: this.isProductSelectionLocked(section), onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), h("salla-multiple-bundle-product-options-modal", { key: '1e2f996c2d995c62ae29dedc90826a1f1d0a1320' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '8e190c4ce2e1e3c12d327b26dbb066585dafe01a' })));
     }
     static get is() { return "salla-multiple-bundle-product-details"; }
     static get originalStyleUrls() {