@salla.sa/twilight-components 2.14.536 → 2.14.538

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

@@ -1,104 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-var index = require('./index-esb3M_d6.js');
-var functions = require('./functions-C7GfEQ1h.js');
-var star2 = require('./star2-R146a27p.js');
-var cancel = require('./cancel-B5SbMYEk.js');
-var percentage = require('./percentage-Fs83gq6Q.js');
-var shipping = require('./shipping-CPYcgyCL.js');
-var cart2 = require('./cart2-B98PSAFN.js');
-var trackedPromise = require('./tracked-promise-d0rKqeTg.js');
-
-var PrizeImage = `<svg xmlns="http://www.w3.org/2000/svg" width="77" height="77" fill="none" viewBox="0 0 57 57"><rect width="56.3" height="55.9" x=".4" y=".2" fill="#FFF5E5" rx="27.9"/><g clip-path="url(#a)"><path fill="#EE9D0D" d="M16.7 27.5h17.5v12.2a1 1 0 0 1-1 1H17.7a1 1 0 0 1-1-1V27.5Z"/><path fill="#C7830B" d="M34.2 27.8v6l-6.8-6.3H34l.3.3Z"/><path fill="#C7830B" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EA2B2D" d="m29.9 15.8-.3.1a2.4 2.4 0 0 0-1.4 1.5l-.2.8-.4.2a2.4 2.4 0 0 0-1.1 1.4l4.2 3.9L33 21l.2-2.9a2.4 2.4 0 0 0-3.3-2.4ZM41.1 26.3v.2a2.4 2.4 0 0 1-1.5 1.6l-.7.3-.2.3a2.4 2.4 0 0 1-1.3 1.3l-4.2-4 2.4-2.5 2.9-.3a2.4 2.4 0 0 1 2.6 3.1Z"/><path fill="#CB2527" d="M23.7 27.5h3.5v13.1h-3.5V27.5Z"/><path fill="#EA2B2D" d="M16.7 32.3h17.5v3.5H16.7v-3.5Z"/><path fill="#CB2527" d="M34.2 32.3v1.5l-1.6-1.5h1.6Z"/><path fill="#EE9D0D" d="M25.3 18.7 38.6 31a1 1 0 0 1 0 1.4l-2.3 2.4-14.7-13.7 2.3-2.5a1 1 0 0 1 1.4 0Z"/><path fill="#CB2527" d="m30.3 23.4 3.2 3-3 3.2-3.2-3 3-3.2ZM31.8 22.8a.4.4 0 0 1-.3-.1l-.3-.4A5.9 5.9 0 0 1 30 18a.4.4 0 0 1 .9 0 5 5 0 0 0 1 3.7l.3.3a.4.4 0 0 1-.4.7Z"/><path fill="#EA2B2D" d="M30.7 23.7c-1.9.7-3.8 1-5.7.9h-1.1l1.9 1.7-.6 1.9 1.8-.6c1.7-.5 3.2-1.4 4.6-2.5l.3-.2-1.2-1.2Z"/><path fill="#CB2527" d="M37.8 26.4c-1.1 0-2.3-.3-3.2-1l-.4-.2a.4.4 0 0 1 0-.8.4.4 0 0 1 .5 0l.3.3a5 5 0 0 0 3.7.7.4.4 0 1 1 .2 1 6 6 0 0 1-1 0Z"/><path fill="#EA2B2D" d="M33.2 26c-.5 2-.7 3.9-.5 5.8l.1 1.1-1.9-1.8-1.8.7.4-1.8c.4-1.7 1.2-3.3 2.2-4.8l.2-.3 1.3 1.2Z"/><path fill="#6699CE" d="M21.5 17.4a.9.9 0 1 0 0-1.7.9.9 0 0 0 0 1.7Z"/><path fill="#FAA6B2" d="M16.7 27.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Z"/><path fill="#A6DEFF" d="M18.4 17.9a.4.4 0 0 1-.4-.3v-.1a1.4 1.4 0 0 0-1.3-1 .4.4 0 0 1-.2-.8h.2a2.3 2.3 0 0 1 2.1 1.5.4.4 0 0 1-.4.7ZM20.6 25.6h-.2v-.1a1 1 0 0 0-1.1 0 .4.4 0 0 1-.5-.8 1.8 1.8 0 0 1 2 0 .4.4 0 0 1-.2.9Z"/><path fill="#EEB436" d="m17.6 18.6 1.3 1.2 1.8-.4-.7 1.7.9 1.6-1.8-.2-1.2 1.3-.4-1.8-1.7-.7 1.6-.9.2-1.8ZM23 26.6l-.5 1.8 1.2 1.3-1.8.2-1 1.5-.6-1.7-1.8-.4 1.4-1.1-.2-1.9 1.6 1 1.6-.7Z"/><path fill="#F72D2F" d="m33.2 26-2.5-2.3L33 21a4 4 0 0 1 2.6 2.4l-2.4 2.6Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M15.8 15.7h25.4v25H15.8z"/></clipPath></defs></svg>`;
-
-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 sicons = {
-    all: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: percentage.SILayoutGrid }),
-    free_shipping: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: shipping.SIShipping }),
-    coupon_discount: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: percentage.SIPercentage }),
-    free_product: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: cart2.SICart2 }),
-};
-const SallaLoyaltyPanel = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * prize to show in details or exchange modals
-         */
-        this.currentPrize = null;
-        this.currentProductId = null;
-        this.handleExchangeSucceeded = () => window.location.reload();
-        this.handleResetSucceeded = () => window.location.reload();
-    }
-    componentWillLoad() {
-        return salla.onReady()
-            .then(() => salla.lang.onLoaded())
-            .then(() => {
-            salla.event.on('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-            salla.event.on('loyalty::exchange-reset.succeeded', this.handleResetSucceeded);
-            // Fetch points if user is logged in
-            if (!salla.config.isGuest()) {
-                this.points();
-            }
-        })
-            .catch((error) => salla.logger.error(error));
-    }
-    disconnectedCallback() {
-        salla.event.off('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-        salla.event.off('loyalty::exchange-reset.succeeded', this.handleResetSucceeded);
-    }
-    render() {
-        const prizesGroups = this.program.data.prizes;
-        const prizesCount = this.program.data.prizes_count;
-        const customerPoints = (this.points.data ?? this.customerPoints ?? 0);
-        if (this.prizeTitle && this.prizePoints != null && this.prizePoints !== '') {
-            return (index.h("div", { class: "s-loyalty-program-panel-exchange-wrapper" }, index.h("salla-list-tile", { class: "s-loyalty-program-after-exchange" }, index.h("div", { slot: "title", class: "s-loyalty-program-after-exchange-title" }, this.prizeTitle, " \u00A0 - \u00A0 ", this.prizePoints, " ", salla.lang.get('pages.loyalty_program.point')), index.h("div", { slot: "action", class: "s-loyalty-program-after-exchange-action" }, index.h("salla-button", { class: "s-loyalty-program-after-exchange-reset", shape: "icon", fill: 'outline', color: "danger", size: "small", onClick: () => salla.loyalty.reset() }, index.h("span", { innerHTML: cancel.SICancel }))))));
-        }
-        if (!customerPoints || customerPoints === 0) {
-            return null;
-        }
-        return (index.h("div", { class: "" }, index.h("div", { class: "s-loyalty-program-panel-exchange-wrapper" }, index.h("salla-list-tile", { class: 's-loyalty-program-panel-widget' }, index.h("div", { slot: "icon", class: "s-loyalty-program-panel-widget-icon", innerHTML: star2.Star }), index.h("div", { slot: "subtitle" }, salla.lang.get('pages.loyalty_program.cart_total_point_summary', { "balance": customerPoints }), index.h("salla-button", { shape: "link", color: "primary", onClick: () => {
-                if (['error', 'idle'].includes(this.program.status)) {
-                    this.program();
-                }
-                this.rewardsModal.open();
-            } }, salla.lang.get('pages.loyalty_program.cart_point_exchange_now'))))), index.h("salla-modal", { id: "loyalty-rewards-modal", isLoading: this.program.status === 'pending', ref: modal => this.rewardsModal = modal, class: "s-loyalty-program-rewards-cart s-loyalty-program-modal", width: "lg", noPadding: true }, index.h("div", { slot: "loading" }, index.h("salla-loading", null)), this.program.status === 'success' ? index.h("div", { class: "s-loyalty-program-rewards-container-cart" }, index.h("div", { class: "s-loyalty-program-rewards-cart-header" }, index.h("div", { innerHTML: PrizeImage }), index.h("div", { class: "s-loyalty-program-panel-content" }, index.h("h1", null, this.program.data.prize_promotion_title), index.h("p", null, this.program.data.prize_promotion_description))), index.h("div", { class: {
-                's-loyalty-program-slider-arrows': true,
-                's-loyalty-program-tabs-hider': prizesGroups.length < 2 || prizesCount < 2,
-            } }, index.h("salla-tabs", null, prizesGroups.map((group) => (index.h("salla-tab-header", { slot: "header", name: group.type }, sicons[group.type], index.h("span", null, group.title)))), prizesGroups.map((group) => (index.h("salla-tab-content", { slot: "content", name: group.type }, index.h("salla-slider", { id: group.type, type: "default", "slider-config": '{"loop":false,"slidesPerView":"auto","freeMode":true,"spaceBetween":12,"breakpoints":{"768":{"slidesPerView":3,"spaceBetween":24,"freeMode":false,"speed":300}}}' }, index.h("div", { slot: "items" }, group.items.map((prize) => index.h("salla-reward-card", { prize: prize, onAreaClick: () => {
-                this.currentPrize = prize;
-                functions.closeModals(() => this.detailsModal.open());
-            }, onActionClick: () => {
-                this.currentPrize = prize;
-                functions.closeModals(() => this.detailsModal.open());
-            } })))))))))) : ''), index.h("salla-modal", { ref: modal => this.detailsModal = modal, class: "s-loyalty-program-modal", width: "md", noPadding: true }, !this.currentPrize ? '' : index.h("salla-reward-details", { onActionClick: () => { this.currentProductId = null; functions.closeModals(() => this.exchangeModal.open()); }, onProductActionClick: (e) => { this.currentProductId = e.detail.productId; functions.closeModals(() => this.exchangeModal.open()); }, prize: this.currentPrize })), index.h("salla-modal", { ref: modal => this.exchangeModal = modal, class: "s-loyalty-program-modal", width: "sm" }, !this.currentPrize ? '' : index.h("salla-reward-exchange", { prize: this.currentPrize, productId: this.currentProductId }))));
-    }
-};
-__decorate([
-    trackedPromise.TrackedPromise(async () => {
-        const { data } = await salla.loyalty.getProgram();
-        return functions.normalizeLoyaltyData(data);
-    }, { initialData: { prizes: [], prizes_count: 0 } })
-], SallaLoyaltyPanel.prototype, "program", void 0);
-__decorate([
-    trackedPromise.TrackedPromise(async () => {
-        const { data } = await salla.loyalty.getPoints();
-        return data.points;
-    }, { initialData: null })
-], SallaLoyaltyPanel.prototype, "points", void 0);
-SallaLoyaltyPanel.style = sallaLoyaltyProgramCss;
-
-exports.salla_loyalty_panel = SallaLoyaltyPanel;

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

@@ -1,134 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-var index = require('./index-esb3M_d6.js');
-var functions = require('./functions-C7GfEQ1h.js');
-var percentage = require('./percentage-Fs83gq6Q.js');
-var shipping = require('./shipping-CPYcgyCL.js');
-var cart2 = require('./cart2-B98PSAFN.js');
-var userAdd = require('./user-add-BCGrddZS.js');
-var giftSharing = require('./gift-sharing-BE0uszUm.js');
-var trackedPromise = require('./tracked-promise-d0rKqeTg.js');
-var anime_es = require('./anime.es-BqW8JHZi.js');
-
-var SICartUpload = `<!-- 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>cart-upload</title>
-<path d="M14.545 7.669l3.121-2.732v9.729c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-9.728l3.121 2.732c0.253 0.22 0.567 0.329 0.879 0.329 0.371 0 0.74-0.155 1.004-0.455 0.485-0.555 0.429-1.396-0.125-1.881l-5.333-4.667c-0.503-0.44-1.253-0.44-1.756 0l-5.333 4.667c-0.555 0.484-0.611 1.327-0.125 1.881 0.484 0.552 1.325 0.609 1.881 0.124zM30.647 5.371c-0.713-0.171-1.436 0.267-1.609 0.983l-2.744 11.363c-0.171 0.568-0.684 0.951-1.277 0.951h-12.136c-0.563 0-1.067-0.356-1.256-0.885l-6.035-16.896c-0.189-0.531-0.692-0.885-1.256-0.885h-2.667c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h1.727l5.719 16.012c0.567 1.588 2.081 2.655 3.768 2.655h12.136c1.78 0 3.32-1.145 3.851-2.92l2.763-11.433c0.173-0.716-0.267-1.436-0.983-1.609zM13.667 24c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4zM13.667 29.333c-0.735 0-1.333-0.599-1.333-1.333s0.599-1.333 1.333-1.333 1.333 0.599 1.333 1.333-0.599 1.333-1.333 1.333zM24.333 24c-2.205 0-4 1.795-4 4s1.795 4 4 4 4-1.795 4-4-1.795-4-4-4zM24.333 29.333c-0.735 0-1.333-0.599-1.333-1.333s0.599-1.333 1.333-1.333 1.333 0.599 1.333 1.333-0.599 1.333-1.333 1.333z"></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}";
-
-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 sicons = {
-    all: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: percentage.SILayoutGrid }),
-    free_shipping: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: shipping.SIShipping }),
-    coupon_discount: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: percentage.SIPercentage }),
-    free_product: index.h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: cart2.SICart2 }),
-};
-const SallaLoyaltyProgram = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * prize to show in details or exchange modals
-         */
-        this.currentPrize = null;
-        this.currentProductId = null;
-        /**
-         * collapsed state of points list
-         */
-        this.collapsed = true;
-        this.animatedPoints = 0;
-        this.handleExchangeSucceeded = () => {
-            this.points();
-            this.program();
-        };
-    }
-    componentWillLoad() {
-        return salla.onReady()
-            .then(() => salla.lang.onLoaded())
-            .then(() => {
-            this.program();
-            this.points();
-            salla.event.on('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-        })
-            .catch((error) => salla.logger.error(error));
-    }
-    disconnectedCallback() {
-        salla.event.off('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
-    }
-    getOutlineItem(number, title, description) {
-        const icons = {
-            1: index.h("span", { innerHTML: userAdd.SIUserAdd }),
-            2: index.h("span", { innerHTML: giftSharing.SIGiftSharing }),
-            3: index.h("span", { innerHTML: SICartUpload }),
-        };
-        return (index.h("li", { class: "s-loyalty-program-item" }, index.h("div", { class: "s-loyalty-program-content" }, index.h("span", { class: "s-loyalty-program-icon-container" }, index.h("span", { class: "s-loyalty-program-text-gradient" }, number), index.h("span", { class: "s-loyalty-program-icon" }, icons[number])), index.h("div", { class: "s-loyalty-program-title" }, title), index.h("div", { class: "s-loyalty-program-description" }, description))));
-    }
-    render() {
-        if (this.program.status === 'error') {
-            return index.h("p", null, salla.lang.get('common.errors.error_occured'));
-        }
-        const displayedPoints = this.program.data.points.slice(0, this.collapsed ? functions.nearestLowerMultiple(this.program.data.points.length) : this.program.data.points.length);
-        const prizesGroups = this.program.data.prizes;
-        const prizesCount = this.program.data.prizes_count;
-        return (index.h("div", { class: "s-loyalty-program-container" }, index.h("salla-loyalty-hero", { name: this.program.data.name, description: this.program.data.description, image: this.program.data.image }, salla.config.isUser()
-            ? index.h("div", { slot: "crosspoint", class: "s-loyalty-program-profile-wrapper" }, index.h("div", { class: "s-loyalty-program-profile-container" }, index.h("div", { class: "s-loyalty-program-profile-points-section" }, index.h("h2", { class: "s-loyalty-program-profile-label" }, salla.lang.get('pages.loyalty_program.your_points')), index.h("p", { class: "s-loyalty-program-profile-points" }, index.h("span", { class: "s-loyalty-program-profile-points-value" }, !!this.animatedPoints ? this.animatedPoints : this.points.data), "\u00A0", salla.lang.get('pages.loyalty_program.point'))), index.h("salla-button", { href: salla.url.get('loyalty_points'), fill: "outline", color: "primary" }, salla.lang.get('pages.loyalty_program.view_points_log'))))
-            : index.h("button", { slot: "action", onClick: () => salla.event.dispatch('login::open'), class: {
-                    's-loyalty-program-login-action': true,
-                    's-loyalty-program-login-action-dark': !this.program.data.image,
-                    's-loyalty-program-login-action-light': !!this.program.data.image,
-                } }, salla.lang.get('blocks.header.login'))), index.h("div", { class: "s-loyalty-program-outline-section" }, index.h("section", { class: "s-loyalty-program-section" }, index.h("header", { class: "s-loyalty-program-header" }, index.h("h1", { class: "s-loyalty-program-main-title" }, salla.lang.get('pages.loyalty_program.how_to_start')), index.h("p", { class: "s-loyalty-program-subtitle" }, salla.lang.get('pages.loyalty_program.three_simple_steps'))), index.h("ol", { class: "s-loyalty-program-list" }, this.getOutlineItem(1, salla.lang.get('pages.loyalty_program.register'), salla.lang.get('pages.loyalty_program.create_account')), this.getOutlineItem(2, salla.lang.get('pages.loyalty_program.earn_points'), salla.lang.get('pages.loyalty_program.complete_tasks')), this.getOutlineItem(3, salla.lang.get('pages.loyalty_program.redeem_rewards'), salla.lang.get('pages.loyalty_program.enjoy_rewards'))))), index.h("div", { class: "s-loyalty-program-points-wrapper" }, index.h("section", { class: "s-loyalty-program-points-section" }, index.h("header", { class: "s-loyalty-program-points-header" }, index.h("h1", { class: "s-loyalty-program-points-title" }, this.program.data.promotion_title), index.h("p", { class: "s-loyalty-program-points-description" }, this.program.data.promotion_description)), index.h("div", { class: "s-loyalty-program-points-spacer" }), index.h("ul", { class: {
-                's-loyalty-program-points-list-one': this.program.data.points.length === 1,
-                's-loyalty-program-points-list-two': this.program.data.points.length === 2,
-                's-loyalty-program-points-list-multi': this.program.data.points.length > 2,
-            } }, displayedPoints.map(point => (index.h("li", null, index.h("salla-loyalty-point", { point: point }))))), index.h("div", { class: "s-loyalty-program-points-spacer" }), functions.nearestLowerMultiple(this.program.data.points.length) !== this.program.data.points.length && index.h("button", { class: "s-loyalty-program-points-more-button", onClick: () => this.collapsed = !this.collapsed }, this.collapsed
-            ? index.h("span", null, salla.lang.get('pages.loyalty_program.show_more'), "\u00A0\u00A0", index.h("span", { style: { fontSize: '1.2rem', fontWeight: '300' } }, "+"))
-            : index.h("span", null, salla.lang.get('pages.loyalty_program.show_less'), "\u00A0\u00A0", index.h("span", { style: { fontSize: '1.2rem', fontWeight: '300' } }, "-"))))), this.program.status !== 'success' ? '' : index.h("div", { class: "s-loyalty-program-rewards-container s-loyalty-program-slider-arrows-edges" }, index.h("section", { class: {
-                's-loyalty-program-tabs-hider': prizesGroups.length <= 2 || prizesCount <= 4,
-            } }, index.h("h1", { class: "s-loyalty-program-rewards-heading-mobile" }, salla.lang.get('pages.loyalty_program.rewards')), index.h("salla-tabs", null, index.h("div", { slot: "header", class: "s-loyalty-program-rewards-tab-items" }, prizesGroups.map((group) => (index.h("salla-tab-header", { slot: "header", name: group.type }, sicons[group.type], index.h("span", null, group.title))))), index.h("h1", { slot: "header", class: "s-loyalty-program-rewards-heading-desktop" }, salla.lang.get('pages.loyalty_program.rewards')), prizesGroups.map((group) => (index.h("salla-tab-content", { slot: "content", name: group.type }, index.h("salla-slider", { id: group.type, type: "default", "slider-config": '{"loop":false,"slidesPerView":"auto","freeMode":true,"spaceBetween":12,"breakpoints":{"768":{"slidesPerView":4,"spaceBetween":24,"freeMode":false,"speed":300}}}' }, index.h("div", { slot: "items" }, group.items.map((prize) => index.h("salla-reward-card", { prize: prize, onAreaClick: () => {
-                this.currentPrize = prize;
-                functions.closeModals(() => this.detailsModal.open());
-            }, onActionClick: () => {
-                this.currentPrize = prize;
-                functions.closeModals(() => this.detailsModal.open());
-            } })))))))), index.h("salla-modal", { ref: modal => this.detailsModal = modal, class: "s-loyalty-program-modal", width: "md", noPadding: true }, !this.currentPrize ? '' : index.h("salla-reward-details", { onActionClick: () => { this.currentProductId = null; functions.closeModals(() => this.exchangeModal.open()); }, onProductActionClick: (e) => { this.currentProductId = e.detail.productId; functions.closeModals(() => this.exchangeModal.open()); }, prize: this.currentPrize })), index.h("salla-modal", { ref: modal => this.exchangeModal = modal, class: "s-loyalty-program-modal", width: "sm" }, !this.currentPrize ? '' : index.h("salla-reward-exchange", { prize: this.currentPrize, productId: this.currentProductId }))))));
-    }
-};
-__decorate([
-    trackedPromise.TrackedPromise(async function () {
-        const { data } = await salla.loyalty.getProgram();
-        return functions.normalizeLoyaltyData(data);
-    }, { initialData: { points: [], prizes: [], prizes_count: 0 } })
-], SallaLoyaltyProgram.prototype, "program", void 0);
-__decorate([
-    trackedPromise.TrackedPromise(async function () {
-        const { data } = await salla.loyalty.getPoints();
-        anime_es.anime({
-            targets: { value: 0 },
-            value: data.points ?? 0,
-            round: 1,
-            easing: 'easeOutQuad',
-            duration: 2000,
-            update: (anim) => {
-                this.animatedPoints = anim.animations[0].currentValue;
-            }
-        });
-        return data.points;
-    })
-], SallaLoyaltyProgram.prototype, "points", void 0);
-SallaLoyaltyProgram.style = sallaLoyaltyProgramCss;
-
-exports.salla_loyalty_program = SallaLoyaltyProgram;

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

@@ -1,54 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-var index = require('./index-esb3M_d6.js');
-var functions = require('./functions-C7GfEQ1h.js');
-var gift = require('./gift-DbNivqYO.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}";
-
-const SallaLoyaltyReward = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.rewardModalOpen = index.createEvent(this, "rewardModalOpen");
-        this.confirmModalOpen = index.createEvent(this, "confirmModalOpen");
-        this.size = 'md';
-        this.isActionClickable = (prize) => {
-            switch (prize.key?.toLowerCase()) {
-                case 'free_product':
-                    return prize.is_product_available;
-                default:
-                    return true;
-            }
-        };
-        this.handleActionArea = () => {
-            this.rewardModalOpen.emit(this.prize);
-        };
-        this.handleAction = () => {
-            if (!this.isActionClickable(this.prize))
-                return;
-            if (!salla.config.isUser()) {
-                functions.closeModals(() => salla.event.dispatch('login::open'));
-                return;
-            }
-            else {
-                this.confirmModalOpen.emit(this.prize);
-            }
-        };
-    }
-    render() {
-        return (index.h("div", { key: '22e55c164715cff3ab89a9d2d0ac98042aee3063', class: {
-                's-loyalty-program-reward-container': true,
-                's-loyalty-program-reward-xs': this.size === 'xs',
-            } }, index.h("div", { key: 'f4854008846b39552fdce909b497e43c649543ca', onClick: this.handleActionArea, role: "button" }, index.h("div", { key: 'adc5c0df86193798cc166f6adfa0c2447df0832b', class: "s-loyalty-program-reward-img" }, index.h("img", { key: '859cc1f77a4be5548ff1caa6820ec40b09af213d', src: this.prize.image, class: "s-loyalty-program-rewards-img", alt: "" })), index.h("div", { key: '8c7d6248e557108462dfb82ba2974768686734c7', class: "s-loyalty-program-reward-content" }, index.h("div", { key: 'a2bf4e4971697d3cefb3d14d5ef5fbe4406edd09', class: "s-loyalty-program-reward-points" }, index.h("salla-badge", { key: '06640ab8ec19795a8a451274c371e0f77f888fb7', size: "xs" }, index.h("span", { key: 'f5c90a08e80d106bf11fe45a9c3ace3cedf61af1', innerHTML: gift.SIGift }), index.h("span", { key: '7feeea4188439c1c23acacf222149e7c59367dc4', class: "s-loyalty-program-rewards-points", innerHTML: salla.lang.choice('pages.loyalty_program.points', this.prize.cost_points) }))), index.h("div", { key: '8e5ef727a8c704b8f0040b752796bc59924ee64c', class: "s-loyalty-program-reward-title" }, index.h("span", { key: 'fbdd1636477122d629ec2fec71d8a57bc8dfe4cb' }, this.group)), index.h("div", { key: 'a0d4f204e207be64bdb515e7e4e8ba89235b2693', class: "s-loyalty-program-reward-name" }, index.h("div", { key: '000794a28c85f67d0c72a4f886c81d303a41f345', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name)))), index.h("div", { key: 'd4c51e1fe48bf9ec23f9c9d0b48b0e2343428d59', class: "p-4" }, index.h("button", { key: 'ca12fd9a4ee98380ed1db9f7aebbbf1e2906ab79', onClick: this.handleAction, disabled: !this.isActionClickable(this.prize), class: {
-                's-loyalty-program-rewards-action-base': true,
-                's-loyalty-program-rewards-action-on': this.isActionClickable(this.prize),
-                's-loyalty-program-rewards-action-off': !this.isActionClickable(this.prize),
-            } }, this.isActionClickable(this.prize) ? salla.lang.get('pages.loyalty_program.redeem_reward') : salla.lang.get('pages.loyalty_program.out_of_stock')))));
-    }
-};
-SallaLoyaltyReward.style = sallaLoyaltyProgramCss;
-
-exports.salla_loyalty_reward = SallaLoyaltyReward;

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -1,20 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-var index = require('./index-esb3M_d6.js');
-
-const sallaNotificationsCss = "";
-
-const SallaNotificationItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return index.h("a", { key: '59f70f3078b1a7d47bcee6ccd2d472cb8e9e0823', href: this.notification.url, class: { "s-notifications-item": true, "s-notifications-item-shadow": true, "s-notifications-item-read": !this.notification.is_new } }, index.h("span", { key: '7cfde773f99fd97d2564bb76820fcdc10ddaf1c9', class: "s-notifications-item-icon" }, index.h("i", { key: 'c7ac49641200f8200d79d801626d819c2ad025d8', class: { 's-notifications-item-icon sicon-bell-ring': true, 's-notifications-item-icon-new': this.notification.is_new } })), index.h("div", { key: '7b20a3de69f26d62185121017904ea8b73acde6d', class: "s-notifications-item-content" }, index.h("div", { key: '03e8f73de33418b41ab3dcec65a6cf916edbf670', class: "s-notifications-item-content-leading" }, index.h("h4", { key: '94f21a0c414c97f647af33f8ec84d74ec91c6de6' }, this.notification.title), index.h("p", { key: 'b821d9ba8af890d9d3b96b58488ccfe33ae681a1' }, this.notification.sub_title)), index.h("span", { key: '5aed923cbcdd3b92178de4660b2940ca1fd1958a', class: "s-notifications-item-content-trailing" }, index.h("i", { key: '283ce5224c7de7ada8afffb9c3ef43bb17f91944', class: "sicon-time s-notifications-item-content-trailing-icon" }), index.h("span", { key: 'b868dc7ecde4155c9827d6ccb2b2ac919525c71b' }, this.notification.date))));
-    }
-};
-SallaNotificationItem.style = sallaNotificationsCss;
-
-exports.salla_notification_item = SallaNotificationItem;

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

@@ -1,157 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-var index = require('./index-esb3M_d6.js');
-var Helper = require('./Helper-6RI07gZo.js');
-require('./anime.es-BqW8JHZi.js');
-
-const sallaNotificationsCss = "";
-
-const SallaNotifications = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * Number of notifications to load per request.
-         */
-        this.itemPerPage = 10;
-        this.no_notifications_trans = salla.lang.get('blocks.header.no_notifications');
-        this.load_more_text_trans = salla.lang.get('common.elements.load_more');
-        salla.lang.onLoaded(() => {
-            this.no_notifications_trans = salla.lang.get('blocks.header.no_notifications');
-            this.load_more_text_trans = salla.lang.get('common.elements.load_more');
-        });
-    }
-    // Show/hide loading
-    loading(isLoading = true) {
-        let btnText = this.status?.querySelector('.s-button-text');
-        if (btnText) {
-            Helper.Helper.toggleElementClassIf(btnText, 's-button-hide', 's-button-show', () => isLoading);
-            this.btnLoader.style.display = isLoading ? 'inherit' : 'none';
-        }
-    }
-    getNotificationCard(notification) {
-        const notificationItem = document.createElement('salla-notification-item');
-        notificationItem.notification = notification;
-        notificationItem.classList.add('s-block');
-        return notificationItem;
-    }
-    render() {
-        if (this.showPlaceholder) {
-            return index.h("div", { class: "s-notifications-no-content" }, index.h("salla-placeholder", { alignment: 'center' }, index.h("span", { slot: 'title' }, this.no_notifications_trans)));
-        }
-        return index.h("div", { class: "s-notifications-wrapper" }, index.h("div", { class: "s-notifications-container", ref: wrapper => this.wrapper = wrapper }), this.nextPage && (index.h("div", { class: "s-infinite-scroll-wrapper", ref: status => this.status = status }, index.h("button", { onClick: () => this.loadMore(), class: "s-infinite-scroll-btn s-button-btn s-button-primary" }, index.h("span", { class: "s-button-text s-infinite-scroll-btn-text" }, this.loadMoreText ?? this.load_more_text_trans), index.h("span", { class: "s-button-loader s-button-loader-center s-infinite-scroll-btn-loader", ref: btnLoader => this.btnLoader = btnLoader, style: { "display": "none" } })))));
-    }
-    /**
-     * Detect whether the response uses the new API format (v2) by checking for `cursor` key.
-     */
-    isV2Response(resp) {
-        return !!resp.cursor;
-    }
-    /**
-     * Map a single v2 notification to the legacy Notification interface.
-     */
-    normalizeNotification(item) {
-        return {
-            title: item.title,
-            sub_title: item.body,
-            date: item.time_ago,
-            is_new: !item.is_read,
-            url: item.url,
-        };
-    }
-    /**
-     * Normalize a v2 cursor pagination to the legacy Pagination format.
-     */
-    normalizePagination(cursor) {
-        return {
-            count: cursor.count,
-            currentPage: cursor.current,
-            links: {
-                next: cursor.next != null ? String(cursor.next) : undefined,
-            },
-        };
-    }
-    /**
-     * Middleware that normalizes any API response to the legacy shape.
-     * If the response is already in legacy format, it passes through unchanged.
-     */
-    normalizeResponse(resp) {
-        if (this.isV2Response(resp)) {
-            return {
-                data: (resp.data || []).map((item) => this.normalizeNotification(item)),
-                pagination: this.normalizePagination(resp.cursor),
-            };
-        }
-        return resp;
-    }
-    handleResponse(notificationsList) {
-        return notificationsList.map(notification => this.getNotificationCard(notification));
-    }
-    initiateInfiniteScroll() {
-        if (!this.wrapper) {
-            salla.logger.error('Wrapper is undefined. Cannot initiate infinite scroll.');
-            return;
-        }
-        this.infiniteScroll = salla.infiniteScroll.initiate(this.wrapper, this.wrapper, {
-            path: () => this.nextPage,
-            history: true,
-            nextPage: this.nextPage,
-            scrollThreshold: false,
-        }, true);
-        this.infiniteScroll?.on('request', _response => {
-            this.loading();
-        });
-        this.infiniteScroll?.on('load', rawResponse => {
-            this.loading(false);
-            const response = this.normalizeResponse(rawResponse);
-            this.pagination = response.pagination;
-            this.nextPage = response.pagination.links?.next || null;
-            this.handleResponse(response.data).forEach(data => this.wrapper.append(data));
-            let items = this.host.querySelectorAll('salla-notification-item:not(.animated)');
-            Helper.Helper.animateItems(items);
-        });
-        this.infiniteScroll?.on('error', (e) => {
-            salla.logger.error('Error loading more comments:', e);
-        });
-    }
-    async loadInitialData() {
-        await salla.api.notifications.fetch({ "per_page": this.itemPerPage })
-            .then(rawResp => {
-            const resp = this.normalizeResponse(rawResp);
-            this.pagination = resp.pagination;
-            this.total = resp.pagination.total;
-            this.nextPage = resp.pagination.links?.next || null;
-            // if (!this.notifications.length) {
-            //   this.showPlaceholder = true;
-            //   return this.loading(false);
-            // }
-            setTimeout(() => {
-                if (!resp.data.length) {
-                    return this.showPlaceholder = true;
-                }
-                this.handleResponse(resp.data).forEach(data => this.wrapper.append(data));
-                this.initiateInfiniteScroll();
-                let items = this.wrapper.querySelectorAll('salla-notification-item:not(.animated)');
-                Helper.Helper.animateItems(items);
-            }, 100);
-        })
-            .catch(error => {
-            salla.logger.error(error);
-            this.showPlaceholder = true;
-            this.loading(false);
-        });
-    }
-    // Get next page
-    async loadMore() {
-        this.infiniteScroll?.loadNextPage();
-    }
-    async componentWillLoad() {
-        await this.loadInitialData();
-    }
-    get host() { return index.getElement(this); }
-};
-SallaNotifications.style = sallaNotificationsCss;
-
-exports.salla_notifications = SallaNotifications;