@salla.sa/twilight-components/dist/cjs/salla-loyalty-banner.cjs.entry.js

Salla Web Component

/*!
 * Crafted with ❤ by Salla
 */
'use strict';

var index = require('./index-C7gO-zm5.js');
var translations = require('./translations-DMwpLvqi.js');
var gift = require('./gift-DbNivqYO.js');
var trackedPromise = require('./tracked-promise-CMALwoa6.js');

const sallaLoyaltyProgramCss = "";

var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
        r = Reflect.decorate(decorators, target, key, desc);
    else
        for (var i = decorators.length - 1; i >= 0; i--)
            if (d = decorators[i])
                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
const SallaLoyaltyBanner = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    /**
     * Get product ID from data attribute or fallback to page.id
     */
    get productId() {
        return this.host.dataset.productId || salla.config.get('page.id');
    }
    componentWillLoad() {
        return salla.onReady()
            .then(() => salla.lang.onLoaded())
            .then(() => translations.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 (index.h("div", { class: "s-loyalty-program-banner-container" }, index.h("div", null, index.h("p", { class: "s-loyalty-program-banner-container-banner-title" }, salla.lang.get('pages.loyalty_program.want_to_redeem_free_product')), index.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 }))), index.h("button", { onClick: () => this.handleClick() }, index.h("span", { innerHTML: gift.SIGift }), index.h("span", null, salla.lang.get('pages.loyalty_program.exchange_points'))), index.h("salla-modal", { ref: modal => this.exchangeModal = modal, width: "sm" }, !this.prize.data ? '' : index.h("salla-reward-exchange", { productId: Number(this.productId), prize: this.prize.data }))));
    }
    get host() { return index.getElement(this); }
};
__decorate([
    trackedPromise.TrackedPromise(async function () {
        if (!(salla.config.get('store.features') || []).includes('loyalty-system')) {
            return Promise.reject('Loyalty system is not enabled for merchant');
        }
        const { loyalty_prize } = await salla.product.api.getDetails(this.productId);
        if (!loyalty_prize) {
            return Promise.reject('no loyalty prize for this product');
        }
        return loyalty_prize;
    })
], SallaLoyaltyBanner.prototype, "prize", void 0);
SallaLoyaltyBanner.style = sallaLoyaltyProgramCss;

exports.salla_loyalty_banner = SallaLoyaltyBanner;