@salla.sa/twilight-components 2.14.422 → 2.14.423

package/dist/components/salla-cart-item-offers.js

@@ -4,15 +4,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { S as SpecialDiscountIcon } from './special-discount.js';
 import { l as loyaltyProgramIcon } from './gift.js';
+import { T as TagMoneyIcon } from './tag-money.js';
 import { A as ArrowDown } from './keyboard_arrow_down.js';
 
-var TagMoneyIcon = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>tag-money</title>
-<path d="M20.567 11.433c-0.521-0.521-1.364-0.521-1.885 0l-0.524 0.524c-1.28-0.819-3.091-0.681-4.191 0.419-0.631 0.631-0.976 1.468-0.976 2.359 0 0.889 0.347 1.727 0.976 2.357l0.943 0.943c0.171 0.171 0.195 0.368 0.195 0.472s-0.025 0.301-0.196 0.472c-0.169 0.169-0.367 0.195-0.471 0.195s-0.301-0.025-0.472-0.195l-2.357-2.357c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l0.944 0.941-0.472 0.472c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l0.519-0.519c0.54 0.359 1.173 0.553 1.837 0.553 0.892 0 1.729-0.348 2.357-0.976 0.631-0.631 0.976-1.467 0.976-2.357s-0.347-1.727-0.976-2.357l-0.943-0.943c-0.26-0.26-0.26-0.684 0-0.944 0.259-0.259 0.683-0.261 0.944 0l1.885 1.887c0.521 0.521 1.364 0.521 1.885 0 0.521-0.52 0.521-1.364 0-1.885l-0.472-0.472 0.472-0.472c0.521-0.521 0.521-1.365 0.001-1.887zM28 0h-9.344c-1.059 0-2.056 0.411-2.809 1.153l-14.673 14.456c-1.56 1.56-1.561 4.097-0.001 5.657l9.56 9.56c0.755 0.755 1.76 1.172 2.828 1.173h0.003c1.068 0 2.072-0.416 2.833-1.179l14.451-14.668c0.743-0.753 1.153-1.751 1.153-2.809v-9.344c0-2.205-1.795-4-4-4zM29.333 13.344c0 0.353-0.137 0.685-0.385 0.937l-14.444 14.661c-0.252 0.252-0.587 0.391-0.941 0.391-0.001 0-0.001 0-0.001 0-0.356-0.001-0.691-0.139-0.943-0.392l-9.561-9.56c-0.52-0.52-0.52-1.365-0.005-1.88l14.667-14.449c0.253-0.248 0.585-0.385 0.937-0.385h9.344c0.736 0 1.333 0.597 1.333 1.333zM24 6.673c-0.737 0-1.333 0.604-1.333 1.341s0.596 1.333 1.333 1.333 1.333-0.596 1.333-1.333v-0.015c0-0.737-0.596-1.327-1.333-1.327z"></path>
-</svg>
-`;
-
 var FireIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>fire</title>

package/dist/components/salla-cookies-bar.js

@@ -20,6 +20,16 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.isMobile = false;
         this.mobileBreakpoint = 768;
         this.mobileQueryHandler = (e) => (this.isMobile = e.matches);
+        this.cookiesSettingsAnchorClass = 's-cookies-settings-link';
+        this.onCookiesSettingsClick = (event) => {
+            const target = event.target;
+            const link = target?.closest(`a.${this.cookiesSettingsAnchorClass}`);
+            if (!link) {
+                return;
+            }
+            event.preventDefault();
+            this.open();
+        };
     }
     async componentWillLoad() {
         await Salla.onReady();
@@ -39,9 +49,11 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         this.mobileQuery = window.matchMedia(`(max-width: ${this.mobileBreakpoint - 1}px)`);
         this.isMobile = this.mobileQuery.matches;
         this.mobileQuery.addEventListener('change', this.mobileQueryHandler);
+        document.addEventListener('click', this.onCookiesSettingsClick);
     }
     disconnectedCallback() {
         this.mobileQuery?.removeEventListener('change', this.mobileQueryHandler);
+        document.removeEventListener('click', this.onCookiesSettingsClick);
     }
     /**
      * Accept cookies consent.
@@ -63,6 +75,13 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         Salla.storage.set('cookies-consent', 'rejected');
         return this.host;
     }
+    /**
+     * Show cookies settings bar to allow updating consent.
+     */
+    async open() {
+        this.isVisible = true;
+        return this.host;
+    }
     isRtl() {
         return Salla.config.get('theme.is_rtl', true);
     }
@@ -82,7 +101,8 @@ const SallaCookiesBar$1 = /*@__PURE__*/ proxyCustomElement(class SallaCookiesBar
         "acceptLabel": [32],
         "rejectLabel": [32],
         "accept": [64],
-        "reject": [64]
+        "reject": [64],
+        "open": [64]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/salla-menu.js

@@ -18,11 +18,19 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
          * Boolean indicating whether to use React Link elements for menu links.
          */
         this.useReactLink = false;
+        /**
+         * When true (footer menu only), appends a link to open cookie preferences.
+         * Use as `with-cookie-preferences` in markup.
+         */
+        this.withCookiePreferences = false;
         this.menus = [];
+        this.cookiePreferencesLabel = '';
+        this.displayAllText = '';
     }
     async componentWillLoad() {
         return salla.onReady(() => {
             this.displayAllText = salla.lang.get('blocks.home.display_all');
+            this.cookiePreferencesLabel = salla.lang.get('common.cookies.settings');
             if (this.sourceValue && this.source === 'json') {
                 this.menus = typeof this.sourceValue === 'string' ? JSON.parse(this.sourceValue) : this.sourceValue || [];
             }
@@ -111,7 +119,11 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
                     "s-menu-footer-item": !this.topnav,
                     "s-menu-topnav-item topnav-link-item right-side": this.topnav
                 } }, menu.title);
-        })));
+        }), this.withCookiePreferences ? (h("a", { href: "#cookies-settings", class: {
+                "s-menu-footer-item": !this.topnav,
+                "s-menu-topnav-item topnav-link-item right-side": this.topnav,
+                "s-cookies-settings-link": true,
+            } }, this.cookiePreferencesLabel)) : null));
     }
     /**
   * Get the menus
@@ -140,7 +152,9 @@ const SallaMenu$1 = /*@__PURE__*/ proxyCustomElement(class SallaMenu extends HTM
         "topnav": [4],
         "useReactLink": [4, "use-react-link"],
         "limit": [2],
-        "menus": [32]
+        "withCookiePreferences": [4, "with-cookie-preferences"],
+        "menus": [32],
+        "cookiePreferencesLabel": [32]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/salla-next-order-coupon.d.ts

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

package/dist/components/salla-next-order-coupon.js

@@ -0,0 +1,165 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { T as TagMoneyIcon } from './tag-money.js';
+import { i as iconCopy } from './swap-stroke.js';
+import { d as defineCustomElement$3 } from './salla-button2.js';
+import { d as defineCustomElement$2 } from './salla-skeleton2.js';
+
+const sallaNextOrderCouponCss = ":host{display:block}";
+
+const SallaNextOrderCoupon$1 = /*@__PURE__*/ proxyCustomElement(class SallaNextOrderCoupon extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.coupon = null;
+        this.isLoading = true;
+        this.titlePercentTpl = '';
+        this.titleFixedTpl = '';
+        this.badgeLabel = '';
+        this.minSpendTpl = '';
+        this.expiresTpl = '';
+        this.shopNowLabel = '';
+        this.copyLabel = '';
+        this.copiedLabel = '';
+    }
+    componentWillLoad() {
+        Salla.onReady()
+            .then(() => Salla.lang.onLoaded())
+            .then(() => {
+            this.loadTranslations();
+            return this.loadCoupon();
+        })
+            .catch(() => {
+            this.isLoading = false;
+        });
+    }
+    loadTranslations() {
+        this.titlePercentTpl = Salla.lang.get('pages.thank_you.next_order_coupon.title_percent') || '';
+        this.titleFixedTpl = Salla.lang.get('pages.thank_you.next_order_coupon.title_fixed') || '';
+        this.badgeLabel = Salla.lang.get('pages.thank_you.next_order_coupon.badge') || '';
+        this.minSpendTpl = Salla.lang.get('pages.thank_you.next_order_coupon.min_spend') || '';
+        this.expiresTpl = Salla.lang.get('pages.thank_you.next_order_coupon.expires') || '';
+        this.shopNowLabel = Salla.lang.get('pages.thank_you.next_order_coupon.shop_now') || '';
+        this.copyLabel = Salla.lang.get('common.elements.copy') || '';
+        this.copiedLabel = Salla.lang.get('pages.thank_you.next_order_coupon.copied') || '';
+    }
+    async loadCoupon() {
+        try {
+            const response = await salla.api.request('coupons', { type: 'thankyou' });
+            const raw = response?.data;
+            const list = Array.isArray(raw) ? raw : (Array.isArray(raw?.data) ? raw.data : []);
+            this.coupon = list[0] ?? null;
+        }
+        catch {
+            this.coupon = null;
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async copyCode() {
+        if (!this.coupon)
+            return;
+        try {
+            await navigator.clipboard.writeText(this.coupon.code);
+            salla.notify.success(this.copiedLabel);
+            salla.event.dispatch('salla::next-order-coupon.code.copied', { code: this.coupon.code });
+        }
+        catch {
+            // clipboard write failed silently
+        }
+    }
+    isPercentage() {
+        return this.coupon?.type === 'P' || this.coupon?.type === 'percentage';
+    }
+    formatAmount() {
+        if (!this.coupon)
+            return '';
+        if (this.isPercentage()) {
+            return `${salla.helpers.number(this.coupon.amount)}%`;
+        }
+        const amt = this.coupon.amount;
+        if (typeof amt === 'object' && amt.amount) {
+            const a = amt;
+            return h("span", { innerHTML: salla.money(a.amount, a.currency) });
+        }
+        return h("span", { innerHTML: salla.money(amt) });
+    }
+    formatMinSpend() {
+        const min = this.coupon?.minimum_amount;
+        if (!min)
+            return '';
+        if (typeof min === 'string') {
+            return min.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+        }
+        return salla.money(min.amount, min.currency);
+    }
+    formatExpiry() {
+        const d = this.coupon?.expiry_date;
+        if (!d)
+            return '';
+        return new Date(d).toLocaleDateString(Salla.lang.locale || 'en-GB');
+    }
+    renderSkeleton() {
+        return (h("div", { class: "s-next-order-coupon-wrapper s-next-order-coupon-skeleton" }, h("div", { class: "s-next-order-coupon-inner" }, h("div", { class: "s-next-order-coupon-info" }, h("salla-skeleton", { type: "normal", width: "48px", height: "48px" }), h("div", { class: "s-next-order-coupon-details" }, h("salla-skeleton", { height: "14px", width: "220px" }), h("salla-skeleton", { height: "12px", width: "140px" }))), h("div", { class: "s-next-order-coupon-actions" }, h("salla-skeleton", { height: "40px", width: "140px" }), h("salla-skeleton", { height: "40px", width: "100px" })))));
+    }
+    renderTitle() {
+        const amount = this.formatAmount();
+        const tpl = this.isPercentage() ? this.titlePercentTpl : this.titleFixedTpl;
+        const placeholder = this.isPercentage() ? ':amount%' : ':amount';
+        const parts = tpl.split(placeholder);
+        return (h("p", { class: "s-next-order-coupon-title" }, parts[0], h("span", { class: "s-next-order-coupon-amount" }, amount), parts[1] || ''));
+    }
+    render() {
+        if (this.isLoading)
+            return this.renderSkeleton();
+        if (!this.coupon)
+            return null;
+        const minSpend = this.formatMinSpend();
+        const expiry = this.formatExpiry();
+        return (h("div", { class: "s-next-order-coupon-wrapper" }, h("div", { class: "s-next-order-coupon-inner" }, h("div", { class: "s-next-order-coupon-info" }, h("div", { class: "s-next-order-coupon-icon-wrap" }, h("span", { class: "s-next-order-coupon-icon-bg" }), h("span", { class: "s-next-order-coupon-icon", innerHTML: TagMoneyIcon })), h("div", { class: "s-next-order-coupon-details" }, h("div", { class: "s-next-order-coupon-title-row" }, this.renderTitle(), h("span", { class: "s-next-order-coupon-badge" }, h("span", { class: "s-next-order-coupon-badge-bg" }), h("span", { class: "s-next-order-coupon-badge-text" }, this.badgeLabel))), (minSpend || expiry) && (h("p", { class: "s-next-order-coupon-meta" }, minSpend && (h("span", { innerHTML: this.minSpendTpl.replace(':amount', minSpend) })), expiry && (h("span", null, this.expiresTpl.replace(':date', expiry))))))), h("div", { class: "s-next-order-coupon-actions" }, h("div", { class: "s-next-order-coupon-code-box" }, h("span", { class: "s-next-order-coupon-code-text" }, this.coupon.code), h("salla-button", { shape: "link", class: "s-next-order-coupon-copy-btn", title: this.copyLabel, onClick: () => this.copyCode() }, h("span", { class: "s-next-order-coupon-copy-icon", innerHTML: iconCopy }))), h("salla-button", { href: salla.url.get(''), class: "s-next-order-coupon-shop-btn" }, this.shopNowLabel)))));
+    }
+    static get style() { return sallaNextOrderCouponCss; }
+}, [0, "salla-next-order-coupon", {
+        "coupon": [32],
+        "isLoading": [32],
+        "titlePercentTpl": [32],
+        "titleFixedTpl": [32],
+        "badgeLabel": [32],
+        "minSpendTpl": [32],
+        "expiresTpl": [32],
+        "shopNowLabel": [32],
+        "copyLabel": [32],
+        "copiedLabel": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["salla-next-order-coupon", "salla-button", "salla-skeleton"];
+    components.forEach(tagName => { switch (tagName) {
+        case "salla-next-order-coupon":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SallaNextOrderCoupon$1);
+            }
+            break;
+        case "salla-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "salla-skeleton":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const SallaNextOrderCoupon = SallaNextOrderCoupon$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SallaNextOrderCoupon, defineCustomElement };

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

@@ -2,6 +2,7 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { i as iconCopy } from './swap-stroke.js';
 import { I as IconVerified } from './check.js';
 import { d as defineCustomElement$3 } from './salla-button2.js';
 import { d as defineCustomElement$2 } from './salla-placeholder2.js';
@@ -20,13 +21,6 @@ var iconDownload = `<!-- Generated by IcoMoon.io -->
 </svg>
 `;
 
-var iconCopy = `<!-- Generated by IcoMoon.io -->
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>swap-stroke</title>
-<path d="M6.667 18.667h-2.667c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333v2.667c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h2.667c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333zM28 10.667h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4v-13.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.597 1.333-1.333 1.333h-13.333c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333z"></path>
-</svg>
-`;
-
 var iconCreditCard = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>debit-card-back</title>

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

@@ -124,7 +124,10 @@ const SallaRewardDetails = /*@__PURE__*/ proxyCustomElement(class SallaRewardDet
         }
     }
     getCategoriesJsx(items, title) {
-        return !items.length ? '' : h("div", { class: c('reward-details-categories-wrapper') }, h("div", { class: c('reward-details-categories') }, h("h2", { class: c('reward-details-categories-heading') }, title), h("ul", { class: c('reward-details-categories-list') }, items.map((category) => (h("li", null, h("a", { href: category.url || category.lingual_urls?.[0], class: c('reward-details-categories-item') }, h("span", { innerHTML: Tag }), h("span", { class: c('reward-details-categories-item-content') }, category.name))))))));
+        return !items.length ? '' : h("div", { class: c('reward-details-categories-wrapper') }, h("div", { class: c('reward-details-categories') }, h("h2", { class: c('reward-details-categories-heading') }, title), h("ul", { class: c('reward-details-categories-list') }, items.map((category) => {
+            console.log("🚀 ~ SallaRewardDetails ~ getCategoriesJsx ~ category:", category);
+            return (h("li", null, h("a", { href: category.urls?.customer || category.url || category.lingual_urls?.[0], class: c('reward-details-categories-item') }, h("span", { innerHTML: Tag }), h("span", { class: c('reward-details-categories-item-content') }, category.name))));
+        }))));
     }
     getBrandsJsx(items, title) {
         return !items.length ? '' : h("div", { class: c('reward-details-items-brands', 'slider-arrows-edges') }, h("div", null, h("h2", null, title), h("salla-slider", { id: `brands-${items.map(({ id }) => id).join('-')}`, "slider-config": '{"loop":false,"slidesPerView":"auto","spaceBetween":10}' }, h("div", { slot: "items" }, items.map((brand) => (h("a", { href: salla.url.get(brand_path(brand)), class: c('reward-brand-item') }, h("img", { src: brand.logo || salla.url.cdn('images/s-empty.png'), alt: "" }))))))));
@@ -134,11 +137,11 @@ const SallaRewardDetails = /*@__PURE__*/ proxyCustomElement(class SallaRewardDet
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: '17b29a9098873643557786c9d9515b6245e2d773', class: "s-loyalty-program-reward-modal" }, h("div", { key: 'bd5411918a07a8e2dc1eb8ef7b1e06e82403d280', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '9e6d884e3e70c0ff3dbb005f61d48c1d1fa2ee65', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        return (h("div", { key: 'ef93a73728cf87285615dfe5dc9345d1a54db64a', class: "s-loyalty-program-reward-modal" }, h("div", { key: '85883b377d8ec2490cde174ea33aa08a64e84b68', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '2be1018fcdfff3966535a5e4cde4e10b99a690f6', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
             : h("button", { class: "s-loyalty-program-back-btn", onClick: () => closeModals(() => salla.event.dispatch('modal::open', 'loyalty-rewards-modal')) }, h("span", { class: {
                     'sicon-arrow-right': document.documentElement.getAttribute('dir') === 'rtl',
                     'sicon-arrow-left': document.documentElement.getAttribute('dir') === 'ltr',
-                } })), this.prize.name)), h("div", { key: '09d716d984701a251a3a759acbf112883fd0cf8f', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f7e2c8d017ba4dab380d08e0c7a5f1e49416b1f4', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '369bb4e9a1b8d8dde62de1236b4d836fd3d6841f', class: "s-loyalty-program-aspect-container" }, h("img", { key: '3ed20feecdcd1c7433ec465364ae62639824ee6d', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '2bba4702e75d05622b719fa796efccda0520ce69', size: "sm", bg: "light" }, h("span", { key: '837afff2bdf9a390e8ca373f31dddbd84d7c6a91', innerHTML: loyaltyProgramIcon }), h("span", { key: 'c3631a877062d69947928b1beee2ae4932910eec', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: '872bfd776acf67910a5cdeafdb48e2c7afd5d71c', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '253e6f58946e911ba2b74ef18ebcee0eae0bb514', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: 'ce4b30fab9f1fae89fd956ae3eb20e5750fcea09', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
+                } })), this.prize.name)), h("div", { key: 'eac6726dde8b8f5562fc4953ffb5c84830d185d4', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'a0ea8aca31d63016ad4890044a8f9789a4798ee2', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '9ff0ade39430845577a765f897ea50dc07ea498e', class: "s-loyalty-program-aspect-container" }, h("img", { key: '6001c3c5388611f924f22f229d879b48e7f5035e', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '4e69c07ff18b8a652ab852554ecb8a203fc34e16', size: "sm", bg: "light" }, h("span", { key: '854e73b47beeb53bda03ea3a6ac093fbe4098f16', innerHTML: loyaltyProgramIcon }), h("span", { key: 'ed3c8592176708a08016560ee0e35f57bfb3bec4', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: 'f9b79897d68a7b9b7f35d36ef3e8bf34a58ae3c3', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '663d761572fe3961f616fd10cf98409ca31e5002', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '2756956099b574b793d3a0ea3bcc3de63fc4ab4c', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
             h("salla-tab-header", { slot: "header", name: "included", style: {
                     display: this.getItemsMarkers('excluded') === '000' ? 'none' : 'block',
                 } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: IconVerified }), h("span", null, salla.lang.get(`pages.loyalty_program.included`))),
@@ -148,7 +151,7 @@ const SallaRewardDetails = /*@__PURE__*/ proxyCustomElement(class SallaRewardDet
                     display: this.getItemsMarkers('included') === '000' ? 'none' : 'block',
                 } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: Cancel }), h("span", null, salla.lang.get(`pages.loyalty_program.excluded`))),
             h("salla-tab-content", { slot: "content", name: "excluded" }, h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.excludedCategories, this.prize.excluded_category_ids), salla.lang.get('pages.loyalty_program.excluded_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.excludedBrands, this.prize.excluded_brand_ids), salla.lang.get('pages.loyalty_program.excluded_brands')), this.getProductsJsx(this.getProductIds(this.prize.excluded_product_ids), salla.lang.get('pages.loyalty_program.excluded_products')))),
-        ]))), h("salla-reward-action", { key: '4055a99cf9dd6a30448848544d302e929afb5f06', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), h("salla-reward-action", { key: '6576910c32df5d49f33e9372e2c0a3bd758c8125', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
     }
     static get watchers() { return {
         "prize": ["handlePrizeChange"]

package/dist/components/swap-stroke.js

@@ -0,0 +1,11 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+var iconCopy = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>swap-stroke</title>
+<path d="M6.667 18.667h-2.667c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333v2.667c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h2.667c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333zM28 10.667h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4v-13.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.597 1.333-1.333 1.333h-13.333c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333z"></path>
+</svg>
+`;
+
+export { iconCopy as i };

