@salla.sa/twilight-components 2.14.537 → 2.14.539

package/dist/esm/percentage-Bs6JxDkg.js

@@ -1,18 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-var SILayoutGrid = `<!-- 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>layout-grid</title>
-<path d="M10.667 17.333h-5.333c-2.205 0-4 1.795-4 4v5.333c0 2.205 1.795 4 4 4h5.333c2.205 0 4-1.795 4-4v-5.333c0-2.205-1.795-4-4-4zM12 26.667c0 0.736-0.597 1.333-1.333 1.333h-5.333c-0.736 0-1.333-0.597-1.333-1.333v-5.333c0-0.736 0.597-1.333 1.333-1.333h5.333c0.736 0 1.333 0.597 1.333 1.333zM26.667 1.333h-5.333c-2.205 0-4 1.795-4 4v5.333c0 2.205 1.795 4 4 4h5.333c2.205 0 4-1.795 4-4v-5.333c0-2.205-1.795-4-4-4zM28 10.667c0 0.735-0.597 1.333-1.333 1.333h-5.333c-0.736 0-1.333-0.599-1.333-1.333v-5.333c0-0.735 0.597-1.333 1.333-1.333h5.333c0.736 0 1.333 0.599 1.333 1.333zM10.667 1.333h-5.333c-2.205 0-4 1.795-4 4v5.333c0 2.205 1.795 4 4 4h5.333c2.205 0 4-1.795 4-4v-5.333c0-2.205-1.795-4-4-4zM12 10.667c0 0.735-0.597 1.333-1.333 1.333h-5.333c-0.736 0-1.333-0.599-1.333-1.333v-5.333c0-0.735 0.597-1.333 1.333-1.333h5.333c0.736 0 1.333 0.599 1.333 1.333zM26.667 17.333h-5.333c-2.205 0-4 1.795-4 4v5.333c0 2.205 1.795 4 4 4h5.333c2.205 0 4-1.795 4-4v-5.333c0-2.205-1.795-4-4-4zM28 26.667c0 0.736-0.597 1.333-1.333 1.333h-5.333c-0.736 0-1.333-0.597-1.333-1.333v-5.333c0-0.736 0.597-1.333 1.333-1.333h5.333c0.736 0 1.333 0.597 1.333 1.333z"></path>
-</svg>
-`;
-
-var SIPercentage = `<!-- 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>percentage</title>
-<path d="M9 14.333c3.308 0 6-2.692 6-6s-2.692-6-6-6-6 2.692-6 6 2.692 6 6 6zM9 5c1.837 0 3.333 1.495 3.333 3.333s-1.496 3.333-3.333 3.333-3.333-1.495-3.333-3.333 1.496-3.333 3.333-3.333zM29.276 2.724c-0.521-0.521-1.364-0.521-1.885 0l-24.667 24.667c-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.391l24.667-24.667c0.521-0.521 0.521-1.364 0-1.885zM23.667 17c-3.308 0-6 2.692-6 6s2.692 6 6 6 6-2.692 6-6-2.692-6-6-6zM23.667 26.333c-1.837 0-3.333-1.495-3.333-3.333s1.496-3.333 3.333-3.333 3.333 1.495 3.333 3.333-1.496 3.333-3.333 3.333z"></path>
-</svg>
-`;
-
-export { SIPercentage as S, SILayoutGrid as a };

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

