@salla.sa/twilight-components 2.14.462 → 2.14.464

package/dist/esm/salla-conditional-offer.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host } from './index-BKYdKDFz.js';
 
 var DiscountType;
 (function (DiscountType) {

package/dist/esm/salla-contacts.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 import { W as WhatsappIcon } from './whatsapp2-CgR-T_ZS.js';
 import { S as SIMail } from './mail-DLNIOD9t.js';
 

package/dist/esm/salla-cookies-bar.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 
 const sallaCookiesBarCss = ":host{display:block;overflow:visible}.s-cookies-bar{box-shadow:0 0 20px 4px rgba(0, 0, 0, 0.15)}.s-cookies-bar-btn--active{box-shadow:0 0 0 2px rgba(0, 0, 0, 0.08)}";
 

package/dist/esm/salla-count-down.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host } from './index-BKYdKDFz.js';
 
 const sallaCountDownCss = ".s-count-down-horizontal{background-color:rgba(0, 0, 0, 0.06);background-color:color-mix(in srgb, var(--color-primary) 10%, transparent)}";
 

package/dist/esm/salla-custom-fields.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h } from './index-CeYNqrm6.js';
+import { r as registerInstance, c as createEvent, h } from './index-BKYdKDFz.js';
 import { C as CameraIcon } from './camera-C6jIkM-X.js';
 import { F as FormFieldTypes } from './interfaces-OF8QcbMM.js';
 

package/dist/esm/salla-delivery-promise.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 
 const DEBUG_KEY = 'salla-delivery-promise-debug';
 function log(message, data) {

package/dist/esm/salla-edit-order-button.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host } from './index-BKYdKDFz.js';
 
 const sallaEditOrderButtonCss = ":host{display:block}";
 

package/dist/esm/salla-filters-widget.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 import { H as Helper } from './Helper-BXj4f_Qj.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-filters.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 import { F as FilterOptionTypes } from './interfaces-DL4h2bc3.js';
 import { H as Helper } from './Helper-BXj4f_Qj.js';
 import './anime.es-CgtvEd63.js';

package/dist/esm/salla-fulfillment-methods.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host } from './index-BKYdKDFz.js';
 
 const SallaFulfillmentMethods = class {
     constructor(hostRef) {

package/dist/esm/salla-gifting.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CeYNqrm6.js';
+import { r as registerInstance, h } from './index-BKYdKDFz.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 
 const SallaHook = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 import { H as Helper } from './Helper-BXj4f_Qj.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.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/esm/salla-list-tile.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host } from './index-BKYdKDFz.js';
 
 const sallaListTileCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, a as getElement } from './index-BKYdKDFz.js';
 
 const SallaLocalizationModal = class {
     constructor(hostRef) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, F as Fragment, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, F as Fragment, a as getElement } from './index-BKYdKDFz.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/esm/salla-loyalty-banner.entry.js

@@ -1,10 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CeYNqrm6.js';
-import { s as setTranslations } from './translations-dn_hTofo.js';
+import { r as registerInstance, h, a as getElement } from './index-BKYdKDFz.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
-import { T as TrackedPromise } from './tracked-promise-DmXpObWP.js';
+import { T as TrackedPromise } from './tracked-promise-LXHHL-Cj.js';
 
 const sallaLoyaltyProgramCss = "";
 
@@ -31,7 +30,6 @@ const SallaLoyaltyBanner = class {
     componentWillLoad() {
         return salla.onReady()
             .then(() => salla.lang.onLoaded())
-            .then(() => setTranslations())
             .then(() => this.prize())
             .catch(error => salla.logger.error(error));
     }

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

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
-import { c as closeModals, f as formattedPointsJsx, i as isUnitOrder } from './functions-C_YevJW-.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
+import { c as closeModals, f as formattedPointsJsx, i as isUnitOrder } from './functions-D5cnKLmS.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';
 import { S as SIUserAdd } from './user-add-QpH8MU22.js';
@@ -20,13 +20,13 @@ const SallaLoyaltyHero = class {
         registerInstance(this, hostRef);
     }
     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" }))))));
     }
 };
 SallaLoyaltyHero.style = sallaLoyaltyProgramCss$1;
@@ -204,12 +204,6 @@ const SallaLoyaltyPoint = class {
                 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: SIGift }), 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: SIGift }), formattedPointsJsx(condition.points, isUnitOrder(point))), h("p", { class: "s-loyalty-program-points-chain-description" }, condition.name), h("div", null, this.getCategoriesJsx(condition.value)))))))));
@@ -230,7 +224,7 @@ const SallaLoyaltyPoint = class {
         }
     }
     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: SIGift }), 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: SIGift }), 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: SIGift }), 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: SIGift }), 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,