package/dist/components/tag-money.js

@@ -0,0 +1,11 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+var TagMoneyIcon = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>tag-money</title>
+<path d="M20.567 11.433c-0.521-0.521-1.364-0.521-1.885 0l-0.524 0.524c-1.28-0.819-3.091-0.681-4.191 0.419-0.631 0.631-0.976 1.468-0.976 2.359 0 0.889 0.347 1.727 0.976 2.357l0.943 0.943c0.171 0.171 0.195 0.368 0.195 0.472s-0.025 0.301-0.196 0.472c-0.169 0.169-0.367 0.195-0.471 0.195s-0.301-0.025-0.472-0.195l-2.357-2.357c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885l0.944 0.941-0.472 0.472c-0.521 0.521-0.521 1.364 0 1.885 0.26 0.26 0.601 0.391 0.943 0.391s0.683-0.131 0.943-0.391l0.519-0.519c0.54 0.359 1.173 0.553 1.837 0.553 0.892 0 1.729-0.348 2.357-0.976 0.631-0.631 0.976-1.467 0.976-2.357s-0.347-1.727-0.976-2.357l-0.943-0.943c-0.26-0.26-0.26-0.684 0-0.944 0.259-0.259 0.683-0.261 0.944 0l1.885 1.887c0.521 0.521 1.364 0.521 1.885 0 0.521-0.52 0.521-1.364 0-1.885l-0.472-0.472 0.472-0.472c0.521-0.521 0.521-1.365 0.001-1.887zM28 0h-9.344c-1.059 0-2.056 0.411-2.809 1.153l-14.673 14.456c-1.56 1.56-1.561 4.097-0.001 5.657l9.56 9.56c0.755 0.755 1.76 1.172 2.828 1.173h0.003c1.068 0 2.072-0.416 2.833-1.179l14.451-14.668c0.743-0.753 1.153-1.751 1.153-2.809v-9.344c0-2.205-1.795-4-4-4zM29.333 13.344c0 0.353-0.137 0.685-0.385 0.937l-14.444 14.661c-0.252 0.252-0.587 0.391-0.941 0.391-0.001 0-0.001 0-0.001 0-0.356-0.001-0.691-0.139-0.943-0.392l-9.561-9.56c-0.52-0.52-0.52-1.365-0.005-1.88l14.667-14.449c0.253-0.248 0.585-0.385 0.937-0.385h9.344c0.736 0 1.333 0.597 1.333 1.333zM24 6.673c-0.737 0-1.333 0.604-1.333 1.341s0.596 1.333 1.333 1.333 1.333-0.596 1.333-1.333v-0.015c0-0.737-0.596-1.327-1.333-1.327z"></path>
+</svg>
+`;
+
+export { TagMoneyIcon as T };

package/dist/esm/{filepond-CaO0jWZe.js → filepond-C27NJlHY.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DcQSprhU.js';
+import { d as getDefaultExportFromCjs } from './index-Z9TEkBrE.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-poster-x8WSmS0o.js → filepond-plugin-file-poster-CbA3Ow5D.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DcQSprhU.js';
+import { d as getDefaultExportFromCjs } from './index-Z9TEkBrE.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-size-CxlH6WN0.js → filepond-plugin-file-validate-size-DeVDysqG.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DcQSprhU.js';
+import { d as getDefaultExportFromCjs } from './index-Z9TEkBrE.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-file-validate-type-qw3WFgZc.js → filepond-plugin-file-validate-type-Bk2vWN-H.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DcQSprhU.js';
+import { d as getDefaultExportFromCjs } from './index-Z9TEkBrE.js';
 
 function _mergeNamespaces(n, m) {
     m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-edit-DuhPVO0a.js → filepond-plugin-image-edit-MZT3Vams.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DcQSprhU.js';
+import { d as getDefaultExportFromCjs } from './index-Z9TEkBrE.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-exif-orientation-BffsImgy.js → filepond-plugin-image-exif-orientation-CUi24gW6.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DcQSprhU.js';
+import { d as getDefaultExportFromCjs } from './index-Z9TEkBrE.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{filepond-plugin-image-preview-VZtiw7aM.js → filepond-plugin-image-preview-DNteLpdV.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { d as getDefaultExportFromCjs } from './index-DcQSprhU.js';
+import { d as getDefaultExportFromCjs } from './index-Z9TEkBrE.js';
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/esm/{functions-DQPUS1s5.js → functions-WZTrXRSI.js}

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { h } from './index-DcQSprhU.js';
+import { h } from './index-Z9TEkBrE.js';
 
 function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
     return number < multipleOf ? number : number - (number % multipleOf);