@salla.sa/twilight-components 2.14.402 → 2.14.403

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

@@ -0,0 +1,206 @@
+/*!
+ * 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 { brand_path, closeModals, formattedPointsJsx } from "./functions";
+import SIGift from "../../assets/svg/gift.svg";
+import SITag from "../../assets/svg/tag.svg";
+import SICheck from "../../assets/svg/check.svg";
+import SICancel from "../../assets/svg/cancel.svg";
+import { TrackedPromise } from "../../Helpers/tracked-promise";
+const c = (...args) => args.map(i => 's-loyalty-program-' + i).join(' ');
+export class SallaRewardDetails {
+    constructor() {
+        this.refreshKey = Date.now();
+    }
+    handlePrizeChange() {
+        this.refreshKey = Date.now();
+    }
+    componentWillLoad() {
+        if (this.category.status === 'idle') {
+            this.category();
+        }
+        if (this.brand.status === 'idle') {
+            this.brand();
+        }
+    }
+    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;
+        return brands.concat(categories).filter(i => ids.includes(i.id));
+    }
+    getIncludedItems(items, ids) {
+        return items?.length ? items : this.findItems(ids);
+    }
+    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) => (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))))))));
+    }
+    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}}}' }));
+    }
+    render() {
+        const termsAndConditions = this.getTermsAndConditions();
+        return (h("div", { key: '3140551c4bcc64429a2f820ae9f915f19f6d3a77', class: "s-loyalty-program-reward-modal" }, h("div", { key: 'b193833caee8153c71b6c9f6af95358503afa103', class: "s-loyalty-program-points-modal-header" }, h("h1", { key: '0567985c10193a8eba6570bda8abf4aefa75657a', 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: '66bb25eadb6c640b4c661b6b3e227b4b8ef4f40d', class: "s-loyalty-program-modal-scrollable-content" }, h("div", { key: '1cc1c1c121240fab3ccd32bce176deec378ef3fd', class: "s-loyalty-program-reward-details-header" }, h("div", { key: '81f43a0c61ed0889810efa2cf4447477c2b08094', class: "s-loyalty-program-aspect-container" }, h("img", { key: 'eb09214a175e8484dfc6c870492e49e3e28cbe42', src: this.prize.image, alt: this.prize.name })), h("salla-badge", { key: '2ce3001371ab69c73453957f6dfb066710d88edd', size: "sm", bg: "light" }, h("span", { key: '459b58a09e6f59314c83f7d1a5baf6c559f02bd1', innerHTML: SIGift }), h("span", { key: '1cd0a85c1d2b9cdf1430e90bd12bbe83f1b05813', 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: 'a25d46f6a961844efd8f920bf5e4e1fd836cb460', class: "s-loyalty-program-reward-info-message" }, h("h1", { key: '4cf3e9e123993f6be8fb67df243156996b2a6fdd', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), h("p", { key: 'd658e9aea4384bc89a7a4cae956e90844092894a', 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.getProductsJsx(this.getProductIds(this.prize.included_product_ids), 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: '3b355609aa30f12d0fae5a95681d19b62193113d', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+    }
+    static get is() { return "salla-reward-details"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-loyalty-program.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-loyalty-program.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "prize": {
+                "type": "unknown",
+                "attribute": "prize",
+                "mutable": false,
+                "complexType": {
+                    "original": "Prize",
+                    "resolved": "Prize",
+                    "references": {
+                        "Prize": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-loyalty-program/interfaces.ts::Prize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "refreshKey": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "actionClick",
+                "name": "actionClick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "MouseEvent",
+                    "resolved": "MouseEvent",
+                    "references": {
+                        "MouseEvent": {
+                            "location": "global",
+                            "id": "global::MouseEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "prize",
+                "methodName": "handlePrizeChange"
+            }];
+    }
+}
+__decorate([
+    TrackedPromise(async () => {
+        return (await salla.product.api.categories()).data;
+    }, { initialData: [] })
+], SallaRewardDetails.prototype, "category", void 0);
+__decorate([
+    TrackedPromise(async () => {
+        return (await salla.api.request('/brands')).data;
+    }, { initialData: [] })
+], SallaRewardDetails.prototype, "brand", void 0);

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

@@ -0,0 +1,109 @@
+/*!
+ * 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, Host } from "@stencil/core";
+import { closeModals } from "./functions";
+import SIGift from "../../assets/svg/gift.svg";
+import { TrackedPromise } from "../../Helpers/tracked-promise";
+export class SallaRewardExchange {
+    constructor() {
+        this.productId = null;
+    }
+    reset(timeout = 0) {
+        setTimeout(() => {
+            closeModals();
+        }, timeout);
+    }
+    async handleConfirm() {
+        try {
+            await this.exchange(this.prize.id, null, this.productId);
+            this.reset(300);
+        }
+        catch (error) {
+            salla.logger.error(error);
+            // Do NOT close the modal; let the error state render so the user sees feedback.
+        }
+    }
+    handleCancel() {
+        this.reset(0);
+    }
+    render() {
+        return (h(Host, { key: 'b5b9a966f28520c30917887621e2358fdb9530be' }, h("div", { key: '4e87e3d0530a7fca6db1bf09fd1b059b85e56f10', class: "s-loyalty-program-exchange-heading" }, h("div", { key: '73b9aa3106336e8cdc81ce78371b3efc47b5c569', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, h("span", { key: '0e6c488afa39784a40bfed2f1d180fc48664a81a', innerHTML: SIGift })), h("h2", { key: '7740e27318379264905ff695e0c0cf13b54800d0' }, salla.lang.get('pages.loyalty_program.redeem_reward')), h("p", { key: '81a7ba841e3e26c7c9fc1054745ad163cc347db7' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", h("span", { key: '0f5d68dbe2de661c2aad02d237d3098349e94120' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", h("span", { key: '1daa10a1843938166c6834d0369edfe7e06dd54e' }, "(", this.prize.name, ")"))), h("div", { key: '42384b2df2cbb3775ccc6f7a017d9ef9f770baf5', class: "s-loyalty-program-exchange-btns" }, h("button", { key: 'b90b95adae80a9bcb47c0d039ea8bd9399ee5bc5', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, h("span", { key: 'c108973d9729265fb35a0d0fa781d525388a4c12', style: {
+                opacity: this.exchange.status !== 'pending' ? '1' : '0',
+            } }, salla.lang.get('common.elements.confirm')), h("span", { key: '302a31b9095d153b4662ada13d45cdb6b15664ad', class: "s-loyalty-program-exchange-loading", style: {
+                opacity: this.exchange.status === 'pending' ? '1' : '0',
+            } }, h("salla-loading", { key: '3e305da32d469f6ec874c128a1fd68356280dc69', color: "primary", size: 24 }))), h("button", { key: '466f8cfea3e370bce9466e9571f4567fb5a7966d', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-cancel", onClick: () => this.handleCancel() }, salla.lang.get('common.elements.cancel')))));
+    }
+    static get is() { return "salla-reward-exchange"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-loyalty-program.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-loyalty-program.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "prize": {
+                "type": "unknown",
+                "attribute": "prize",
+                "mutable": false,
+                "complexType": {
+                    "original": "Prize",
+                    "resolved": "Prize",
+                    "references": {
+                        "Prize": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-loyalty-program/interfaces.ts::Prize"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false
+            },
+            "productId": {
+                "type": "number",
+                "attribute": "product-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | null",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "null"
+            }
+        };
+    }
+}
+__decorate([
+    TrackedPromise(async (...args) => await salla.loyalty.exchange(...args))
+], SallaRewardExchange.prototype, "exchange", void 0);

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

@@ -0,0 +1,290 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+const translations = {
+    'currency.usd': {
+        ar: 'دولار',
+        en: 'USD',
+    },
+    'pages.loyalty_program.your_points': {
+        ar: 'نقاطك',
+        en: 'Your points',
+    },
+    'pages.loyalty_program.how_to_start': {
+        ar: 'كيف تبدأ؟',
+        en: 'How to Start?',
+    },
+    'pages.loyalty_program.three_simple_steps': {
+        ar: 'ثلاث خطوات بسيطة تفصلك عن مكافآت رائعة!',
+        en: 'Three simple steps separate you from great rewards!',
+    },
+    'pages.loyalty_program.two_simple_steps': {
+        ar: 'خطوات بسيطة تفصلك عن المزيد من نقاط الولاء!',
+        en: 'Two simple steps separate you from great rewards!',
+    },
+    'pages.loyalty_program.register': {
+        ar: 'سجِّل',
+        en: 'Register',
+    },
+    'pages.loyalty_program.create_account': {
+        ar: 'أنشئ حساب جديد أو سجِّل الدخول لحسابك.',
+        en: 'Create a new account or log in to your account.',
+    },
+    'pages.loyalty_program.earn_points': {
+        ar: 'اكسب نقاط',
+        en: 'Earn Points',
+    },
+    'pages.loyalty_program.complete_tasks': {
+        ar: 'أكمل مهام محددة لتتمكن من أخذ عدد من نقاط الولاء.',
+        en: 'Complete specific tasks to earn a number of loyalty points.',
+    },
+    'pages.loyalty_program.redeem_rewards': {
+        ar: 'استبدلها بمكافآت',
+        en: 'Redeem Rewards',
+    },
+    'pages.loyalty_program.enjoy_rewards': {
+        ar: 'استمتع بالمكافآت المميزة التي تنتظرك في المتجر!',
+        en: 'Enjoy the exclusive rewards waiting for you in the store!',
+    },
+    'pages.loyalty_program.all': {
+        ar: 'الكل',
+        en: 'All',
+    },
+    'pages.loyalty_program.rewards': {
+        ar: 'المكافآت',
+        en: 'Rewards',
+    },
+    'pages.loyalty_program.points': {
+        ar: 'نقطة',
+        en: 'points',
+    },
+    'pages.loyalty_program.redeem_reward': {
+        ar: 'استبدل النقاط',
+        en: 'Redeem Reward',
+    },
+    'pages.loyalty_program.shop_now': {
+        ar: 'تسوق الآن',
+        en: 'Shop Now',
+    },
+    'pages.loyalty_program.out_of_stock': {
+        ar: 'نفدت الكمية',
+        en: 'Out of stock',
+    },
+    'pages.loyalty_program.start_earning_points': {
+        ar: 'ابدأ بكسب النقاط اليوم',
+        en: 'Start Earning Points Today',
+    },
+    'pages.loyalty_program.one_time_points': {
+        ar: 'هذه النقاط تستحق لمرة واحدة',
+        en: 'These points are earned only once',
+    },
+    'pages.loyalty_program.completed': {
+        ar: 'مكتملة',
+        en: 'Completed',
+    },
+    'pages.loyalty_program.show_more': {
+        ar: 'عرض المزيد',
+        en: 'Show More',
+    },
+    'pages.loyalty_program.show_less': {
+        ar: 'عرض أقل',
+        en: 'Show Less',
+    },
+    'currency.sar': {
+        ar: 'ر.س',
+        en: 'SAR',
+    },
+    'pages.loyalty_program.copied': {
+        ar: 'تم النسخ ✓',
+        en: 'Copied ✓',
+    },
+    'pages.loyalty_program.redeem_confirmation': {
+        ar: 'هل أنت متأكد من إستبدال',
+        en: 'Are you sure you want to redeem',
+    },
+    'pages.loyalty_program.for': {
+        ar: 'مقابل',
+        en: 'for',
+    },
+    'pages.loyalty_program.first_order_store_fix_amount': {
+        ar: 'النقاط المستحقة عند اتمام أول طلب من المتجر',
+        en: 'Points earned when completing the first order from the store',
+    },
+    'pages.loyalty_program.first_order_store_for_unit': {
+        ar: 'النقاط المستحقة عند اتمام أول طلب من المتجر بالوحدة',
+        en: 'Points earned when completing the first order from the store for the unit',
+    },
+    'pages.loyalty_program.order_from_app_fix_amount': {
+        ar: 'النقاط المستحقة عند اتمام طلب من التطبيق',
+        en: 'Points earned when completing an order from the app',
+    },
+    'pages.loyalty_program.order_from_app_for_unit': {
+        ar: 'النقاط المستحقة عند اتمام طلب من التطبيق بالوحدة',
+        en: 'Points earned when completing an order from the app for the unit',
+    },
+    'pages.loyalty_program.step_1': {
+        ar: 'الخطوة الأولى',
+        en: 'Step One',
+    },
+    'pages.loyalty_program.step_2': {
+        ar: 'الخطوة الثانية',
+        en: 'Step Two',
+    },
+    'pages.loyalty_program.step_3': {
+        ar: 'الخطوة الثالثة',
+        en: 'Step Three',
+    },
+    'pages.loyalty_program.step_4': {
+        ar: 'الخطوة الرابعة',
+        en: 'Step Four',
+    },
+    'pages.loyalty_program.step_5': {
+        ar: 'الخطوة الخامسة',
+        en: 'Step Five',
+    },
+    'pages.loyalty_program.step_6': {
+        ar: 'الخطوة السادسة',
+        en: 'Step Six',
+    },
+    'pages.loyalty_program.affiliate_link_1': {
+        ar: 'شارك أصدقائك رابط المتجر الإلكتروني لزيارته',
+        en: 'Share the store\'s electronic link with your friends to visit it',
+    },
+    'pages.loyalty_program.affiliate_link_2': {
+        ar: 'ادعُ أصدقائك لإنشاء حساباتهم عبر الرابط الذي شاركته',
+        en: 'Invite your friends to create their accounts through the link you shared',
+    },
+    'pages.loyalty_program.affiliate_link_3': {
+        ar: 'اكسب :points نقطة عندما يقوم أصدقاؤك بإتمام أول طلب لهم',
+        en: 'Earn :points points when your friends complete their first order',
+    },
+    'pages.loyalty_program.order_from_pos_1': {
+        ar: 'تسوّق من أحد فروعنا المحددة أدناه',
+        en: 'Shop from one of our selected branches below',
+    },
+    'pages.loyalty_program.order_from_pos_2': {
+        ar: 'شارك رقم الجوال المسجّل بحسابك مع المحاسب',
+        en: 'Share the mobile number registered with your account with the accountant',
+    },
+    'pages.loyalty_program.branches': {
+        ar: 'الفروع',
+        en: 'Branches',
+    },
+    'pages.loyalty_program.shop_from_branches': {
+        ar: 'يمكنك كسب النقاط عبر التسوّق في أحد فروعنا حولك',
+        en: 'You can earn points by shopping at one of our branches around you',
+    },
+    'pages.loyalty_program.branch': {
+        ar: 'فرع',
+        en: 'Branch',
+    },
+    'pages.loyalty_program.free_product': {
+        ar: 'منتج مجاني',
+        en: 'Free Product',
+    },
+    'pages.loyalty_program.coupon_discount': {
+        ar: 'خصم كوبون',
+        en: 'Coupon Discount',
+    },
+    'pages.loyalty_program.free_shipping': {
+        ar: 'شحن مجاني',
+        en: 'Free Shipping',
+    },
+    'pages.loyalty_program.order_minimum_amount': {
+        ar: 'الحد الأدنى للطلب',
+        en: 'Order Minimum Amount',
+    },
+    'pages.loyalty_program.coupon_maximum_amount': {
+        ar: 'أقصى مبلغ للخصم',
+        en: 'Maximum Discount Amount',
+    },
+    'pages.loyalty_program.included': {
+        ar: 'مشمولة',
+        en: 'Included',
+    },
+    'pages.loyalty_program.excluded': {
+        ar: 'غير مشمولة',
+        en: 'Excluded',
+    },
+    'pages.loyalty_program.how_to_benefit_from_this_reward': {
+        ar: 'كيف تستفيد من هذه المكافأة؟',
+        en: 'How to benefit from this reward?',
+    },
+    'pages.loyalty_program.terms_and_conditions': {
+        ar: 'الشروط والأحكام',
+        en: 'Terms and Conditions',
+    },
+    'pages.loyalty_program.redeem_on_specific_products': {
+        ar: 'المكافأة متاحة على منتجات محددة. أعجبك منتج معين؟ توجَّه لنفس صفحة المنتج لاستبدال نقاطك به مجانًا!',
+        en: 'Rewards apply to selected products. See something you like? Redeem it for free on the product page.',
+    },
+    'pages.loyalty_program.redeem_on_specific_brands': {
+        ar: 'يمكنك استبدال نقاطك للحصول على خصم على الماركات المحددة أدناه.',
+        en: 'You can redeem your points for a discount on the specified brands below.',
+    },
+    'pages.loyalty_program.redeem_on_specific_categories': {
+        ar: 'يمكنك استبدال نقاطك للحصول على خصم على التصنيفات المحددة أدناه.',
+        en: 'You can redeem your points for a discount on the specified categories below.',
+    },
+    'pages.loyalty_program.redeem_on_all_products': {
+        ar: 'يمكنك استبدال نقاطك للحصول على خصم على كل المنتجات في المتجر.',
+        en: 'You can redeem your points for a discount on all products in the store.',
+    },
+    'pages.loyalty_program.redeem_for_free_shipping': {
+        ar: 'يمكنك استبدال نقاطك للحصول على الشحن المجاني',
+        en: 'You can redeem your points for free shipping',
+    },
+    'pages.loyalty_program.want_to_redeem_free_product': {
+        ar: 'ودّك بهذا المنتج مجانًا؟',
+        en: 'Want this product for free?',
+    },
+    'pages.loyalty_program.exchange_points_for_free_product': {
+        ar: 'استبدل' + ' :points ' + 'نقطة بحسابك بهذا المنتج الآن!',
+        en: 'Exchange' + ' :points ' + 'point in your account for this product now!',
+    },
+    'pages.loyalty_program.exchange_points': {
+        ar: 'استبدل نقاطك',
+        en: 'Exchange points',
+    },
+    'pages.loyalty_program.excluded_categories': {
+        ar: 'التصنيفات الغير مشمولة',
+        en: 'Excluded Categories',
+    },
+    'pages.loyalty_program.excluded_brands': {
+        ar: 'الماركات الغير المشمولة',
+        en: 'ِِExcluded Brands',
+    },
+    'pages.loyalty_program.excluded_products': {
+        ar: 'المنتجات الغير المشمولة',
+        en: 'Excluded Products',
+    },
+    'pages.loyalty_program.included_categories': {
+        ar: 'التصنيفات المشمولة',
+        en: 'Included Categories',
+    },
+    'pages.loyalty_program.included_brands': {
+        ar: 'الماركات المشمولة',
+        en: 'Included Brands',
+    },
+    'pages.loyalty_program.included_products': {
+        ar: 'المنتجات المشمولة',
+        en: 'Included Products',
+    },
+    'pages.loyalty_program.show_reward': {
+        ar: 'عرض المكافأة',
+        en: 'Show Reward',
+    },
+};
+const setNestedAsync = (lang, key, value) => {
+    return new Promise((resolve) => {
+        salla.helpers.setNested(salla.lang.messages[lang], key, value);
+        resolve(true);
+    });
+};
+export const setTranslations = async () => {
+    for (const [key, value] of Object.entries(translations)) {
+        for (const [lang, text] of Object.entries(value)) {
+            await setNestedAsync(`${lang}.trans`, key, text);
+        }
+    }
+};

package/dist/collection/components/salla-maintenance-alert/salla-maintenance-alert.js

@@ -16,7 +16,7 @@ export class SallaMaintenanceAlert {
         this.host.style.display = 'none';
     }
     render() {
-        return (h(Host, { key: '4e41b03a4ebe9b05b15f499128fbaef8a2665a1e', class: "s-maintenance-alert-wrapper" }, h("button", { key: 'c45b83d1381d7e98adca32d92531c181ae9281e4', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: 'c48a139c8bfc999bfce517ac689c2c5be8a8a70a', class: "s-maintenance-alert-content" }, h("div", { key: '75a52a15cc98759c7646a37e61822c7392256743', class: "s-maintenance-alert-container" }, h("div", { key: 'c2151b20d570186d3be79ea440d03e3044766544', class: "s-maintenance-alert-icon" }, h("img", { key: '9752b18e5fce36412448a941ba90b3332ac185fa', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '23d13d46adb0d89c31aa28666a0664253cbd5d6b', class: "s-maintenance-alert-text" }, h("h2", { key: 'abdb593bfd90571dee3ee9f918640fbf508a2d69' }, this.title), h("p", { key: '6c0bd117d161add2abadfadd5f344572c2596f6f' }, this.message))), h("div", { key: '5d6c815b7fa86822665a16a588fa02da19e62ca8' }, h("a", { key: '90c6ff46c169e685cff7becae06b7e67042e9d41', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
+        return (h(Host, { key: 'e76dcd0a076d1b72ead3398196f962713e975ce5', class: "s-maintenance-alert-wrapper" }, h("button", { key: '2105bc891908dab5a1c9edec1c534a600bb35fe5', class: "s-maintenance-alert-close", innerHTML: Cancel, onClick: () => this.closeAlert() }), h("div", { key: 'a01b014066fbbc08da96962ad9a0c98e24fddf1c', class: "s-maintenance-alert-content" }, h("div", { key: 'c8b6ac96a881fc40bdb65908bb309378035235ea', class: "s-maintenance-alert-container" }, h("div", { key: '5d9fb2968315674e0d3a3172f82f9109db55da1d', class: "s-maintenance-alert-icon" }, h("img", { key: '2649551a12d0958375a89cc1dcb8176b28f5e41f', src: salla.url.cdn('images/alert.png'), alt: "Alert" })), h("div", { key: '2b3f99a39857bcf87b034aa48074c1f4229bff95', class: "s-maintenance-alert-text" }, h("h2", { key: '5a3c0969cd45f666a8bd043d171e00bc88031f3e' }, this.title), h("p", { key: 'd3df4ada2bf5f7192b22affeeb10edec481a0038' }, this.message))), h("div", { key: '818d96f7680dc4b02fed14a2d8c09dab9b8e5d86' }, h("a", { key: '794a0c273fc4d84b0319b38e11fb43af5681ce67', class: "s-maintenance-alert-btn", href: salla.config.get('maintenance_details.button_url') }, this.buttonTitle)))));
     }
     componentDidLoad() {
         //auto-hide the alert if close button is clicked before one hour

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

@@ -271,11 +271,11 @@ export class SallaMap {
     }
     // render
     render() {
-        return (h(Host, { key: '1bc7b8ea42e85fd147b4431f54fe30d8b7b308c4', class: "s-map-wrapper" }, h("salla-modal", { key: 'ab5fb7ee3a688a3bc0cc6de9d51af309f296dc94', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
+        return (h(Host, { key: '302015399be6ef260a6617b31a6065e5facf940f', class: "s-map-wrapper" }, h("salla-modal", { key: '9f6cdedaeaa81ae33e14f09bf6cae48c4d3b152b', class: "s-map-modal-wrapper", noPadding: true, ref: modal => {
                 this.locationModal = modal;
-            } }, this.getLocationModal()), h("slot", { key: '1ec5f5c09229537df5f750b9d5003e29903eefe7', name: "button" }, h("salla-button", { key: '44acc44023058727e78e84e177aa3d7f2e4a91dc', onClick: () => {
+            } }, this.getLocationModal()), h("slot", { key: '7085cb61e2e404a22381825feaabfcc36e6f20fb', name: "button" }, h("salla-button", { key: '3ebf2ec427c6d5edf501262afd096f5a82e69a13', onClick: () => {
                 this.open();
-            }, color: "primary", class: "s-map-location-button" }, h("span", { key: '6bbd144fbc2c339b809ecc78c6b2d6d10ec4b6e9', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: 'b88be6e4b7f104a6152083e23db58d20c9ec7054', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
+            }, color: "primary", class: "s-map-location-button" }, h("span", { key: 'aa4dfd6a1282d651a0e78631c8165c2cbdd536d2', class: "s-map-location-icon", innerHTML: this.formattedAddress ? Edit : Location }), this.formattedAddress ? (h("div", null, this.locateButtonEdit, " | ", this.formatAddress(this.formattedAddress))) : (this.locateButtonTitle))), h("input", { key: 'eadd1bbe75d9ba2898bb770e7e6aa9a02e21dece', class: "s-hidden", name: this.name, required: this.required, value: this.getLatLng(), ref: color => this.mapInput = color })));
     }
     static get is() { return "salla-map"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-multiple-bundle-product/components/salla-multiple-bundle-product-cart.js

@@ -30,7 +30,7 @@ export class SallaMultipleBundleProductCart {
         return (h("div", { slot: "html", class: "s-multiple-bundle-product-cart-header-wrapper" }, h("div", { class: `s-multiple-bundle-product-cart-header ${hasOptions ? '' : 's-multiple-bundle-product-cart-header-no-options'}` }, h("div", { class: "s-multiple-bundle-product-cart-header-content" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-image-wrapper" }, h("img", { src: product?.image?.url, alt: product?.image?.alt || product?.name, class: "s-multiple-bundle-product-cart-header-image" })), h("div", { class: "s-multiple-bundle-product-cart-header-content-details" }, h("h2", { class: "s-multiple-bundle-product-cart-header-content-details-title" }, h("a", { href: product?.url, class: "s-multiple-bundle-product-cart-header-content-details-title-link" }, product?.name)), h("div", { class: "s-multiple-bundle-product-cart-header-content-details-price" }, h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-regular" }, h("span", { innerHTML: product?.price ? salla.money(product?.price) : '' })), product?.sale_price > 0 && (h("span", { class: "s-multiple-bundle-product-cart-header-content-details-price-sale" }, h("span", { innerHTML: salla.money(product?.sale_price) })))), product?.quantity_in_group > 0 && product?.quantity !== 0 && (h("p", { class: "s-multiple-bundle-product-cart-header-content-details-quantity" }, h("span", null, salla.lang.get('pages.products.number_of_pieces')), h("span", null, product?.quantity_in_group))))), !hasOptions && (h("div", { class: "s-multiple-bundle-product-cart-header-remove-button" }, this.renderRemoveButton(sectionId, product, false))))));
     }
     render() {
-        return (h(Host, { key: 'df5a1f17db16a85222a239fa507912f38749909a', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '52a0c1480c1ac65225491eea9f467a35677365f2', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
+        return (h(Host, { key: 'd584e8fca258d4be9c50fe6e4094aa274ff64d14', class: "s-multiple-bundle-product-wrapper" }, h("div", { key: '55a444d53317e17a7ef9a286089f85e2def128c8', class: "s-multiple-bundle-product-wrapper-sections" }, this.sections.map((section, sectionIndex) => {
             return section.products.map(product => {
                 const bundleContext = {
                     sectionId: section.id,