@@ -240,12 +234,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)), 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: SIGift }), 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: SIGift }), 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: SIGift }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '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: SIGift }), h("a", { href: branch.location ? `https://www.google.com/maps?q=${branch.location.lat},${branch.location.lon}` : '#', target: "_blank", rel: "noopener noreferrer" }, branch.address_description))))))))), h("div", { key: '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/esm/salla-loyalty-panel.entry.js

@@ -1,15 +1,14 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h, r as registerInstance } from './index-CeYNqrm6.js';
-import { s as setTranslations } from './translations-dn_hTofo.js';
-import { n as normalizeLoyaltyData, c as closeModals } from './functions-C_YevJW-.js';
+import { h, r as registerInstance } from './index-BKYdKDFz.js';
+import { n as normalizeLoyaltyData, c as closeModals } from './functions-D5cnKLmS.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
 import { S as SIPercentage, a as SILayoutGrid } from './percentage-Bs6JxDkg.js';
 import { S as SIShipping } from './shipping-CZRcMGA9.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';
-import { T as TrackedPromise } from './tracked-promise-DmXpObWP.js';
+import { T as TrackedPromise } from './tracked-promise-LXHHL-Cj.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>`;
 
@@ -44,7 +43,6 @@ const SallaLoyaltyPanel = class {
     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/esm/salla-loyalty-points-banner.entry.js

@@ -1,8 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
-import { s as setTranslations } from './translations-dn_hTofo.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.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"/>
@@ -21,7 +20,6 @@ const SallaLoyaltyPointsBanner = class {
         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/esm/salla-loyalty-points-history.entry.js

@@ -0,0 +1,94 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { r as registerInstance, h, H as Host } from './index-BKYdKDFz.js';
+import { S as SIGift } from './gift-CXRKXFgT.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 = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        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: SIGift }), 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')))))))));
+    }
+};
+
+export { SallaLoyaltyPointsHistory as salla_loyalty_points_history };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CeYNqrm6.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BKYdKDFz.js';
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

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

@@ -1,16 +1,14 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h, r as registerInstance } from './index-CeYNqrm6.js';
-import { s as setTranslations } from './translations-dn_hTofo.js';
-import { n as normalizeLoyaltyData, a as nearestLowerMultiple, c as closeModals } from './functions-C_YevJW-.js';
+import { h, r as registerInstance } from './index-BKYdKDFz.js';
+import { n as normalizeLoyaltyData, a as nearestLowerMultiple, c as closeModals } from './functions-D5cnKLmS.js';
 import { S as SIPercentage, a as SILayoutGrid } from './percentage-Bs6JxDkg.js';
 import { S as SIShipping } from './shipping-CZRcMGA9.js';
 import { S as SICart2 } from './cart2-D1s2kXqL.js';
 import { S as SIUserAdd } from './user-add-QpH8MU22.js';
 import { S as SIGiftSharing } from './gift-sharing-0-eTJXSD.js';
-import { S as SIGift } from './gift-CXRKXFgT.js';
-import { T as TrackedPromise } from './tracked-promise-DmXpObWP.js';
+import { T as TrackedPromise } from './tracked-promise-LXHHL-Cj.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 
 var SICartUpload = `<!-- Generated by IcoMoon.io -->
@@ -58,7 +56,6 @@ const SallaLoyaltyProgram = class {
     componentWillLoad() {
         return salla.onReady()
             .then(() => salla.lang.onLoaded())
-            .then(() => setTranslations())
             .then(() => {
             this.program();
             this.points();
@@ -85,7 +82,7 @@ const SallaLoyaltyProgram = class {
         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: SIGift }))))
+            ? 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/esm/salla-loyalty-reward.entry.js

@@ -1,8 +1,8 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h } from './index-CeYNqrm6.js';
-import { c as closeModals } from './functions-C_YevJW-.js';
+import { r as registerInstance, c as createEvent, h } from './index-BKYdKDFz.js';
+import { c as closeModals } from './functions-D5cnKLmS.js';
 import { S as SIGift } from './gift-CXRKXFgT.js';
 
 const sallaLoyaltyProgramCss = "";
@@ -37,10 +37,10 @@ const SallaLoyaltyReward = class {
         };
     }
     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: SIGift }), 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: SIGift }), 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/esm/salla-loyalty.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CeYNqrm6.js';
+import { r as registerInstance, h } from './index-BKYdKDFz.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 import { S as SICancel } from './cancel-8Tsmrwno.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 import { S as SICancel } from './cancel-8Tsmrwno.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}}";
@@ -22,7 +22,7 @@ const SallaMaintenanceAlert = class {
         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: SICancel, 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: SICancel, 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/esm/salla-map.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CeYNqrm6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BKYdKDFz.js';
 import { L as Location } from './location-BO5AoBAP.js';
 
 var Edit = `<!-- Generated by IcoMoon.io -->
@@ -698,11 +698,11 @@ const SallaMap = class {
     }
     // 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 getElement(this); }
 };