@@ -1,65 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, a as getElement } from './index-BICKbbaT.js';
-import { S as SIGift } from './gift-CXRKXFgT.js';
-import { T as TrackedPromise } from './tracked-promise-BGUdJ_Y7.js';
-
-const sallaLoyaltyProgramCss = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const SallaLoyaltyBanner = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    /**
-     * Get product ID from data attribute or fallback to page.id
-     */
-    get productId() {
-        return this.host.dataset.productId || salla.config.get('page.id');
-    }
-    componentWillLoad() {
-        return salla.onReady()
-            .then(() => salla.lang.onLoaded())
-            .then(() => this.prize())
-            .catch(error => salla.logger.error(error));
-    }
-    handleClick() {
-        if (salla.config.isGuest()) {
-            salla.event.dispatch('login::open');
-            return;
-        }
-        this.exchangeModal.open();
-    }
-    render() {
-        if (this.prize.status !== 'success' || !this.productId) {
-            return null;
-        }
-        return (h("div", { class: "s-loyalty-program-banner-container" }, h("div", null, h("p", { class: "s-loyalty-program-banner-container-banner-title" }, salla.lang.get('pages.loyalty_program.want_to_redeem_free_product')), h("p", { class: "s-loyalty-program-banner-container-banner-subtitle" }, salla.lang.get('pages.loyalty_program.exchange_points_for_free_product', { points: this.prize.data.cost_points }))), h("button", { onClick: () => this.handleClick() }, h("span", { innerHTML: SIGift }), h("span", null, salla.lang.get('pages.loyalty_program.exchange_points'))), h("salla-modal", { ref: modal => this.exchangeModal = modal, width: "sm" }, !this.prize.data ? '' : h("salla-reward-exchange", { productId: Number(this.productId), prize: this.prize.data }))));
-    }
-    get host() { return getElement(this); }
-};
-__decorate([
-    TrackedPromise(async function () {
-        if (!(salla.config.get('store.features') || []).includes('loyalty-system')) {
-            return Promise.reject('Loyalty system is not enabled for merchant');
-        }
-        const { loyalty_prize } = await salla.product.api.getDetails(this.productId);
-        if (!loyalty_prize) {
-            return Promise.reject('no loyalty prize for this product');
-        }
-        return loyalty_prize;
-    })
-], SallaLoyaltyBanner.prototype, "prize", void 0);
-SallaLoyaltyBanner.style = sallaLoyaltyProgramCss;
-
-export { SallaLoyaltyBanner as salla_loyalty_banner };

package/dist/esm/salla-loyalty-exchange-product-card_5.entry.js

