@salla.sa/twilight-components 2.14.461 → 2.14.463

package/dist/components/salla-cashback-banner.js

@@ -2,7 +2,6 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as setTranslations } from './translations.js';
 
 var StarFilledIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_5667_2008)">
@@ -29,7 +28,6 @@ const SallaCashbackBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaCashba
         try {
             await salla.onReady();
             await salla.lang.onLoaded();
-            await setTranslations();
             this.productId = this.host.dataset.productId || salla.config.get('page.id');
             if (!this.productId) {
                 return;

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

@@ -2,7 +2,6 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { s as setTranslations } from './translations.js';
 import { l as loyaltyProgramIcon } from './gift.js';
 import { T as TrackedPromise } from './tracked-promise.js';
 import { d as defineCustomElement$4 } from './salla-loading2.js';
@@ -35,7 +34,6 @@ const SallaLoyaltyBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalty
     componentWillLoad() {
         return salla.onReady()
             .then(() => salla.lang.onLoaded())
-            .then(() => setTranslations())
             .then(() => this.prize())
             .catch(error => salla.logger.error(error));
     }

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

@@ -11,13 +11,13 @@ const SallaLoyaltyHero = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyHero
         this.__registerHost();
     }
     render() {
-        return (h(Host, { key: 'f273bd77fb72c44195d5c59028505a217e4fb2f2' }, h("section", { key: 'dfe6196286fe59610bd084fbf0513bae4dfbe254', class: "s-loyalty-program-hero-container" }, h("div", { key: 'bcbcf95e78477768d050093294147fb6d9777046', class: "s-loyalty-program-hero-background", style: {
+        return (h(Host, { key: '5c5193846a54877e042ef6470014aa6d041f5d40' }, h("section", { key: '6072a4836f28c2de74eeb2208f1e2e66f274875e', class: "s-loyalty-program-hero-container" }, h("div", { key: 'e5475eebd8725e3fc0650a4a3fd9ace4c0b785af', class: "s-loyalty-program-hero-background", style: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '61ea985f1105f98da5a6bc58ddce42e88b23df28', class: {
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '485aa5a50b7cfc463cafa704c08bc01d7a2a56df', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: '74b4e725bc91e72fb4512533e9d91dccd2f2a040' }, h("h1", { key: '3f9b8a0d9a1fc9c58007049b91f4852c0e7a9470', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'a404bae08a1d4922b73eef9122f540b4a5a412ae', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '04df0835694628c383d8cbb5455400d47bcce501', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: 'c0d757cbffaf88a4f40dd1a61444189d36c40763', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'cd347b02a9c588dca9d98723c7e06adfba5662f8', name: "action" }))), h("div", { key: '261ed03dd2f3ea1ae218b82bf6f2897321fd18c2', class: "s-loyalty-program-hero-footer" }, h("div", { key: 'bf78eba028f33115c6d6ea11bd613bef7202e100', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: 'd061f05ef8d7959a226b2a3b2d5d915ac525dbe0', name: "crosspoint" }))))));
+            } }, h("div", { key: '5a20942fbdcf655adf647d5fda20d98c95e7b5f0' }, h("h1", { key: 'cd588ad7f5d83aaf91b584ca27e1e4765401eb22', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: '2bc4d0be971eb4772ad0c312a0036715939ee443', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: 'a57f729e535582f45543d95d1c305b5a89c18118', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '9eae1d22eb64f00e25a355485979435bce464a4a', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'c8f7c4aca6095bd75d0122e5ce3694af3561a01e', name: "action" }))), h("div", { key: 'f08a2d8a93bdfc9ca93effd4b4e693670c057689', class: "s-loyalty-program-hero-footer" }, h("div", { key: '171cc3d9a92aee7380aa974a300f91e81ae3319d', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '518e48e2dede80b0acd427d1d1ca0aaf2c1ffef0', name: "crosspoint" }))))));
     }
     static get style() { return sallaLoyaltyProgramCss; }
 }, [4, "salla-loyalty-hero", {

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

@@ -2,7 +2,6 @@
  * Crafted with ❤ by Salla
  */
 import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { s as setTranslations } from './translations.js';
 import { n as normalizeLoyaltyData, c as closeModals } from './functions.js';
 import { R as Rate } from './star2.js';
 import { C as Cancel } from './cancel.js';
@@ -66,7 +65,6 @@ const SallaLoyaltyPanel$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyP
     componentWillLoad() {
         return salla.onReady()
             .then(() => salla.lang.onLoaded())
-            .then(() => setTranslations())
             .then(() => {
             salla.event.on('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
             salla.event.on('loyalty::exchange-reset.succeeded', this.handleResetSucceeded);

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

@@ -196,12 +196,6 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
                 return '';
         }
     }
-    getSteps(point) {
-        if (!!point.steps.length) {
-            return (h("div", { class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { class: "s-loyalty-program-points-chain-list" }, this.point.steps.map((step, idx) => 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]), 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: loyaltyProgramIcon }), h("span", null, salla.lang.get(`pages.loyalty_program.step_${idx + 1}`))), h("p", { class: "s-loyalty-program-points-chain-description" }, salla.lang.get(`pages.loyalty_program.${step.key}`, { points: this.point.points }))))))));
-        }
-        return '';
-    }
     getDetails(point) {
         if (point.conditions.filter(c => c.key.endsWith('_BY_CATEGORIES')).length > 0) {
             return (h("div", null, h("div", { class: "s-loyalty-program-point-subheading" }, h("h2", null, salla.lang.get('pages.loyalty_program.how_to_use')), h("p", null, salla.lang.get('pages.loyalty_program.how_to_use_steps'))), h("div", { class: "s-loyalty-program-points-modal-details" }, point.conditions.map((condition) => h("div", { class: "s-loyalty-program-points-chains-wrapper mt-5 mb-5" }, h("div", { 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])), h("div", { class: "s-loyalty-program-points-chain-content" }, h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, h("span", { innerHTML: loyaltyProgramIcon }), formattedPointsJsx(condition.points, isUnitOrder(point))), h("p", { class: "s-loyalty-program-points-chain-description" }, condition.name), h("div", null, this.getCategoriesJsx(condition.value)))))))));
