@salla.sa/twilight-components 2.14.422 → 2.14.424

package/dist/collection/components/salla-loyalty-program/salla-reward-details.js

@@ -101,7 +101,9 @@ export class SallaRewardDetails {
         }
     }
     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) => (h("li", null, h("a", { href: 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))))))));
+        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: "" }))))))));
@@ -111,11 +113,11 @@ export class SallaRewardDetails {
     }
     render() {
         const termsAndConditions = this.getTermsAndConditions();
-        return (h("div", { key: '17b29a9098873643557786c9d9515b6245e2d773', class: "s-loyalty-program-reward-modal" }, h("div", { key: 'bd5411918a07a8e2dc1eb8ef7b1e06e82403d280', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '9e6d884e3e70c0ff3dbb005f61d48c1d1fa2ee65', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+        return (h("div", { key: 'b292fed409fdc5ed8824e1d3d694ddcf5136a260', class: "s-loyalty-program-reward-modal" }, h("div", { key: '3f276606a45e99bad8fa1e99d9bb00547e3a795c', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '0eea18e23aeb1273785886aebbe067a4b3f1d638', 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: '09d716d984701a251a3a759acbf112883fd0cf8f', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'f7e2c8d017ba4dab380d08e0c7a5f1e49416b1f4', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '369bb4e9a1b8d8dde62de1236b4d836fd3d6841f', class: "s-loyalty-program-aspect-container" }, h("img", { key: '3ed20feecdcd1c7433ec465364ae62639824ee6d', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '2bba4702e75d05622b719fa796efccda0520ce69', size: "sm", bg: "light" }, h("span", { key: '837afff2bdf9a390e8ca373f31dddbd84d7c6a91', innerHTML: SIGift }), h("span", { key: 'c3631a877062d69947928b1beee2ae4932910eec', 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: '872bfd776acf67910a5cdeafdb48e2c7afd5d71c', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '253e6f58946e911ba2b74ef18ebcee0eae0bb514', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: 'ce4b30fab9f1fae89fd956ae3eb20e5750fcea09', 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' ? '' : [
+                } })), this.prize.name)), h("div", { key: 'a12d8ab8741e502a20f2d310e758894ade551019', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: 'd8f83e5683e241adc7396ae3910ca533a73930cb', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '36229ddc5eb66cbc6d6b54dc9f73f55d9830ce72', class: "s-loyalty-program-aspect-container" }, h("img", { key: '9892014560501a6da43ff38d51612aa08e4a025d', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: 'b9f20d7a8570239772e71884b735fc5eb3a8ab62', size: "sm", bg: "light" }, h("span", { key: 'ce7a4e116a8c6b91f4835f90aa28e4d091581da9', innerHTML: SIGift }), h("span", { key: 'd505628411045a838fef73c124e0940e4be53329', 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: '9d6041e7093fb173cb1218356a8f23923da2c138', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '1afc5bb9e8eae3d00884363fea13fd2cd7225e20', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: '63f6d2d48f0f0277acd800bb238a07724d361b65', 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`))),
@@ -125,7 +127,7 @@ export class SallaRewardDetails {
                     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: '4055a99cf9dd6a30448848544d302e929afb5f06', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+        ]))), h("salla-reward-action", { key: '986205a4f41981993e5ac555fa858ec24c217be0', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
     }
     static get is() { return "salla-reward-details"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-menu/salla-menu.js

@@ -13,6 +13,7 @@ export class SallaMenu {
          */
         this.useReactLink = false;
         this.menus = [];
+        this.displayAllText = '';
     }
     async componentWillLoad() {
         return salla.onReady(() => {

package/dist/collection/components/salla-next-order-coupon/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/salla-next-order-coupon/salla-next-order-coupon.css

@@ -0,0 +1,3 @@
+:host {
+  display: block;
+}

package/dist/collection/components/salla-next-order-coupon/salla-next-order-coupon.js

@@ -0,0 +1,142 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { h } from "@stencil/core";
+import TagMoneyIcon from "../../assets/svg/tag-money.svg";
+import SwapStrokeIcon from "../../assets/svg/swap-stroke.svg";
+export class SallaNextOrderCoupon {
+    constructor() {
+        this.coupon = null;
+        this.isLoading = true;
+        this.titlePercentTpl = '';
+        this.titleFixedTpl = '';
+        this.badgeLabel = '';
+        this.minSpendTpl = '';
+        this.expiresTpl = '';
+        this.shopNowLabel = '';
+        this.copyLabel = '';
+        this.copiedLabel = '';
+    }
+    componentWillLoad() {
+        Salla.onReady()
+            .then(() => Salla.lang.onLoaded())
+            .then(() => {
+            this.loadTranslations();
+            return this.loadCoupon();
+        })
+            .catch(() => {
+            this.isLoading = false;
+        });
+    }
+    loadTranslations() {
+        this.titlePercentTpl = Salla.lang.get('pages.thank_you.next_order_coupon.title_percent') || '';
+        this.titleFixedTpl = Salla.lang.get('pages.thank_you.next_order_coupon.title_fixed') || '';
+        this.badgeLabel = Salla.lang.get('pages.thank_you.next_order_coupon.badge') || '';
+        this.minSpendTpl = Salla.lang.get('pages.thank_you.next_order_coupon.min_spend') || '';
+        this.expiresTpl = Salla.lang.get('pages.thank_you.next_order_coupon.expires') || '';
+        this.shopNowLabel = Salla.lang.get('pages.thank_you.next_order_coupon.shop_now') || '';
+        this.copyLabel = Salla.lang.get('common.elements.copy') || '';
+        this.copiedLabel = Salla.lang.get('pages.thank_you.next_order_coupon.copied') || '';
+    }
+    async loadCoupon() {
+        try {
+            const response = await salla.api.request('coupons', { type: 'thankyou' });
+            const raw = response?.data;
+            const list = Array.isArray(raw) ? raw : (Array.isArray(raw?.data) ? raw.data : []);
+            this.coupon = list[0] ?? null;
+        }
+        catch {
+            this.coupon = null;
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    async copyCode() {
+        if (!this.coupon)
+            return;
+        try {
+            await navigator.clipboard.writeText(this.coupon.code);
+            salla.notify.success(this.copiedLabel);
+            salla.event.dispatch('salla::next-order-coupon.code.copied', { code: this.coupon.code });
+        }
+        catch {
+            // clipboard write failed silently
+        }
+    }
+    isPercentage() {
+        return this.coupon?.type === 'P' || this.coupon?.type === 'percentage';
+    }
+    formatAmount() {
+        if (!this.coupon)
+            return '';
+        if (this.isPercentage()) {
+            return `${salla.helpers.number(this.coupon.amount)}%`;
+        }
+        const amt = this.coupon.amount;
+        if (typeof amt === 'object' && amt.amount) {
+            const a = amt;
+            return h("span", { innerHTML: salla.money(a.amount, a.currency) });
+        }
+        return h("span", { innerHTML: salla.money(amt) });
+    }
+    formatMinSpend() {
+        const min = this.coupon?.minimum_amount;
+        if (!min)
+            return '';
+        if (typeof min === 'string') {
+            return min.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+        }
+        return salla.money(min.amount, min.currency);
+    }
+    formatExpiry() {
+        const d = this.coupon?.expiry_date;
+        if (!d)
+            return '';
+        return new Date(d).toLocaleDateString(Salla.lang.locale || 'en-GB');
+    }
+    renderSkeleton() {
+        return (h("div", { class: "s-next-order-coupon-wrapper s-next-order-coupon-skeleton" }, h("div", { class: "s-next-order-coupon-inner" }, h("div", { class: "s-next-order-coupon-info" }, h("salla-skeleton", { type: "normal", width: "48px", height: "48px" }), h("div", { class: "s-next-order-coupon-details" }, h("salla-skeleton", { height: "14px", width: "220px" }), h("salla-skeleton", { height: "12px", width: "140px" }))), h("div", { class: "s-next-order-coupon-actions" }, h("salla-skeleton", { height: "40px", width: "140px" }), h("salla-skeleton", { height: "40px", width: "100px" })))));
+    }
+    renderTitle() {
+        const amount = this.formatAmount();
+        const tpl = this.isPercentage() ? this.titlePercentTpl : this.titleFixedTpl;
+        const placeholder = this.isPercentage() ? ':amount%' : ':amount';
+        const parts = tpl.split(placeholder);
+        return (h("p", { class: "s-next-order-coupon-title" }, parts[0], h("span", { class: "s-next-order-coupon-amount" }, amount), parts[1] || ''));
+    }
+    render() {
+        if (this.isLoading)
+            return this.renderSkeleton();
+        if (!this.coupon)
+            return null;
+        const minSpend = this.formatMinSpend();
+        const expiry = this.formatExpiry();
+        return (h("div", { class: "s-next-order-coupon-wrapper" }, h("div", { class: "s-next-order-coupon-inner" }, h("div", { class: "s-next-order-coupon-info" }, h("div", { class: "s-next-order-coupon-icon-wrap" }, h("span", { class: "s-next-order-coupon-icon-bg" }), h("span", { class: "s-next-order-coupon-icon", innerHTML: TagMoneyIcon })), h("div", { class: "s-next-order-coupon-details" }, h("div", { class: "s-next-order-coupon-title-row" }, this.renderTitle(), h("span", { class: "s-next-order-coupon-badge" }, h("span", { class: "s-next-order-coupon-badge-bg" }), h("span", { class: "s-next-order-coupon-badge-text" }, this.badgeLabel))), (minSpend || expiry) && (h("p", { class: "s-next-order-coupon-meta" }, minSpend && (h("span", { innerHTML: this.minSpendTpl.replace(':amount', minSpend) })), expiry && (h("span", null, this.expiresTpl.replace(':date', expiry))))))), h("div", { class: "s-next-order-coupon-actions" }, h("div", { class: "s-next-order-coupon-code-box" }, h("span", { class: "s-next-order-coupon-code-text" }, this.coupon.code), h("salla-button", { shape: "link", class: "s-next-order-coupon-copy-btn", title: this.copyLabel, onClick: () => this.copyCode() }, h("span", { class: "s-next-order-coupon-copy-icon", innerHTML: SwapStrokeIcon }))), h("salla-button", { href: salla.url.get(''), class: "s-next-order-coupon-shop-btn" }, this.shopNowLabel)))));
+    }
+    static get is() { return "salla-next-order-coupon"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-next-order-coupon.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-next-order-coupon.css"]
+        };
+    }
+    static get states() {
+        return {
+            "coupon": {},
+            "isLoading": {},
+            "titlePercentTpl": {},
+            "titleFixedTpl": {},
+            "badgeLabel": {},
+            "minSpendTpl": {},
+            "expiresTpl": {},
+            "shopNowLabel": {},
+            "copyLabel": {},
+            "copiedLabel": {}
+        };
+    }
+}