@@ -1,299 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-BICKbbaT.js';
-import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-DBwN_PnC.js';
-import { S as SIGift } from './gift-CXRKXFgT.js';
-import { S as SITag } from './tag-cgSL_BIo.js';
-import { S as SICheck } from './check-BZp0rKEO.js';
-import { S as SICancel } from './cancel-8Tsmrwno.js';
-import { T as TrackedPromise } from './tracked-promise-BGUdJ_Y7.js';
-
-const sallaLoyaltyProgramCss$4 = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-const SallaLoyaltyExchangeProductCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.loyaltyProductExchange = createEvent(this, "loyaltyProductExchange");
-    }
-    componentWillLoad() {
-        this.hasCustomCard = !!customElements.get('custom-salla-product-card');
-    }
-    render() {
-        const product = typeof this.product === 'string' ? JSON.parse(this.product) : this.product;
-        return (h("div", { key: '1a430e79a1b3099353f4e9905930f083ff889def', class: "s-loyalty-exchange-card" }, this.hasCustomCard
-            ? h("custom-salla-product-card", { product: product, hideAddBtn: true })
-            : h("salla-product-card", { "hide-add-btn": true, product: product }), h("div", { key: '8b75d06c112af988c149b374fdd3592cd27cb490', class: "s-loyalty-exchange-card-btn" }, h("salla-button", { key: 'b04dc80d5af75461a5d1f938c45bf156e4592e1e', fill: "outline", width: "wide", onClick: () => this.loyaltyProductExchange.emit({ productId: product.id }) }, salla.lang.get('pages.loyalty_program.redeem_reward')))));
-    }
-};
-SallaLoyaltyExchangeProductCard.style = sallaLoyaltyProgramCss$4;
-
-const sallaLoyaltyProgramCss$3 = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-const SallaRewardAction = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.actionClick = createEvent(this, "actionClick");
-        this.isClickable = (_prize) => {
-            return true;
-        };
-        this.isShopNow = (prize) => {
-            if (!(salla.config.get('store.features') || []).includes('loyalty-system-v2')) {
-                return false;
-            }
-            return prize.key?.toLowerCase() === 'free_product';
-        };
-        this.handleClick = (e) => {
-            if (salla.config.isGuest()) {
-                closeModals(() => salla.event.dispatch('login::open'));
-                return;
-            }
-            this.actionClick.emit(e);
-        };
-    }
-    render() {
-        if (!this.isClickable(this.prize)) {
-            return null;
-        }
-        return (h("div", { class: "s-loyalty-program-rewards-modal-action" }, this.isShopNow(this.prize) ? (h("salla-button", { fill: "outline", color: "light", class: "s-loyalty-program-rewards-action-base", onClick: () => closeModals() }, salla.lang.get('common.elements.cancel'))) : (h("button", { onClick: this.handleClick, class: {
-                's-loyalty-program-rewards-action-base': true,
-                's-loyalty-program-rewards-action-on': true,
-            } }, salla.lang.get('pages.loyalty_program.redeem_reward')))));
-    }
-};
-SallaRewardAction.style = sallaLoyaltyProgramCss$3;
-
-const sallaLoyaltyProgramCss$2 = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-const SallaRewardCard = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.areaClick = createEvent(this, "areaClick");
-        this.actionClick = createEvent(this, "actionClick");
-    }
-    render() {
-        return (h(Host, { key: 'b63690e8c960ef4c33cd2510775e80fa06a39b82', class: "s-loyalty-program-reward-host" }, h("div", { key: '1b5b2a02f13b30e70c38323328cf8862f0f4ba8f', class: "s-loyalty-program-reward-container" }, h("div", { key: '0a35ac9e2d87f2d6c228fbb547e1842bd2243512', onClick: (e) => this.areaClick.emit(e), role: "button" }, h("div", { key: 'aa2e1b5ce4e4fd186df5ad3fc25dc3fa3ccbb0fd', class: "s-loyalty-program-reward-img" }, h("img", { key: 'ecff4f5c86db5742910eaf402768422b93c001c3', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), h("div", { key: '39216ef7e75a83770ba883e03aa26b39912292f6', class: "s-loyalty-program-reward-content" }, h("div", { key: '047544aeaac2ac45e8782d11e6f08691f10864da', class: "s-loyalty-program-reward-points" }, h("salla-badge", { key: '9564bdd0494ccb1812d30518384ede3b914edce4', size: "xs" }, h("span", { key: '2a3ecf06e9475b0a2d6bff174b46ee15646312d5', innerHTML: SIGift }), h("span", { key: '776d694e330d57366c084aa321845e964825cfe9', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), h("div", { key: '05e322f1a272ca223d431905c9566cc57af9e8b4', class: "s-loyalty-program-reward-title" }, h("span", { key: 'b3699e555190bb1c45c14a46c2c16a620ebcd9af' }, this.prize.group_title)), h("div", { key: 'fbdac88e90edf90ee1c6d7c66add35d28141ad36', class: "s-loyalty-program-reward-name" }, h("div", { key: '5f2b92831df7628b390921098cd84849b9f13a4d', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), h("div", { key: 'f0f23a84cd12ba830212df2bee319f1e05bc5752', class: "p-4" }, h("slot", { key: '33e3a2e4fe99e3db9300b69b14cba240e1c9b4de', name: "action" }, h("button", { key: '70f128d1ebaba775b9cd5848f043abf9f5f8163f', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
-    }
-};
-SallaRewardCard.style = sallaLoyaltyProgramCss$2;
-
-const sallaLoyaltyProgramCss$1 = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const c = (...args) => args.map(i => 's-loyalty-program-' + i).join(' ');
-const SallaRewardDetails = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.actionClick = createEvent(this, "actionClick");
-        this.productActionClick = createEvent(this, "productActionClick");
-        this.refreshKey = Date.now();
-        this.includedProductsData = [];
-    }
-    handleProductExchange(e) {
-        this.productActionClick.emit({ productId: e.detail.productId });
-    }
-    handlePrizeChange() {
-        this.refreshKey = Date.now();
-        this.fetchIncludedProducts();
-    }
-    componentWillLoad() {
-        if (this.category.status === 'idle') {
-            this.category();
-        }
-        if (this.brand.status === 'idle') {
-            this.brand();
-        }
-        this.fetchIncludedProducts();
-    }
-    async fetchIncludedProducts() {
-        this.includedProductsData = [];
-        const ids = this.prize?.included_product_ids;
-        if (!ids?.length)
-            return;
-        const requestedPrize = this.prize;
-        try {
-            const response = await salla.api.withoutNotifier(() => salla.product.api.fetch({ source: 'selected', source_value: ids }));
-            if (this.prize === requestedPrize) {
-                this.includedProductsData = response.data || [];
-            }
-        }
-        catch {
-            this.includedProductsData = [];
-        }
-    }
-    getTermsAndConditions() {
-        const minimumAmount = Number((this.prize.order_minimum_amount || '0').split('.')[0]) || 0;
-        const maximumAmount = Number((this.prize.coupon_maximum_amount || '0').split('.')[0]) || 0;
-        const termsAndConditions = [];
-        if (minimumAmount) {
-            termsAndConditions.push([
-                salla.lang.get('pages.loyalty_program.order_minimum_amount'),
-                `${minimumAmount} ${salla.lang.get(`currency.${(salla.config.get('user.currency_code') || '').toLowerCase()}`)}`,
-            ]);
-        }
-        if (maximumAmount) {
-            termsAndConditions.push([
-                salla.lang.get('pages.loyalty_program.coupon_maximum_amount'),
-                `${maximumAmount} ${salla.lang.get(`currency.${(salla.config.get('user.currency_code') || '').toLowerCase()}`)}`,
-            ]);
-        }
-        return termsAndConditions;
-    }
-    findItems(ids) {
-        if (!ids?.length)
-            return [];
-        const brands = this.brand.data;
-        const categories = this.category.data;
-        // id_ is the numeric ID from the API (e.g. 740744759); id is a string hash (e.g. "zEVZGx"). included_category_ids/included_brand_ids are number[], so id_ is correct here.
-        return brands.concat(categories).filter(i => ids.includes(i.id_));
-    }
-    getIncludedItems(items, ids) {
-        if (items?.length) {
-            return items;
-        }
-        if (ids?.length) {
-            return this.findItems(ids);
-        }
-        return [];
-    }
-    getProductIds(ids) {
-        return ids || [];
-    }
-    getItemsMarkers(key) {
-        if (key === 'both') {
-            return this.getItemsMarkers('included') + this.getItemsMarkers('excluded');
-        }
-        return [
-            this.prize[`${key}_product_ids`]?.length || 0,
-            this.prize[`${key}_brand_ids`]?.length || 0,
-            this.prize[`${key}_category_ids`]?.length || 0,
-        ].map(Boolean).map(Number).join('');
-    }
-    getItemsMarkersText() {
-        // Check if prize type is free_shipping
-        if (this.prize.key === 'FREE_SHIPPING') {
-            return salla.lang.get('pages.loyalty_program.redeem_for_free_shipping');
-        }
-        switch (this.getItemsMarkers('included')) {
-            case '001':
-                return salla.lang.get('pages.loyalty_program.redeem_on_specific_products');
-            case '010':
-                return salla.lang.get('pages.loyalty_program.redeem_on_specific_brands');
-            case '100':
-                return salla.lang.get('pages.loyalty_program.redeem_on_specific_categories');
-            case '000':
-                return salla.lang.get('pages.loyalty_program.redeem_on_all_products');
-            default:
-                return salla.lang.get('pages.loyalty_program.redeem_on_specific_products');
-        }
-    }
-    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) => {
-            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: SITag }), 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: "" }))))))));
-    }
-    getProductsJsx(items, title) {
-        return !items?.length ? '' : h("div", { class: "s-loyalty-program-reward-details-items-products s-loyalty-program-slider-arrows-edges" }, h("h2", null, title), h("salla-products-slider", { source: "selected", sourceValue: JSON.stringify(items), "slider-config": '{"loop":false,"slidesPerView":"auto","freeMode":true,"spaceBetween":0,"breakpoints":{"768":{"slidesPerView":3,"freeMode":false,"speed":300}}}' }));
-    }
-    getIncludedProductsJsx(title) {
-        const products = this.includedProductsData;
-        if (!products?.length)
-            return '';
-        return (h("div", { class: c('reward-details-items-products') }, h("h2", null, title), h("div", { class: c('reward-details-products-grid') }, products.map(product => h("salla-loyalty-exchange-product-card", { product: product })))));
-    }
-    render() {
-        const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: '08f402196aa5268a8bbf1dba1e037c45c33ae8a5', class: "s-loyalty-program-reward-modal" }, h("div", { key: '75ae87a6055125371003a6bfd4e3f94c4a462c08', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '4296046ef1409ec92c95e37fbea65506fb37929c', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
-            : h("button", { class: "s-loyalty-program-back-btn", onClick: () => closeModals(() => salla.event.dispatch('modal::open', 'loyalty-rewards-modal')) }, h("span", { class: {
-                    'sicon-arrow-right': document.documentElement.getAttribute('dir') === 'rtl',
-                    'sicon-arrow-left': document.documentElement.getAttribute('dir') === 'ltr',
-                } })), this.prize.name)), h("div", { key: 'b6fd9d5a010059e928321acf5b6e904044b20513', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'ed9572e46bb3d0ebd71a7b8eeb363433024cefbd', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '016fa0be4fd911293dc5a9f9f239398eae863c3f', class: "s-loyalty-program-aspect-container" }, h("img", { key: '365a070a815b146dd92e2f6ca163d240c48ea862', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '510102d16996e3e0da9daaf6da2ab219c05e3978', size: "sm", bg: "light" }, h("span", { key: '2179f7c46fadf1b5f0c030439347714a689781a4', innerHTML: SIGift }), h("span", { key: '99a756bc4f7c6e03207a1c0d3364814c036e284b', class: "s-loyalty-program-points-badge-points" }, formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : h("div", { class: "s-loyalty-program-terms-and-conditions" }, h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), h("div", { key: 'a4e7a863b7b7f9fad0c98a0ed0882bd5db4081c3', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: 'ef8b9e64808bdf59f8bedf74f912ef07a92c3318', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '8777469b48d9c65b33d73d3dc510397f7255641e', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : h("div", { class: "s-loyalty-program-reward-details" }, h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
-            h("salla-tab-header", { slot: "header", name: "included", style: {
-                    display: this.getItemsMarkers('excluded') === '000' ? 'none' : 'block',
-                } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: SICheck }), h("span", null, salla.lang.get(`pages.loyalty_program.included`))),
-            h("salla-tab-content", { slot: "content", name: "included" }, h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.categories, this.prize.included_category_ids), salla.lang.get('pages.loyalty_program.included_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.brands, this.prize.included_brand_ids), salla.lang.get('pages.loyalty_program.included_brands')), this.getIncludedProductsJsx(salla.lang.get('pages.loyalty_program.included_products')))),
-        ], this.getItemsMarkers('excluded') === '000' ? '' : [
-            h("salla-tab-header", { slot: "header", name: "excluded", style: {
-                    display: this.getItemsMarkers('included') === '000' ? 'none' : 'block',
-                } }, h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: SICancel }), h("span", null, salla.lang.get(`pages.loyalty_program.excluded`))),
-            h("salla-tab-content", { slot: "content", name: "excluded" }, h("div", { class: "s-loyalty-program-reward-details-items-wrapper" }, this.getCategoriesJsx(this.getIncludedItems(this.prize.excludedCategories, this.prize.excluded_category_ids), salla.lang.get('pages.loyalty_program.excluded_categories')), this.getBrandsJsx(this.getIncludedItems(this.prize.excludedBrands, this.prize.excluded_brand_ids), salla.lang.get('pages.loyalty_program.excluded_brands')), this.getProductsJsx(this.getProductIds(this.prize.excluded_product_ids), salla.lang.get('pages.loyalty_program.excluded_products')))),
-        ]))), h("salla-reward-action", { key: 'aaad339124dd3e8fcac568540d627d6105712d2f', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
-    }
-    static get watchers() { return {
-        "prize": ["handlePrizeChange"]
-    }; }
-};
-__decorate$1([
-    TrackedPromise(async () => {
-        return (await salla.product.api.categories()).data;
-    }, { initialData: [] })
-], SallaRewardDetails.prototype, "category", void 0);
-__decorate$1([
-    TrackedPromise(async () => {
-        return (await salla.api.request('/brands')).data;
-    }, { initialData: [] })
-], SallaRewardDetails.prototype, "brand", void 0);
-SallaRewardDetails.style = sallaLoyaltyProgramCss$1;
-
-const sallaLoyaltyProgramCss = "@media (max-width: 639px){.s-loyalty-program-modal .s-modal-body{position:relative !important;left:unset !important;bottom:unset !important;max-height:100dvh;overflow-y:auto !important}}.s-loyalty-exchange-card salla-product-card .s-product-card-image,.s-loyalty-exchange-card custom-salla-product-card .s-product-card-image{flex:none;aspect-ratio:1;overflow:hidden}.s-loyalty-exchange-card-btn{padding:0 1.25rem 1.25rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.75rem}.s-loyalty-program-reward-details-products-grid>*{flex:1 1 100%;min-width:0;touch-action:pan-y}@media (min-width: 640px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 1rem) / 2)}}@media (min-width: 768px){.s-loyalty-program-reward-details-products-grid>*{flex-basis:calc((100% - 2rem) / 3)}}.s-loyalty-program-reward-details-products-grid>*:only-child{max-width:320px;margin-inline:auto}.s-loyalty-program-reward-details-products-grid:has(>*:nth-child(3))>*{flex-grow:0}";
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const SallaRewardExchange = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.productId = null;
-    }
-    reset(timeout = 0) {
-        setTimeout(() => {
-            closeModals();
-        }, timeout);
-    }
-    getApiErrorMessage(error) {
-        return error?.response?.data?.error?.message
-            || error?.response?.data?.message
-            || (typeof error === 'string' ? error : null)
-            || salla.lang.get('common.errors.error_occurred');
-    }
-    async handleConfirm() {
-        try {
-            await this.exchange(this.prize.id, null, this.productId);
-            this.reset(300);
-        }
-        catch (error) {
-            salla.notify.error(this.getApiErrorMessage(error));
-        }
-    }
-    handleCancel() {
-        this.reset(0);
-    }
-    render() {
-        return (h(Host, { key: '98f0ce7506f94fc6c9c5dd881791d7298daa0e0b' }, h("div", { key: '72661d140a8dd7b6fe8b68a120ba00f951aeb6e4', class: "s-loyalty-program-exchange-heading" }, h("div", { key: 'dfad67d7df6e3fde30c463791eb45ae5b356fc96', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '04d0832e50209a87605cf016d0a462640d6379ed', innerHTML: SIGift })), h("h2", { key: 'bf7282fbb2cfb9675c0c219d65c090a95e0177f3' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '551233696f0b1a5b8d233bcbd618e8c6f65e9bf6' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '780e095949141888f02d165c44a648d6569ee56a' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: 'fac6c243a373833091bbd276d7f416c04f89abb7' }, "(", this.prize.name, ")"))), h("div", { key: 'f806352839b2914570ee4331d3412224533cc1ca', class: "s-loyalty-program-exchange-btns" }, h("salla-button", { key: '12a4c1d19a6f1ad7ac5acf09a4861b708f25fa42', width: "wide", loading: this.exchange.status === 'pending', onClick: () => this.handleConfirm() }, salla.lang.get('common.elements.confirm')), h("salla-button", { key: '5caa8e6cec4b4fc8f4968742d7de26282cb26c35', width: "wide", fill: "outline", color: "danger", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
-    }
-};
-__decorate([
-    TrackedPromise(async (...args) => await salla.loyalty.exchange(...args))
-], SallaRewardExchange.prototype, "exchange", void 0);
-SallaRewardExchange.style = sallaLoyaltyProgramCss;
-
-export { SallaLoyaltyExchangeProductCard as salla_loyalty_exchange_product_card, SallaRewardAction as salla_reward_action, SallaRewardCard as salla_reward_card, SallaRewardDetails as salla_reward_details, SallaRewardExchange as salla_reward_exchange };