@salla.sa/twilight-components 2.14.470 → 2.14.472

package/dist/cjs/salla-hook.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const SallaHook = class {
     constructor(hostRef) {
@@ -17,7 +17,7 @@ const SallaHook = class {
         this.host.before(element);
     }
     render() {
-        return index.h(index.Host, { key: '499483c55f2e1122d80768cd43e47f8e127a62b4' });
+        return index.h(index.Host, { key: '7438711b185e3159e7a4792ef86f795c25d857a1' });
     }
     async componentDidLoad() {
         // Register this component for hooks system, already on it logic to run componentDidLoad trigger

package/dist/cjs/salla-infinite-scroll.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 var Helper = require('./Helper-CgGR9Qf8.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-installment.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}.s-installment-klarna-wrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;padding:10px}.salla-y .s-installment-klarna-wrapper{border:1px solid var(--color-grey-dark);border-radius:12px}.s-installment-klarna-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}";
 

package/dist/cjs/salla-list-tile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const sallaListTileCss = "";
 
@@ -26,7 +26,7 @@ const SallaListTile = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'bb33776d01406ff1e04bbdc741312f1a17ac3b7b' }, index.h("a", { key: '386b417c954bf4b2bac34e40d9bae19db7f61ec3', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, index.h("div", { key: 'cbcd8c6f92a4cbe7afbd8797c36ae6f529abed1c', class: "s-list-tile-item-icon" }, index.h("slot", { key: 'bff76fdb467b2491f0c3b40bd7f475eda23fa9c8', name: 'icon' })), index.h("div", { key: 'c80e7c032abedea8d5929d8bb36a642336724fe1', class: "s-list-tile-item-content" }, index.h("div", { key: '2bea0273bb4c012e0f9f7ee948b14bc9ea8afc2a', class: "s-list-tile-item-title" }, index.h("slot", { key: '60c872b9ec9b369ba65452abad7860b3ba6ba640', name: 'title' })), index.h("div", { key: 'fbb1b6e49284c74f2933f056aa16fcbc25526703', class: "s-list-tile-item-subtitle" }, index.h("slot", { key: '5ad1bba1b71db13d4deb594ccb0f5898f24d2f23', name: "subtitle" }))), index.h("div", { key: '96358bf7ed34907a799efd8c6fb2caae6ca02f43', class: "s-list-tile-item-action" }, index.h("slot", { key: '8d496724103f0c3959845c8f5d4e662a3095c09e', name: 'action' })))));
+        return (index.h(index.Host, { key: '2b73681383da172ed01bb199b117d2063228e01e' }, index.h("a", { key: 'af5913df51093694667751d16b5ec686103791a4', class: this.generateClass(), href: this.href || "#", target: this.target, "aria-label": "List Tile Link" }, index.h("div", { key: '49fdb468a67f0a015762a1539d2333ad694628ec', class: "s-list-tile-item-icon" }, index.h("slot", { key: '97417d4c9bf63e498510549d08dbf5df55050526', name: 'icon' })), index.h("div", { key: '53544687a14f2c992ad17d0194a10fba0ad40631', class: "s-list-tile-item-content" }, index.h("div", { key: 'a8803d707ccd88df74d425a004e5c180d0106c50', class: "s-list-tile-item-title" }, index.h("slot", { key: '27b091e8cf03dc9253baf135bdc6a8166eac566c', name: 'title' })), index.h("div", { key: 'c2ab48314fe243e6cea9dd7e8f0be4104a0b89e3', class: "s-list-tile-item-subtitle" }, index.h("slot", { key: '31c7e05be4026e990704926f6b29c8b1e570a548', name: "subtitle" }))), index.h("div", { key: '4fb89eaad3693b3b49e6d4ac72f09dca7c52eeeb', class: "s-list-tile-item-action" }, index.h("slot", { key: '7e587373e0282a22387028aaa6a801b9909f707a', name: 'action' })))));
     }
 };
 SallaListTile.style = sallaListTileCss;

