@salla.sa/twilight-components 2.14.499 → 2.14.500

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

@@ -8,9 +8,9 @@ export class SallaLoyaltyExchangeProductCard {
     }
     render() {
         const product = typeof this.product === 'string' ? JSON.parse(this.product) : this.product;
-        return (h("div", { key: 'a60d337ebcf226318d449a4319906a71a9ab1e92', class: "s-loyalty-exchange-card" }, this.hasCustomCard
+        return (h("div", { key: '1a430e79a1b3099353f4e9905930f083ff889def', 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: '77a0cff2bf5fce5c017493a0769e266eeeaaa01c', class: "s-loyalty-exchange-card-btn" }, h("salla-button", { key: '941c82bb35bfd116a13292ddf5425645c3d61ad7', 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: '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')))));
     }
     static get is() { return "salla-loyalty-exchange-product-card"; }
     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: '881c4dca4b0088ac6be4f0ffd619b3fd3850a151' }, h("section", { key: '9351457856d5830f7ec46f74583bbcbb2f4f4a9e', class: "s-loyalty-program-hero-container" }, h("div", { key: 'b2a7dd45788cb928d176ce3ed6376afcb0dc7830', class: "s-loyalty-program-hero-background", style: {
+        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: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '2a9ee6e7475009d075e4296c5de86fc4d0449cdb', class: {
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '5343c2d5b4924c75594143390624fb68c2f4e94f', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: 'a33e4bbd22ebdb76a714035addd04b64193dcd61' }, h("h1", { key: 'baa0b1a7dc2a76bd69015bfc71a58fef85ee8b5d', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: '29ef7f98496e8a7d6fb25ca03f377c6f67ee305c', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '3f5756fade604d55a2fad9670a2814e02cfd9521', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: 'e2cd101bf83e7704b05767db16757ebffddfff2f', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: '9372dc3a963bd08f3808ab3587c0d1140dfc16b7', name: "action" }))), h("div", { key: 'b1d4d0134aa73cd95d0283e0efd96e112c212aed', class: "s-loyalty-program-hero-footer" }, h("div", { key: '27061a96319400b58d13a79691b7b47588e27544', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '87dad7cf9262a2e56f5a9f918bf3d9353ffb8c45', name: "crosspoint" }))))));
+            } }, 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" }))))));
     }
     static get is() { return "salla-loyalty-hero"; }
     static get originalStyleUrls() {

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

@@ -171,7 +171,7 @@ export class SallaLoyaltyPoint {
         }
     }
     render() {
-        return (h("div", { key: '4f7a191b41435d2ea0c603e4454af4307362f5bf' }, h("div", { key: 'ef68b5b9f8606e2aa54ed97eddaecd5f9c191d1c', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'b14f2d1f94daf0674b076db69af9427b23d35e08', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '4d7ee556fde10c0039f035b1310711f2ddb6b6ab', class: this.point.icon })), h("div", { key: '5bf70bb463de4c340a71286d7b9b1a1412842762', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '53a1ac2b950144b78104ffbc9824642865d2b03e', size: "xs", bg: "transparent" }, h("span", { key: 'bb45f6133544718e5296ca5635f5d72c4ff6e86b', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '92f4eed2567bcad8e4e8d65e5d36cd12829862ef', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'ee188fec0149cb900af5e7a3467defd8302c66b0', size: "sm", bg: "transparent" }, h("span", { key: 'b196131e3c3f4d78e11384ee9663373dcfc6f76d', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: 'b759840a68a867310bf0be0ebe6bbef038c48284', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        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 ?
             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: '90d851469e4f1ce77c4f509bfecd96abb2425dda', 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: '795d0984a4b7bca115500a9c3850cce6c6e6a7f0', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '0124a924ddde8516b6d27e9d9b36f44b14d5f13a', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '3ff4ec01ffe1e16ac53a170e04c8ca7b4c065d36', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'a56d5201a53a4e56bd5d04b51d1ce9a3151f0375', class: "s-loyalty-program-points-modal-main" }, h("div", { key: '5b1b1ed27359d2f6b31a86a58ca8a7388f61b6e3', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: 'c73db6477ad88cc4b8467623fbf4a2d623b2f66f', class: this.point.icon })), h("salla-badge", { key: '432dde709ab1ea8d346104cee2e2d230fe9e5060', size: "sm", bg: "light" }, h("span", { key: '53134910bad559f02782092d47bfe56d4a56decb', innerHTML: SIGift }), h("span", { key: 'e374ac7a30fc529b4a32833dfa7af90f76ae4c34', 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: '885c021210ceb4c6410deb811515b58489db76fa', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '9d4a907cf6ab0fd59f85cbcfe111fd2dd1031cee', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '8653fe18c6fe5f4708d91159db40c54bc44deeda', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, 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) => {
                 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: 'fed15aa3a7c7ecfe9818a87264e660c045d2658a', 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: 'c4b5a24d78cf70dad65ea9b4d606c338bba7912e', class: "s-loyalty-program-points-modal-action" }, h("a", { key: 'f9718774e2fc3a1def69b8fa8d7ebfdfb9086197', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), 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: {
                 '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: '0e3735d77de3b13948ba8cf473986185c52b9b1f', class: {
+        return (h("div", { key: '22e55c164715cff3ab89a9d2d0ac98042aee3063', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: '3988af25528bed3ff027405a1b84a4ded0b4fce8', onClick: this.handleActionArea, role: "button" }, h("div", { key: '3b6c3b7a35aa41a792f5ac05ff58f904ff850194', class: "s-loyalty-program-reward-img" }, h("img", { key: '2c8b14fcfd5b8db52c82033cdc797cc819e117eb', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'a0c7699c3a84adac9040ed2132e631795b041784', class: "s-loyalty-program-reward-content" }, h("div", { key: '5072ad6dae99ea1dec7bb4eef97a7c4fcca4f554', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '8e75004f0ac06e6ff29f5f5dc0fa0915392078bc', size: "xs" }, h("span", { key: 'eda3bd13b60467b5c3b6342ea1688e880913aaf4', innerHTML: SIGift }), h("span", { key: '3be615346ec1d55f312fd22d6a324366a181abdf', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '611821580eb3216ad71b22634bdb40eec78adabf', class: "s-loyalty-program-reward-title" }, h("span", { key: 'dfa2d90b84aad0fd83e7add9bfdf72e26b14751b' }, this.group)), h("div", { key: '0401936cd2f3fd7d534ebe8ffe69ccb4149f38a4', class: "s-loyalty-program-reward-name" }, h("div", { key: '3275b7e29eec246fb9b7983c4160338613e31c13', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '4051723d3c48dd0c967b28d231f8a4dc09530a8f', class: "p-4" }, h("button", { key: 'e74ea5eb83e50f3be56e75904c5a961b63b2445d', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, 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: {
                 's-loyalty-program-rewards-action-base': true,
                 's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
                 's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),

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

@@ -5,7 +5,7 @@ import { h, Host } from "@stencil/core";
 import SIGift from "../../assets/svg/gift.svg";
 export class SallaRewardCard {
     render() {
-        return (h(Host, { key: '9b1eecb431ab26fc6bfbd89d511294a230dd2aa9', class: "s-loyalty-program-reward-host" }, h("div", { key: '0793104978291566c136eb0e5b841224f97f25b6', class: "s-loyalty-program-reward-container" }, h("div", { key: 'f4572e5480d51f041af3e3b95bdfcc3a952c395e', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'ba3e6d1583219bfba80903d8b45a02c6f862efd2', class: "s-loyalty-program-reward-img" }, h("img", { key: '36e26b8fcf8d2f094b0ab990ad96c3722e23d4fd', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: 'b7f042b124044e8ca7eee15341d08ef175013b18', class: "s-loyalty-program-reward-content" }, h("div", { key: 'd3274d9bf3f53dfdc87e4f11cddd2abae5288333', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '4db76994541536d16e11a7e34bce9e06ce9aff4b', size: "xs" }, h("span", { key: 'a565b786c683bc5b076036c81494137ccaef0c18', innerHTML: SIGift }), h("span", { key: '481a4016c7ccea49a860df2a7b3a322302a2e5ad', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '5820431c80d0eee99da2592ef29685710b73a048', class: "s-loyalty-program-reward-title" }, h("span", { key: '82b99ec1244890b19930686c228ca56ecee7191b' }, this.prize.group_title)), h("div", { key: '08bc6a5f88365c23e07a20b858b4cda5430eb363', class: "s-loyalty-program-reward-name" }, h("div", { key: 'dd4ce5ed0097a746b91c74cdab38ca557c55194d', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'ae7cd30ae6794f0957db6cfca3a69403b5996183', class: "p-4" }, h("slot", { key: '41a4cce4cb28d91d038754f69ea42b25fda6427a', name: "action" }, h("button", { key: '353da11c1197ed3dafd85282cd3343c21f55c80b', 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: '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')))))));
     }
     static get is() { return "salla-reward-card"; }
     static get originalStyleUrls() {

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

@@ -141,11 +141,11 @@ export class SallaRewardDetails {
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: 'e75387a83bdf558f087bfda4f8c7db15bf97ac5d', class: "s-loyalty-program-reward-modal" }, h("div", { key: '89caf02d9b28996177b5bc23a711986ad9da9208', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '455d0a2e6f5c08dbbdf063c1f243e7e041deb788', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        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') ? ''
             : 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: '1e65d03e52071802ec396cc4838bdaf135303494', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f6869249b21464296725644acd9a593fb6c5ea30', class: "s-loyalty-program-reward-details-header" }, h("div", { key: 'c93dfe4c362421f7f7d5938a86d043e6ee0f2369', class: "s-loyalty-program-aspect-container" }, h("img", { key: '0c86bde982fd627939e47b9cf1eed02285a041f1', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '2be3695ee888ef65e0fec106e4b7845abc25491b', size: "sm", bg: "light" }, h("span", { key: '193ce34305780ecc2fd78d4e2d8572da06a0ebda', innerHTML: SIGift }), h("span", { key: 'aee708c7b484afa29392fe25768ae48051c8b211', 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: 'add5d8a427511f9554f5d13a88bc5a4994021477', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '723dd37428176057e6d9e315e2a29528df9b8b1f', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: 'ef1d7ea6af657ff4810c257d378aac35c106de66', 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: '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' ? '' : [
             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: 'd1a0304c5229958d4a135affae27bb62c7419cd8', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), h("salla-reward-action", { key: 'aaad339124dd3e8fcac568540d627d6105712d2f', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
     }
     static get is() { return "salla-reward-details"; }
     static get originalStyleUrls() {

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

@@ -43,7 +43,7 @@ export class SallaRewardExchange {
         this.reset(0);
     }
     render() {
-        return (h(Host, { key: '12288db4227af2c833b80a0a4b4df9192c56a9f4' }, h("div", { key: '0bb5b3037fb091e9f4b96e709ad6df3f97b7d7af', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '5161c1961bd08e626e33780cf01efe5000d8e939', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '83429d754f37b2112ba2201b54a51349a98947df', innerHTML: SIGift })), h("h2", { key: '0437972cf3b853271042de844cb70bc49dd04abf' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '14c0dbd4b29d73082ee71703c0a794447f9ee40e' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '9128f2c88f20536ca5ddae84b2160024bb8b2fe9' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: 'e323f1dbb02caf7e385ac68d3cb74b84a5e062da' }, "(", this.prize.name, ")"))), h("div", { key: 'e5895bd3e62bacf86077fe85932e85f4a313e9f6', class: "s-loyalty-program-exchange-btns" }, h("salla-button", { key: 'df88cc68a2a265fc5a0e9a84be7159d028cc22a9', width: "wide", loading: this.exchange.status === 'pending', onClick: () => this.handleConfirm() }, salla.lang.get('common.elements.confirm')), h("salla-button", { key: 'a99305e2bcde52b63da0b1102f3bd626d256ebbf', width: "wide", fill: "outline", color: "danger", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+        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')))));
     }
     static get is() { return "salla-reward-exchange"; }
     static get originalStyleUrls() {

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

@@ -16,7 +16,7 @@ export class SallaMaintenanceAlert {
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '138946ca54499c6125d04ecbcaea3f578ad463d7', class: "s-maintenance-alert-wrapper" }, h("button", { key: '628862a36b7265092a281e464b356e4609ab461c', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '159a9a144cc2c5094df87b236448f7fd14a46874', class: "s-maintenance-alert-content" }, h("div", { key: 'fe29a1e35330ea4f17860347b40b4860ec0345bb', class: "s-maintenance-alert-container" }, h("div", { key: '7c62e34354d0a63fdadda9b26be6d2470e6dd9b1', class: "s-maintenance-alert-icon" }, h("img", { key: '98d19941151c2efcae9c209177646f05ae98e708', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '7b3b7ffc5e5171ba1f7f8796487ea5239b47f8e1', class: "s-maintenance-alert-text" }, h("h2", { key: 'c6ee28d15e5e4c9e31698973d84966127b34e5cc' }, this.title), h("p", { key: '5970ed9856c0f201446a342bc4009f12f4d9ee85' }, this.message))), h("div", { key: 'c8c9cdea353445770a0326091bb2278d21ddbb17' }, h("a", { key: '979d8db01492abaa32b67ad50e87aeabd04647f7', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        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)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

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

@@ -271,11 +271,11 @@ export class SallaMap {
     }
     // render
     render() {
-        return (h(Host, { key: '8924c9dc6a9b42676e0b38761778808ace71d12f', class: "s-map-wrapper" }, h("salla-modal", { key: '52c34849cb87c8cc171a0f4747efcc9a68181fea', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '47e8a611d43d82613c87b8fce6742f318add9b74', class: "s-map-wrapper" }, h("salla-modal", { key: 'f21d703131da061ba0d5a991a9d73a42062e293b', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: 'b76459b6a42bec114c0196a9f8293dddd6154b6e', name: "button" }, h("salla-button", { key: '1c71ca54a9b5ea164c50f733b271e59dd964798a', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: '21754ee3e232c0ea2a0b0d89fd43fe136eca19dd', name: "button" }, h("salla-button", { key: 'dffc15443da0a75f9cc216edb86b58e0f661bef9', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'fa57f11d2aadedfff68b002da8c4e28a8f741971', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '2403dcd394f47d891b5a6effa0e59c8f8ccfb94d', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '868ac864b392c39cf1314ecfd3d1e45365daad30', 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: 'db8f6bbbe9a89debc626402983a98efc34b2130c', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     static get is() { return "salla-map"; }
     static get originalStyleUrls() {

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

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

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

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

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

@@ -472,7 +472,7 @@ export class SallaMultipleBundleProductOptionsModal {
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '0ed98e10386020a1d958395eb77e1c2f0cdd14c3' }, h("salla-modal", { key: '1bf9da37928c89f67cdbb1e097b0a1d3facd135d', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '5fd7f68f3b2e80ffd9422dc149a01dce5ced9050', slot: "loading" }, h("salla-skeleton", { key: '4c0abf5af0e0b9f031c5d56598d1af41de85dada', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '82d6eefb9428da4bf7aee5261f3477b06dfdf655', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (h(Host, { key: '610ae038d4f9db109e3f25830e82b39a2b07a010' }, h("salla-modal", { key: 'b06c130448cd1862d2e879a0285fd385395cc11b', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '1f8b9ffa80a40f8240ede4b8996943f7eecf4098', slot: "loading" }, h("salla-skeleton", { key: '26463b16022e1f66fd66f4e9cd8907521352bac1', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: 'bae60782cbe4ac7dc325fd666258198cd871a52e', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -480,13 +480,13 @@ export class SallaMultipleBundleProductOptionsModal {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '7b7ec511af859ecb0bbd3c33a719aa979b1014f9', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '998afc3297e89df7e0a6b2514a6d5f4f75152492', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, class: "swiper-slide" }, h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'ac898742d0a81f6d2f957c0cf8e21bd599d25f70', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: '935a3d01a417926e904507d0a64da43c84924068', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index) => (h("div", { key: index, "data-caption": `${this.product?.name} - Image ${index + 1}` }, h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index + 1}`, alt: image.alt || `${this.product?.name} - ${index + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: '696b238bdf814876e5717b2bdf3ae3283a1f4821', slot: "footer" }, h("div", { key: '7a19b10e718f9d775b3477e810f5eb587578e59f', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: 'd1cb0627ebd0f41f1db63e4d5ff8458ceb89cbbe', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), h("div", { key: 'eeb710a27917f6134a2595ebb8e4ec485bb26254', slot: "footer" }, h("div", { key: '2ae3d47c461b68d61fcaa1d8f279ae6402aedf2e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '436f64a89183f0e6d56b6800ad031449c49cc751', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

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

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

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

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

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

@@ -4,7 +4,7 @@
 import { h } from "@stencil/core";
 export class SallaNotificationItem {
     render() {
-        return h("a", { key: '2573709498a577a39e568d38191ea531e56e5bca', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '9cff10cd702cdc37002cb83b9b5d0e60431d86f1', class: "s-notifications-item-icon" }, h("i", { key: 'a7c40a60acf089b1bd8ea666edd52c6bc433790c', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '00b34ed21d29b4949f0172e49eae3782f6f2688f', class: "s-notifications-item-content" }, h("div", { key: '7be372db8b087dbe961db3602911ea34878ab110', class: "s-notifications-item-content-leading" }, h("h4", { key: '18139289b2341d6af1f017b05a75f4302997da6f' }, this.notification.title), h("p", { key: '3090714cc101fbda9caa69f7eddba5626fda2e4a' }, this.notification.sub_title)), h("span", { key: 'b5027892afe18b49562735f757dfa731360b4e41', class: "s-notifications-item-content-trailing" }, h("i", { key: '32feaafc7bba48bc7da4a0d4aaac894580650671', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: '2187685dcd41610810f7d21be983dcd52caae555' }, this.notification.date))));
+        return h("a", { key: '59f70f3078b1a7d47bcee6ccd2d472cb8e9e0823', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '7cfde773f99fd97d2564bb76820fcdc10ddaf1c9', class: "s-notifications-item-icon" }, h("i", { key: 'c7ac49641200f8200d79d801626d819c2ad025d8', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '7b20a3de69f26d62185121017904ea8b73acde6d', class: "s-notifications-item-content" }, h("div", { key: '03e8f73de33418b41ab3dcec65a6cf916edbf670', class: "s-notifications-item-content-leading" }, h("h4", { key: '94f21a0c414c97f647af33f8ec84d74ec91c6de6' }, this.notification.title), h("p", { key: 'b821d9ba8af890d9d3b96b58488ccfe33ae681a1' }, this.notification.sub_title)), h("span", { key: '5aed923cbcdd3b92178de4660b2940ca1fd1958a', class: "s-notifications-item-content-trailing" }, h("i", { key: '283ce5224c7de7ada8afffb9c3ef43bb17f91944', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'b868dc7ecde4155c9827d6ccb2b2ac919525c71b' }, this.notification.date))));
     }
     static get is() { return "salla-notification-item"; }
     static get originalStyleUrls() {

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

@@ -205,7 +205,7 @@ export class SallaOfferModal {
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: '5a42cc8c2d64477c128c2e4faaf839f78529618c', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: '45211a157eb1d98edaf25a427a5d6c907dcb858c', slot: 'loading' }, h("div", { key: '7ee0eccd2f6601932c97ec94ded16066163559b4', class: "s-offer-modal-skeleton" }, h("div", { key: '24c90fd89a9921e7a9f5d6d8c58395a0a03e82ce', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'c1aaa7693e92682a34335ae2762e37eeca3dc3ad', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'd30ae6b6790b0e21dc863e515d8dcfb4bba73c9d', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'f71a00bc5d80972422a82d898e7383c89e741db7', height: '10px', width: '30%' })), h("div", { key: 'eb0e0425cd69bb53522421b42aee9e57d527d604', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '166219b8dcf9310aaf59e87f3ccb46fbf22de119', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'f70230a11af92b21e0d3a19a29b12fe54bae845c', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'c8a4f0908c2c1c1f6cfe7a2f9adfb7c37315b308', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: '570466318b6cd66a7a8b3dd0d80424c2fd73328d', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'ded0c8df17d5e5c1d6e77b8e1be469e69d3ee12f', slot: 'loading' }, h("div", { key: 'fc96c54fcecc896b3e5a1838e2d07d545fce2f85', class: "s-offer-modal-skeleton" }, h("div", { key: 'ee7a6f25aabbf4263b43fc7545bbb2c7bfca9b3a', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '9604f5f33d1d8e074cc3c314addb945b087431ee', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '65194ecfee0a01f7c38aa72f7ce2c8c81c893b1f', height: '15px', width: '50%' }), h("salla-skeleton", { key: '21d466bf32f435a511dcece76f51f4052089c130', height: '10px', width: '30%' })), h("div", { key: '53fb44c7c60ca8236dc7ec60ff65cb71df39c03b', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '52ad47514b0c00b73ec7d98073b09d21ce6a2b12', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: 'a271e30ab34d96731cc1f51c32cba9aaefee1953', height: '15px', width: '50%' }), h("salla-skeleton", { key: '6e199a5b1283c9d82588c60c712d3799b88c5c8d', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

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

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

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

@@ -24,7 +24,7 @@ export class SallaOrderEditProductCard {
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: 'f5a665dd52e9a3280a81bcf6f6e2f286a11cd417' }, h("button", { key: '9a0a846f40962ace66cc20d74cafd768ecf013fe', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '28113406f30fccdf5d49ac688e7e55fef27789e8', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: '9210d60532997f80fa165154768483eebbea01f3', class: "s-order-edit-product-card-content" }, h("h3", { key: 'a91e3b58e83a982ad9b2e855a88fbc7982faace9', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '7abfe3edb776da102b513803913a4ac69199aa2a', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: '7669432a4756da446e16d9a3093a067767c5dd9d' }, h("button", { key: 'd998dde2a1dc4eae7444fd398910c3a0699730f8', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: '6a0e6eec84de332598d94be87b49564eeb2cfbc2', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: '4eeb9f7430c19f8e792b0f6856fb86a2f265eb95', class: "s-order-edit-product-card-content" }, h("h3", { key: '840ae549097a53f1f297673d69e3155792a4097e', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '32732854ca599fe446d0b47883b892ac17d90cae', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
     static get is() { return "salla-order-edit-product-card"; }
     static get originalStyleUrls() {

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

@@ -62,7 +62,7 @@ export class SallaOrderSummary {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: 'c95c9ab867fda65d1db9e61addec2e5f8e5135a6', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'd699111d423dbb47469d813f64e5f956f5860522', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? iconCheck : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

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

@@ -42,12 +42,12 @@ export class SallaPayments {
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '30665e5ed040549b19fc57e40f6d775002f946ee', class: "s-payments-list-wrap" }, h("ul", { key: '2663cf3ea7f5e0ff43cff06cf394ec9ac27a7744', class: "s-payments-list" }, madeInKSA && h("li", { key: '000a08d758762a0f8200d8a11a06798c1a5ab09b', class: "s-payments-list-item" }, h("img", { key: '86f94d04fc0cae22da67fed5fbdcf56062021dce', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: '73ab5a6358aa50ec48024274ef18ba9e3628fe4e', class: "s-payments-list-wrap" }, h("ul", { key: '819d1b51174aff73023235e6a730463bfaa5ca13', class: "s-payments-list" }, madeInKSA && h("li", { key: 'f10446c5c7981747a3308a45cd090e5e64bef668', class: "s-payments-list-item" }, h("img", { key: '91349a29bcf349f20d9d7914ee7991dd29b3f042', width: 58, height: 58, decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, this.paymentLogo(`cod`)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, this.paymentLogo(payment))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '1fb6e34239ef2fb7f5d056f24448bb86ee4118ec', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'df1d5a5532bf4dc5d364ba85ca1c0ad828c18ff0', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

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

@@ -35,7 +35,7 @@ export class SallaPlaceholder {
         };
     }
     render() {
-        return (h(Host, { key: 'f2fb77ca80d28fcc5f5505f4588bef72a4a26690', class: this.alignmentClass() }, h("div", { key: 'b2a1b41baf2a78087fd1f41f2f7244a36eb20846', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '65d106c0700890b7033ffb17ad7497db11cbdc65', class: "s-placeholder-title" }, h("slot", { key: 'aaa421d74b1c1c7e506adaee5efd6e7e1fe367e9', name: 'title' }, h("span", { key: '5e8232ebceffa33a1a997faf302e66f7f7d6112d' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '47f7267ff9aef10baff8a5d555cd116c569790c9', class: "s-placeholder-description" }, h("slot", { key: '8f54838b8258e2f2a42a0da120186a9a7b71503f', name: 'description' }, h("span", { key: '6a5b79c1a69449ea4cd20d96f6149dfe89425ec3' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: 'c1d7092a1bfdbf8e25595ef2205d7e5721f338ed', class: this.alignmentClass() }, h("div", { key: '85929e725cbd6e092b18038a240fbe0bda095648', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '773b9c9723a4542ca9518833ffad1470955a973b', class: "s-placeholder-title" }, h("slot", { key: 'c42d3d92f66cd5917952542360aacf936bde0d23', name: 'title' }, h("span", { key: '850e1a5abb42bbe69ea64d7c26f196d05fcf721d' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '4f56988f2a84ab394f39ff931f5ac8858a010d1e', class: "s-placeholder-description" }, h("slot", { key: '886cae5311fa0ca5b763fb20ce9fe7c1845d4cab', name: 'description' }, h("span", { key: 'f0cb7f4c50a1449d12467aaa802d47abbb4e0e53' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get is() { return "salla-placeholder"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-price-range/salla-price-range.js

@@ -146,9 +146,9 @@ export class SallaPriceRange {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: 'ecc44cf63ea7788f00aa33a19c06579c887c59dd' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: 'dc74966c1d2d9e5626b23db0a80b693fef047f41' }, this.filterValues.map((filterValue, index) => {
             return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), h("div", { key: 'c4b6d75b11a2625f429caf6bba9e0dd625f6f646', class: "flex justify-center items-center" }, h("div", { key: '4e85f9c05415daf235ab965ebe185c7171f08e06', class: "relative max-w-xl w-full" }, h("div", { key: '44b7747bfa4ec0e46da70dcf25f5325562bb0be9', class: "s-price-range-inputs" }, h("div", { key: '08a9afa0ea579f31eba87561283162b1d47f123f', class: "s-price-range-relative" }, h("div", { key: '54540065c16484f01e356fb2094f3163357ffd95', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '851b957d076c25808edba4e763ae31286047782f', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'f8a910aca554ae21657a19115d7f9607efb0566d', class: "s-price-range-gray-text" }, " -"), h("div", { key: '7d1561634459c15862bc0455b4bd9248d44a8446', class: "s-price-range-relative" }, h("div", { key: '7ca1fb8056b8af71f6f57524ed9d5fdfdc641ef2', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'e6411b0e1b0e36b45a6879c1b257f394ec94007f', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '63bc422c8d82c820bd984d5af68f8081add164c3', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: 'b81d3813cb2ff9523f232cf0a615c58576b14177', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
+        }), h("div", { key: 'b12dad0c27f3fbe9ad8a9c98b9bd1302388b35ef', class: "flex justify-center items-center" }, h("div", { key: 'e034058e195a94c2434e99c5b30b2e5909daff87', class: "relative max-w-xl w-full" }, h("div", { key: '4c59f5a3c8249717c4c6decbcdb63d97343bd871', class: "s-price-range-inputs" }, h("div", { key: '65de0733e3ce1ea7b37976f1d077d1f3192056c5', class: "s-price-range-relative" }, h("div", { key: 'ed842802aff5cd874e708c062aa79e8185d330f3', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '78d020948e3edc4e53fff976fa8e00b2e6ac6868', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'edfb3dd62b7898d4493a1adefeee20bdb305c89a', class: "s-price-range-gray-text" }, " -"), h("div", { key: 'f2227f09a344b8cc8c1160c23a6dbc9cd96cb260', class: "s-price-range-relative" }, h("div", { key: 'e528e7766eb7f6b9e0791116c87374441c73afe6', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '6dda7a17097ae51c50c3d4aae290ce1b0369dcfa', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '970d39060c565e7dc18e6a2039452a3b3df04082', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: 'da9b6ed688a64d624eedc3834ad3be47533c9dd5', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -137,7 +137,7 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '0779c3aef2637bfcd30ecf110d0cd31d819a82a5', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
+        return (h(Host, { key: 'ccb098126e7809a6386ff38c74dfa0f00f64deeb', class: "s-product-availability-wrap" }, this.isSubscribedToProduct
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribedToProduct ? '' : this.renderModal()));

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

@@ -105,14 +105,14 @@ export class SallaProductCard {
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (h(Host, { key: '0f4b4f64ee342da10905dee73db8a2b4bebdfc9e', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'ed5cfb208c6241ca6ccd2c8f2205f76d1f81ca2a', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '865376db3deadd97c23480e9226a50abe9371284', ...hrefProp }, h("img", { key: 'ad314a97956853e26b3a3c4ecb9f1d427bf748fb', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (h(Host, { key: 'c5a6d2bc2fcf23da1a41ab8b19b2e981fb111e30', id: `product-${this.productData?.id}`, class: classes }, h("div", { key: 'e8d5105e4dbe367c612d62ef1dd6c95d04f440b0', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", { key: '8714997fcb48ef0eaabdf0a52cb775514e53db56', ...hrefProp }, h("img", { key: 'eebd3c1dde0894037a7723c46e2f07f6a5aef939', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: 'eef3edab8f4cc75c385928dcdbd9d29c318b68cc', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '208f74738cd81bb68ec63f4fdadedbd9b19e6dad', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", { key: '72e240315320e976dcad8d3f027711b9c1d7bcf1', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, h("span", { innerHTML: Heart })) : ''), h("div", { key: '2f0186ffc102488824cd7c346f4e07439474fc26', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: '6b00056661ebe29db89377f858bfefda80ed365f', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'a1a7a2d363a009c3254df7728e80f958be76a012', class: "s-product-card-content-title" }, h("a", { key: 'c3c8a4b862cf6a0b78bafb6f30bd5a04d437257d', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', h("div", { key: 'd50ea0726d25bf3b551050e906fc615bc682e694', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'e4f39676d661a01d1aa6352cac7be6e764fa8687', class: "s-product-card-content-title" }, h("a", { key: '0aacc2e00a0db730d1e803da34336085082df75d', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: this.productData?.donation }), h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -121,7 +121,7 @@ export class SallaProductCard {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '2ab7701aac64f90667627f0a0b3bfc031e30d835', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', h("div", { key: '445a1e16fee6ebb6ab5012aca324d3845991d13e', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })

package/dist/collection/components/salla-product-card-embed/salla-product-card-embed.js

@@ -94,7 +94,7 @@ export class SallaProductCardEmbed {
             's-product-card-embed-card-align-right': this.align === 'right',
             's-product-card-embed-card-align-center': this.align === 'center',
         };
-        return (h(Host, { key: 'e8f9e90bcb0326885566a90677521bf5d9d35209' }, this.hasError && h("span", { key: '12561caa2ccc4ebdc7ceafd943ca50bcc7bf41fa', class: "s-product-card-embed-fallback" }), h("div", { key: 'bfa851cfbd44ca5ca63e7b9c0d3505c901a9c344', class: cardClasses, ref: (el) => {
+        return (h(Host, { key: '3d9fb0dc8473e0959bbe13b4f8c8eea7a51830ea' }, this.hasError && h("span", { key: '25228d6d007d7dcda5e5767e14d2c363abfdab3e', class: "s-product-card-embed-fallback" }), h("div", { key: 'd66d592bfad1468b745f3a954c335f72ecda1e08', class: cardClasses, ref: (el) => {
                 this.cardContainer = el;
             } })));
     }

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js

@@ -45,11 +45,11 @@ export class SallaProductSizeGuide {
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: '750cca54e5286fc1b77942cc4a9784970b8569ec', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '0aecc3b447a0ef8f92183c1c785c2a8bbf139c17', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '1720d30460d99d578365cae9d6a0e92790f834a2', slot: "loading" }, h("div", { key: '0bf85ba5de7db72b7e4f4d94e592dc951c1d3801', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '3635e6c238400762f5c70266bb8359cf3c1c0527', height: '15px', width: '25%' }), h("div", { key: '0adfa776efbf9e7d988d08a3dce69900d6d3d737', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '53799c8bd0f495ec723d0cf4be0ab0e978351c23', height: '40px' }), h("salla-skeleton", { key: 'a825da569d6453a5e3b6cac9cf5848f941af22ae', height: '40px' }), h("salla-skeleton", { key: 'd2091d09ca662aef1f2d6b3cddb4bf86ccc77c0f', height: '40px' }), h("salla-skeleton", { key: '5974a5b7227d03979ea5a65f2f1481f59ca6e0fe', height: '40px' })), h("div", { key: '6e12dc1b703488433f5e8047efe16d70ebaec8c3', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '9d54f957ba7e4c78fff9ed693179d5f7faa55a25', height: '15px', width: '25%' }), h("salla-skeleton", { key: '946eedae2371d7df9d1b9cf8cf1b0f7800554eed', height: '10px', width: '75%' }), h("salla-skeleton", { key: '35d38d23f73bb4bbd4dc5372b70cd34f09cec2ea', height: '10px', width: '50%' }), h("salla-skeleton", { key: '8f13518e172127af747f50773f7a7f0d64d2c0ba', height: '10px', width: '75%' }), h("salla-skeleton", { key: '759708410b562babb733f401cdf8ee310761b110', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'ad8d12dcefe5fbbd8dfa4060a028a3387186ffa1', height: '10px', width: '25%' }), h("salla-skeleton", { key: '63c5864943ec23a3a42761c90ca019acd7118f8c', height: '10px', width: '60%' }), h("salla-skeleton", { key: '490d6078c8d382740eb92c825a08e2aad203c4af', height: '10px', width: '45%' }), h("salla-skeleton", { key: '10b0d73e6a34990a2d23554faec6bce24dcc234e', height: '10px', width: '30%' })))), h("slot", { key: '3d0a3e42eba7cc521e8df1fbb2e7323962bff5a8', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: '063a407b20a58cd485aab5545bc36ef7bcf97bda', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: 'f3020bc65b716269d77e46bf28a6ff610ebff117', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '588de84c8b24de3331ff825a29e8332c1c426752', slot: "loading" }, h("div", { key: 'be0c2882631109efd8099d96cc9c8b22ff266893', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '04030e4cb75e1f49d939d1c87b97eb0fe73eff0f', height: '15px', width: '25%' }), h("div", { key: '1576c0a47284315aa3ec408d75bcbb261f230b3f', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '4edba887e3a631d1fccaa4379c3f7b9ebc8e3fb9', height: '40px' }), h("salla-skeleton", { key: 'da6c9bdf9eb7cb8cd6366b9dc954055ed3f79607', height: '40px' }), h("salla-skeleton", { key: '322e2e5d0f05949a6a957b695c6f557512acc689', height: '40px' }), h("salla-skeleton", { key: '4914a613bf190d2fc7029098ba7c7fd54bdace4c', height: '40px' })), h("div", { key: '209144302d7127ffc6933519db28d9cba949827f', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: 'cca674f6d7fe8a88c240b38df567f2980efdb9e1', height: '15px', width: '25%' }), h("salla-skeleton", { key: '9754e50822954fa6a333634a40d4414cc1785c04', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'b18e8d9fb7d1ddb9766fb9b24285480dbeb6d678', height: '10px', width: '50%' }), h("salla-skeleton", { key: '6904a849b03278f8a99aa5056772f58d14ecc10e', height: '10px', width: '75%' }), h("salla-skeleton", { key: '357446cfbab8c5b5062ef582dabc5a41b987a2d6', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'b8d2ab21d3c68f1f7c325aac46c6574b8f62878c', height: '10px', width: '25%' }), h("salla-skeleton", { key: '578de2e17060b4b8f1d8e18e77e423b8a2ca746f', height: '10px', width: '60%' }), h("salla-skeleton", { key: '442da0c1997e968f77ef7d5ea14b507387004814', height: '10px', width: '45%' }), h("salla-skeleton", { key: '0ff2e33c0f931e577b020e83f5704454169c697a', height: '10px', width: '30%' })))), h("slot", { key: '83f7baaa539d8084e6efb898a865723fab3552ff', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: 'd1fc7cdbbd52a1c3c2b08f45a647e7ea1586cc9d', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '598c8e9603633bbb4d89f767237eda21282b4e04', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -91,7 +91,7 @@ export class SallaQuantityInput {
         if (!inputAttributes['aria-label'] && !inputAttributes['aria-labelledby']) {
             inputAttributes['aria-label'] = salla.lang.getWithDefault('common.elements.quantity', 'Quantity');
         }
-        return (h(Host, { key: 'ada66e864b927a5a1ec496c528b0f35121cb0e3e', class: "s-quantity-input" }, h("div", { key: '55601a364982154960a0513b507bfd7e349eea3f', class: "s-quantity-input-container" }, h("button", { key: 'e4f652ee5aa01e9be701f375c1d6c67821624b1d', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: '811f80ce4faa3ae783070ee18df09024dc157016', name: "increment-button" })), h("input", { key: '6f5db2fb1f02a7f3a80d9ac769608c0956942df1', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '835ad4fc21b7926de520972fb0c550009b143c26', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'c03fec4e1736df09bd555a04ded8941a50244eb2', name: "decrement-button" })))));
+        return (h(Host, { key: 'c797988f98c583df0064468e39f622d6e56e24e2', class: "s-quantity-input" }, h("div", { key: 'de47e2fda231074d7d7d0787dfda9cf5499f843e', class: "s-quantity-input-container" }, h("button", { key: '7c9e1918d5cbb682c1e64d59250fb9240966b8b0', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button", "aria-label": salla.lang.getWithDefault('common.elements.increase_quantity', 'Increase quantity') }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'a3ee0a9ca52089113b5af350b167a37118a20893', name: "increment-button" })), h("input", { key: '6137f675da24a5ef3325ec333f66299319c21e16', class: "s-quantity-input-input", ...inputAttributes, ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), inputMode: "numeric", pattern: "[0-9]*", min: "1", readOnly: this.disableInput, value: this.quantity }), h("button", { key: '64d016e0fcb7339d0125c4d1f66862cb0331c296', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button", "aria-label": salla.lang.getWithDefault('common.elements.decrease_quantity', 'Decrease quantity') }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'd7f3859f72897db514c77eb0119680e00574902c', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -259,7 +259,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: 'fb1bdf862d9b9cea58df14862f7ec9c4be388585' }, this.quickBuyButton());
+        return h(Host, { key: '1895bf6077b3c9d2068830ac621e8f5b8afd1193' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla?.config?.get?.('user.language_code') || 'ar', onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });