@salla.sa/twilight-components 2.14.402 → 2.14.404

package/dist/collection/components/salla-localization-modal/salla-localization-modal.js

@@ -211,7 +211,7 @@ export class SallaLocalizationModal {
             this.showTrigger
                 ? h("button", { type: "button", onClick: () => this.open(), class: "s-localization-modal-trigger-btn" }, h("span", null, this.getLanguageName()), h("span", { class: "s-localization-modal-trigger-separator" }, "|"), " ", h("span", { innerHTML: this.getCurrencySymbol() }))
                 : '',
-            h("salla-modal", { key: '8b26a4e0224a049aee503c06ec288eb2dcbd00db', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: 'b28c8375f6491ad8fab684dab4d203a9d23fd417', slot: 'loading' }, h("div", { key: '26967b5d8accc26b75aa0a361506341b00cc1ef7', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: 'a97f5ceee4c1173030ec29781ee6571c50e02865', width: '25%', height: '15px' }), h("div", { key: '51edca3871e46c692b89651281e94b1716f3cade', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '5e8e3fb5c956be5a681025c7cfce59648dcc75e7', width: '25%', height: '15px' }), h("div", { key: 'd16e6d8bed9300337f84bad366e2731799363fb2', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '952633850a514afbf702d8e6afe30470ff201673', height: '40px', width: '100%' }))), !!this.hasError ?
+            h("salla-modal", { key: '13b805dc33b57d433d4c35ad8217adef60b99ad5', isLoading: true, class: "s-hidden", ref: modal => this.modal = modal, width: "xs" }, h("div", { key: 'b30239d0a20d15baccb6a5017493d91ae96c350c', slot: 'loading' }, h("div", { key: '94f7df4044f94612413f4818b110abae3c251075', class: "s-localization-modal-skeleton" }, h("salla-skeleton", { key: '63008e2fd90cfa4ce9ddbf313ffe718c520853ce', width: '25%', height: '15px' }), h("div", { key: '97f64f98e99c3cc2f099fa02469a2000c7eefc4c', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: '230480a6cfaddab7fbe70a16041cf5fb8903c64a', width: '25%', height: '15px' }), h("div", { key: 'caf3e79cdbd04d5374365173212792abfe3d465b', class: "s-localization-modal-skeleton-content" }, [...Array(4)].map(() => h("div", { class: "s-localization-modal-skeleton-item" }, h("div", { class: "s-localization-modal-skeleton-item-flex" }, h("salla-skeleton", { type: 'circle', height: '16px', width: '16px' }), h("salla-skeleton", { height: '10px', width: '100px' })), h("salla-skeleton", { height: '15px', width: '20px' })))), h("salla-skeleton", { key: 'b48d02c6e7febad77dbd0d37e540d02d26265e8b', height: '40px', width: '100%' }))), !!this.hasError ?
                 h("salla-placeholder", { alignment: "center" }, h("span", { slot: "description" }, this.errorMessage)) :
                 h("div", { class: "s-localization-modal-inner" }, this.languages.length > 1 ?
                     h("div", { class: "s-localization-modal-section" }, h("label", { class: "s-localization-modal-title" }, Salla.lang.get('common.titles.language')), h("div", { class: "s-localization-modal-section-inner" }, this.languages.length < 6 ?

package/dist/collection/components/salla-loyalty/salla-loyalty-prize-item.js

@@ -7,7 +7,7 @@ export class SallaLoyaltyPrizeItem {
         this.prizeItemSelected.emit(this.item);
     }
     render() {
-        return (h(Host, { key: '91162ebf1e2f76c4b90df9518d57a136e71fa573' }, h("div", { key: '80416871b0f60857b3279525bdaa87327b75890a', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'd7afdc106a822c0f7640136bec591bfa48fe1802', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '727f131b7fa00b75aab57f2bb5ea4616f0d3929a', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: '6e2b9263b7d2c1b7a9e372ede63a6b10a23b0d1d', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '97b7710e76e3d73afe68abe6e8094483960884da', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
+        return (h(Host, { key: 'd3b79cbf7e67281d4c42c83084b2d1f0f59fd77d' }, h("div", { key: '11d71896f19eef94434fa8d9d074c98ce3e6de5b', onClick: this.onPrizeItemClick.bind(this) }, h("img", { key: 'c8d254e77a7af0559c5336aca9d7d57593814d0a', class: "s-loyalty-prize-item-image", src: this.item.image, alt: this.item.name }), h("div", { key: '5946e1d5ce94ef8bfcbab95ab2f2e8733145b7f2', class: "s-loyalty-prize-item-title" }, this.item.name), h("div", { key: 'c565935591c84ce475767b8a863323023fabae31', class: "s-loyalty-prize-item-subtitle" }, this.item.description), h("div", { key: '225c7c594cb1942a56a6966ab8289a4dfb7f0d71', class: "s-loyalty-prize-item-points" }, this.item.cost_points, " ", salla.lang.get('pages.loyalty_program.point')))));
     }
     static get is() { return "salla-loyalty-prize-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-loyalty-program/functions.js

@@ -0,0 +1,53 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { h } from "@stencil/core";
+export function nearestLowerMultiple(number, multipleOf = window.matchMedia('(min-width: 768px)').matches ? 3 : 2) {
+    return number < multipleOf ? number : number - (number % multipleOf);
+}
+export function closeModals(cb = null) {
+    for (const element of document.querySelectorAll('salla-modal')) {
+        element.close();
+    }
+    cb && requestAnimationFrame(cb);
+}
+export function normalizeLoyaltyData(data) {
+    const groups = (data.prizes || []).map((group) => {
+        return {
+            ...group,
+            items: (group.items || []).map((item) => ({ ...item, group_title: group.title, group_type: group.type })),
+        };
+    });
+    const all = {
+        type: 'all',
+        title: salla.lang.get('pages.loyalty_program.all'),
+        items: groups.reduce((acc, group) => acc.concat(group.items), []),
+    };
+    groups.unshift(all);
+    return {
+        ...data,
+        prizes: groups,
+        prizes_count: all.items.length,
+        points: data.points ?? [],
+    };
+}
+export function brand_path(brand) {
+    return [brand.name.replace(/\s/g, '-'), `brand-${brand.id}`].join('/');
+}
+export function isUnitOrder(point) {
+    for (const condition of (point.conditions ?? [])) {
+        if (condition.key?.endsWith('_FOR_UNIT')) {
+            return true;
+        }
+    }
+    return false;
+}
+export function formattedPointsJsx(value) {
+    if (typeof value === 'number') {
+        return h("span", null, value, " ", salla.lang.get('pages.loyalty_program.point'));
+    }
+    if (isUnitOrder(value)) {
+        return h("span", null, "1 ", salla.config.currency().symbol, " = ", value.points, " ", salla.lang.get('pages.loyalty_program.point'));
+    }
+    return h("span", null, value.points, " ", salla.lang.get('pages.loyalty_program.point'));
+}

package/dist/collection/components/salla-loyalty-program/interfaces.js

@@ -1 +1,8 @@
-export {};
+/*!
+ * Crafted with ❤ by Salla
+ */
+export var LoyaltyPointTypes;
+(function (LoyaltyPointTypes) {
+    LoyaltyPointTypes["Share"] = "share";
+    LoyaltyPointTypes["Profile"] = "profile";
+})(LoyaltyPointTypes || (LoyaltyPointTypes = {}));

package/dist/collection/components/salla-loyalty-program/salla-loyalty-banner.js

@@ -0,0 +1,69 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+var __decorate = (this && this.__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;
+};
+import { h } from "@stencil/core";
+import { setTranslations } from "./translations";
+import SIGift from "../../assets/svg/gift.svg";
+import { TrackedPromise } from "../../Helpers/tracked-promise";
+export class SallaLoyaltyBanner {
+    /**
+     * Get product ID from data attribute or fallback to page.id
+     */
+    get productId() {
+        return this.host.dataset.productId || salla.config.get('page.id');
+    }
+    componentWillLoad() {
+        return salla.onReady()
+            .then(() => salla.lang.onLoaded())
+            .then(() => setTranslations())
+            .then(() => this.prize())
+            .catch(error => salla.logger.error(error));
+    }
+    handleClick() {
+        if (salla.config.isGuest()) {
+            salla.event.dispatch('login::open');
+            return;
+        }
+        this.exchangeModal.open();
+    }
+    render() {
+        if (this.prize.status !== 'success' || !this.productId) {
+            return null;
+        }
+        return (h("div", { class: "s-loyalty-program-banner-container" }, h("div", null, h("p", { class: "s-loyalty-program-banner-container-banner-title" }, salla.lang.get('pages.loyalty_program.want_to_redeem_free_product')), h("p", { class: "s-loyalty-program-banner-container-banner-subtitle" }, salla.lang.get('pages.loyalty_program.exchange_points_for_free_product', { points: this.prize.data.cost_points }))), h("button", { onClick: () => this.handleClick() }, h("span", { innerHTML: SIGift }), h("span", null, salla.lang.get('pages.loyalty_program.exchange_points'))), h("salla-modal", { ref: modal => this.exchangeModal = modal, width: "sm" }, !this.prize.data ? '' : h("salla-reward-exchange", { productId: Number(this.productId), prize: this.prize.data }))));
+    }
+    static get is() { return "salla-loyalty-banner"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-loyalty-program.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-loyalty-program.css"]
+        };
+    }
+    static get elementRef() { return "host"; }
+}
+__decorate([
+    TrackedPromise(async function () {
+        if (!(salla.config.get('store.features') || []).includes('loyalty-system')) {
+            return Promise.reject('Loyalty system is not enabled for merchant');
+        }
+        const { loyalty_prize } = await salla.product.api.getDetails(this.productId);
+        if (!loyalty_prize) {
+            return Promise.reject('no loyalty prize for this product');
+        }
+        return loyalty_prize;
+    })
+], SallaLoyaltyBanner.prototype, "prize", void 0);

package/dist/collection/components/salla-loyalty-program/salla-loyalty-hero.js

@@ -0,0 +1,87 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Host, h } from "@stencil/core";
+export class SallaLoyaltyHero {
+    render() {
+        return (h(Host, { key: '71421d1a559f9d0b8b9a2023e3015847dd4be7fb' }, h("section", { key: '914ae35d2e038a4f0f358eb3d61352cf263f4c7b', class: "s-loyalty-program-hero-container" }, h("div", { key: '93353d9f4dcc7d41e4c714f93ee84899b799633e', class: "s-loyalty-program-hero-background", style: {
+                backgroundImage: `url(${this.image})`,
+            } }, this.image ? h("div", { class: "s-loyalty-program-hero-overlay" }) : '', h("div", { key: '6f62cb4aadbb81f91549b60177f15e8791e6aa51', class: {
+                's-loyalty-program-hero-content': true,
+                's-loyalty-program-hero-white': !!this.image,
+                's-loyalty-program-hero-gray': !this.image,
+            } }, h("div", { key: '11794269898ee42023cac29e49c17463fe90781b' }, h("h1", { key: '95435290b38fce9dbc6a580d8452e7189074773b', class: "s-loyalty-program-hero-title" }, this.name || h("span", { key: '02fbbae525a5973d65bb98626dbe5712374495c4', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "name")), h("p", { key: 'e482ab6a067d54b9c274208a43b286e07a8e471c', class: "s-loyalty-program-hero-description" }, this.description || h("span", { key: '2fc2ea5a732e473b2c26d3b885a699b57f7df0c1', style: { color: 'transparent', backgroundColor: '#666', borderRadius: '12px' } }, "description"))), h("slot", { key: 'd548c168c97849abd583b510c7b1d6c4370daa1c', name: "action" }))), h("div", { key: '2423ee04e5e126eabcbfec20ad6c82a8d2593d2a', class: "s-loyalty-program-hero-footer" }, h("div", { key: '25ee4e74c9ea3c0ea420a09858c45b83b454bd40', class: "s-loyalty-program-hero-slot-container" }, h("slot", { key: '11a7147bc142914ccfa08b099826a4a2805100aa', name: "crosspoint" }))))));
+    }
+    static get is() { return "salla-loyalty-hero"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-loyalty-program.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-loyalty-program.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "image": {
+                "type": "string",
+                "attribute": "image",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional image to display in the background"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "name": {
+                "type": "string",
+                "attribute": "name",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Name of the program"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "description": {
+                "type": "string",
+                "attribute": "description",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Description of the program"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+}

package/dist/collection/components/salla-loyalty-program/salla-loyalty-panel.js

@@ -0,0 +1,171 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+var __decorate = (this && this.__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;
+};
+import { h } from "@stencil/core";
+import { setTranslations } from "./translations";
+import { closeModals, normalizeLoyaltyData } from "./functions";
+import Star2 from "../../assets/svg/star2.svg";
+import CancelIcon from "../../assets/svg/cancel.svg";
+import SILayoutGrid from "../../assets/svg/layout-grid.svg";
+import SIShipping from "../../assets/svg/shipping.svg";
+import SIPercentage from "../../assets/svg/percentage.svg";
+import SICart2 from "../../assets/svg/cart2.svg";
+import PrizeImage from "../../assets/images/prize-image.svg";
+import { TrackedPromise } from "../../Helpers/tracked-promise";
+const sicons = {
+    all: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SILayoutGrid }),
+    free_shipping: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SIShipping }),
+    coupon_discount: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SIPercentage }),
+    free_product: h("span", { class: "s-loyalty-program-rewards-tab-icon", innerHTML: SICart2 }),
+};
+export class SallaLoyaltyPanel {
+    constructor() {
+        /**
+         * prize to show in details or exchange modals
+         */
+        this.currentPrize = null;
+        this.handleExchangeSucceeded = () => window.location.reload();
+        this.handleResetSucceeded = () => window.location.reload();
+    }
+    componentWillLoad() {
+        return salla.onReady()
+            .then(() => salla.lang.onLoaded())
+            .then(() => setTranslations())
+            .then(() => {
+            salla.event.on('loyalty::exchange.succeeded', this.handleExchangeSucceeded);
+            salla.event.on('loyalty::exchange-reset.succeeded', this.handleResetSucceeded);
+            // 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 isLoadingPoints = this.points.status === 'pending' && this.points.data === null && !this.customerPoints;
+        const customerPoints = isLoadingPoints ? '---' : (this.points.data ?? this.customerPoints ?? 0);
+        if (this.prizeTitle && this.prizePoints) {
+            return (h("div", { class: "s-loyalty-program-panel-exchange-wrapper" }, h("salla-list-tile", { class: "s-loyalty-program-after-exchange" }, h("div", { slot: "title", class: "s-loyalty-program-after-exchange-title" }, this.prizeTitle, " \u00A0 - \u00A0 ", this.prizePoints, " ", salla.lang.get('pages.loyalty_program.point')), h("div", { slot: "action", class: "s-loyalty-program-after-exchange-action" }, h("salla-button", { class: "s-loyalty-program-after-exchange-reset", shape: "icon", fill: 'outline', color: "danger", size: "small", onClick: () => salla.loyalty.reset() }, h("span", { innerHTML: CancelIcon }))))));
+        }
+        return (h("div", { class: "" }, h("div", { class: "s-loyalty-program-panel-exchange-wrapper" }, h("salla-list-tile", { class: 's-loyalty-program-panel-widget' }, h("div", { slot: "icon", class: "s-loyalty-program-panel-widget-icon", innerHTML: Star2 }), h("div", { slot: "subtitle" }, salla.lang.get('pages.loyalty_program.cart_total_point_summary', { "balance": customerPoints }), h("salla-button", { shape: "link", color: "primary", onClick: () => {
+                if (['error', 'idle'].includes(this.program.status)) {
+                    this.program();
+                }
+                this.rewardsModal.open();
+            } }, customerPoints !== '---' && customerPoints ? salla.lang.get('pages.loyalty_program.cart_point_exchange_now') : salla.lang.get('blocks.header.login'))))), 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 }, h("div", { slot: "loading" }, h("salla-loading", null)), this.program.status === 'success' ? h("div", { class: "s-loyalty-program-rewards-container-cart" }, h("div", { class: "s-loyalty-program-rewards-cart-header" }, h("div", { innerHTML: PrizeImage }), h("div", { class: "s-loyalty-program-panel-content" }, h("h1", null, this.program.data.prize_promotion_title), h("p", null, this.program.data.prize_promotion_description))), h("div", { class: {
+                's-loyalty-program-slider-arrows': true,
+                's-loyalty-program-tabs-hider': prizesGroups.length < 2 || prizesCount < 2,
+            } }, h("salla-tabs", null, prizesGroups.map((group) => (h("salla-tab-header", { slot: "header", name: group.type }, sicons[group.type], h("span", null, group.title)))), prizesGroups.map((group) => (h("salla-tab-content", { slot: "content", name: group.type }, 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}}}' }, h("div", { slot: "items" }, group.items.map((prize) => h("salla-reward-card", { prize: prize, onAreaClick: () => {
+                this.currentPrize = prize;
+                closeModals(() => this.detailsModal.open());
+            }, onActionClick: () => {
+                this.currentPrize = prize;
+                closeModals(() => this.detailsModal.open());
+            } })))))))))) : ''), h("salla-modal", { ref: modal => this.detailsModal = modal, class: "s-loyalty-program-modal", width: "md", noPadding: true }, !this.currentPrize ? '' : h("salla-reward-details", { onActionClick: () => closeModals(() => this.exchangeModal.open()), prize: this.currentPrize })), h("salla-modal", { ref: modal => this.exchangeModal = modal, class: "s-loyalty-program-modal", width: "sm" }, !this.currentPrize ? '' : h("salla-reward-exchange", { prize: this.currentPrize }))));
+    }
+    static get is() { return "salla-loyalty-panel"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-loyalty-program.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-loyalty-program.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "prizePoints": {
+                "type": "any",
+                "attribute": "prize-points",
+                "mutable": true,
+                "complexType": {
+                    "original": "string | number",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The exchanged prize point"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "customerPoints": {
+                "type": "number",
+                "attribute": "customer-points",
+                "mutable": true,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Available customer points with which they can exchange."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            },
+            "prizeTitle": {
+                "type": "string",
+                "attribute": "prize-title",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "The prize title"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "currentPrize": {}
+        };
+    }
+}
+__decorate([
+    TrackedPromise(async () => {
+        const { data } = await salla.loyalty.getProgram();
+        return normalizeLoyaltyData(data);
+    }, { initialData: { prizes: [], prizes_count: 0 } })
+], SallaLoyaltyPanel.prototype, "program", void 0);
+__decorate([
+    TrackedPromise(async () => {
+        const { data } = await salla.loyalty.getPoints();
+        return data.points;
+    }, { initialData: null })
+], SallaLoyaltyPanel.prototype, "points", void 0);