@salla.sa/twilight-components 2.14.426 → 2.14.428

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

@@ -236,7 +236,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: '95e65153874488ea19570a11d82eca2a054dd12f' }, h("div", { key: '1bbcebf392b3cbe9a771d2fead982c6d467920a2', class: "s-cart-coupons-wrapper" }, h("div", { key: 'f43ff91fbe2661f7c533d1ded01910bf9cdd04bc', class: "s-cart-coupons-input-section" }, h("label", { key: '47b768adf09859842a329174ed670e0ed6eb38e5', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '0119d436bd813f0aed13b15178644f393f23c448', class: "s-cart-coupons-coupon-input-container" }, h("input", { key: '48daad1665830075e676843c96f99af147a7272c', 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, ref: el => this.couponInputRef = el, "aria-label": salla.lang.get('pages.cart.apply_coupon') }), h("salla-button", { key: '9e01ec3c8bd3a28b5dd00d028fd8d0b29a1f0f63', 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() }, this.currentCoupon ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon'))))), this.couponError && (h("span", { key: '0b46e12e0ece78bb96180004a30154cf5229c930', class: "s-cart-coupons-coupon-error" }, this.couponError))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: '6df6dc30d63f8e158ce65392ae682f03d09ee014', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: 'adc4343bc2f217bdcf03a769b19363a363ca1ccb', slot: "items" }, this.availableCoupons.map(coupon => this.renderCouponCard(coupon))))))));
+        return (h(Host, { key: '06e285be96e1b3cb5f30768bbde2799ba3877301' }, h("div", { key: '5eafc2657a6ac40069b6770cad0254ce818ca2a0', class: "s-cart-coupons-wrapper" }, h("div", { key: 'baffec795f630d009a64ba4fa5b8b8e95c997964', class: "s-cart-coupons-input-section" }, h("label", { key: '45abf5b292725af1543d32257a965404f8d30f36', htmlFor: "coupon-input", class: "s-cart-coupons-coupon-label" }, salla.lang.get('pages.cart.have_coupon')), h("div", { key: '144676d26effbf19c34008cdb14f20fa7c227e70', class: "s-cart-coupons-coupon-input-container" }, h("input", { key: 'b398928219e33171f32412bb2d41b0d9700c3369', 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, ref: el => this.couponInputRef = el, "aria-label": salla.lang.get('pages.cart.apply_coupon') }), h("salla-button", { key: 'f6ea624d4ac233c1ecd26a3c8d11ba84bc07b940', 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() }, this.currentCoupon ? (h("i", { class: "sicon-cancel" })) : (h("span", null, salla.lang.get('pages.cart.save_coupon'))))), this.couponError && (h("span", { key: '31a5f1b35fe53207706831284a2b8ea7b7384b4a', class: "s-cart-coupons-coupon-error" }, this.couponError))), this.availableCoupons && this.availableCoupons.length > 0 && (h("salla-slider", { key: 'e0201b153738446fcda9d28d4ad1bab7d69c950e', type: "carousel", showControls: false, class: "s-cart-coupons-slider" }, h("div", { key: 'd60bfa116bef42a2a25806703e05d18d0084d466', 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

@@ -102,7 +102,7 @@ export class SallaCartSummary {
         return cartUrl;
     }
     render() {
-        return (h(Host, { key: '4d80eb7d5ea545740fd4c631b98297164e4afded' }, h("a", { key: 'f32a160c33514e98a35067eb8dc07aa15b7ddb9b', class: "s-cart-summary-wrapper", href: this.getCartLink() }, h("div", { key: 'b8ab102d86c3448d03403bade826d42c2fcee681', id: "s-cart-icon" }, h("slot", { key: '2dae30fcc74ef4c6e74d25f745aea0893cdb87c9', name: "icon" }, h("i", { key: 'df69ad3f3e7affe12ce26d6e16aa2e9e4670f2fc', class: "s-cart-summary-icon", innerHTML: CartIcon }))), h("span", { key: '98927818c1f6b6e7138a8f818da96054c2d44b62', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: '71a40df1d13608e4c9a988ee927ae5ebf1482635', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '9e8e2c66c3784ccebfc4bfba5ab2554a927b172c', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'bbc35cf2a4e793c3cf4d1a637740683569fd306d', class: "s-cart-summary-total", innerHTML: salla.money(this.cartSummaryTotal) })))));
+        return (h(Host, { key: '14e724a96abab2d16444b94e4e13964fb970c39a' }, h("a", { key: '91095f9e7e119a9a512a0f3b7c9ac5130f8224c6', class: "s-cart-summary-wrapper", href: this.getCartLink() }, h("div", { key: '6aeeea8c529abd02c012a36c9d4bda66f7e1f64d', id: "s-cart-icon" }, h("slot", { key: 'a9de44b9c24c779905ce2a72055378632b80bb70', name: "icon" }, h("i", { key: 'c82466e218ba8602b7f7cccee1874c52a94a3e3e', class: "s-cart-summary-icon", innerHTML: CartIcon }))), h("span", { key: '37c8068bd685f1d64dcc646369134a3302f2164c', class: "s-cart-summary-count" }, salla.helpers.number(this.cartSummaryCount)), h("p", { key: '7880ea8fe28b197d0874d2fbe2dc44f52ea4b364', class: "s-cart-summary-content" }, this.showCartLabel && h("span", { key: '1a6e2a3a26b7d23a82ede015fd660e98c03f8e86', class: "s-cart-summary-label" }, this.cartLabel), h("b", { key: 'ddce63b92173cc9adff16bc2805e7b154d3e5d90', 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

@@ -198,7 +198,7 @@ export class SallaColorPicker {
         });
     }
     render() {
-        return (h(Host, { key: '673ad2953168ffcb211a32177caf0e3ab0ef4081', class: "s-color-picker-main" }, h("slot", { key: 'e28235c30c4f5a6dd89037b1554baadc9f2f8375', name: "widget" }, h("div", { key: '23e35c42e462e4787f04960bef97f4a870496779', class: "s-color-picker-widget" }, h("div", { key: 'f196109b149e326b48121a9a265bdb35fcb9128d', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: 'b30c1542e13e7bc43d6557d997cfa5dc7656203b', innerHTML: ArrowDown }))), h("input", { key: 'd8e26156ed9cfe589200e01afb5dadbcf38227ef', class: "s-hidden", name: this.name, required: this.required, value: this.color, ref: color => (this.colorInput = color) })));
+        return (h(Host, { key: 'f1c244ae30b02bed79b8d4de1adf667d697e1f82', class: "s-color-picker-main" }, h("slot", { key: '9fd1e6d787b6768364d6784d8728c815dc597fc4', name: "widget" }, h("div", { key: '3717b7e1d2ff9e07172570c67397c7b9fc223195', class: "s-color-picker-widget" }, h("div", { key: 'df43c0be157d3546b5b53e8290412df2c55a2bbf', class: "s-color-picker-widget-canvas", ref: dv => (this.canvas = dv) }), h("span", { key: '879d020f9b3d0a6e3c4899948611fa76a2fa2324', innerHTML: ArrowDown }))), h("input", { key: 'b4b13cc56691dca5756c4828d6ba96b670ddff2f', 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

@@ -38,7 +38,7 @@ export class SallaCommentForm {
             .finally(() => this.submitBtn.stop());
     }
     render() {
-        return (h(Host, { key: '2203b9f365e0658a3bc40fb0274ba9ddc0d1e040' }, !!this.canComment ? h("form", { ref: frm => this.commentForm = frm }, h("div", { class: "s-comment-form-wrapper" }, this.showAvatar ?
+        return (h(Host, { key: 'a9caa6cb393989ab534471f5fabed599ec0a8a66' }, !!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-comments/salla-comment-item.js

@@ -121,15 +121,15 @@ export class SallaCommentItem {
     }
     render() {
         let isAdmin = this.comment.type == 'admin';
-        return (h(Host, { key: '05b9da17f0e07e1115c87c671998e8123b8b0bb4', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { key: '49552e9efab0aa751db6d7051318f626f9124e5a', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { key: 'e795f238ee0a562675843e6da0f495512abf550c', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { key: '05270553da039c8cdf611d7a1a0ac1ff9d5d88f2', class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { key: 'be2ca109e89c83691d3a0a7a9e03f6e1b94fb09e', class: "s-comments-item-avatar" }, h("img", { key: '402cff5a2003bf385ae8f9f7890555ef2886de87', "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { key: 'af7992ad18ed3d756594cf678d01c1fdd2af6cca', class: "s-comments-flex-1" }, h("div", { key: 'b11dc77d96bf83c0dddd1edaa5fb57286b5b6f55', class: "s-comments-item-user-wrapper" }, h("div", { key: 'f899a929d3e67c7898d22cf7abc56891cdf0fa7c', class: "s-comments-item-user-info" }, h("h3", { key: '9968169cbd69eb6d1d7e0b0498db03a0431d2a16', class: this.comment.is_pinned ? "s-comments-item-user-info-name" : "s-comments-item-user-info-name-with-margin" }, this.comment?.name), this.comment.is_pinned ?
+        return (h(Host, { key: 'f17a6ca5a30774c5e1717a2dd38ea60c7f6d115f', class: isAdmin ? 's-comments-item-admin' : 's-comments-item' }, h("div", { key: '5aaee8d0d106b7ab13d7ee6d5faeca62d1a63e5a', class: { "s-comments-item-wrapper": !isAdmin, "s-comments-item-admin-wrapper": isAdmin }, id: `s-comments-item-${this.comment.id}` }, h("div", { key: '5a4a64b66ca042659fc1cea7ccdd5817d880591d', class: "s-comments-item-inner s-comments-flex-1" }, isAdmin && h("span", { key: '2a26096e1d38747c230353c8c88de8eea5f3cec8', class: "s-comments-item-reply-icon", innerHTML: Reply }), h("div", { key: '6862b2147ddf33832f91d297bc5d8903cef65f3e', class: "s-comments-item-avatar" }, h("img", { key: '13e3856709d1a714e324ad164fe6cc8ac4602a69', "data-src": this.comment?.avatar, alt: this.comment?.name, src: this.comment?.avatar, class: "s-comments-item-avatar-img lazy" })), h("div", { key: '376665b2687ace024833109874642a144083a15e', class: "s-comments-flex-1" }, h("div", { key: 'b18b0cddaca195565a14685e48896c3f832f1c75', class: "s-comments-item-user-wrapper" }, h("div", { key: '87e199f5c0c3cae12072d082042274a6e00fcdf2', class: "s-comments-item-user-info" }, h("h3", { key: '730741d83523f9798e795655206958ba8bd06de7', class: this.comment.is_pinned ? "s-comments-item-user-info-name" : "s-comments-item-user-info-name-with-margin" }, this.comment?.name), this.comment.is_pinned ?
             h("div", { class: "s-comments-item-pinned-icon-with-margin" }, this.PinnedIcon())
             : null, (this.comment.has_order || !!this.comment.rating) && !this.comment.is_pending && !this.hideBought ?
             h("div", { class: "s-comments-flex" }, this.comment.has_order ?
                 [h("span", { class: "s-comments-item-has-order-check-icon", innerHTML: CheckIcon }), h("span", { class: "s-comments-item-has-order-check-text" }, this.has_bought_trans, " ", this.comment.rating ? ', ' : '')] : null, !!this.comment.rating ?
                 h("span", { class: "s-comments-item-rated-widget" }, this.rated_trans) : null)
-            : null), h("p", { key: 'cafa0be66307c6b377f90033745b939da66344c8', class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { key: '608db7108242f10e4d649bb23d1382f49227aeb8', class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date))), !!this.comment.rating || !!this.comment.stars ?
+            : null), h("p", { key: '0ed20c109de0bdbe61344327a633b72e3881b6ce', class: "s-comments-item-timestamp s-ltr" }, this.getDate(this.comment.created_at?.date), h("span", { key: '922b11bc062c1ce6e53e997a2a5708f545e92c2a', class: "s-comments-item-time" }, " - ", this.getTime(this.comment.created_at?.date))), !!this.comment.rating || !!this.comment.stars ?
             h("salla-rating-stars", { size: "mini", class: "s-comments-item-stars", value: this.comment.rating || this.comment.stars })
-            : null), h("div", { key: '9b86497c3791f7e890b560207068de4ca38d6e60', class: "s-comments-item-content" }, h("p", { key: '82433f42c6b0ee29cdd42725ce1aba4dd62e67d8', innerHTML: this.comment.content }), this.allowAttachImages && h("div", { key: '9a1bd14eb18f637588f152b8842d4637b9a6e7c1', class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { key: 'be260096b68a1a58889bed09c68b3a2c75adefa6', ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { key: '8f78ee0ab370e4f99eb68fe1afa4491c4a6a0b80', id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { key: 'eea6149852a409f2e25b8f9ec4375087e1c9beb8', slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { key: '9f693fcd5afc5e443e0ff590d6e7e386746e2a98', slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
+            : null), h("div", { key: '288ed655c6c223ec54f84da46088b57734524839', class: "s-comments-item-content" }, h("p", { key: '6ac007441490d1b1479811d6bcdc6841b181fa95', innerHTML: this.comment.content }), this.allowAttachImages && h("div", { key: '2046daf302f3813482bc2736e5b942cc13a704c8', class: "s-comments-item-images" }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "", onClick: () => this.modal.open() }))), h("salla-modal", { key: '61326b451d2275514510b599e97a94e8a38a18f5', ref: modal => this.modal = modal, width: "sm" }, h("salla-slider", { key: '4496ed68e88120e30ccbb3daf9d11dccd56dcce5', id: `s-comments-item-${this.comment.id}-images`, class: "s-comments-item-images-slider", type: "thumbs", "auto-height": true, showControls: this.comment.images.length > 1 ? true : false, "show-thumbs-controls": "false" }, h("div", { key: 'ea919a2d8717378d56b9c541e635a932f8b8a1ff', slot: 'items' }, this.comment.images.map((image, index) => (h("img", { key: index, src: image, alt: "" })))), h("div", { key: 'af0aa4798aa0a1ab126799120f5bce6b2cbee777', slot: "thumbs" }, this.comment.images.map((image, index) => (h("div", { class: "s-comments-item-images-slider-thumb" }, h("img", { key: index, src: image, alt: "" })))))))), this.allowLikes && !isAdmin && !!this.comment.id && salla.url.is_page('product.single') ? h("salla-button", { ref: el => this.likeBtn = el, class: `s-comments-item-like-btn ${this.likedComments.includes(this.comment.id) ? 'liked' : ''}`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleLike() }, h("span", null, this.helpfulLabel, " ", this.likesCount > 0 ? `(${this.likesCount})` : ''), h("span", { innerHTML: ThumbsUp })) : '', this.comment.is_pending ?
             h("span", { class: "s-comments-item-pending-text" }, this.waiting_approval_trans) : null))), !!this.getReplies().length && !isAdmin ?
             this.getReplies().map((reply) => {
                 return h("div", null, h("salla-comment-item", { comment: reply }));

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

@@ -129,7 +129,7 @@ export class SallaConditionalFields {
         });
     }
     render() {
-        return (h(Host, { key: 'a7314ccb4aaccc58db6c24db7a0f57e53087fdac' }, h("slot", { key: '0f192d2fd0670c8ba0e3d94dc84fed81123373b2' })));
+        return (h(Host, { key: 'e43af073570c2862ec8365297aa40f3ff4319d18' }, h("slot", { key: '0c3577eb4f4c287eb99fe1df054785cbbfbf8dbc' })));
     }
     static get is() { return "salla-conditional-fields"; }
     static get elementRef() { return "host"; }

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

@@ -228,7 +228,7 @@ export class SallaCountDown {
         return this.renderCountDown();
     }
     render() {
-        return (h(Host, { key: '16f2244e2e1b828cd80a186528726a089146acff', 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: '9e2372c96dde6479f39d197c29b8edbc7be1b2e4', 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

@@ -204,7 +204,7 @@ export class SallaDatetimePicker {
         }
     }
     render() {
-        return h("div", { key: 'cc5f2ca3d3915e90dad91d56b8d18bbdf7be56ce', class: "s-datetime-picker" }, h("input", { key: '05789794f19e151956ceebbfd0419c268c552d5a', 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: '1ab467a6f2e4459d0bdfbd72149fb468fcad4ccb', class: "s-datetime-picker" }, h("input", { key: '7d5a567c0d9f0c4a945a95c342c0f9e3a79a00c3', 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-delivery-promise/delivery-promise-api.js

@@ -2,7 +2,7 @@
  * Crafted with ❤ by Salla
  */
 const DEBUG_KEY = 'salla-delivery-promise-debug';
-function log(message, data) {
+export function log(message, data) {
     if (localStorage.getItem(DEBUG_KEY)) {
         data !== undefined ? console.log(message, data) : console.log(message);
     }
@@ -13,11 +13,10 @@ export async function fetchCities(productId) {
     const response = await salla.api.request(salla.url.api(`products/${productId}/delivery-promises/cities`));
     if (!response.success || !Array.isArray(response.data) || response.data.length === 0) {
         log('fetchCities: no data', { response });
-        return { cities: [], preselected: undefined };
+        return { cities: [] };
     }
-    const preselected = response.data.find((c) => c.is_selected);
-    log('fetchCities success', { count: response.data.length, preselected });
-    return { cities: response.data, preselected };
+    log('fetchCities success', { count: response.data.length });
+    return { cities: response.data };
 }
 /** Fetch the delivery promise message for a given city or branch. */
 export async function fetchDeliveryMessage(productId, id, optionType, isLoginCycleEnabled) {

package/dist/collection/components/salla-delivery-promise/salla-delivery-promise.js

@@ -6,6 +6,8 @@ import { fetchCities, fetchDeliveryMessage } from "./delivery-promise-api";
 import { filterCitiesForModal } from "./delivery-promise-city-filter";
 import { buildBulletOpenPayload, resolveIntent } from "./delivery-promise-intent";
 import { DEFAULT_LABELS, getCityDisplayName, loadLabels } from "./delivery-promise-labels";
+import { log } from "./delivery-promise-api";
+const OVERRIDE_IP_KEY = 'salla-bullet-delivery-override-ip';
 /**
  * @name SallaDeliveryPromise
  * @description Displays delivery promise message (from BE) with city selection
@@ -76,9 +78,7 @@ export class SallaDeliveryPromise {
             return;
         }
         if (this.isLoginCycleEnabled) {
-            this.applyBulletIntent();
-            this.canRender = true;
-            window.addEventListener('bulletDeliveryConfirmed', this.onBulletDeliveryConfirmed);
+            await this.initLoginCycleFlow();
         }
         else {
             this.selectedLabel = `${this.labels.deliveryTo} ${this.labels.selectCity}`;
@@ -88,6 +88,26 @@ export class SallaDeliveryPromise {
     disconnectedCallback() {
         window.removeEventListener('bulletDeliveryConfirmed', this.onBulletDeliveryConfirmed);
     }
+    getIPDeliveryLocation() {
+        const configPath = "store.shipping.delivery_location";
+        const ipAddress = {
+            cityId: salla.config.get(`${configPath}.city_id`),
+            cityName: salla.config.get(`${configPath}.city_name`),
+        };
+        return localStorage.getItem(OVERRIDE_IP_KEY) ?
+            JSON.parse(localStorage.getItem(OVERRIDE_IP_KEY)) : ipAddress;
+    }
+    async initLoginCycleFlow() {
+        const hasIntent = this.applyBulletIntent();
+        const { cityId, cityName } = this.getIPDeliveryLocation();
+        log("delivery promise login cycle flow getIPDeliveryLocation", this.getIPDeliveryLocation());
+        if (cityId && cityName && !hasIntent) {
+            this.selectedLabel = `${this.labels.deliveryTo} ${cityName}`;
+            await this.loadDeliveryMessage(cityId, 'city');
+        }
+        this.canRender = true;
+        window.addEventListener('bulletDeliveryConfirmed', this.onBulletDeliveryConfirmed);
+    }
     applyBulletIntent() {
         const resolved = resolveIntent();
         if (!resolved) {
@@ -95,7 +115,7 @@ export class SallaDeliveryPromise {
             this.selectedCityLoginCycle = null;
             this.selectedBranchLoginCycle = null;
             this.deliveryMessage = null;
-            return;
+            return false;
         }
         if (resolved.type === 'address') {
             this.selectedCityLoginCycle = resolved.option;
@@ -109,6 +129,7 @@ export class SallaDeliveryPromise {
             this.selectedLabel = `${this.labels.pickupFromBranch} ${resolved.option.name}`;
             void this.loadDeliveryMessage(resolved.option.id, 'branch');
         }
+        return true;
     }
     openBulletDeliveryModal() {
         salla.event.emit('salla::bullet-delivery.modal.open.requested', buildBulletOpenPayload());
@@ -119,19 +140,27 @@ export class SallaDeliveryPromise {
     async loadCities() {
         this.isLoadingCities = true;
         this.hasError = false;
+        const { cityId, cityName } = this.getIPDeliveryLocation();
+        log("delivery promise standard flow getIPDeliveryLocation", this.getIPDeliveryLocation());
         try {
-            const { cities, preselected } = await fetchCities(this.productId);
-            if (cities.length === 0) {
+            const { cities } = await fetchCities(this.productId);
+            if (!cities.length) {
                 this.canRender = false;
                 return;
             }
             this.cities = cities;
-            if (preselected) {
-                this.selectedCity = preselected;
-                this.selectedLabel = `${this.labels.deliveryTo} ${getCityDisplayName(preselected)}`;
-                await this.loadDeliveryMessage(preselected.id, 'city');
-            }
             this.canRender = true;
+            // get delivery message for the IP location
+            if (cityId && cityName) {
+                this.selectedLabel = `${this.labels.deliveryTo} ${cityName}`;
+                const autoCity = this.cities.find(c => String(c.id) === String(cityId));
+                if (autoCity) {
+                    log("delivery promise standard flow autoCity found", autoCity);
+                    this.selectedCity = autoCity;
+                    this.modalSearchQuery = getCityDisplayName(autoCity);
+                }
+                await this.loadDeliveryMessage(cityId, 'city');
+            }
         }
         catch (error) {
             this.hasError = true;
@@ -167,7 +196,6 @@ export class SallaDeliveryPromise {
         if (!this.cityModalRef)
             return;
         this.cityPendingSelection = null;
-        this.modalSearchQuery = '';
         this.isCityPopoverOpen = false;
         await this.cityModalRef.setTitle(this.labels.changeCityTitle);
         await this.cityModalRef.open();

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

@@ -307,11 +307,11 @@ export class SallaFileUpload {
         }
     }
     render() {
-        return (h(Host, { key: '9291bd55eba4dd8f7fdac0440821341b4b833ace', class: {
+        return (h(Host, { key: '416c7205e55d1d7aad1528839aee2eb59c49b0b1', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, h("input", { key: 'd203f426a3e4ac253ed6e6f96fd495620a87ee47', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: '865690093e0d86e01a801a50a0d32263ab6adc29', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, h("input", { key: 'c769a40fe1debf22173492e2039dd9416645cdb7', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', h("input", { key: '745f7690cfdf1dd4bd7d1c6282d2d716488ac653', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     async componentDidLoad() {
         await Salla.onReady();

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

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

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

@@ -163,12 +163,12 @@ export class SallaFiltersWidget {
         return h("span", { class: "s-filters-option-name" }, label);
     }
     render() {
-        return (h(Host, { key: '033902f6f4ac283b8b501a175b6fdec7c585d68a', class: "s-filters-widget-container" }, h("h3", { key: '3f50c5d20c5563d291979dea0db9f69c72750d3f', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '4e7f263fc35260f641fb9d0291b26c09f9743a36' }, this.option.label), h("span", { key: '6658e86d8a637ac537f285a210d3d8f0e9279f9f', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '3a172b737bb88d2db6b43391cce2b02198fce61e', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: '91f8f4a00dfd05086ed8a385117dfc1d8eabea4c', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: '87a25343561917b823b3b258aa9b8c8a1cb2a71a', 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: '282b6b78bd7659134151aad4ec94c4cc2838c01c', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: 'fae3cf9b337d658bb6a9bee553cb487ecbd1be5f' }), this.option.type !== FilterOptionTypes.RANGE
+        return (h(Host, { key: '8a76246f5c11a950c79565c54579f23429d6aac7', class: "s-filters-widget-container" }, h("h3", { key: '77e5d39e32759bba2f4709843d799ca59f75aba0', class: "s-filters-widget-title", onClick: () => this.toggleWidget() }, h("span", { key: '9384511282a144b0f15e35c21b7fcc44db1b2acd' }, this.option.label), h("span", { key: 'd6582ecb12ed8dfa8077878617b44067b6647453', class: `s-filters-widget-plusminus ${this.isOpen ? 's-filters-widget-plusminus-active' : ''}` })), h("div", { key: '2bc04d2d6e7cc0adf38e66522e06eef5db3ed5b3', class: "s-filters-widget-content", ref: (el) => this.widgetContent = el }, Array.isArray(this.option.values) && this.option.values.length > 5 && (h("div", { key: '49177c27ab9dec258cf73f20464359a73db90556', class: "s-filters-widget-search-wrapper", style: { padding: '8px 0', marginBottom: '8px' } }, h("input", { key: 'e2870973d51a1ef9ab843c4c90242fe973b3c398', 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: 'fceb876a7c16ecd45da92d8cffe8afc8a8b66964', class: "s-filters-widget-values", ref: (el) => this.widgetValues = el }, h("slot", { key: '72c7212d72c11f592a076a6ee9a4e985857332b1' }), 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: '005eedbbf498d86eb735231b754a8abf0aca77b5', class: "s-filters-widget-more", onClick: () => this.showMore() }, !this.isShowMore ? this.showMoreLabel : this.showLessLabel))));
+            h("a", { key: '81704b05fb989d0c88388a2e277832cb94dd73aa', 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-fulfillment-methods/salla-fulfillment-methods.js

@@ -15,7 +15,7 @@ export class SallaFulfillmentMethods {
     async componentDidLoad() {
         await Salla.onReady();
         await Salla.lang.onLoaded();
-        if (!Salla.config.get('store.support_pickup'))
+        if (!Salla.config.get('store.shipping.support_pickup'))
             return;
         this.shouldRender = true;
         this.setLabels();

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

@@ -542,7 +542,7 @@ export class SallaGifting {
     }
     render() {
         return [
-            h("div", { key: 'f20cc2c84e987b34bb862f72a8f639894ed4150e' }, h("salla-list-tile", { key: 'c52aa5e975f9ed1707c3175fa66109f447749ee7', class: this.generateClass() }, h("div", { key: '2bf7065f32132dde95dacfdea44e34c08cc4e61c', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: '7a9a70b6841a708c322f5bb729e940e4da823261' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'c346f2baa8e6a1adf9b0f89e9b50d236e65116cb', slot: "subtitle" }, h("div", { key: '26c908af9687b0c77554054212f5c8251dc45bf3' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: 'f91bf3811c383773425af74941a2067e2f62dbb7', slot: "action" }, h("salla-button", { key: '0639c4b9cc4d81f300f6b087e1c10815b1610c75', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: '06567fa7406ae6502e8f3211ecab6161c4a7e397', name: "widget-btn-content" }, h("div", { key: 'f895900d17947b006f6aef4695b855eba4737ed2', class: "s-gifting-widget-action-content" }, h("span", { key: 'bd3170b8efa2a0c95f61718afd69e5473adae20a', innerHTML: GiftSharing }), " \u00A0", h("span", { key: 'cdc3d1df35ad0e7334bc289f9fff2d312d709724' }, this.sectionBtnText)))))), h("salla-modal", { key: 'a98b913100edfa92156baeee766f6141818ebd8b', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '6b438c581e600cbcfeb5260bae8371a1fbefa29c', slot: "loading" }, h("div", { key: 'ada9e9bb0355755eade9ff7846334cb5ae093e6f', class: "s-gifting-skeleton" }, h("div", { key: '11d2e41b6acb933f5b006cc9f0b0b46470892c6a', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '141be7d6aa83fed682f8ab6a3708597dbb4dba11', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: '65eba6244b5507397c8e50ef40f695e7eebe0b96', class: "s-gifting-modal-title" }, h("div", { key: '0f2488d19d2de0a728377b9f475b70073f6f196a', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: 'b648340418099246c8b83b308f116412fdb6cbc9', height: '15px', width: '150px' })))), h("div", { key: '8255e53b49f572ef3c4485cf7e84540dac019f89', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '0b05db8e76a9a53032b1643d8c4e223b8b641e30', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'c585bf04433e46ce8e89d9bfc3402faf4cfbb21a', height: '230px' }), h("salla-skeleton", { key: '0c09063b73e3aecb6a1879cdc93b60a6bcb9b2cc', height: '10px', width: '150px' }), h("salla-skeleton", { key: '88f55e5ffded2f784002b44e49f3ab2d22a7c067', height: '30px' }), h("salla-skeleton", { key: '6e1edd3b031f051ec24149ec690d2e4f04f9c557', height: '40px' })))), h("slot", { key: 'bff6a067b10a31c39f22e18c6bdf5a60f56ef116', name: "header" }), !!this.hasError ?
+            h("div", { key: '9eab09a8d191d1f268aa6c70b1cca83ed8e6bbbc' }, h("salla-list-tile", { key: 'c56c0c1430286a492fb7afaba27af031057d9112', class: this.generateClass() }, h("div", { key: 'e072712d90b16f10a5fb94cdf2590f702f519052', slot: "title" }, this.vertical ? h("span", { innerHTML: GiftSharing }) : '', h("h3", { key: '11ce3fb3d72e3533ca5d3ab6b24c848f854ca074' }, !!this.widgetTitle ? this.widgetTitle : this.sectionTitle)), h("div", { key: 'dbaaf141723d74ab0bc8953cd16b5693d155de88', slot: "subtitle" }, h("div", { key: '9496550746b51da10964afd16f0b14d1098e5963' }, !!this.widgetSubtitle ? this.widgetSubtitle : this.sectionSubtitle)), h("div", { key: 'a74eea478aedecd9f6db0e3f28ace121771d1e5b', slot: "action" }, h("salla-button", { key: '53db44ebad2924d8a785a658421c58d108f98c13', color: "primary", fill: "outline", width: "wide", class: "s-gifting-widget-action", onClick: () => this.handleGiftButtonClick() }, h("slot", { key: 'a1ad93eb3612332f0464735b20aa879268a6da66', name: "widget-btn-content" }, h("div", { key: '7f7cff081a3d8d5d53e29a7c65d2a9cf9ac897a5', class: "s-gifting-widget-action-content" }, h("span", { key: 'dd3beac6683c84511ec4ba048791fa019e1ea4af', innerHTML: GiftSharing }), " \u00A0", h("span", { key: '4a1d029a931e051928565cec9ad821d041420a37' }, this.sectionBtnText)))))), h("salla-modal", { key: 'cddcacea4ba99a97286718a8fd2f9739393b73cf', id: this.hostId, isLoading: true, class: "s-gifting-modal", width: "sm", ref: modal => this.modal = modal }, h("div", { key: '252f2f5fe2848ca26fe9b6050bc47c96400d93ea', slot: "loading" }, h("div", { key: 'e8b933882138ed9c06a5ee31fc7a80f0f22857cb', class: "s-gifting-skeleton" }, h("div", { key: '587f61dc4e26b9cd7a634d37e638d59a4b32428d', class: "s-gifting-modal-header" }, h("salla-skeleton", { key: '6986dd5bb120de2e0a56e6a11566be8517a7de31', type: 'circle', height: '5rem', width: '5rem' }), h("h2", { key: 'fa0dfd4b1faa9ce7c0e6a048a37fcc0edd209ef5', class: "s-gifting-modal-title" }, h("div", { key: '13d13831a3d3cf55e785fdc4153fd7f3ad4c818e', class: "s-gifting-modal-badge-wrapper" }, h("salla-skeleton", { key: '48a8933d1bef7c5a8e6c16f9ddd1ff2e95f1ac1f', height: '15px', width: '150px' })))), h("div", { key: '44686a2a7638c528fcd58855269b89af4d495a8d', class: "s-gifting-skeleton-content" }, h("salla-skeleton", { key: '45564ae54508c7f60332bcfc0b379bb4f35db9d4', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'ce4c13cb00ed12ee044932b2be4c11bb55067828', height: '230px' }), h("salla-skeleton", { key: '6682e113a5a1a5fdaf526b3003dc3d45698a4d61', height: '10px', width: '150px' }), h("salla-skeleton", { key: 'cbaa18a09272ed058af2e4e8baa954fafd28508b', height: '30px' }), h("salla-skeleton", { key: '830b4ae7d3b1772b143dbf651baeecd211f880b7', height: '40px' })))), h("slot", { key: 'e7375a013b2dff74646ce289896dc340b0f5da9a', 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" }, " "))
                 :
                     [
@@ -562,7 +562,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" }, this.receiverCityFieldLabel), h("select", { name: "city", "aria-label": salla.lang.get('blocks.buy_as_gift.select_city'), class: "s-form-control", onChange: (event) => this.handleReceiverCity(event), disabled: this.loadingCities || (this.isKSA && !this.selectedRegionId) }, h("option", { value: "", selected: true }, this.loadingCities ? salla.lang.get('common.elements.loading') : this.selectCity), this.gift?.cities?.map((city) => (h("option", { value: city.id }, city.name)))), this.errors && this.errors['receiver.city_id'] ?
                                 h("span", { class: "s-gifting-error" }, this.errors['receiver.city_id']) : ''), this.isPhysical() &&
                             h("div", { class: this.step2ItemClass('s-gifting-info') }, h("span", { innerHTML: Alert }), h("span", null, this.selectCityInfo)), !this.isPhysical() && h("div", { class: this.step2ItemClass() }, h("label", { class: "s-gifting-schedule s-gifting-clickable", htmlFor: `schedule-${this.hostId}` }, h("input", { type: "checkbox", name: 'schedule', id: `schedule-${this.hostId}`, onChange: () => this.toggleCalendar(), class: "s-checkbox" }), h("span", { class: "s-form-label" }, " ", this.sendLater, " "))), h("div", { class: this.getCalendarClasses(), ref: (el) => this.calendarFormGroup = el }, h("label", { class: "s-form-label" }, this.selectSendDateAndTime), h("salla-datetime-picker", { value: this.deliveryDate, placeholder: this.selectSendDateAndTime, "enable-time": true, "date-format": "Y-m-d h:i K", onPicked: (event) => this.handleDateTimePicker(event) }), h("span", { class: "s-gifting-calendar-hint" }, this.canNotEditOrderAfterSelectDate)), h("div", { class: this.step2ItemClass('s-gifting-step-two-footer') }, 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: '4cad8b174ab427e6f75b77357efc20e54d791ba4', name: "footer" })))
+                    ], h("slot", { key: '123248e38585fd933c0221a9a3edc5601a4e0860', name: "footer" })))
         ];
     }
     static get is() { return "salla-gifting"; }

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

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

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

@@ -26,7 +26,7 @@ export class SallaListTile {
         };
     }
     render() {
-        return (h(Host, { key: '1f5e8a06d1c1aa0df00b09eec0c0a1efbf590748' }, h("a", { key: 'f9b772a03f745b07e2456cd74c73ab695f3754ff', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'e90d46a29df8ea298489deba9b88bc6f84ebd5aa', class: "s-list-tile-item-icon" }, h("slot", { key: 'a5c40e495d05b5d45bae8ed133eca034f439368d', name: 'icon' })), h("div", { key: '2ded5a53f567c8eddb05d24a5f59875d3a7ac1ac', class: "s-list-tile-item-content" }, h("div", { key: '80e6962e698223c893b40a4a62d8ce67aa3ab27c', class: "s-list-tile-item-title" }, h("slot", { key: '87f95d3ae826904a55e0e4724340f55344371789', name: 'title' })), h("div", { key: '7fc838f33b9e65ca8c9f11bce4b506aad7d7ecb1', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'f936a3770d59d3b56287927a447df9c8fa697310', name: "subtitle" }))), h("div", { key: 'e974fd4591921468f4a882370303709718ef6e64', class: "s-list-tile-item-action" }, h("slot", { key: '9d2adb70f0c75b18474f0f05c99000327e081ce8', name: 'action' })))));
+        return (h(Host, { key: '0ac9ef86306a47377537bed3808b85212f9a291b' }, h("a", { key: '6913bab0f3df27f14c626b0dd97bd5a226b59408', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, h("div", { key: 'b3eaea89b404802c9329be50f3172d29510af001', class: "s-list-tile-item-icon" }, h("slot", { key: 'd0e4b9b46ebe037eb7b937317eb1796dfe522105', name: 'icon' })), h("div", { key: 'd04c5a302dfc33f8107505d7037a22f892297b51', class: "s-list-tile-item-content" }, h("div", { key: '4d5610aaf77eff322ddd296f62840d6927625f0d', class: "s-list-tile-item-title" }, h("slot", { key: 'b9890a0fde7261a3cb60b7daeb3810dd72a3ef41', name: 'title' })), h("div", { key: '60ab7f2e78b8c0da2e1d8dd38aa50692906c7e3f', class: "s-list-tile-item-subtitle" }, h("slot", { key: 'a3a92374c4147c8795a7de8e6e9563fb27001293', name: "subtitle" }))), h("div", { key: '81732affeff85090c3084200d8d64c3231c9a123', class: "s-list-tile-item-action" }, h("slot", { key: '78d44f5dbadf156805d8b7ea3e484b7b250a1aa2', name: 'action' })))));
     }
     static get is() { return "salla-list-tile"; }
     static get originalStyleUrls() {

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

@@ -22,7 +22,7 @@ export class SallaLoading {
         this.bgColor = "#e5e7eb";
     }
     render() {
-        return (h(Host, { key: 'bd9a1150a24f8a62d42437c669613ffa4e67b14f', class: "s-loading-container" }, h("svg", { key: '460c614d5d205ed9283d63f5ebebdb5639b8246e', "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: '13c50eee8a0f2342cc876e9dbbcc84d418e314bc', 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: '08888ea6c15d6be5d4225ec22bb2586e410793e8', 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: 'dcab48026f2c056fa38cb3f636ff93689c05b42d', class: "s-loading-container" }, h("svg", { key: '69eb9c41f5c1187517d3221acf8a6c116e542e3b', "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: '319cb6008b73e8dafc363da589459c64c14ab8a3', 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: '489b5ace91f8463a95f51d9cf4a856b2dad5ab17', 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

@@ -211,7 +211,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: '13b805dc33b57d433d4c35ad8217adef60b99ad5', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: 'b30239d0a20d15baccb6a5017493d91ae96c350c', slot: 'loading' }, h("div", { key: '94f7df4044f94612413f4818b110abae3c251075', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '63008e2fd90cfa4ce9ddbf313ffe718c520853ce', width: '25%', height: '15px' }), h("div", { key: '97f64f98e99c3cc2f099fa02469a2000c7eefc4c', 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: '230480a6cfaddab7fbe70a16041cf5fb8903c64a', width: '25%', height: '15px' }), h("div", { key: 'caf3e79cdbd04d5374365173212792abfe3d465b', 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: 'b48d02c6e7febad77dbd0d37e540d02d26265e8b', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: '8011ed27b369f621fd5892e80490a9702042c636', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: '17c5aaf641a668e4c8f7f625a4bb16bbea692b03', slot: 'loading' }, h("div", { key: 'b3eac7d8561777d746749154fb144d07596f619e', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '881169d3ec98c4d425f1d4e6a07561f6cade2858', width: '25%', height: '15px' }), h("div", { key: '7ccb921af00f96eca06ad59eb4c0051c02ed694d', 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: 'ecbaea165f7dda315386c4ab8cdca46e1525a76a', width: '25%', height: '15px' }), h("div", { key: '5dcd81dd3e2017214e2139bbdc2602a970bdd5af', 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: '3d549108228ad0541e96dec40f072ba6f105fbd6', height: '40px', width: '100%' }))), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
                 h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

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

@@ -7,7 +7,7 @@ export class SallaLoyaltyPrizeItem {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: 'd3b79cbf7e67281d4c42c83084b2d1f0f59fd77d' }, h("div", { key: '11d71896f19eef94434fa8d9d074c98ce3e6de5b', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'c8d254e77a7af0559c5336aca9d7d57593814d0a', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5946e1d5ce94ef8bfcbab95ab2f2e8733145b7f2', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'c565935591c84ce475767b8a863323023fabae31', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '225c7c594cb1942a56a6966ab8289a4dfb7f0d71', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: '8d159caa306052a9d8cd67b37e01fc2b0a0cec20' }, h("div", { key: '8b75d8d82e51169ef974e0cafee27c2694577be5', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'a7c160952e10abf1845c807ed690a929b9be6933', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '343e73d9952312e2989f8cc4150ad0894ae62dad', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '4d2d46f2a21d82fd3426cd7278e2e3a38c9e4093', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '99852f67e857017dc2bb2b1a7173e94a37c0e776', 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-program/salla-loyalty-hero.js

@@ -4,13 +4,13 @@
 import { Host, h } from "@stencil/core";
 export class SallaLoyaltyHero {
     render() {
-        return (h(Host, { key: '71421d1a559f9d0b8b9a2023e3015847dd4be7fb' }, h("section", { key: '914ae35d2e038a4f0f358eb3d61352cf263f4c7b', class: "s-loyalty-program-hero-container" }, h("div", { key: '93353d9f4dcc7d41e4c714f93ee84899b799633e', class: "s-loyalty-program-hero-background", style: {
+        return (h(Host, { key: '574e4baec7792ba00a7671cc9054f7645ec58368' }, h("section", { key: 'ee765ae29fe9d655eb1034e0f1621d762d7023e4', class: "s-loyalty-program-hero-container" }, h("div", { key: '4846d52e25447e4eff6e0ab4d788a51ede38ae60', class: "s-loyalty-program-hero-background", style: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '6f62cb4aadbb81f91549b60177f15e8791e6aa51', class: {
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: 'b1a7edcc79c55c4e472e2733e961b2969de3dee9', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: '11794269898ee42023cac29e49c17463fe90781b' }, h("h1", { key: '95435290b38fce9dbc6a580d8452e7189074773b', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: '02fbbae525a5973d65bb98626dbe5712374495c4', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: 'e482ab6a067d54b9c274208a43b286e07a8e471c', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '2fc2ea5a732e473b2c26d3b885a699b57f7df0c1', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'd548c168c97849abd583b510c7b1d6c4370daa1c', name: "action" }))), h("div", { key: '2423ee04e5e126eabcbfec20ad6c82a8d2593d2a', class: "s-loyalty-program-hero-footer" }, h("div", { key: '25ee4e74c9ea3c0ea420a09858c45b83b454bd40', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '11a7147bc142914ccfa08b099826a4a2805100aa', name: "crosspoint" }))))));
+            } }, h("div", { key: 'b9ce57574292320f5cee464fb9d6c4ab2bb5df9b' }, h("h1", { key: '1f989c4c4cd516199cd962b10b15195c88b72e2c', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'df3a3b07a14a2a02e244b11f37e424e9dbed436e', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '7a0b24bda40ca8a6bfc326474593a26a2a1eeb62', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: 'f6d155a42c76bd4befd0a9628306bdb2a6f1c38c', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'e437cdec345487a8ea8df05b39c1b7c8bee1d5fd', name: "action" }))), h("div", { key: '3e7e2edd1e7b8e06ea0ce6ae8de479ad3595e880', class: "s-loyalty-program-hero-footer" }, h("div", { key: '8b53882fcf2d8779fc8fdd8f895e782444eaab96', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '4e32a1377a54ce20fc890276646774e42f011a1b', name: "crosspoint" }))))));
     }
     static get is() { return "salla-loyalty-hero"; }
     static get originalStyleUrls() {

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

@@ -151,7 +151,7 @@ export class SallaLoyaltyPoint {
         }
     }
     render() {
-        return (h("div", { key: 'e48e7e3f5e8327b840c3d85685e0b71bffefd855' }, h("div", { key: 'bf0defb51f62aeb2830261d5daed101c55f84d7b', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: '0e6121e7f7daeec3a96bdaaa2427978f4215fb16', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '8422ec6e483f05d514170df5916436a9126d4237', class: this.point.icon })), h("div", { key: '928d8ed9a8442dd20b218a7713ad6e493d88bc7d', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '35fc26961a50c707d29a726405a2f2c48c5a296f', size: "xs", bg: "transparent" }, h("span", { key: 'd2b06eceeec70a9561d3612f337035dbc404bf2d', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '9ca25c5c22d499bee7bd03c83b221deecaa385c7', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'bbf54dcce2af313a735de53f3297911b0a28433f', size: "sm", bg: "transparent" }, h("span", { key: '6832cb1bf6bf23e1c3e221e0e853b87bdf059b76', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: '0dab348c2d73b95d2a7054130dd8c4414b588a42', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: '4bcf0abcc5d1939f8938e327584e66903e22f79d' }, h("div", { key: 'a29f5a0a057232c37e0a7490e7b7407b7fb295a0', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'a96a576336378a79065c01ed8e62ff44c3ecb115', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '3aeb40f1c09cd988b83ce824edb6bcd87aa02448', class: this.point.icon })), h("div", { key: '09b3a389bef31e01d7446371c600d32b5225a090', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '642db1f7ffda27c29ff6d9daf254aec6ff759b1b', size: "xs", bg: "transparent" }, h("span", { key: 'd1c81d95859c1831b158f343154c9f07d7e0a07b', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '5f9537ba047f01161a8e55c181fd4dceef699014', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: '4bf17a6713ffb79a1716787ca0e48bc841c028b1', size: "sm", bg: "transparent" }, h("span", { key: '8bda2271cc91f2bd44c1bcacaa95a72c74dc058c', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: '22ccbd4b841756274bedd74c2dc7a3484d133be2', 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,
@@ -161,7 +161,7 @@ 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: '209bd22b0a09f173dd74a79b0ab2dcf0c41b98d1', 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: 'adf4dc82940f41c943f095519e43e029602554e0', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '88d0babfddde45978760c71825ad01e81b9d7b70', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '387201fe515701d3e39595569cd5dd858dbe41e2', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '8460fd33cedcd3c78d299fd1f4f9dfb2d817663e', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'dc5840eb12f44f395fac4b2fa41616897ce3b804', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'dab41d922110962182ff4a1ec53a7f01fde7400c', class: this.point.icon })), h("salla-badge", { key: 'e7947363e9dacb42eb03b97532ed1b6b3a606d73', size: "sm", bg: "light" }, h("span", { key: 'f567bdf3fb75d7bc28d9eb78a6b11dcc74f7e608', innerHTML: SIGift }), h("span", { key: 'd8fc1f40a225001a90ad6213f924520f3a3fbebc', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), h("div", { key: '12e2bf5a9aab51c3bf1c0ec10395751beaf846a3', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '17dc3ff458f8cfea3028a47e54df522310cc0b1d', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '4b1b0700e1d260a57fe7093421cb8faa8e68d024', class: "s-loyalty-program-points-chain-list" }, !!this.point.steps && Object.keys(this.point.steps).length > 0
+                } }, this.point.description)), h("salla-modal", { key: '241bd67cc5f3c73b9e9db478b5073e76b4a97e89', 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: 'dbf0cea774661341fa43430a24c50384a117b8af', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '2514e59cc871c0c1b8100d0ea0e21d2b2491be8c', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '591a36344c31a238504d4ec8eb3f8365739cf184', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'c7d2ccd94cb239ee0965e0e7d584db0d533b49d0', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '34cd7ea59321d7df8c3a5e301c9b006e0649868e', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'bbc3444c8b6fa80bec0219405228c0769719343f', class: this.point.icon })), h("salla-badge", { key: '7dd0700b0f843c18545cbc4b1edc658b3ce8e92d', size: "sm", bg: "light" }, h("span", { key: 'ad1fbe6dde136d61e51ae03b9beff237aa458e68', innerHTML: SIGift }), h("span", { key: '996bbdc669c934c2c43a2a010e768600df6cd096', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), h("div", { key: '3704f41b41307e3d01cd7e432eecc5027555279b', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '11267d879f2486f16f61fdc277af704509de57ff', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '9c020f4ce4db1329b8070cc734c7ff3d243b8743', class: "s-loyalty-program-points-chain-list" }, !!this.point.steps && Object.keys(this.point.steps).length > 0
             ? Object.values(this.point.steps).map((step, idx) => {
                 const stepsArray = Object.values(this.point.steps);
                 const isLastItem = idx === stepsArray.length - 1;
@@ -170,7 +170,7 @@ export class SallaLoyaltyPoint {
             : this.point.conditions?.map((condition, idx) => {
                 const isLastItem = idx === this.point.conditions.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[condition.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", { innerHTML: SIGift }), formattedPointsJsx(condition.points ?? 0)), h("p", { class: "s-loyalty-program-points-chain-description" }, condition.name))));
-            }))), 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: '8984c9e7f20a766c70c25a85b752a2f61fd9c490', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '6ee995bf10cd3f9efac2baac8413e7405981389f', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            }))), 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: 'eb0886c9891c16960f560d2a8951dfe944081802', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '87270bb4253c974f6285ce549c6f75590faac46f', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 's-loyalty-program-points-action': true,
                 's-loyalty-program-points-action-completed': this.point.is_completed,
                 's-loyalty-program-points-action-incomplete': !this.point.is_completed,

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

@@ -31,10 +31,10 @@ export class SallaLoyaltyReward {
         };
     }
     render() {
-        return (h("div", { key: '38c63e250c45badf03516c87496619152b9a0af8', class: {
+        return (h("div", { key: '54384ca42e9df4619db3a53c26580e9ed1f4aef2', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: '93e11a5c458aa3112b00bea4bc845733d8bf4415', onClick: this.handleActionArea, role: "button" }, h("div", { key: '67f5cfe1a3551832548d95bda9c6bcc6cdd26119', class: "s-loyalty-program-reward-img" }, h("img", { key: '36f6dc13da2b7c844d2318d4e9bafeb96d960f11', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'c953cfeebaabdad22fba498903936e170aadcebe', class: "s-loyalty-program-reward-content" }, h("div", { key: '68f33aba783ffaef38ea9e4a3f9063b2f68bb2b1', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: 'bdac8babbf1bbabeec37e92053c4c7eab178a06f', size: "xs" }, h("span", { key: '367f3f154a6079781cece4018337b09996229001', innerHTML: SIGift }), h("span", { key: 'fd8cdd6bafe8a8f5f45f7a4e6df2f074ab2b5961', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '84f6dbc80ecaa12ab9dacf48ec289bb3f5bdfc84', class: "s-loyalty-program-reward-title" }, h("span", { key: '1505f38884417eee9f266ab3ddb2f57096f6d0da' }, this.group)), h("div", { key: '82ced1df7118958153868c15c193ac03783dc383', class: "s-loyalty-program-reward-name" }, h("div", { key: 'a853fc37628c02ffe064608f6e52725d664fc259', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '584d6db1edfafc846eb8908d2762483d5e590296', class: "p-4" }, h("button", { key: 'ac0962db5b5d3121b4c6197c4c378db76a963950', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: 'a140ecf01f341d7cec64091742f9aa3d152639c8', onClick: this.handleActionArea, role: "button" }, h("div", { key: 'f08852a3d5d6dee3d1babb1b0acb6425d2a84ca2', class: "s-loyalty-program-reward-img" }, h("img", { key: 'a90692f4210e015724ee682d8024f61ad7d9b708', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'c3c96618b42af8186834011a23fc4f325bb4da6a', class: "s-loyalty-program-reward-content" }, h("div", { key: '66a5a15721a6281ca6f507032731065e370893ae', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: 'be379a44b8efb51d2631042aef52a2e4265c384b', size: "xs" }, h("span", { key: '02adb9ccdfbe13344ec9ade9f3eecb556554302a', innerHTML: SIGift }), h("span", { key: '7f493ccca3dd7bb9f5acf87dcecc19675d5e992a', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: 'c452602c937589aafea344ccc34d57f3088877a1', class: "s-loyalty-program-reward-title" }, h("span", { key: '77a0959d44d7d6ddbb97d3c565fba17c050b7dd1' }, this.group)), h("div", { key: 'd988fac7ae21964d2226d0d203282a85191d1ac3', class: "s-loyalty-program-reward-name" }, h("div", { key: 'da84c90edbaa3e34f63b92477a284c9a47c35aa3', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '42f1cbd48cd986367a93546ed87d9fb8b7974d3e', class: "p-4" }, h("button", { key: 'ecf4ea01afbbc2c1a608d5daa54d60ab0d7a22ac', 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-action.js

@@ -20,7 +20,7 @@ export class SallaRewardAction {
         };
     }
     render() {
-        return (h("div", { key: '0d02cecaae79cf166555514890fbf6192e1cd438', class: "s-loyalty-program-rewards-modal-action" }, this.isShopNow(this.prize) ? (h("a", { href: this.prize.prize_url || salla.url.get(''), class: {
+        return (h("div", { key: '475f3ee96420af61ec3ed127367a224fa86f7c34', class: "s-loyalty-program-rewards-modal-action" }, this.isShopNow(this.prize) ? (h("a", { href: this.prize.prize_url || salla.url.get(''), class: {
                 's-loyalty-program-rewards-action-base': true,
                 's-loyalty-program-rewards-action-on': true,
             } }, salla.lang.get('pages.loyalty_program.shop_now'))) : (h("button", { onClick: this.handleClick, class: {

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

@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
 import SIGift from "../../assets/svg/gift.svg";
 export class SallaRewardCard {
     render() {
-        return (h(Host, { key: '0bd68f7cab478d78db8b083ea11c2090d02aab59', class: "s-loyalty-program-reward-host" }, h("div", { key: 'ef4e857bc55a12e50434c1dda2160674ead3b4e6', class: "s-loyalty-program-reward-container" }, h("div", { key: 'a6a7ccdf50ee296b48c05a01f241192c0f77f30c', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'e4f55cda0d9f36af95ce101c987819d30b9ad143', class: "s-loyalty-program-reward-img" }, h("img", { key: '450fe8914dcf809005d4707074cb305a59990e81', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '7828210caf948e057055c53dc64af45426d7977d', class: "s-loyalty-program-reward-content" }, h("div", { key: '2f39695bd03884f6988b44de68964cdfdb75e0bb', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: 'e9e1dda91aa414d58caaff52a4bb667a1fc1b96f', size: "xs" }, h("span", { key: '7baa15af74cde5a6e744667566377417233d0848', innerHTML: SIGift }), h("span", { key: '6bd7f77ec736a6f0fd9de0c69907cc05e87829b0', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '269da0571a6533ca6621792a3891f4b9d132d337', class: "s-loyalty-program-reward-title" }, h("span", { key: '06c40cc994031777565d43c5259eefb3311dea98' }, this.prize.group_title)), h("div", { key: 'e81936c993e83f96f4143278ec82391135778383', class: "s-loyalty-program-reward-name" }, h("div", { key: '752e5e6fbc5de60f7047913d6b8bf79e597fd407', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'a83282f66ab42ee0fa055cf9bf7802af1615e8f0', class: "p-4" }, h("slot", { key: '7186f03318c907b3e8ec15e30322d8bf787d74f8', name: "action" }, h("button", { key: '7b1a13734d2c230dd32d744a42e82fdb1c148660', 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: '0c53ae71f95b242db839dd897d7288b2d95b8a64', class: "s-loyalty-program-reward-host" }, h("div", { key: '758426d1813b9dcc47b9c8a4d739d523e9572fff', class: "s-loyalty-program-reward-container" }, h("div", { key: 'f7f5819d9fb48c40fb44cf01d28593103fc62593', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: '5b51e12b977e17ca4b0c981ea8c1e275e72fd32e', class: "s-loyalty-program-reward-img" }, h("img", { key: 'bcb3279ef5c20f1bdfefc56e75879f5b186ee81f', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '72c3f61805cf30c54e41db61f559e82d56441e7b', class: "s-loyalty-program-reward-content" }, h("div", { key: '0da8285d5913727d662d7d8d42b20c757291db38', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: 'd2938a93d63abe2ccf9da4bd6f9c5fab902dae49', size: "xs" }, h("span", { key: '6a5d953b0c67edca8f2b74d5fab9de28e14c5b74', innerHTML: SIGift }), h("span", { key: 'a7f50ef7c770fd6e8f729b5e90c38f8e552dbdca', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: '52038fccca9e9a725000cff0f09ae27c1df84070', class: "s-loyalty-program-reward-title" }, h("span", { key: 'b584757e9514318eaf12c391055bebf1ef3cc3d3' }, this.prize.group_title)), h("div", { key: 'e07cf257344b9c5885b0e0cbfefd8140d6695689', class: "s-loyalty-program-reward-name" }, h("div", { key: 'b7ee859bdefce896e6aa8edaa33c61fef91a9188', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: '7316be44d9e00d7031a70067100430d283b1a729', class: "p-4" }, h("slot", { key: '5ac564614b3ff5420e7cc74d5e3d3ec4130d38b8', name: "action" }, h("button", { key: '4b8f3d3b3497b842c26be65657b623a1d4f1f6d7', 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() {