@salla.sa/twilight-components 2.14.536 → 2.14.538

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-DchFLJee.js';
-import { c as closeModals, b as brand_path, f as formattedPointsJsx } from './functions-DT-Pfrtc.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-CtjtFrfZ.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 };

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

@@ -1,252 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-DchFLJee.js';
-import { c as closeModals, f as formattedPointsJsx, i as isUnitOrder } from './functions-DT-Pfrtc.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';
-import { S as SITag } from './tag-cgSL_BIo.js';
-import { e as email } from './mail-DzAIgzdz.js';
-import { S as SICalendar } from './calendar-BkmanTR_.js';
-import { S as SIiPhoneX } from './iphone-x-CciN5Q_x.js';
-import { L as Location } from './location-BO5AoBAP.js';
-import { S as SIShipping } from './shipping-CZRcMGA9.js';
-
-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}";
-
-const SallaLoyaltyHero = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h(Host, { key: '19347b04f3e2fc0cb836d9ecd6ebc398826aca95' }, h("section", { key: 'd992b7e5c6f8ccd14690b63f12de75791751d3b6', class: "s-loyalty-program-hero-container" }, h("div", { key: 'cf825f4b816979494f33c08383d10ad3b702db81', class: "s-loyalty-program-hero-background", style: {
-                backgroundImage: `url(${this.image})`,
-            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '5343c2d5b4924c75594143390624fb68c2f4e94f', class: {
-                's-loyalty-program-hero-content': true,
-                's-loyalty-program-hero-white': !!this.image,
-                's-loyalty-program-hero-gray': !this.image,
-            } }, h("div", { key: 'd0e05e9d51c05583ac8a12fa1ad53b328c3eeca7' }, h("h1", { key: '05a1b89d759a8391af6c46b4e54df00d2238091f', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: 'fc0d510acceccf3995c91b0d4dd920ea7d111e72', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: '41cb521612af4f4a0b3d6fedbcc9bced4f8014f6', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '498075813fc055f742211520ab75961892ef8bc1', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: '44c09c20dd161053f77773ee1ca550df2acb3ad6', name: "action" }))), h("div", { key: '9e0b48babcdb5c36bdadbdfeb8d03008069c2cc6', class: "s-loyalty-program-hero-footer" }, h("div", { key: '82659f4658331af320986e78a54222dd4c199281', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '4565ba9bd31891fc806418ee4440117f2fdb7c56', name: "crosspoint" }))))));
-    }
-};
-SallaLoyaltyHero.style = sallaLoyaltyProgramCss$1;
-
-var SIStore = `<!-- 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>store</title>
-<path d="M27.25 16c-1.539-0.010-2.899-0.765-3.741-1.921l-0.009-0.013c-0.844 1.178-2.209 1.936-3.75 1.936s-2.906-0.758-3.741-1.922l-0.009-0.014c-0.844 1.178-2.209 1.936-3.75 1.936s-2.906-0.758-3.741-1.922l-0.009-0.014c-0.851 1.169-2.211 1.924-3.748 1.934h-0.002c-2.64-0.075-4.751-2.233-4.751-4.884 0-0.041 0.001-0.081 0.002-0.122l-0 0.006c0-0.086 0.011-0.169 0.032-0.249l-0.002 0.007 2-8c0.112-0.439 0.504-0.758 0.97-0.758h26c0.466 0 0.858 0.319 0.968 0.751l0.002 0.007 2 8c0.019 0.073 0.030 0.156 0.030 0.242v0c0.001 0.034 0.001 0.075 0.001 0.116 0 2.651-2.111 4.809-4.744 4.884l-0.007 0zM23.5 10c0.552 0 1 0.448 1 1v0c-0.006 0.069-0.010 0.149-0.010 0.23 0 1.522 1.234 2.756 2.756 2.756s2.756-1.234 2.756-2.756c0-0.040-0.001-0.080-0.003-0.12l0 0.006-1.782-7.116h-24.436l-1.782 7.116c0 0.003-0 0.007-0 0.011 0 1.544 1.217 2.804 2.744 2.873l0.006 0c1.535-0.073 2.752-1.336 2.752-2.883 0-0.041-0.001-0.082-0.003-0.123l0 0.006c0-0.552 0.448-1 1-1s1 0.448 1 1v0c-0.002 0.035-0.002 0.076-0.002 0.117 0 1.547 1.217 2.81 2.746 2.883l0.007 0c1.535-0.073 2.752-1.336 2.752-2.883 0-0.041-0.001-0.082-0.003-0.123l0 0.006c0-0.552 0.448-1 1-1s1 0.448 1 1v0c-0.002 0.035-0.002 0.076-0.002 0.117 0 1.547 1.217 2.81 2.746 2.883l0.007 0c1.535-0.073 2.752-1.336 2.752-2.883 0-0.041-0.001-0.082-0.003-0.123l0 0.006c0-0.552 0.448-1 1-1v0zM13 30h-10c-0.552 0-1-0.448-1-1v0-14.46c0-0.552 0.448-1 1-1s1 0.448 1 1v0 13.46h9c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM29 30h-10c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h9v-13.46c0-0.552 0.448-1 1-1s1 0.448 1 1v0 14.46c0 0.552-0.448 1-1 1v0zM19 30c-0.552 0-1-0.448-1-1v0-7h-4v7c0 0.552-0.448 1-1 1s-1-0.448-1-1v0-8c0-0.552 0.448-1 1-1v0h6c0.552 0 1 0.448 1 1v0 8c0 0.552-0.448 1-1 1v0z"></path>
-</svg>
-`;
-
-var SIChatConversationAlt = `<!-- 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>chat-conversation-alt</title>
-<path d="M17.333 14.667h-8c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h8c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM22.667 8h-13.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h13.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM28 0h-24c-2.205 0-4 1.795-4 4v17.333c0 2.205 1.795 4 4 4h6.027l4.932 6.167c0.253 0.316 0.636 0.5 1.041 0.5s0.788-0.184 1.041-0.5l4.932-6.167h6.027c2.205 0 4-1.795 4-4v-17.333c0-2.205-1.795-4-4-4zM29.333 21.333c0 0.735-0.597 1.333-1.333 1.333h-6.667c-0.405 0-0.788 0.184-1.041 0.5l-4.292 5.365-4.292-5.365c-0.253-0.316-0.636-0.5-1.041-0.5h-6.667c-0.736 0-1.333-0.599-1.333-1.333v-17.333c0-0.735 0.597-1.333 1.333-1.333h24c0.736 0 1.333 0.599 1.333 1.333z"></path>
-</svg>
-`;
-
-var SILink1 = `<!-- 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>link1</title>
-<path d="M16.541 19.873c-0.489 0.205-0.825 0.68-0.825 1.233 0 0.184 0.037 0.359 0.105 0.519l-0.003-0.009c0.064 0.151 0.101 0.326 0.101 0.51 0 0.368-0.149 0.702-0.391 0.943v0l-3.771 3.772c-0.483 0.482-1.149 0.781-1.885 0.781s-1.403-0.298-1.885-0.781l-2.829-2.828c-0.483-0.483-0.781-1.149-0.781-1.886s0.299-1.403 0.781-1.886l3.776-3.771c0.244-0.24 0.578-0.388 0.948-0.388 0.183 0 0.357 0.036 0.516 0.102l-0.009-0.003c0.15 0.064 0.325 0.101 0.509 0.101 0.736 0 1.334-0.597 1.334-1.334 0-0.553-0.337-1.027-0.816-1.229l-0.009-0.003c-0.449-0.187-0.97-0.295-1.517-0.295-1.107 0-2.11 0.445-2.841 1.165l0-0-3.776 3.771c-0.963 0.966-1.559 2.299-1.559 3.771s0.596 2.805 1.559 3.771l2.829 2.828c0.965 0.965 2.298 1.562 3.771 1.562s2.806-0.597 3.771-1.562l3.772-3.771c0.723-0.725 1.171-1.726 1.171-2.832 0-0.551-0.111-1.076-0.312-1.555l0.010 0.026c-0.206-0.488-0.68-0.824-1.232-0.824-0.184 0-0.359 0.037-0.518 0.104l0.009-0.003z"></path>
-<path d="M10.343 21.655c0.243 0.238 0.576 0.384 0.943 0.384s0.7-0.147 0.943-0.385l-0 0 10.372-10.371c0.232-0.24 0.374-0.566 0.374-0.926 0-0.736-0.597-1.333-1.333-1.333-0.36 0-0.687 0.143-0.927 0.375l-10.372 10.37c-0.241 0.241-0.39 0.575-0.39 0.943s0.149 0.701 0.39 0.943v0z"></path>
-<path d="M28.728 6.099l-2.828-2.828c-0.966-0.963-2.299-1.559-3.771-1.559s-2.805 0.596-3.771 1.559l-3.772 3.771c-0.723 0.725-1.171 1.726-1.171 2.831 0 0.551 0.111 1.076 0.313 1.554l-0.010-0.026c0.206 0.488 0.68 0.824 1.233 0.824 0.737 0 1.334-0.597 1.334-1.334 0-0.184-0.037-0.359-0.104-0.518l0.003 0.009c-0.063-0.15-0.1-0.324-0.1-0.506 0-0.368 0.149-0.7 0.389-0.942l3.771-3.771c0.483-0.483 1.149-0.781 1.886-0.781s1.403 0.299 1.886 0.781l2.828 2.828c0.483 0.483 0.781 1.149 0.781 1.886s-0.299 1.403-0.781 1.886v0l-3.776 3.764c-0.244 0.24-0.579 0.388-0.948 0.388-0.183 0-0.357-0.036-0.515-0.102l0.009 0.003c-0.151-0.064-0.326-0.101-0.51-0.101-0.737 0-1.334 0.597-1.334 1.334 0 0.553 0.336 1.027 0.815 1.229l0.009 0.003c0.45 0.189 0.974 0.298 1.523 0.298 1.106 0 2.109-0.445 2.838-1.167l3.77-3.77c0.965-0.966 1.562-2.301 1.562-3.775 0-1.471-0.595-2.803-1.557-3.769l0 0z"></path>
-</svg>
-`;
-
-var SIUser = `<!-- 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>user</title>
-<path d="M16 16c4.412 0 8-3.588 8-8s-3.588-8-8-8-8 3.588-8 8 3.588 8 8 8zM16 2.667c2.941 0 5.333 2.392 5.333 5.333s-2.392 5.333-5.333 5.333-5.333-2.392-5.333-5.333 2.392-5.333 5.333-5.333zM16 18.667c-7.476 0-13.333 3.66-13.333 8.333v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-3.019 4.984-5.667 10.667-5.667s10.667 2.648 10.667 5.667v3.667c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-3.667c0-4.673-5.857-8.333-13.333-8.333z"></path>
-</svg>
-`;
-
-var SIMapLocation = `<!-- 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>map-location</title>
-<path d="M24.667 8.013v-0.013c0-0.736-0.597-1.327-1.333-1.327s-1.333 0.604-1.333 1.34 0.597 1.333 1.333 1.333 1.333-0.597 1.333-1.333zM30.667 18.667c-0.736 0-1.333 0.596-1.333 1.333v8.701l-7.879-3.135c-0.308-0.127-0.651-0.127-0.961-0.011l-9.817 3.684-8.009-3.121v-20.351l7.633 2.181c0.708 0.205 1.447-0.209 1.648-0.916 0.203-0.708-0.207-1.447-0.915-1.648l-9.333-2.667c-0.403-0.115-0.836-0.035-1.169 0.217-0.335 0.252-0.531 0.645-0.531 1.064v23.029c0 0.549 0.337 1.043 0.849 1.243l9.333 3.637c0.305 0.12 0.645 0.12 0.952 0.007l9.812-3.68 9.227 3.669c0.16 0.064 0.327 0.095 0.493 0.095 0.263 0 0.525-0.079 0.749-0.231 0.365-0.247 0.584-0.661 0.584-1.103v-10.667c0-0.737-0.597-1.333-1.333-1.333zM23.333 22.667c0.395 0 0.769-0.175 1.023-0.476 0.783-0.935 7.644-9.241 7.644-13.357 0-4.389-2.976-8.833-8.667-8.833-5.689 0-8.667 4.444-8.667 8.833 0 4.116 6.863 12.423 7.645 13.357 0.253 0.301 0.628 0.476 1.021 0.476zM23.333 2.667c4.145 0 6 3.097 6 6.167 0 2.095-3.347 7.027-6 10.385-2.653-3.36-6-8.291-6-10.385 0-3.069 1.856-6.167 6-6.167z"></path>
-</svg>
-`;
-
-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}";
-
-/**
- * Dashboard sicons:
- * share - sicon-share-alt
- * order from store - sicon-shopping-basket
- * rate order - sicon-chat-conversation-alt
- * order from app - sicon-iphone-x
- * first order - sicon-add-to-cart
- * pos - sicon-store
- * fill profile - sicon-user-add
- */
-const c = (...args) => args.map(i => 's-loyalty-program-' + i).join(' ');
-const sicons = {
-    'FIRST_ORDER_STORE_FOR_UNIT': h("span", { innerHTML: SICart2 }),
-    'FIRST_ORDER_STORE_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'FIRST_ORDER_STORE_FIX_AMOUNT': h("span", { innerHTML: SICart2 }),
-    'FIRST_ORDER_STORE_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FOR_UNIT': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FIX_AMOUNT': h("span", { innerHTML: SICart2 }),
-    'ORDER_FROM_APP_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'CONDITION_RATING_SHIPPING_STORE': h("span", { innerHTML: SIStore }),
-    'CONDITION_RATING_PRODUCT': h("span", { innerHTML: SIChatConversationAlt }),
-    'CONDITION_RATING_SHIPPING_COMPANY': h("span", { innerHTML: SIShipping }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_BIRTHDAY': h("span", { innerHTML: SICalendar }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_EMAIL': h("span", { innerHTML: email }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_MOBILE': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_COMPLETE_PERSONAL_INFORMATION_GENDER': h("span", { innerHTML: SIUser }),
-    'CONDITION_BUY_FROM_STORE_FOR_UNIT': h("span", { innerHTML: SICart2 }),
-    'CONDITION_BUY_FROM_STORE_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'CONDITION_BUY_FROM_STORE_FIX_AMOUNT': h("span", { innerHTML: SICart2 }),
-    'CONDITION_BUY_FROM_STORE_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SICart2 }),
-    'order_from_pos_1': h("span", { innerHTML: SIiPhoneX }),
-    'order_from_pos_2': h("span", { innerHTML: Location }),
-    'buy_from_pos_1': h("span", { innerHTML: SIMapLocation }),
-    'buy_from_pos_2': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FOR_UNIT': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FOR_UNIT_BY_CATEGORIES': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FIX_AMOUNT': h("span", { innerHTML: SIiPhoneX }),
-    'CONDITION_BUY_FROM_POS_FIX_AMOUNT_BY_CATEGORIES': h("span", { innerHTML: SIiPhoneX }),
-    'affiliate_link_1': h("span", { innerHTML: SILink1 }),
-    'affiliate_link_2': h("span", { innerHTML: SIUserAdd }),
-    'affiliate_link_3': h("span", { innerHTML: SICart2 }),
-    'CONDITION_AFFILIATE_LINK': h("span", { innerHTML: SILink1 }),
-};
-const SallaLoyaltyPoint = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    async handleShareAction(e, point, successText) {
-        const isDesktop = window.matchMedia('(min-width: 1024px)').matches;
-        // only on mobile/tablet devices
-        if ('share' in navigator && !isDesktop) {
-            try {
-                await navigator.share({
-                    title: document.title,
-                    url: point.url,
-                });
-                return;
-            }
-            catch (error) { }
-        }
-        const el = e.target;
-        const oldTextContent = el.textContent;
-        const temporaryTextContent = successText;
-        // fallback to clipboard
-        if ('clipboard' in navigator) {
-            try {
-                await navigator.clipboard.writeText(point.url);
-                el.textContent = temporaryTextContent;
-                setTimeout(() => {
-                    el.textContent = oldTextContent;
-                }, 5000);
-                return;
-            }
-            catch (error) { }
-        }
-        // fallback to textarea
-        const textarea = document.createElement('textarea');
-        textarea.value = point.url;
-        textarea.style.opacity = '0';
-        this.host.appendChild(textarea);
-        textarea.focus();
-        textarea.select();
-        try {
-            const success = document.execCommand('copy');
-            if (!success) {
-                throw new Error('Failed to copy URL to clipboard');
-            }
-            el.textContent = temporaryTextContent;
-            setTimeout(() => {
-                el.textContent = oldTextContent;
-            }, 5000);
-        }
-        catch (error) { }
-        this.host.removeChild(textarea);
-    }
-    handleAction(e, point) {
-        e.stopPropagation();
-        if (point.is_completed) {
-            e.preventDefault();
-            return;
-        }
-        switch (point.type) {
-            case 'profile':
-            case 'rating': {
-                if (!salla.config.isUser()) {
-                    e.preventDefault();
-                    closeModals(() => salla.event.dispatch('login::open'));
-                    return;
-                }
-                return;
-            }
-            case 'share': {
-                if (!salla.config.isUser()) {
-                    e.preventDefault();
-                    closeModals(() => salla.event.dispatch('login::open'));
-                    return;
-                }
-                e.preventDefault();
-                this.handleShareAction(e, point, salla.lang.get('pages.loyalty_program.copied'));
-                return;
-            }
-        }
-    }
-    getSubHeading(point) {
-        switch (point.type) {
-            case 'share':
-                return (h("div", { class: "s-loyalty-program-point-subheading" }, h("h2", null, salla.lang.get('pages.loyalty_program.how_to_start')), h("p", null, salla.lang.get('pages.loyalty_program.three_simple_steps'))));
-            case 'pos':
-                return (h("div", { class: "s-loyalty-program-point-subheading" }, h("h2", null, salla.lang.get('pages.loyalty_program.how_to_start')), h("p", null, salla.lang.get('pages.loyalty_program.two_simple_steps'))));
-            default:
-                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)))))))));
-        }
-        return (h("div", { class: "s-loyalty-program-points-modal-details" }, h("div", { class: "s-loyalty-program-points-chains-wrapper mt-5 mb-5" }, h("ul", { class: "s-loyalty-program-points-chain-list" }, this.point.conditions.map((condition) => 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[condition.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 }), formattedPointsJsx(condition.points, isUnitOrder(point), condition.value != null)), h("p", { class: "s-loyalty-program-points-chain-description" }, condition.name))))))));
-    }
-    getCategoriesJsx(categories) {
-        return !categories.length ? '' :
-            h("ul", { class: c('reward-details-categories-list') }, categories.map((category) => (h("li", null, h("a", { href: category.url, class: c('reward-details-categories-item') }, h("span", { innerHTML: SITag }), h("span", { class: c('reward-details-categories-item-content') }, category.name))))));
-    }
-    getTrailingContent(point) {
-        switch (point.type) {
-            case 'first_order':
-            case 'profile':
-                return h("p", { class: "s-loyalty-program-points-completed-note" }, salla.lang.get('pages.loyalty_program.one_time_points'));
-            default:
-                return point.is_completed ? h("p", { class: "s-loyalty-program-points-completed-note" }, salla.lang.get('pages.loyalty_program.one_time_points')) : '';
-        }
-    }
-    render() {
-        return (h("div", { key: '70b7b8ad88f89903726e70b795c2eca98366f601' }, h("div", { key: '32a7d28c05a72d1e2901775ff2148553d70b9c87', onClick: () => closeModals(() => this.modal.open()), class: "s-loyalty-program-point-wrapper" }, h("div", { key: 'bc8e79fdf21fb641766b3463e792005decf58fd9', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-sm s-loyalty-program-circle-variant-fill" }, h("span", { key: '75e18d5d494d5b97ee12827230641103e934709c', class: this.point.icon })), h("div", { key: '54e40ceeb2cca3248aaa716b85c9ce8d4a41f8ce', class: "s-loyalty-program-points-badge-mobile" }, h("salla-badge", { key: 'c6d9718b0a2813cba6f59f2ad019f168ec1cc376', size: "xs", bg: "transparent" }, h("span", { key: '33ac630c37139af3dbae295c56c4a5c7aa74d309', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("div", { key: '3d66b854b326090357f2e8320d8a8ab55cbad146', class: "s-loyalty-program-points-badge-desktop" }, h("salla-badge", { key: 'bf1b37473fa7f04ca76b66be840e918c74ae44ed', size: "sm", bg: "transparent" }, h("span", { key: '47f6c81b0e4805606bba918f23a2b94fe535e18e', innerHTML: SIGift }), formattedPointsJsx(this.point))), h("p", { key: '8cfacb01351d035968e5886bcc18086ef6c52ec5', 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,
-                    's-loyalty-program-points-action-incomplete': !this.point.is_completed,
-                } }, salla.lang.get('pages.loyalty_program.completed'))
-            : h("a", { href: this.point.url, onClick: e => 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,
-                } }, this.point.description)), h("salla-modal", { key: 'bf3a0db144b8a71c7de03bffa871c83432645cca', 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: '9e1c30640a2b21d83648a9829cb3d77694d40f43', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: 'd27cf7911ca8e895d04b82dc786be5d70549b2e9', class: "s-loyalty-program-points-modal-info" }, this.point.name)), h("div", { key: '3b32920aee9989499c97e284a8b2689519a531c9', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '65f13ad9b7d9de8f5e5057f4b168e4276ec752de', class: "s-loyalty-program-points-modal-main" }, h("div", { key: 'b52d6b39659ad570321ed464cbd28679572e349f', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '18fcd876ee08265964fabd469ea2c0f62ee6e87b', class: this.point.icon })), h("salla-badge", { key: 'ce5e68c6e7b93b4b972b912db7a8027a0d7bb719', size: "sm", bg: "light" }, h("span", { key: '6325ab966bfc6abb67f08b6f727b41704328ae5a', innerHTML: SIGift }), h("span", { key: '3278b4faf5a0c51ca2a4d55f544b756827f8592f', 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: '37a98c643851f1c772584c738c98902e0e960a52', class: "s-loyalty-program-points-modal-details" }, h("div", { key: 'e558373c2726934c68bd1f50a427984756afd0d1', class: "s-loyalty-program-points-chains-wrapper" }, h("ul", { key: '018fb529e90d9adc1fd186e06120b175975e0ae3', 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: 'dea38fc445b304630d0b4baa122a5a95f35f0d2c', 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: 'a8fbe3f878510dd27ccbe91c0d0253ed17f77fee', class: "s-loyalty-program-points-modal-action" }, h("a", { key: '74e883a658f22fd3f26291efeba30ccc59f52baa', 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,
-            } }, this.point.is_completed ? salla.lang.get('pages.loyalty_program.completed') : this.point.description)))));
-    }
-    get host() { return getElement(this); }
-};
-SallaLoyaltyPoint.style = sallaLoyaltyProgramCss;
-
-export { SallaLoyaltyHero as salla_loyalty_hero, SallaLoyaltyPoint as salla_loyalty_point };