@@ -222,7 +216,7 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
         }
     }
     render() {
-        return (h("div", { key: 'da9f8ed073dad418e72c05c54b0362dbd35f3935' }, h("div", { key: '884b4463371c9e806c5a0b050eb977628b46c800', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'eb992d3f22972cd1bcfd475f35652a99887450c0', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '449c106f8babe36f6cc9b2273886aa4e2b81fe15', class: this.point.icon })), h("div", { key: 'e52de07a850e0e46799aba2f031f492d8f18dcb3', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '4174dd5fa7c2e60725d53b3e9d7868a5f450f7ba', size: "xs", bg: "transparent" }, h("span", { key: 'a8ff60258c58e6901d7438c239296ce2563cafd2', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: '2196dee1a40e48a2cb7e53038e7e42a39863ad72', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'fd3ccf58c671317ceffdd0615c443671354a31de', size: "sm", bg: "transparent" }, h("span", { key: 'f21842a6f380f20d4de80df057852cbd48befa4e', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: '7593ae79293d532ec6c3e6456c3434fc5b2beb29', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (h("div", { key: '18188b96c76014a8ca63490301473570179c6e78' }, h("div", { key: '0549c74cd95a162a59a471cdc59be0f1ced0ce0f', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'cb3cbbd5b73644e1e69bd427e8603021e3177b1c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '9915e810011d48c389f2ff7e49059c386a71fb9f', class: this.point.icon })), h("div", { key: 'ee19572884f1d26780cde2532f65dedaea881240', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: '781ec4ca3f923a0784242d3933131616f2b24d44', size: "xs", bg: "transparent" }, h("span", { key: '5e38c2cb5b84f3c5dcddf1ab52ece36f91aaf89c', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("div", { key: 'a78d50feb0e87e3df46616b80296566dd41f04bf', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'e984c578ad5ec7a6837d051d7d79635e1867b2d8', size: "sm", bg: "transparent" }, h("span", { key: 'b10cba531be0562633c446fe9f545553606e36af', innerHTML: loyaltyProgramIcon }), formattedPointsJsx(this.point))), h("p", { key: 'c10978d7fdf85a7c99442d8ab3583048380d2108', 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,
@@ -232,12 +226,12 @@ const SallaLoyaltyPoint = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPoi
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
                     's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, this.point.description)), h("salla-modal", { key: '90be47d92f0ae74242c304c3b8d5c12c5a0a4649', 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: '00afe4584f14da0fd383f7e3109486541ca157f7', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'd6af2b363b64fa2490bcaf1039f7128e63df6121', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: 'e3cf11bcab3be81bfa63f03a75f2d655c38fc95e', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'ce0a574cbcaabd7ac589e1e3be33708e664dbc08', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'c974151e5162d8dd0ab2bc75bae20966efb268f1', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '81d369d4f8d7ee6650cef1b55ce740c64716b2bd', class: this.point.icon })), h("salla-badge", { key: '0146ac225e7d54d14bcf5e53ba6c5325e0da260f', size: "sm", bg: "light" }, h("span", { key: '0653cb7799ed999c61cd7d5b6d350bcbaf7a5d95', innerHTML: loyaltyProgramIcon }), h("span", { key: '67a397aabbc889ceff3cdcf1e37ecc2614702369', 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: '3d270563818b923112c889b291ad72ef6a15b9bc', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '0157d2d96b4b7dac9c687cef58af87fdb4871fc1', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '469624383bad345a97ca9b74980d2a1499aa1b6a', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, this.point.description)), h("salla-modal", { key: 'e44d1d39a1a7aa2f5560ed920a1e7b071f89e44c', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, h("div", { key: '29079334d694c522883e101be8cbf3cac7cf53cb', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '31d76362feb5d8faf3f0ef7f0bc253aa5d53bf06', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '526cfb6c9181e17c2953678da7018ba627d410fe', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '09aff5a2d91555902ed6adcb9875b43915a2c26a', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'a3878cda3a169d8780232b1b94f52add991038f6', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '54ba6129910cad8719872ac3f6fa2849ff3fe085', class: this.point.icon })), h("salla-badge", { key: '32f3fb88719c3c6ed8523235a0c05ec7cdf52936', size: "sm", bg: "light" }, h("span", { key: '8b9eb28e0175f411dd96cf99e7bbfd82d6364178', innerHTML: loyaltyProgramIcon }), h("span", { key: '93e030f87e44efd45f46d5e246fc9b636b84150f', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
+            h("div", { key: '8536792c55eee3afaf0f22706691109dd14b08d1', class: "s-loyalty-program-points-modal-details" }, h("div", { key: '9121cc3b2e099189ee780a37c07cfdd4a83471d5', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '254a0641aac4eafd9386757445808567c1fd5707', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
                 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: 'bba31447df26e2a50a28cb6af922d49ec52a854b', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: 'c6c84d25fddc848235682d14cc0e4755e91deb95', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '1f7fbf431f89bb0d08e531ea4e6fb41109cad50e', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), this.getDetails(this.point), h("div", { key: '5a7b03a390c7fe14741e8ba2a720335496af2ffb', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : h("div", { class: "s-loyalty-program-points-modal-list" }, h("div", { class: "s-loyalty-program-point-details-branches" }, h("h2", null, salla.lang.get('pages.loyalty_program.branches')), h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, h("ul", null, this.point.branches.map((branch) => (h("li", { class: "s-loyalty-program-points-modal-list-item" }, h("p", null, branch.name), h("salla-badge", { size: "sm", bg: "transparent" }, h("span", { innerHTML: loyaltyProgramIcon }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '627db1137113e711730ba1187d43224b24b66381', class: "s-loyalty-program-points-modal-action" }, h("a", { key: 'acb48d39007c6c42d2a248dbdd62c6e1afb0c994', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 's-loyalty-program-points-action': true,
                 's-loyalty-program-points-action-completed': this.point.is_completed,
                 's-loyalty-program-points-action-incomplete': !this.point.is_completed,

package/dist/components/salla-loyalty-points-banner.js

@@ -2,7 +2,6 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { s as setTranslations } from './translations.js';
 
 var MoneyIcon = `<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M8.76604 2.86201C9.31804 2.61001 9.93304 2.41501 10.611 2.27701C11.289 2.13901 12 2.07001 12.744 2.07001C13.572 2.07001 14.364 2.15401 15.12 2.32201C15.84 2.49001 16.356 2.81401 16.668 3.29401C16.932 3.70201 17.064 4.26001 17.064 4.96801V13.032C17.064 13.416 16.95 13.752 16.722 14.04C16.506 14.304 16.227 14.493 15.885 14.607C15.543 14.721 15.204 14.742 14.868 14.67C14.196 14.514 13.488 14.436 12.744 14.436C12.084 14.436 11.442 14.502 10.818 14.634C10.23 14.754 9.70204 14.922 9.23404 15.138C8.68204 15.39 8.06704 15.585 7.38904 15.723C6.71104 15.861 6.00004 15.93 5.25604 15.93C4.42804 15.93 3.63604 15.846 2.88004 15.678C2.18404 15.522 1.68004 15.21 1.36804 14.742C1.08004 14.322 0.936035 13.752 0.936035 13.032V4.96801C0.936035 4.58401 1.05004 4.24801 1.27804 3.96001C1.49404 3.69601 1.77304 3.50701 2.11504 3.39301C2.45704 3.27901 2.79604 3.25801 3.13204 3.33001C3.80404 3.48601 4.51204 3.56401 5.25604 3.56401C5.91604 3.56401 6.55804 3.49801 7.18204 3.36601C7.77004 3.24601 8.29804 3.07801 8.76604 2.86201ZM11.25 9.00001C11.25 8.59201 11.148 8.21701 10.944 7.87501C10.74 7.53301 10.467 7.26001 10.125 7.05601C9.78304 6.85201 9.40804 6.75001 9.00004 6.75001C8.59204 6.75001 8.21704 6.85201 7.87504 7.05601C7.53304 7.26001 7.26004 7.53301 7.05604 7.87501C6.85204 8.21701 6.75004 8.59201 6.75004 9.00001C6.75004 9.40801 6.85204 9.78301 7.05604 10.125C7.26004 10.467 7.53304 10.74 7.87504 10.944C8.21704 11.148 8.59204 11.25 9.00004 11.25C9.40804 11.25 9.78304 11.148 10.125 10.944C10.467 10.74 10.74 10.467 10.944 10.125C11.148 9.78301 11.25 9.40801 11.25 9.00001ZM14.328 7.79401C14.076 7.75801 13.812 7.73401 13.536 7.72201C13.38 7.71001 13.245 7.75501 13.131 7.85701C13.017 7.95901 12.954 8.08801 12.942 8.24401C12.93 8.40001 12.975 8.53501 13.077 8.64901C13.179 8.76301 13.308 8.82601 13.464 8.83801C13.704 8.85001 13.938 8.87401 14.166 8.91001C14.322 8.93401 14.463 8.90101 14.589 8.81101C14.715 8.72101 14.787 8.59801 14.805 8.44201C14.823 8.28601 14.787 8.14501 14.697 8.01901C14.607 7.89301 14.484 7.81801 14.328 7.79401ZM4.53604 9.16201C4.29604 9.15001 4.06204 9.12601 3.83404 9.09001C3.67804 9.06601 3.53704 9.09901 3.41104 9.18901C3.28504 9.27901 3.21304 9.40201 3.19504 9.55801C3.17704 9.71401 3.21304 9.85501 3.30304 9.98101C3.39304 10.107 3.51604 10.182 3.67204 10.206C3.92404 10.242 4.18804 10.266 4.46404 10.278C4.62004 10.29 4.75504 10.245 4.86904 10.143C4.98304 10.041 5.04604 9.91201 5.05804 9.75601C5.07004 9.60001 5.02504 9.46501 4.92304 9.35101C4.82104 9.23701 4.69204 9.17401 4.53604 9.16201Z" fill="white"/>
@@ -22,7 +21,6 @@ const SallaLoyaltyPointsBanner$1 = /*@__PURE__*/ proxyCustomElement(class SallaL
         try {
             await salla.onReady();
             await salla.lang.onLoaded();
-            await setTranslations();
             this.productId = this.host.dataset.productId || salla.config.get('page.id');
             if (!this.productId) {
                 return;

package/dist/components/salla-loyalty-points-history.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SallaLoyaltyPointsHistory extends Components.SallaLoyaltyPointsHistory, HTMLElement {}
+export const SallaLoyaltyPointsHistory: {
+    prototype: SallaLoyaltyPointsHistory;
+    new (): SallaLoyaltyPointsHistory;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,129 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { l as loyaltyProgramIcon } from './gift.js';
+import { d as defineCustomElement$3 } from './salla-button2.js';
+import { d as defineCustomElement$2 } from './salla-loading2.js';
+
+const formatDate = (timestamp) => {
+    if (!timestamp)
+        return '';
+    return new Date(Number(timestamp)).toLocaleDateString(salla.lang.locale, {
+        weekday: 'long',
+        year: 'numeric',
+        month: 'long',
+        day: 'numeric',
+        hour: 'numeric',
+    });
+};
+const translateKey = (key) => {
+    if (!key)
+        return '';
+    try {
+        const k = key.toLowerCase();
+        const translation = salla.lang.get(`pages.loyalty_program.${k}`);
+        return translation === `pages.loyalty_program.${k}` ? key : translation;
+    }
+    catch {
+        return key;
+    }
+};
+const SallaLoyaltyPointsHistory$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyaltyPointsHistory extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.loyaltyPointsArray = [];
+        this.balance = 0;
+        this.isLoadingLoyalty = false;
+        this.nextPageUrlLoyalty = '';
+        this.handleClick = () => {
+            this.loadMoreLoyaltyPoints();
+        };
+    }
+    async componentWillLoad() {
+        try {
+            await salla.onReady();
+            await salla.lang.onLoaded();
+            await this.loadLoyaltyPoints();
+        }
+        catch (e) {
+            salla?.logger?.warn?.('salla-loyalty-points-history: init failed', e);
+        }
+    }
+    async loadLoyaltyPoints() {
+        this.isLoadingLoyalty = true;
+        try {
+            let url = `/balance/points?page=1`;
+            let resp = await salla.api.request(url);
+            this.loyaltyPointsArray = resp.data;
+            this.balance = resp.balance;
+            this.nextPageUrlLoyalty = resp.cursor.next;
+        }
+        catch (error) {
+            console.error('Error loading loyalty points transactions', error);
+        }
+        finally {
+            this.isLoadingLoyalty = false;
+        }
+    }
+    async loadMoreLoyaltyPoints() {
+        if (!this.nextPageUrlLoyalty)
+            return;
+        this.isLoadingLoyalty = true;
+        try {
+            let resp = await salla.api.request(this.nextPageUrlLoyalty);
+            this.loyaltyPointsArray = [...this.loyaltyPointsArray, ...resp.data];
+            this.nextPageUrlLoyalty = resp.cursor?.next || '';
+        }
+        catch (error) {
+            console.error('Error loading more loyalty points', error);
+        }
+        finally {
+            this.isLoadingLoyalty = false;
+        }
+    }
+    render() {
+        return (h(Host, { key: '722394ad8e614d7db2460762992ea12bbf4d1f07' }, h("div", { key: '2230046263f24dbe9f13329134121e6b1079d713' }, this.isLoadingLoyalty ? (h("salla-loading", null)) : (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("tbody", null, h("tr", null, h("td", null, h("div", { class: "s-loyalty-points-history-balance-container" }, h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), h("div", null, h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (h("div", null, h("table", { class: "s-loyalty-points-history-table" }, h("thead", { class: "s-loyalty-points-history-table-head" }, h("tr", null, h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), h("tbody", null, this.loyaltyPointsArray.map(point => (h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), h("span", null, translateKey(point?.key)))), h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), h("div", { class: {
+                's-loyalty-points-history-table-transaction-status': true,
+                's-loyalty-points-history-table-transaction-status-pending': point?.status_key === 'pending',
+                's-loyalty-points-history-table-transaction-status-revoked': point?.status_key === 'revoked',
+                's-loyalty-points-history-table-transaction-status-used': point?.status_key === 'used',
+                's-loyalty-points-history-table-transaction-status-expired': point?.status_key === 'expired',
+            } }, point?.status)))))))), h("div", { class: "s-loyalty-points-history-load-more" }, !!this.nextPageUrlLoyalty && (h("salla-button", { onClick: this.handleClick, loading: this.isLoadingLoyalty }, salla.lang.get('common.elements.load_more')))))) : (h("div", { class: "s-loyalty-points-history-table-empty-state" }, h("span", { innerHTML: loyaltyProgramIcon }), h("div", { class: "s-loyalty-points-history-table-placeholder-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_title')), h("div", { class: "s-loyalty-points-history-table-placeholder-sub-title" }, salla.lang.get('pages.loyalty_program.no_loyality_points_sub_title')))))))));
+    }
+}, [0, "salla-loyalty-points-history", {
+        "loyaltyPointsArray": [32],
+        "balance": [32],
+        "isLoadingLoyalty": [32],
+        "nextPageUrlLoyalty": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-loyalty-points-history", "salla-button", "salla-loading"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-loyalty-points-history":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaLoyaltyPointsHistory$1);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-loading":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaLoyaltyPointsHistory = SallaLoyaltyPointsHistory$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaLoyaltyPointsHistory, defineCustomElement };

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

@@ -2,14 +2,12 @@
  * Crafted with ❤ by Salla
  */
 import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { s as setTranslations } from './translations.js';
 import { n as normalizeLoyaltyData, a as nearestLowerMultiple, c as closeModals } from './functions.js';
 import { S as SIPercentage, a as SILayoutGrid } from './percentage.js';
 import { S as SIShipping } from './shipping.js';
 import { C as Cart2 } from './cart2.js';
 import { a as SIUserAdd, d as defineCustomElement$h } from './salla-loyalty-point2.js';
 import { S as SIGiftSharing } from './gift-sharing.js';
-import { l as loyaltyProgramIcon } from './gift.js';
 import { T as TrackedPromise } from './tracked-promise.js';
 import { a as anime } from './anime.es.js';
 import { d as defineCustomElement$n } from './salla-add-product-button2.js';
@@ -80,7 +78,6 @@ const SallaLoyaltyProgram$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalt
     componentWillLoad() {
         return salla.onReady()
             .then(() => salla.lang.onLoaded())
-            .then(() => setTranslations())
             .then(() => {
             this.program();
             this.points();
@@ -107,7 +104,7 @@ const SallaLoyaltyProgram$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalt
         const prizesGroups = this.program.data.prizes;
         const prizesCount = this.program.data.prizes_count;
         return (h("div", { class: "s-loyalty-program-container" }, h("salla-loyalty-hero", { name: this.program.data.name, description: this.program.data.description, image: this.program.data.image }, salla.config.isUser()
-            ? h("div", { slot: "crosspoint", class: "s-loyalty-program-profile-wrapper" }, h("div", { class: "s-loyalty-program-profile-container" }, h("div", { class: "s-loyalty-program-profile-points-section" }, h("h2", { class: "s-loyalty-program-profile-label" }, salla.lang.get('pages.loyalty_program.your_points')), h("p", { class: "s-loyalty-program-profile-points" }, h("span", { class: "s-loyalty-program-profile-points-value" }, !!this.animatedPoints ? this.animatedPoints : this.points.data), "\u00A0", salla.lang.get('pages.loyalty_program.point'))), h("div", { class: "s-loyalty-program-profile-icon" }, h("span", { innerHTML: loyaltyProgramIcon }))))
+            ? h("div", { slot: "crosspoint", class: "s-loyalty-program-profile-wrapper" }, h("div", { class: "s-loyalty-program-profile-container" }, h("div", { class: "s-loyalty-program-profile-points-section" }, h("h2", { class: "s-loyalty-program-profile-label" }, salla.lang.get('pages.loyalty_program.your_points')), h("p", { class: "s-loyalty-program-profile-points" }, h("span", { class: "s-loyalty-program-profile-points-value" }, !!this.animatedPoints ? this.animatedPoints : this.points.data), "\u00A0", salla.lang.get('pages.loyalty_program.point'))), h("salla-button", { href: salla.url.get('loyalty_points'), fill: "outline", color: "primary" }, salla.lang.get('pages.loyalty_program.view_points_log'))))
             : h("button", { slot: "action", onClick: () => salla.event.dispatch('login::open'), class: {
                     's-loyalty-program-login-action': true,
                     's-loyalty-program-login-action-dark': !this.program.data.image,

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

@@ -39,10 +39,10 @@ const SallaLoyaltyReward$1 = /*@__PURE__*/ proxyCustomElement(class SallaLoyalty
         };
     }
     render() {
-        return (h("div", { key: 'cc64d1446b539fa06a6fea4280992264816fed40', class: {
+        return (h("div", { key: 'c99714fbefea9c43a199201d6e9d331ed4b50e7f', class: {
                 's-loyalty-program-reward-container': true,
                 's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, h("div", { key: 'c50cc16ceff89288dc0bd4199123e0cfb7816732', onClick: this.handleActionArea, role: "button" }, h("div", { key: '7a68197172329f91e7df1e13ca667062131e14b8', class: "s-loyalty-program-reward-img" }, h("img", { key: 'f1d9dc5fc674095bfdfcb5d167f46d896f9a9b0c', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: 'b443d55df65a1f34fdff14a3beda5b159fe687f8', class: "s-loyalty-program-reward-content" }, h("div", { key: '292dcd5f9997f82fd0695fdd80380180e781b77f', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '083348231855223ff3ffc66b61847af85d274e19', size: "xs" }, h("span", { key: '5939fae8cd6737c98f6cab437cefdb89b0847bbb', innerHTML: loyaltyProgramIcon }), h("span", { key: '155ad221e00b1d21db2b16a8c1d394b302897cda', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: 'ab9d0e10acfc7e1bd5464a971cd6ff7eedf90d52', class: "s-loyalty-program-reward-title" }, h("span", { key: '3fcc04b5a81dd29b1b40411c95bebe8805ffb2bb' }, this.group)), h("div", { key: '2ffe9cb9c295cf817224b8d8aab7f1b413893f2f', class: "s-loyalty-program-reward-name" }, h("div", { key: 'e384ac797eb91704951e91f6fadf4863a9e9971c', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '887bb1eb44d945a66af21a88de60d09275fd5042', class: "p-4" }, h("button", { key: '704b697973f51cdcc67ba62a8b4d806d4abb5461', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
+            } }, h("div", { key: 'b3139a4325629e3e23b09096b96fbb9079ebb4f5', onClick: this.handleActionArea, role: "button" }, h("div", { key: '8d2951399db70f2672619149583d3821429611fa', class: "s-loyalty-program-reward-img" }, h("img", { key: 'd03e024172b99a72fdeb311e24f91d9ca11b69a1', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), h("div", { key: '23901c0a96c9af1ae459d5bbcad0f4429933225b', class: "s-loyalty-program-reward-content" }, h("div", { key: '795743061efd1270a1a24eceb66f67e2bbb9eb1e', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '83545f69e513a563dfaef7bb107ae119656406a0', size: "xs" }, h("span", { key: '28751b88c77af1acfb746f58f55f4b84f2364141', innerHTML: loyaltyProgramIcon }), h("span", { key: '2ab694a2ff30f419171191c0746b80f74edfeea4', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), h("div", { key: 'a67f1577b61604d88b54637a8951248663239a6e', class: "s-loyalty-program-reward-title" }, h("span", { key: 'c3a6df53cff6339bbd81018d69bcf3a8637e0a46' }, this.group)), h("div", { key: '6790fc3a3d44e7e25a2e5c1ea246515245fa1e61', class: "s-loyalty-program-reward-name" }, h("div", { key: 'fa99561fa8d2efafc2aee2796eceea93721e525d', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), h("div", { key: '948edaacd021950384418aedab807c11dee15754', class: "p-4" }, h("button", { key: '982c4c516b508aabec8489dc6f5c9ca326264f2a', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
                 's-loyalty-program-rewards-action-base': true,
                 's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
                 's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),

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

@@ -23,7 +23,7 @@ const SallaMaintenanceAlert$1 = /*@__PURE__*/ proxyCustomElement(class SallaMain
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: 'e1a1d166cb1be3f24820517a902d0a0559634a80', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'c59d166fca18b0da876bd6c8b24af2bd2db18aba', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '1706aa47265a29485b48ad7be1cebc98b8e735ec', class: "s-maintenance-alert-content" }, h("div", { key: '0ba2feded17c0dfd1a129f11cf7f393a1737055b', class: "s-maintenance-alert-container" }, h("div", { key: '509a81ace0c168f42e5391b5d4b1e04337b2c6fb', class: "s-maintenance-alert-icon" }, h("img", { key: '97598847825b9d4c1c8d06e0001c7d669c0dac4b', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '9bb8eac957668568262b9c59fd20bcff5240566f', class: "s-maintenance-alert-text" }, h("h2", { key: 'ac424443f1c28002a1e00305f240741c7b6bed4f' }, this.title), h("p", { key: '7d0dd3556640386b01877369a840ce1bedf5c647' }, this.message))), h("div", { key: 'fdbc31b011bc8c067046a57721344cd57554f5d8' }, h("a", { key: '6efb57a978e9fe03474451c464e85626974e476a', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: '43a02d438a0357bd48922ad8fa4753905ac5e388', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'ad62ec4a5ea3e77854d5bbf8938c4bb1b19da068', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: '4a26bf28c37452b9621703188502b05db1347f75', class: "s-maintenance-alert-content" }, h("div", { key: '0602a5df5676b47407e0c8e8293fb2374aa2c210', class: "s-maintenance-alert-container" }, h("div", { key: 'ff7c3fad5c1830d6d8d631aa520b0dd588328265', class: "s-maintenance-alert-icon" }, h("img", { key: '277e2a8c3d6b4369e73fef23adf894ddf70ef685', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '5feb8a00c132f2b5787e42a0b9743d864ceecb2f', class: "s-maintenance-alert-text" }, h("h2", { key: '994eb48859d163ad19be4a273a5cff5e28f18b2b' }, this.title), h("p", { key: '236094a5767e6f329744e8dafc2415be2713a0e2' }, this.message))), h("div", { key: '98610dfed6802e7ebc123c1392c9f7ebdbcf0d5a' }, h("a", { key: '655cede6c8e95a7fbb63700f01ef1d148887a660', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

package/dist/components/salla-map2.js

@@ -702,11 +702,11 @@ const SallaMap = /*@__PURE__*/ proxyCustomElement(class SallaMap extends HTMLEle
     }
     // render
     render() {
-        return (h(Host, { key: 'fb5b01c58f59c350959b40030603b9ebb22f586f', class: "s-map-wrapper" }, h("salla-modal", { key: 'c57cfae01a05597dcd06067cf84c9356ee93dd44', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '8fae0e6754bd0571d5acf9bbc6df23e73b02b015', class: "s-map-wrapper" }, h("salla-modal", { key: '7aebcc533a4ec8f7ec5e3a8682f7f70afd5b1193', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '0ab77947689841d7ab44a11b5e56e7f952aa7a82', name: "button" }, h("salla-button", { key: 'da386e3e15a89882865f7d62dd64da72ccebbc1d', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: '1dc262e8474c0d137f98ce06c76d9fdea80d42c4', name: "button" }, h("salla-button", { key: '5ff296514b2e7b37d091cd634f497e855cf047d5', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '85c9eee27edafb31442f420633bbe6552a14d558', 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: '5999036a08b7b030cf29ae5242bb63bc1222fbbc', 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: '806e832caff4dfdbadab0098f8c521548eb18aa4', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: '2bc1c843dd35803d4f443907d1df52c72f4e87c2', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     get host() { return this; }
     static get style() { return sallaMapCss; }

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

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

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

@@ -383,9 +383,9 @@ const SallaMultipleBundleProductDetails = /*@__PURE__*/ proxyCustomElement(class
         }
     }
     render() {
-        return (h(Host, { key: '74b123c432e77263cf0ddcf20ab742885c54d5f4', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '24bef0958a2a7d29bb4485eac08c7e6b8614a00d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
+        return (h(Host, { key: 'dc22c848445385e667a2da109021b9dc9b413a6c', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: 'a52743fee0af7cf1b99bd0459a85d335ca637e5d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index) => {
             return (h("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: '556b4e51a4b79dfc00371a07296556fb74111524' })));
+        })), h("salla-multiple-bundle-product-options-modal", { key: '4bda97c2a9db2cd1f2764e4f5a2e44fb0a013fa0' })));
     }
     get host() { return this; }
     static get watchers() { return {

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

@@ -493,7 +493,7 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
         const cacheKey = this.generateCacheKey(this.sectionId, this.productIndex, productId);
         const resetToken = this.optionsResetTokens[cacheKey] || 0;
         const isDisabled = this.isLoading || optionsWithSelectedState.some(opt => opt.details.some(d => d.is_selected && d.is_out === true));
-        return (h(Host, { key: '6c1d1d3911867e30240676f3e2b7353e9ecf76c3' }, h("salla-modal", { key: 'b02110d80cd422d64962d78812ae0b0637c56237', 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: '20a52bbc732c6edfffde86577e99bbe300a1a4c8', slot: "loading" }, h("salla-skeleton", { key: '3a69fc75939d8b8f8639983d0f2f8dd8bf961152', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '185639c54f79188093df98ac1cece1958879f71d', 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: '1df1d7538fceee9a656f19cbf145388a3e0c03cc' }, h("salla-modal", { key: 'da6d318edcc4415ec3b680172da56d82efe65fbc', isLoading: this.isLoading, ref: el => (this.modal = el), width: "md", centered: false, id: `s-multiple-bundle-product-options-modal-options-${productId}`, class: "s-multiple-bundle-product-options-modal-wrapper" }, h("div", { key: '1e34ee440889932fc24cfe9d9def9acd9d07a42b', slot: "loading" }, h("salla-skeleton", { key: '94a8be3dde042a84187a01305c8decf53bf7e3f3', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (h("salla-slider", { key: '2ac8b7c57ad95e22430f76a0ab22aff1d31f8558', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -501,13 +501,13 @@ const SallaMultipleBundleProductOptionsModal = /*@__PURE__*/ proxyCustomElement(
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, h("div", { key: '3b6a88fe3862870d674dadc31967df6cc8fac365', slot: "items" }, this.product?.images &&
+            } }, h("div", { key: '599e310ed8d87b526c75463dd9a1b1ff9bd2442e', 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: '6fce48b5b035cc61866aaf6c339866fa2314be87', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (h("div", { key: 'df1833370d4e7a8424b0cefe5f6aa1eff68e263e', 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: '3d555ea40fe5d9f3685fc6dafa4b6fad16732091', slot: "footer" }, h("div", { key: '1b4c6834899efbd09f3ea1db251999f50ec655b2', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '0818a75a444cca510c7f0cfea2ec53414c12db53', 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: '3f7379d1620184a14f88b1123b67f6a9a225fe14', slot: "footer" }, h("div", { key: '26ad5d460d95cdce3d6fa28fcf7a04b0e3f97d3e', class: "s-multiple-bundle-product-options-modal-footer" }, h("salla-button", { key: '4f497db16b75e813d813fd92bd2f30ed02514000', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }

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

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

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

@@ -77,7 +77,7 @@ const SallaMultipleBundleProduct$1 = /*@__PURE__*/ proxyCustomElement(class Sall
         this.parseProducts(this.bundleSections);
     }
     render() {
-        return (h(Host, { key: 'abf18a8e3e255a7615ffd6cab7f10a1b4ababdea', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
+        return (h(Host, { key: '01cf070eb724f3b0df553e3253fda1d0c4fde0b9', class: "s-multiple-bundle-product-wrapper" }, this.isCartPage() ? this.renderCartPage() : this.renderDetailsPage()));
     }
     static get watchers() { return {
         "bundleSections": ["parseProducts"]

package/dist/components/salla-notification-item2.js

@@ -11,7 +11,7 @@ const SallaNotificationItem = /*@__PURE__*/ proxyCustomElement(class SallaNotifi
         this.__registerHost();
     }
     render() {
-        return h("a", { key: 'd1d982b64b39a019d55af0c49b5a9d9f27e7615d', 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: 'd7f84ef1e3b01a11d99100d31be94ccb180f198f', class: "s-notifications-item-icon" }, h("i", { key: '7d4dccd4da689bdec1b15b99ed6c19f37391ccf2', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '30f13cdfb8e09c5996705921197d1cae76475b58', class: "s-notifications-item-content" }, h("div", { key: '2eb942ca1b189bec89d4c44af0ad20fbee623177', class: "s-notifications-item-content-leading" }, h("h4", { key: '6607d79d658b299ac187497f45c40c520f8955c6' }, this.notification.title), h("p", { key: 'b361ef6671a842e50d50455e6e946b4863be3258' }, this.notification.sub_title)), h("span", { key: 'c52997e6b387eae98cb7a97886a8b1c6a8453534', class: "s-notifications-item-content-trailing" }, h("i", { key: '9da662dd0e4c6899c642185541d408573f663415', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'a26ab1dbf7736fc0fcfe931c295b2ea5c2889b95' }, this.notification.date))));
+        return h("a", { key: 'd66908ce0dd914e309469279a1014ff734f6c0b2', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, h("span", { key: '0d6f0ebb3400bcc91f2bbdf7e941e018662e8835', class: "s-notifications-item-icon" }, h("i", { key: 'd9965899d4699070681117423401d7488a16f066', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), h("div", { key: '055a4e763f4a1ee02b52bd1d6935e57402acfa76', class: "s-notifications-item-content" }, h("div", { key: '646a9220ad2c1a9fae0b9384a84a60ad69d39c68', class: "s-notifications-item-content-leading" }, h("h4", { key: '9b9c4256f50cd376b01b836196a1f0fff89b6840' }, this.notification.title), h("p", { key: '4475ca9bee33fb9c64433320101345c7db7e28c6' }, this.notification.sub_title)), h("span", { key: 'd2c8301ad12ef86ba05fa805d9ecbea249a44ee1', class: "s-notifications-item-content-trailing" }, h("i", { key: '297c8695ee366dc336bf30dd59465806375825fc', class: "sicon-time s-notifications-item-content-trailing-icon" }), h("span", { key: 'beb9945695448ec9e6e25e9e856177a641a5a769' }, this.notification.date))));
     }
     static get style() { return sallaNotificationsCss; }
 }, [0, "salla-notification-item", {

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

@@ -219,7 +219,7 @@ const SallaOfferModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaOfferModal
     //       '</div>';
     //   }
     render() {
-        return h("salla-modal", { key: 'ff61bf49e9c643c1c6beab5cc6b96034fe08e003', "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: '18c331729d5a7c7e5cec39de739c19ae18d4a633', slot: 'loading' }, h("div", { key: '4b0fbc90ddc59e069ca069b71e7bf9d0aeeca6de', class: "s-offer-modal-skeleton" }, h("div", { key: '19d49c45a312088566d492dd39095b0189abcf44', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: '8f3b0325261d8f740f861a17cfd17c717e1861a0', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: 'c0a72538ccedbf53d5a373a6292108a64abbeb69', height: '15px', width: '50%' }), h("salla-skeleton", { key: '10dd084db31afa2f1d1615ec266c444f85b43c16', height: '10px', width: '30%' })), h("div", { key: '4b995981588f58bae1ec76e22714416f9c1fec02', 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: '4977b506e320763423c11c5f6bf570079baefb29', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '32f0f18e7675ed987aebe92c5150540e6acdcbbc', height: '15px', width: '50%' }), h("salla-skeleton", { key: '39f80f6d038c72b281973f2993ff12a1dd6db7cc', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
+        return h("salla-modal", { key: 'c68955859f31495533b6bb1117e8be3a6c22ffce', "has-skeleton": true, "sub-title": this.offer_message, ref: modal => this.modal = modal, isLoading: true, class: `s-offer-modal-type-${this.offer_type ? this.offer_type : ''}` }, h("div", { key: 'd0c3cbc73474a14596eb2a4c35e10ddddc5ed34a', slot: 'loading' }, h("div", { key: '22ebc107df02d1474f648cbd50aecd9590f70fbf', class: "s-offer-modal-skeleton" }, h("div", { key: 'ed0661aca73a455a98f9971a5fc89e8793e8ac14', class: "s-offer-modal-skeleton-header" }, h("salla-skeleton", { key: 'bea3b9e7fe4654d7186d8f0f27388e784421379b', type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { key: '9c377374ec1449341a45127a52dfc53fdb4425f0', height: '15px', width: '50%' }), h("salla-skeleton", { key: 'edcd738b120797e2b2a351390fc58a49fc386776', height: '10px', width: '30%' })), h("div", { key: 'fa7df3dc0b6a22fad433bfc678081f1e2ccdc057', class: "s-offer-modal-skeleton-items" }, [...Array(3)].map(() => h("div", { class: "s-offer-modal-skeleton-item" }, h("salla-skeleton", { height: '9rem' }), h("div", { class: "s-offer-modal-skeleton-item-title" }, h("salla-skeleton", { height: '15px', width: '100%' })), h("div", { class: "s-offer-modal-skeleton-item-subtitle" }, h("salla-skeleton", { height: '9px', width: '50%' }), h("div", { innerHTML: Cart2 }))))), h("div", { key: '6a4d8744bad91f54b4a87b929c81747295b00992', class: "s-offer-modal-skeleton-footer" }, h("salla-skeleton", { key: '4b15a6c159a681f0b030244c923e94bfa44af479', height: '15px', width: '50%' }), h("salla-skeleton", { key: '79323272fb8977650644dee28d7c7295ac77aacf', height: '15px', width: '30%' })))), !this.hasError && this.offer !== null
             ? [h("span", { slot: 'icon', class: "s-offer-modal-header-icon", innerHTML: SpecialDiscountIcon }), this.getOfferContent(), h("div", { class: "s-offer-modal-footer", slot: "footer" }, this.offer.formatted_date ?
                     h("p", { class: "s-offer-modal-expiry" }, salla.lang.get('pages.products.offer_expires_in'), " ", this.offer.formatted_date)
                     : '', h("label", { class: "s-offer-modal-remember-label" }, h("input", { type: "checkbox", onChange: e => this.rememberMe(e), class: "s-offer-modal-remember-input" }), "\u00A0 ", salla.lang.get('common.elements.remember_my_choice'))),

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

@@ -47,7 +47,7 @@ const SallaOrderDetails$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderDet
         ];
     }
     render() {
-        return h(Host, { key: '3e7538927ca00fbb3265b1ad407fcb90e7f30ec3', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+        return h(Host, { key: '9c662f4c829a24386a4fa83f83f261996c72086f', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
     }
     static get watchers() { return {
         "orderDetails": ["parseOrderDetailsData"]

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

@@ -32,7 +32,7 @@ const SallaOrderEditProductCard$1 = /*@__PURE__*/ proxyCustomElement(class Salla
         const product = this.productData;
         const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
         const price = product?.price;
-        return (h(Host, { key: '9f9278890bd821cf7b1caecdf4484a26273fe407' }, h("button", { key: '6d28490ff098143000fff6543702ba805e997077', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'b7399553a7b79303b8bae8c9b624f460fe761946', 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: '5cd57cf519f5d681116336cc6db8aed3569b761d', class: "s-order-edit-product-card-content" }, h("h3", { key: '51312a3708d95f3d6d654099b25a2a4644c70aaa', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: 'c09988f616198ae0d527e994e5c55e8b0a01c218', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
+        return (h(Host, { key: '922736be2f3fec4f6c41c724590d2790fb5a5940' }, h("button", { key: 'b690f3dbd307937d4b68790f417a7d9a820b56f1', type: "button", class: "s-order-edit-product-card", onClick: () => this.handleSelectProduct() }, h("div", { key: 'f846d7e31c7c3d067909d65db3457ac061c93264', class: "s-order-edit-product-card-media" }, product?.image?.url ? (h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-product-card-image" })) : (h("div", { class: "s-order-edit-product-card-placeholder" }, h("i", { class: "sicon-shopping-bag" })))), h("div", { key: 'b1243ae5df15e3e783b139dcf593f85b72624015', class: "s-order-edit-product-card-content" }, h("h3", { key: '50c7b8edb40dd88fcb1ac4267b1ba88c5b2b92b2', class: "s-order-edit-product-card-title" }, productName), price != null && (h("p", { key: '6dea7fefab83a9839146acfb89e7a532adaa6559', class: "s-order-edit-product-card-price", innerHTML: salla.money(price) }))))));
     }
     static get style() { return sallaOrderEditProductCardCss; }
 }, [0, "salla-order-edit-product-card", {

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

@@ -87,7 +87,7 @@ const SallaOrderSummary$1 = /*@__PURE__*/ proxyCustomElement(class SallaOrderSum
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: 'e63a884fdd0f46232853adf53714fa350b00c6c2', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: 'e26e13231b72707a39a6fd83561247bea05aa490', 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 ? IconVerified : 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/components/salla-payments.js

@@ -35,12 +35,12 @@ const SallaPayments$1 = /*@__PURE__*/ proxyCustomElement(class SallaPayments ext
     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: 'bfb363665dada7c3e5c9ca429a4174b2ed5c2ed8', class: "s-payments-list-wrap" }, h("ul", { key: '8f66db94e7e75ad5550892a319066c2101cb10fd', class: "s-payments-list" }, madeInKSA && h("li", { key: 'c570b7666e32e890966555b436d483cfe6bc888e', class: "s-payments-list-item" }, h("img", { key: 'c448bc161508b9762dd45d316b079d31a7429e39', 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: '2d3a652f9eb7fc3a07d79be1aa4ac08df349e4bc', class: "s-payments-list-wrap" }, h("ul", { key: '62ed1989e85b2b89bd1f1ad370806dc1c8f67454', class: "s-payments-list" }, madeInKSA && h("li", { key: 'a77bdb50ba28249d0b587e3aba0beb392cb1db59', class: "s-payments-list-item" }, h("img", { key: '3aa60ab4ee98cf8efe3e3a17f2c2363038b76b24', 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, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'dbe8288f3d6231c8fdd013630bffa54f9d8178a4', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'c1d56e4217afdb48f955a5133156a1708c91da52', 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/components/salla-placeholder2.js

@@ -42,7 +42,7 @@ const SallaPlaceholder = /*@__PURE__*/ proxyCustomElement(class SallaPlaceholder
         };
     }
     render() {
-        return (h(Host, { key: '80c0ead7511fe00ce4fa0f92dc5ad9b3448811fa', class: this.alignmentClass() }, h("div", { key: '26e81619824a58476c66374fc79377596454969c', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '256946363be9fd8aea06f35b4ff837009a3d0b32', class: "s-placeholder-title" }, h("slot", { key: 'd519fbb70c3b3d309caa86c8740ee732fcbeeb70', name: 'title' }, h("span", { key: '6c9a6d8d7c8581944554884541c80884435fb217' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '1cd09e170e1d7f44ec251522ab3bcf1d71eaff02', class: "s-placeholder-description" }, h("slot", { key: '5e38a5794f5b655131cba0a4c590ca7509ffae51', name: 'description' }, h("span", { key: 'b7c9abd6f44092a804177067e7456b7d6468d4df' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: 'ccc65b60efc14d78b46b838f089cf09ed849d136', class: this.alignmentClass() }, h("div", { key: 'b174990bfedc2e979ca0484552015abc112795d1', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '51ec34810a25ae77f797754419c6dc5f0afcfbaa', class: "s-placeholder-title" }, h("slot", { key: '3e0c9987b7477e8145436098f024dde49bd76162', name: 'title' }, h("span", { key: '618dfc6b328f2f5c82a16357ecf403b740e67778' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '005e68bcb52eca86ea3368ce750e1b7f9cfda50e', class: "s-placeholder-description" }, h("slot", { key: '5e2b860c11a35e93658c153ea2eb2efb9683900b', name: 'description' }, h("span", { key: '903012cd214bb068e591ca9280f4c95762672e9c' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get style() { return sallaPlaceholderCss; }
 }, [4, "salla-placeholder", {