package/dist/cjs/salla-localization-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {
@@ -225,7 +225,7 @@ const SallaLocalizationModal = class {
             this.showTrigger
                 ? index.h("button", { type: "button", onClick: () => this.open(), class: "s-localization-modal-trigger-btn" }, index.h("span", null, this.getLanguageName()), index.h("span", { class: "s-localization-modal-trigger-separator" }, "|"), " ", index.h("span", { innerHTML: this.getCurrencySymbol() }))
                 : '',
-            index.h("salla-modal", { key: '6a3f736912181c5305a6c3007a5c3a739dc29b17', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, index.h("div", { key: '1fa6da25fef6d53258fdf14be51f23681321f5f2', slot: 'loading' }, index.h("div", { key: '64aa0b53fe359df364c915b80b5bc26de5e57300', class: "s-localization-modal-skeleton" }, index.h("salla-skeleton", { key: '41ba7271f064fa3880a75467868da9742b236c5c', width: '25%', height: '15px' }), index.h("div", { key: 'fa336b997a868f2f08ae3b89933d2dc99a33ce74', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: 'f2a3c995ee6aa642435b9aa054bb0dd857674b61', width: '25%', height: '15px' }), index.h("div", { key: '4cdc8d8f3f639a161e4c8663e7bcd3425aeb3e00', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: '717051872db0bafe45c8fecb5559dca19954e1f2', height: '40px', width: '100%' }))), !!this.hasError ?
+            index.h("salla-modal", { key: '9cc6354dc42690d75512a18139daa77167c047c0', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, index.h("div", { key: '2bf24b9cbbaae5daf0c7a6da4baec771bffe4186', slot: 'loading' }, index.h("div", { key: '90094d2166bc12b0a8d072ffa580606f60608f24', class: "s-localization-modal-skeleton" }, index.h("salla-skeleton", { key: 'a32348c17c0583d27892ec6b31996d747cbdd39d', width: '25%', height: '15px' }), index.h("div", { key: 'eff3210bd11fb378c240df1764870a0633e9f1a2', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: 'baa493a36855ef28c487c2301484cd2f96382904', width: '25%', height: '15px' }), index.h("div", { key: '95f6ddfcd029fb2fd2be0d31b83aaaaa2b7c6c00', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => index.h("div", { class: "s-localization-modal-skeleton-item" }, index.h("div", { class: "s-localization-modal-skeleton-item-flex" }, index.h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), index.h("salla-skeleton", { height: '10px', width: '100px' })), index.h("salla-skeleton", { height: '15px', width: '20px' })))), index.h("salla-skeleton", { key: '769599216ff51babd8d6a6665a55f58dd47bf479', height: '40px', width: '100%' }))), !!this.hasError ?
                 index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "description" }, this.errorMessage)) :
                 index.h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     index.h("div", { class: "s-localization-modal-section" }, index.h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), index.h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

package/dist/cjs/salla-login-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const sallaLoginModalCss = "iframe{-moz-transition:height 0.3s;-ms-transition:height 0.3s;-o-transition:height 0.3s;-webkit-transition:height 0.3s;transition:height 0.3s;width:100%}";
 

package/dist/cjs/salla-loyalty-banner.cjs.entry.js

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 var gift = require('./gift-DbNivqYO.js');
-var trackedPromise = require('./tracked-promise-D-gQXgPZ.js');
+var trackedPromise = require('./tracked-promise-B-bFT1y-.js');
 
 const sallaLoyaltyProgramCss = "";
 

package/dist/cjs/salla-loyalty-hero_2.cjs.entry.js

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
-var functions = require('./functions-C_kzehHT.js');
+var index = require('./index-BLZPuy15.js');
+var functions = require('./functions-DDLs9J1M.js');
 var gift = require('./gift-DbNivqYO.js');
 var cart2 = require('./cart2-B98PSAFN.js');
 var userAdd = require('./user-add-BCGrddZS.js');
@@ -22,13 +22,13 @@ const SallaLoyaltyHero = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '5c5193846a54877e042ef6470014aa6d041f5d40' }, index.h("section", { key: '6072a4836f28c2de74eeb2208f1e2e66f274875e', class: "s-loyalty-program-hero-container" }, index.h("div", { key: 'e5475eebd8725e3fc0650a4a3fd9ace4c0b785af', class: "s-loyalty-program-hero-background", style: {
+        return (index.h(index.Host, { key: 'c0060bac9958abfd0fe8e60a9b24c48d3a44f808' }, index.h("section", { key: '23529c848e4b44e10aef943457926d7fb4053e42', class: "s-loyalty-program-hero-container" }, index.h("div", { key: 'd2a7042e02f8a6a7a40f34f445fac4bed07c26e7', class: "s-loyalty-program-hero-background", style: {
                 backgroundImage: `url(${this.image})`,
-            } }, this.image ? index.h("div", { class: "s-loyalty-program-hero-overlay" }) : '', index.h("div", { key: '485aa5a50b7cfc463cafa704c08bc01d7a2a56df', class: {
+            } }, this.image ? index.h("div", { class: "s-loyalty-program-hero-overlay" }) : '', index.h("div", { key: 'd8b5459d499161ee6c79e5c67dc7c50f4be241ff', class: {
                 's-loyalty-program-hero-content': true,
                 's-loyalty-program-hero-white': !!this.image,
                 's-loyalty-program-hero-gray': !this.image,
-            } }, index.h("div", { key: '5a20942fbdcf655adf647d5fda20d98c95e7b5f0' }, index.h("h1", { key: 'cd588ad7f5d83aaf91b584ca27e1e4765401eb22', class: "s-loyalty-program-hero-title" }, this.name || index.h("span", { key: '2bc4d0be971eb4772ad0c312a0036715939ee443', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), index.h("p", { key: 'a57f729e535582f45543d95d1c305b5a89c18118', class: "s-loyalty-program-hero-description" }, this.description || index.h("span", { key: '9eae1d22eb64f00e25a355485979435bce464a4a', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), index.h("slot", { key: 'c8f7c4aca6095bd75d0122e5ce3694af3561a01e', name: "action" }))), index.h("div", { key: 'f08a2d8a93bdfc9ca93effd4b4e693670c057689', class: "s-loyalty-program-hero-footer" }, index.h("div", { key: '171cc3d9a92aee7380aa974a300f91e81ae3319d', class: "s-loyalty-program-hero-slot-container" }, index.h("slot", { key: '518e48e2dede80b0acd427d1d1ca0aaf2c1ffef0', name: "crosspoint" }))))));
+            } }, index.h("div", { key: '26ef4c09f27d93b96c0e12f7998484fa73837b6c' }, index.h("h1", { key: '2930af83fa736285c220fca7c241e08f7f67267a', class: "s-loyalty-program-hero-title" }, this.name || index.h("span", { key: 'c6a170b91e43f8321a350c95c85c4f0bf24e0d2d', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), index.h("p", { key: '2558c1947c3cb1e78ddd396b596d72a9e62f408d', class: "s-loyalty-program-hero-description" }, this.description || index.h("span", { key: '363b97050db887cd8c05db1feec3fb834d7f48bb', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), index.h("slot", { key: '27ca29dfcd2cd5d176f22a7cf43ef26343ccf2e8', name: "action" }))), index.h("div", { key: 'a39534b8f093ff4e2373367a1e10bf2d9a986f37', class: "s-loyalty-program-hero-footer" }, index.h("div", { key: '10ccbf09e4e643255df236cc0d2ad55894a420ea', class: "s-loyalty-program-hero-slot-container" }, index.h("slot", { key: '33973737797d6f5303f0e1435768816eea7450c5', name: "crosspoint" }))))));
     }
 };
 SallaLoyaltyHero.style = sallaLoyaltyProgramCss$1;
@@ -226,7 +226,7 @@ const SallaLoyaltyPoint = class {
         }
     }
     render() {
-        return (index.h("div", { key: '18188b96c76014a8ca63490301473570179c6e78' }, index.h("div", { key: '0549c74cd95a162a59a471cdc59be0f1ced0ce0f', onClick: () => functions.closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, index.h("div", { key: 'cb3cbbd5b73644e1e69bd427e8603021e3177b1c', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, index.h("span", { key: '9915e810011d48c389f2ff7e49059c386a71fb9f', class: this.point.icon })), index.h("div", { key: 'ee19572884f1d26780cde2532f65dedaea881240', class: "s-loyalty-program-points-badge-mobile" }, index.h("salla-badge", { key: '781ec4ca3f923a0784242d3933131616f2b24d44', size: "xs", bg: "transparent" }, index.h("span", { key: '5e38c2cb5b84f3c5dcddf1ab52ece36f91aaf89c', innerHTML: gift.SIGift }), functions.formattedPointsJsx(this.point))), index.h("div", { key: 'a78d50feb0e87e3df46616b80296566dd41f04bf', class: "s-loyalty-program-points-badge-desktop" }, index.h("salla-badge", { key: 'e984c578ad5ec7a6837d051d7d79635e1867b2d8', size: "sm", bg: "transparent" }, index.h("span", { key: 'b10cba531be0562633c446fe9f545553606e36af', innerHTML: gift.SIGift }), functions.formattedPointsJsx(this.point))), index.h("p", { key: 'c10978d7fdf85a7c99442d8ab3583048380d2108', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
+        return (index.h("div", { key: 'ddfb0e0ffb4c23f7cab43dd994e25ba7c599a931' }, index.h("div", { key: 'a2fe514f59b0e01fc6e22011b6734d7ba97e951e', onClick: () => functions.closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, index.h("div", { key: '486b61a56b739a881de4ff0581a19ef91fbfc2e8', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, index.h("span", { key: '15f77554d8af1f65a66bf788cae341fe9f8f0fa3', class: this.point.icon })), index.h("div", { key: '2921be35f4d122e1a4580ed625832e4f33d69276', class: "s-loyalty-program-points-badge-mobile" }, index.h("salla-badge", { key: 'c809f65f9c93553e595fc995b76070a6a065e9d8', size: "xs", bg: "transparent" }, index.h("span", { key: 'd76ddeb873ac19f91b3cfe8af5837feb096cd7ca', innerHTML: gift.SIGift }), functions.formattedPointsJsx(this.point))), index.h("div", { key: '18674b523984b6ca91afcee873e219571f867fcf', class: "s-loyalty-program-points-badge-desktop" }, index.h("salla-badge", { key: '7ebbee57d2858f1ba372fd4b0b42771e394e330f', size: "sm", bg: "transparent" }, index.h("span", { key: '41a93def0e2e54b4e6e036222e212703fe9ef88f', innerHTML: gift.SIGift }), functions.formattedPointsJsx(this.point))), index.h("p", { key: 'acfa0ed98f398b591cb22e828ca677d37007e4e6', class: "s-loyalty-program-point-description" }, this.point.name), this.point.is_completed ?
             index.h("a", { class: {
                     's-loyalty-program-points-action': true,
                     's-loyalty-program-points-action-completed': this.point.is_completed,
@@ -236,12 +236,12 @@ const SallaLoyaltyPoint = 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,
-                } }, this.point.description)), index.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 }, index.h("div", { key: '29079334d694c522883e101be8cbf3cac7cf53cb', class: "s-loyalty-program-points-modal-header" }, index.h("h1", { key: '31d76362feb5d8faf3f0ef7f0bc253aa5d53bf06', class: "s-loyalty-program-points-modal-info" }, this.point.name)), index.h("div", { key: '526cfb6c9181e17c2953678da7018ba627d410fe', class: "s-loyalty-program-modal-scrollable-content" }, index.h("div", { key: '09aff5a2d91555902ed6adcb9875b43915a2c26a', class: "s-loyalty-program-points-modal-main" }, index.h("div", { key: 'a3878cda3a169d8780232b1b94f52add991038f6', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, index.h("span", { key: '54ba6129910cad8719872ac3f6fa2849ff3fe085', class: this.point.icon })), index.h("salla-badge", { key: '32f3fb88719c3c6ed8523235a0c05ec7cdf52936', size: "sm", bg: "light" }, index.h("span", { key: '8b9eb28e0175f411dd96cf99e7bbfd82d6364178', innerHTML: gift.SIGift }), index.h("span", { key: '93e030f87e44efd45f46d5e246fc9b636b84150f', class: "s-loyalty-program-points-badge-points" }, functions.formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
-            index.h("div", { key: '8536792c55eee3afaf0f22706691109dd14b08d1', class: "s-loyalty-program-points-modal-details" }, index.h("div", { key: '9121cc3b2e099189ee780a37c07cfdd4a83471d5', class: "s-loyalty-program-points-chains-wrapper" }, index.h("ul", { key: '254a0641aac4eafd9386757445808567c1fd5707', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
+                } }, this.point.description)), index.h("salla-modal", { key: '7c9f4dce935ba3e1f841aab57de04013e2fb983f', ref: modal => this.modal = modal, class: "s-loyalty-program-point-modal s-loyalty-program-modal", width: window.matchMedia('(min-width: 768px)').matches ? 'md' : 'sm', noPadding: true }, index.h("div", { key: '5e1dbd60526ae8450ce6453c04ea244ef1a96697', class: "s-loyalty-program-points-modal-header" }, index.h("h1", { key: 'b43153fe19ffa308d5bd4126c9bd0fd43f1379ea', class: "s-loyalty-program-points-modal-info" }, this.point.name)), index.h("div", { key: '5d8f1cad86fd916f984f5baa07ff7fb18afeda68', class: "s-loyalty-program-modal-scrollable-content" }, index.h("div", { key: '69c4e3f2d513ec6c52caaa31ab3e7c886c0827a0', class: "s-loyalty-program-points-modal-main" }, index.h("div", { key: '539a7713a22f64e9e4157dcd288ceca49910a449', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, index.h("span", { key: '5249f670969022167be8b11bff3ec8c75b4f0a5b', class: this.point.icon })), index.h("salla-badge", { key: 'e19decc72866ca36e3cc52c9822fc4677816bbda', size: "sm", bg: "light" }, index.h("span", { key: 'f2ed0ef699b63ce091c2b7dc5d30341bb0dcf713', innerHTML: gift.SIGift }), index.h("span", { key: '54275a2ec227c9415e77f88051bbf4e36d10489e', class: "s-loyalty-program-points-badge-points" }, functions.formattedPointsJsx(this.point)))), this.getSubHeading(this.point), !!this.point.steps && Object.keys(this.point.steps).length > 0 &&
+            index.h("div", { key: '7b8d4168a96586efa2855f169536a0577750cabe', class: "s-loyalty-program-points-modal-details" }, index.h("div", { key: '102274da4418a7119e65c6a5c44630315e348c98', class: "s-loyalty-program-points-chains-wrapper" }, index.h("ul", { key: '9a87e3fcb31ab6a0b984fe3fd43b9b57678b4600', class: "s-loyalty-program-points-chain-list" }, Object.values(this.point.steps).map((step, idx) => {
                 const stepsArray = Object.values(this.point.steps);
                 const isLastItem = idx === stepsArray.length - 1;
                 return (index.h("li", { class: "s-loyalty-program-points-chain-item" }, index.h("div", { class: "s-loyalty-program-points-chain-icon" }, index.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 && index.h("div", { class: "s-loyalty-program-points-chain-line" })), index.h("div", { class: "s-loyalty-program-points-chain-content" }, index.h("salla-badge", { size: "xs", color: "primary-900", bg: "primary-100" }, index.h("span", null, salla.lang.get(`pages.loyalty_program.step_${idx + 1}`))), index.h("p", { class: "s-loyalty-program-points-chain-description" }, step.title || step.name))));
-            })))), this.getDetails(this.point), index.h("div", { key: '5a7b03a390c7fe14741e8ba2a720335496af2ffb', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : index.h("div", { class: "s-loyalty-program-points-modal-list" }, index.h("div", { class: "s-loyalty-program-point-details-branches" }, index.h("h2", null, salla.lang.get('pages.loyalty_program.branches')), index.h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), index.h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, index.h("ul", null, this.point.branches.map((branch) => (index.h("li", { class: "s-loyalty-program-points-modal-list-item" }, index.h("p", null, branch.name), index.h("salla-badge", { size: "sm", bg: "transparent" }, index.h("span", { innerHTML: gift.SIGift }), index.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))))))))), index.h("div", { key: '627db1137113e711730ba1187d43224b24b66381', class: "s-loyalty-program-points-modal-action" }, index.h("a", { key: 'acb48d39007c6c42d2a248dbdd62c6e1afb0c994', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
+            })))), this.getDetails(this.point), index.h("div", { key: '7c96d9b4014f2b531cf85f0f4dd9c797f6b4e352', class: "s-loyalty-program-points-modal-details" }, this.getTrailingContent(this.point)), !this.point.branches?.length ? '' : index.h("div", { class: "s-loyalty-program-points-modal-list" }, index.h("div", { class: "s-loyalty-program-point-details-branches" }, index.h("h2", null, salla.lang.get('pages.loyalty_program.branches')), index.h("p", null, salla.lang.get('pages.loyalty_program.shop_from_branches'))), index.h("div", { class: "s-loyalty-program-points-modal-list-wrapper" }, index.h("ul", null, this.point.branches.map((branch) => (index.h("li", { class: "s-loyalty-program-points-modal-list-item" }, index.h("p", null, branch.name), index.h("salla-badge", { size: "sm", bg: "transparent" }, index.h("span", { innerHTML: gift.SIGift }), index.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))))))))), index.h("div", { key: '79a6d37b6af82a40b5b88f1a7e03034c3ac9fe90', class: "s-loyalty-program-points-modal-action" }, index.h("a", { key: '6498d88e64af28621281b8c12b28c1a22473001d', href: this.point.url, onClick: (e) => (e.stopPropagation(), this.handleAction(e, this.point)), class: {
                 's-loyalty-program-points-action': true,
                 's-loyalty-program-points-action-completed': this.point.is_completed,
                 's-loyalty-program-points-action-incomplete': !this.point.is_completed,

package/dist/cjs/salla-loyalty-panel.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
-var functions = require('./functions-C_kzehHT.js');
+var index = require('./index-BLZPuy15.js');
+var functions = require('./functions-DDLs9J1M.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 var percentage = require('./percentage-Fs83gq6Q.js');
 var shipping = require('./shipping-CPYcgyCL.js');
 var cart2 = require('./cart2-B98PSAFN.js');
-var trackedPromise = require('./tracked-promise-D-gQXgPZ.js');
+var trackedPromise = require('./tracked-promise-B-bFT1y-.js');
 
 var PrizeImage = `<svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="none" viewBox="0 0 57 57"><rect width="56.3" height="55.9" x=".4" y=".2" fill="#FFF5E5" rx="27.9"/><g clip-path="url(#a)"><path fill="#EE9D0D" d="M16.7 27.5h17.5v12.2a1 1 0 0 1-1 1H17.7a1 1 0 0 1-1-1V27.5Z"/><path fill="#C7830B" d="M34.2 27.8v6l-6.8-6.3H34l.3.3Z"/><path fill="#C7830B" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EA2B2D" d="m29.9 15.8-.3.1a2.4 2.4 0 0 0-1.4 1.5l-.2.8-.4.2a2.4 2.4 0 0 0-1.1 1.4l4.2 3.9L33 21l.2-2.9a2.4 2.4 0 0 0-3.3-2.4ZM41.1 26.3v.2a2.4 2.4 0 0 1-1.5 1.6l-.7.3-.2.3a2.4 2.4 0 0 1-1.3 1.3l-4.2-4 2.4-2.5 2.9-.3a2.4 2.4 0 0 1 2.6 3.1Z"/><path fill="#CB2527" d="M23.7 27.5h3.5v13.1h-3.5V27.5Z"/><path fill="#EA2B2D" d="M16.7 32.3h17.5v3.5H16.7v-3.5Z"/><path fill="#CB2527" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EE9D0D" d="M25.3 18.7 38.6 31a1 1 0 0 1 0 1.4l-2.3 2.4-14.7-13.7 2.3-2.5a1 1 0 0 1 1.4 0Z"/><path fill="#CB2527" d="m30.3 23.4 3.2 3-3 3.2-3.2-3 3-3.2ZM31.8 22.8a.4.4 0 0 1-.3-.1l-.3-.4A5.9 5.9 0 0 1 30 18a.4.4 0 0 1 .9 0 5 5 0 0 0 1 3.7l.3.3a.4.4 0 0 1-.4.7Z"/><path fill="#EA2B2D" d="M30.7 23.7c-1.9.7-3.8 1-5.7.9h-1.1l1.9 1.7-.6 1.9 1.8-.6c1.7-.5 3.2-1.4 4.6-2.5l.3-.2-1.2-1.2Z"/><path fill="#CB2527" d="M37.8 26.4c-1.1 0-2.3-.3-3.2-1l-.4-.2a.4.4 0 0 1 0-.8.4.4 0 0 1 .5 0l.3.3a5 5 0 0 0 3.7.7.4.4 0 1 1 .2 1 6 6 0 0 1-1 0Z"/><path fill="#EA2B2D" d="M33.2 26c-.5 2-.7 3.9-.5 5.8l.1 1.1-1.9-1.8-1.8.7.4-1.8c.4-1.7 1.2-3.3 2.2-4.8l.2-.3 1.3 1.2Z"/><path fill="#6699CE" d="M21.5 17.4a.9.9 0 1 0 0-1.7.9.9 0 0 0 0 1.7Z"/><path fill="#FAA6B2" d="M16.7 27.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z"/><path fill="#A6DEFF" d="M18.4 17.9a.4.4 0 0 1-.4-.3v-.1a1.4 1.4 0 0 0-1.3-1 .4.4 0 0 1-.2-.8h.2a2.3 2.3 0 0 1 2.1 1.5.4.4 0 0 1-.4.7ZM20.6 25.6h-.2v-.1a1 1 0 0 0-1.1 0 .4.4 0 0 1-.5-.8 1.8 1.8 0 0 1 2 0 .4.4 0 0 1-.2.9Z"/><path fill="#EEB436" d="m17.6 18.6 1.3 1.2 1.8-.4-.7 1.7.9 1.6-1.8-.2-1.2 1.3-.4-1.8-1.7-.7 1.6-.9.2-1.8ZM23 26.6l-.5 1.8 1.2 1.3-1.8.2-1 1.5-.6-1.7-1.8-.4 1.4-1.1-.2-1.9 1.6 1 1.6-.7Z"/><path fill="#F72D2F" d="m33.2 26-2.5-2.3L33 21a4 4 0 0 1 2.6 2.4l-2.4 2.6Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M15.8 15.7h25.4v25H15.8z"/></clipPath></defs></svg>`;
 

package/dist/cjs/salla-loyalty-points-banner.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.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"/>

package/dist/cjs/salla-loyalty-points-history.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 var gift = require('./gift-DbNivqYO.js');
 
 const formatDate = (timestamp) => {
@@ -83,7 +83,7 @@ const SallaLoyaltyPointsHistory = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '722394ad8e614d7db2460762992ea12bbf4d1f07' }, index.h("div", { key: '2230046263f24dbe9f13329134121e6b1079d713' }, this.isLoadingLoyalty ? (index.h("salla-loading", null)) : (index.h("div", null, index.h("table", { class: "s-loyalty-points-history-table" }, index.h("tbody", null, index.h("tr", null, index.h("td", null, index.h("div", { class: "s-loyalty-points-history-balance-container" }, index.h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), index.h("div", null, index.h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), index.h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (index.h("div", null, index.h("table", { class: "s-loyalty-points-history-table" }, index.h("thead", { class: "s-loyalty-points-history-table-head" }, index.h("tr", null, index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), index.h("tbody", null, this.loyaltyPointsArray.map(point => (index.h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), index.h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), index.h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), index.h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), index.h("span", null, translateKey(point?.key)))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), index.h("div", { class: {
+        return (index.h(index.Host, { key: '598233120adaed6885eff5d25c2e3142ed25b4f1' }, index.h("div", { key: 'eefd51a5c81eb491252eff180c57f6cb172425f5' }, this.isLoadingLoyalty ? (index.h("salla-loading", null)) : (index.h("div", null, index.h("table", { class: "s-loyalty-points-history-table" }, index.h("tbody", null, index.h("tr", null, index.h("td", null, index.h("div", { class: "s-loyalty-points-history-balance-container" }, index.h("i", { class: "s-loyalty-points-history-balance-icon sicon-gift" }), index.h("div", null, index.h("div", { class: "s-loyalty-points-history-balance-value" }, this.balance, " ", salla.lang.get('pages.loyalty_program.point')), index.h("div", { class: "s-loyalty-points-history-balance-label" }, salla.lang.get('pages.loyalty_program.your_points')))))))), this.loyaltyPointsArray.length > 0 ? (index.h("div", null, index.h("table", { class: "s-loyalty-points-history-table" }, index.h("thead", { class: "s-loyalty-points-history-table-head" }, index.h("tr", null, index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.points')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.date')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('pages.wallet.expiry_date')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.note')), index.h("th", { scope: "col", class: "s-loyalty-points-history-table-head-tr-th" }, salla.lang.get('common.elements.status')))), index.h("tbody", null, this.loyaltyPointsArray.map(point => (index.h("tr", { class: "s-loyalty-points-history-table-tbody-tr" }, index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.points'), ":"), index.h("span", null, point?.type === 'plus' ? '+' : '', point?.amount || '', " ", salla.lang.get('pages.loyalty_program.point')))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.date'), ":"), index.h("span", null, formatDate(point?.created_at ? Number(point.created_at) * 1000 : undefined)))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('pages.wallet.expiry_date'), ":"), index.h("span", null, formatDate(point?.expires_at ? Number(point.expires_at) * 1000 : undefined)))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.note'), ":"), index.h("span", null, translateKey(point?.key)))), index.h("td", { class: "s-loyalty-points-history-table-tbody-tr-td" }, index.h("div", { class: "s-loyalty-points-history-table-tbody-tr-td-content" }, index.h("span", { class: "s-loyalty-points-history-mobile-title" }, salla.lang.get('common.elements.status'), ":"), index.h("div", { class: {
                 's-loyalty-points-history-table-transaction-status': true,
                 's-loyalty-points-history-table-transaction-status-pending': point?.status_key === 'pending',
                 's-loyalty-points-history-table-transaction-status-revoked': point?.status_key === 'revoked',

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 
@@ -16,7 +16,7 @@ const SallaLoyaltyPrizeItem = class {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (index.h(index.Host, { key: '601dbcf73e68678eecc912c14c2b1be612a78551' }, index.h("div", { key: '074f8b4cb736bfabd5885d9df77bf74e7c4829a1', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: '4bec672992f7e998bde639295831a5c9ad5f5088', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: 'c8f858a7f406fe8e9123c57df627a4b6a2cbd719', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: '81b954aa730e07c7f32ee538692581dede3543db', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: 'b7baeada2da364fec6ee7bd606b595b1f652d8a8', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (index.h(index.Host, { key: '9b3837b35a38a39bde86ada09bbe7d1a43f669f4' }, index.h("div", { key: 'd3c4e77c5dea2060b2dc0f88dba36d08a3234779', onClick: this.onPrizeItemClick.bind(this) }, index.h("img", { key: '1219be8bbc9212da5b0392a6ac35c0c502cb1564', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), index.h("div", { key: '61ac2fcbcd5ae3038b3a09ee81555f31ebd4c073', class: "s-loyalty-prize-item-title" }, this.item.name), index.h("div", { key: 'aa504c58b738528d1545cccd2ca1c2a3f4af0f32', class: "s-loyalty-prize-item-subtitle" }, this.item.description), index.h("div", { key: '01763afbcbfd305186adabd75bd2798306a446f6', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
 };
 SallaLoyaltyPrizeItem.style = sallaLoyaltyPrizeItemCss;

package/dist/cjs/salla-loyalty-program.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
-var functions = require('./functions-C_kzehHT.js');
+var index = require('./index-BLZPuy15.js');
+var functions = require('./functions-DDLs9J1M.js');
 var percentage = require('./percentage-Fs83gq6Q.js');
 var shipping = require('./shipping-CPYcgyCL.js');
 var cart2 = require('./cart2-B98PSAFN.js');
 var userAdd = require('./user-add-BCGrddZS.js');
 var giftSharing = require('./gift-sharing-BE0uszUm.js');
-var trackedPromise = require('./tracked-promise-D-gQXgPZ.js');
+var trackedPromise = require('./tracked-promise-B-bFT1y-.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 var SICartUpload = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-loyalty-reward.cjs.entry.js

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

package/dist/cjs/salla-loyalty.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 var star2 = require('./star2-R146a27p.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 

package/dist/cjs/salla-maintenance-alert.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 var cancel = require('./cancel-B5SbMYEk.js');
 
 const sallaMaintenanceAlertCss = ".s-maintenance-alert-wrapper{display:flex;min-height:40px;width:100%;flex-direction:row;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgba(26, 38, 61, var(--tw-bg-opacity));padding:0.25rem 0.5rem;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-wrapper a{transition:0.35s cubic-bezier(0.2, 1, 0.3, 1)}.s-maintenance-alert-wrapper *{color:inherit}@media (min-width: 640px){.s-maintenance-alert-wrapper{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-content{margin-top:1rem;margin-bottom:1rem;display:flex;width:100%;align-items:center;justify-content:space-between}@media (min-width: 640px){.s-maintenance-alert-content{padding-left:2rem;padding-right:2rem}}.s-maintenance-alert-container{display:flex;align-items:center}.s-maintenance-alert-icon{margin-right:1.25rem;display:none}@media (min-width: 640px){.s-maintenance-alert-icon{display:block}}.s-maintenance-alert-text h2{margin-bottom:0.5rem;font-size:0.875rem;font-weight:700;line-height:1.4}@media (min-width: 640px){.s-maintenance-alert-text h2{font-size:1.5rem;line-height:2rem}}.s-maintenance-alert-text p{margin:0px;text-align:right;font-size:10px;line-height:1.2}@media (min-width: 640px){.s-maintenance-alert-text p{text-align:center;font-size:0.75rem;line-height:1}}.s-maintenance-alert-btn{position:relative;margin-left:4px;margin-right:4px;display:inline-block;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:0.125rem;border-width:1px;--tw-border-opacity:1;border-color:rgba(93, 213, 196, var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgba(93, 213, 196, var(--tw-bg-opacity));padding:0.5rem;text-align:center;vertical-align:middle;font-size:0.875rem;font-weight:400;line-height:1.4;--tw-text-opacity:1;color:rgba(255, 255, 255, var(--tw-text-opacity))}.s-maintenance-alert-btn:hover{--tw-bg-opacity:1;background-color:rgba(53, 203, 181, var(--tw-bg-opacity))}.s-maintenance-alert-btn *{pointer-events:none}[dir=rtl] .s-maintenance-alert-btn{margin-left:1.25rem;margin-right:0}@media (min-width: 640px){.s-maintenance-alert-btn{padding:0.5rem 1rem}}";
@@ -24,7 +24,7 @@ const SallaMaintenanceAlert = class {
         this.host.style.display = 'none';
     }
     render() {
-        return (index.h(index.Host, { key: '43a02d438a0357bd48922ad8fa4753905ac5e388', class: "s-maintenance-alert-wrapper" }, index.h("button", { key: 'ad62ec4a5ea3e77854d5bbf8938c4bb1b19da068', class: "s-maintenance-alert-close", innerHTML: cancel.SICancel, onClick: () => this.closeAlert() }), index.h("div", { key: '4a26bf28c37452b9621703188502b05db1347f75', class: "s-maintenance-alert-content" }, index.h("div", { key: '0602a5df5676b47407e0c8e8293fb2374aa2c210', class: "s-maintenance-alert-container" }, index.h("div", { key: 'ff7c3fad5c1830d6d8d631aa520b0dd588328265', class: "s-maintenance-alert-icon" }, index.h("img", { key: '277e2a8c3d6b4369e73fef23adf894ddf70ef685', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), index.h("div", { key: '5feb8a00c132f2b5787e42a0b9743d864ceecb2f', class: "s-maintenance-alert-text" }, index.h("h2", { key: '994eb48859d163ad19be4a273a5cff5e28f18b2b' }, this.title), index.h("p", { key: '236094a5767e6f329744e8dafc2415be2713a0e2' }, this.message))), index.h("div", { key: '98610dfed6802e7ebc123c1392c9f7ebdbcf0d5a' }, index.h("a", { key: '655cede6c8e95a7fbb63700f01ef1d148887a660', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (index.h(index.Host, { key: '138946ca54499c6125d04ecbcaea3f578ad463d7', class: "s-maintenance-alert-wrapper" }, index.h("button", { key: '628862a36b7265092a281e464b356e4609ab461c', class: "s-maintenance-alert-close", innerHTML: cancel.SICancel, onClick: () => this.closeAlert() }), index.h("div", { key: '159a9a144cc2c5094df87b236448f7fd14a46874', class: "s-maintenance-alert-content" }, index.h("div", { key: 'fe29a1e35330ea4f17860347b40b4860ec0345bb', class: "s-maintenance-alert-container" }, index.h("div", { key: '7c62e34354d0a63fdadda9b26be6d2470e6dd9b1', class: "s-maintenance-alert-icon" }, index.h("img", { key: '98d19941151c2efcae9c209177646f05ae98e708', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), index.h("div", { key: '7b3b7ffc5e5171ba1f7f8796487ea5239b47f8e1', class: "s-maintenance-alert-text" }, index.h("h2", { key: 'c6ee28d15e5e4c9e31698973d84966127b34e5cc' }, this.title), index.h("p", { key: '5970ed9856c0f201446a342bc4009f12f4d9ee85' }, this.message))), index.h("div", { key: 'c8c9cdea353445770a0326091bb2278d21ddbb17' }, index.h("a", { key: '979d8db01492abaa32b67ad50e87aeabd04647f7', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

package/dist/cjs/{salla-map.cjs.entry.js → salla-map_2.cjs.entry.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 var location = require('./location-DIyESLuI.js');
 
 var Edit = `<!-- Generated by IcoMoon.io -->
@@ -700,14 +700,80 @@ const SallaMap = class {
     }
     // render
     render() {
-        return (index.h(index.Host, { key: '8fae0e6754bd0571d5acf9bbc6df23e73b02b015', class: "s-map-wrapper" }, index.h("salla-modal", { key: '7aebcc533a4ec8f7ec5e3a8682f7f70afd5b1193', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (index.h(index.Host, { key: '8924c9dc6a9b42676e0b38761778808ace71d12f', class: "s-map-wrapper" }, index.h("salla-modal", { key: '52c34849cb87c8cc171a0f4747efcc9a68181fea', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), index.h("slot", { key: '1dc262e8474c0d137f98ce06c76d9fdea80d42c4', name: "button" }, index.h("salla-button", { key: '5ff296514b2e7b37d091cd634f497e855cf047d5', onClick: () => {
+            } }, this.getLocationModal()), index.h("slot", { key: 'b76459b6a42bec114c0196a9f8293dddd6154b6e', name: "button" }, index.h("salla-button", { key: '1c71ca54a9b5ea164c50f733b271e59dd964798a', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, index.h("span", { key: '806e832caff4dfdbadab0098f8c521548eb18aa4', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : location.Location }), this.formattedAddress ? (index.h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), index.h("input", { key: '2bc1c843dd35803d4f443907d1df52c72f4e87c2', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, index.h("span", { key: 'fa57f11d2aadedfff68b002da8c4e28a8f741971', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : location.Location }), this.formattedAddress ? (index.h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), index.h("input", { key: '2403dcd394f47d891b5a6effa0e59c8f8ccfb94d', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     get host() { return index.getElement(this); }
 };
 SallaMap.style = sallaMapCss;
 
+const sallaProgressBarCss = "";
+
+const SallaProgressBar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * Set height for the wrapper.
+         */
+        this.height = "10px";
+        try {
+            if (this.donation) {
+                let donationJson = typeof this.donation == 'string' ? JSON.parse(this.donation) : this.donation;
+                if (donationJson.can_donate && donationJson.target_amount) {
+                    donationJson.target_end_date = donationJson.target_end_date == '0000-00-00' ? null : donationJson.target_end_date;
+                    this.value = donationJson.collected_amount;
+                    this.target = donationJson.target_amount;
+                    this.header = salla.lang.get('pages.products.target');
+                    this.message = donationJson.target_end_date ? salla.lang.get('pages.products.donation_target_date') + ' ' + donationJson.target_end_date : '';
+                }
+                else {
+                    //in case the product is not enabled target campaign
+                    this.message = donationJson.target_amount
+                        ? donationJson.target_message
+                        : '';
+                }
+            }
+        }
+        catch (e) {
+            salla.log('Wrong donation json');
+        }
+        salla.lang.onLoaded(() => {
+            this.header = this.header?.replace('pages.products.target', salla.lang.get('pages.products.target'));
+            this.message = this.message?.replace('pages.products.donation_target_date', salla.lang.get('pages.products.donation_target_date'));
+        });
+        salla.onReady(() => {
+            this.color = this.color || salla.config.get('theme.color.primary', "#ffd5c4");
+            if (!this.unit) {
+                this.unit = salla.config.currency().symbol;
+            }
+        });
+    }
+    getPercentage() {
+        return (this.value / this.target) * 100;
+    }
+    render() {
+        if (!this.target && !this.message) {
+            return '';
+        }
+        return (index.h("div", { class: "s-progress-bar-container" }, this.header ? index.h("div", { class: "s-progress-bar-header" }, this.header) : '', this.getProgressBar(), this.message ? index.h("span", { class: "s-progress-bar-message" }, this.message) : ''));
+    }
+    getProgressBar() {
+        return this.target ? [
+            !this.hideUnits ? (index.h("div", { class: "s-progress-bar-target-section" }, index.h("span", { innerHTML: `${salla.helpers.number(this.value)} ${this.unit}` }), index.h("span", { innerHTML: `${salla.helpers.number(this.target)} ${this.unit}` }))) : null,
+            index.h("div", { class: "s-progress-bar-wrapper", style: { height: this.height } }, index.h("div", { class: {
+                    "s-progress-bar-progress": true,
+                    's-progress-bar-progress-stripped': this.stripped
+                }, style: {
+                    width: `${this.getPercentage()}%`,
+                    backgroundColor: this.color
+                } }))
+        ] : null;
+    }
+};
+SallaProgressBar.style = sallaProgressBarCss;
+
 exports.salla_map = SallaMap;
+exports.salla_progress_bar = SallaProgressBar;

package/dist/cjs/salla-menu.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const sallaMenuCss = ":host{display:block}";
 

package/dist/cjs/salla-metadata.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const sallaMetadataCss = "";
 

package/dist/cjs/salla-multiple-bundle-product-cart_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 
 const sallaMultipleBundleProductCartCss = "";
 
@@ -36,7 +36,7 @@ const SallaMultipleBundleProductCart = class {
         return (index.h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, index.h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, index.h("div", { class: "s-multiple-bundle-product-cart-header-content" }, index.h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, index.h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), index.h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, index.h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, index.h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), index.h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, index.h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, index.h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (index.h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, index.h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (index.h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, index.h("span", null, salla.lang.get('pages.products.number_of_pieces')), index.h("span", null, product?.quantity_in_group))))), !hasOptions && (index.h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'a0659e5dc8eb5e44d0a25e53cea017008a04ed4d', class: "s-multiple-bundle-product-wrapper" }, index.h("div", { key: '2bcfa463149fe7890418a3ef12308ca17d41cb34', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (index.h(index.Host, { key: '9d21c3d891b277c9415bd7a965e0b61437c4d166', class: "s-multiple-bundle-product-wrapper" }, index.h("div", { key: 'd68a401e56ccc208d042f4b279d56dd52a948764', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,
@@ -412,9 +412,9 @@ const SallaMultipleBundleProductDetails = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'dc22c848445385e667a2da109021b9dc9b413a6c', class: "s-multiple-bundle-product-wrapper" }, index.h("div", { key: 'a52743fee0af7cf1b99bd0459a85d335ca637e5d', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index$1) => {
+        return (index.h(index.Host, { key: 'b18a8280acce7e1c4225bf49d28e95efd93c1731', class: "s-multiple-bundle-product-wrapper" }, index.h("div", { key: '8a521bd4e1cbeb1f0b50b4614620992f1e330c84', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, index$1) => {
             return (index.h("salla-accordion", { key: section.id, collapsed: index$1 === 0 ? false : true }, index.h("salla-accordion-head", null, this.renderAccordionHeader(section)), index.h("salla-accordion-body", null, index.h("salla-multiple-bundle-product-slider", { section: section, sectionIndex: index$1, selectedProducts: this.selectedProducts, selectionLimit: this.getEffectiveMax(section), isSelectionLocked: this.isProductSelectionLocked(section), onProductSelected: this.handleBundleSliderProductSelected, onProductOptionsSelected: this.handleBundleSliderProductOptionsSelected }))));
-        })), index.h("salla-multiple-bundle-product-options-modal", { key: '4bda97c2a9db2cd1f2764e4f5a2e44fb0a013fa0' })));
+        })), index.h("salla-multiple-bundle-product-options-modal", { key: '47cf922925f9bd0b9645788f67ef1cb5bfea9b22' })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/salla-multiple-bundle-product-options-modal_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CmPl0fIy.js');
+var index = require('./index-BLZPuy15.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 const sallaMultipleBundleProductOptionsModalCss = ":host{display:block}";
@@ -481,7 +481,7 @@ const SallaMultipleBundleProductOptionsModal = class {
         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 (index.h(index.Host, { key: '1df1d7538fceee9a656f19cbf145388a3e0c03cc' }, index.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" }, index.h("div", { key: '1e34ee440889932fc24cfe9d9def9acd9d07a42b', slot: "loading" }, index.h("salla-skeleton", { key: '94a8be3dde042a84187a01305c8decf53bf7e3f3', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (index.h("salla-slider", { key: '2ac8b7c57ad95e22430f76a0ab22aff1d31f8558', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
+        return (index.h(index.Host, { key: '0ed98e10386020a1d958395eb77e1c2f0cdd14c3' }, index.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" }, index.h("div", { key: '5fd7f68f3b2e80ffd9422dc149a01dce5ced9050', slot: "loading" }, index.h("salla-skeleton", { key: '4c0abf5af0e0b9f031c5d56598d1af41de85dada', height: "100%", width: "100%" })), this.product?.images && this.product?.images.length > 0 && (index.h("salla-slider", { key: '82d6eefb9428da4bf7aee5261f3477b06dfdf655', id: `details-slider-${this.product?.id}`, type: "thumbs", loop: false, "auto-height": true, "listen-to-thumbnails-option": true, showThumbsControls: false, controlsOuter: false, showControls: false, class: "s-multiple-bundle-product-options-modal-slider", verticalThumbs: true, thumbsConfig: {
                 centeredSlides: true,
                 centeredSlidesBounds: true,
                 slidesPerView: Math.min(5, Math.max(1, this.product?.images.length)),
@@ -489,13 +489,13 @@ const SallaMultipleBundleProductOptionsModal = class {
                 watchSlidesProgress: true,
                 direction: 'vertical',
                 spaceBetween: 10,
-            } }, index.h("div", { key: '599e310ed8d87b526c75463dd9a1b1ff9bd2442e', slot: "items" }, this.product?.images &&
+            } }, index.h("div", { key: '7b7ec511af859ecb0bbd3c33a719aa979b1014f9', slot: "items" }, this.product?.images &&
             this.product?.images.map((image, index$1) => (index.h("div", { key: index$1, class: "swiper-slide" }, index.h("img", { src: image.url, alt: image.alt || `${this.product?.name} - Image ${index$1 + 1}`, loading: "lazy", onError: e => {
                     e.target.style.display = 'none';
-                } }))))), this.product?.images && this.product?.images.length > 1 && (index.h("div", { key: 'df1833370d4e7a8424b0cefe5f6aa1eff68e263e', slot: "thumbs" }, this.product?.images &&
+                } }))))), this.product?.images && this.product?.images.length > 1 && (index.h("div", { key: 'ac898742d0a81f6d2f957c0cf8e21bd599d25f70', slot: "thumbs" }, this.product?.images &&
             this.product?.images.map((image, index$1) => (index.h("div", { key: index$1, "data-caption": `${this.product?.name} - Image ${index$1 + 1}` }, index.h("img", { src: image.url, loading: "eager", class: "s-multiple-bundle-product-options-modal-slider-thumb", title: `${this.product?.name} - ${index$1 + 1}`, alt: image.alt || `${this.product?.name} - ${index$1 + 1}`, onError: e => {
                     e.target.style.display = 'none';
-                } })))))))), index.h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), index.h("div", { key: '3f7379d1620184a14f88b1123b67f6a9a225fe14', slot: "footer" }, index.h("div", { key: '26ad5d460d95cdce3d6fa28fcf7a04b0e3f97d3e', class: "s-multiple-bundle-product-options-modal-footer" }, index.h("salla-button", { key: '4f497db16b75e813d813fd92bd2f30ed02514000', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
+                } })))))))), index.h("salla-product-options", { options: JSON.stringify(optionsWithSelectedState), key: `${cacheKey}-reset-${resetToken}`, "product-id": productId, "unique-key": `${cacheKey}-reset-${resetToken}` }), index.h("div", { key: '696b238bdf814876e5717b2bdf3ae3283a1f4821', slot: "footer" }, index.h("div", { key: '7a19b10e718f9d775b3477e810f5eb587578e59f', class: "s-multiple-bundle-product-options-modal-footer" }, index.h("salla-button", { key: 'd1cb0627ebd0f41f1db63e4d5ff8458ceb89cbbe', onClick: e => this.onSave(e), loading: this.isLoading, disabled: isDisabled }, this.isLoading
             ? salla.lang.get('common.elements.saving')
             : salla.lang.get('common.elements.save')))))));
     }
@@ -641,7 +641,7 @@ const SallaMultipleBundleProductSlider = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '808d7d1f9d880d2bad293fa61ef5e7330385f15b' }, index.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 } }, index.h("div", { key: '8d551793d840ffddc64049efba32277d0bbf0c96', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
+        return (index.h(index.Host, { key: '0c130a3a21a67f0c5cdfe0b04fc259c19c5d1e13' }, index.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 } }, index.h("div", { key: '613ab6866dd65ed8d0b362bf136a63da3dedecb9', slot: "items" }, this?.section?.products?.map((product, productIndex) => {
             const isChecked = this.selectedProducts[this.section.id]?.has(product.id) || false;
             const isLocked = isChecked && this.isSelectionLocked;
             const isDisabled = this.isProductSelectionDisabled(product, isChecked);