@salla.sa/twilight-components 2.14.402 → 2.14.404

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

@@ -0,0 +1,243 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+var index = require('./index-B3JuQExz.js');
+var functions = require('./functions-DVMonIet.js');
+var gift = require('./gift-DbNivqYO.js');
+var tag = require('./tag-D-PcUR33.js');
+var check = require('./check-BnVBPQNp.js');
+var cancel = require('./cancel-B5SbMYEk.js');
+var trackedPromise = require('./tracked-promise-Ef3pfQOZ.js');
+
+const sallaLoyaltyProgramCss$3 = "";
+
+const SallaRewardAction = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.actionClick = index.createEvent(this, "actionClick");
+        this.isShopNow = (prize) => {
+            if (!(salla.config.get('store.features') || []).includes('loyalty-system-v2')) {
+                return false;
+            }
+            return prize.key?.toLowerCase() === 'free_product';
+        };
+        this.handleClick = (e) => {
+            if (salla.config.isGuest()) {
+                functions.closeModals(() => salla.event.dispatch('login::open'));
+                return;
+            }
+            this.actionClick.emit(e);
+        };
+    }
+    render() {
+        return (index.h("div", { key: '0d02cecaae79cf166555514890fbf6192e1cd438', class: "s-loyalty-program-rewards-modal-action" }, this.isShopNow(this.prize) ? (index.h("a", { href: this.prize.prize_url || salla.url.get(''), class: {
+                's-loyalty-program-rewards-action-base': true,
+                's-loyalty-program-rewards-action-on': true,
+            } }, salla.lang.get('pages.loyalty_program.shop_now'))) : (index.h("button", { onClick: this.handleClick, class: {
+                's-loyalty-program-rewards-action-base': true,
+                's-loyalty-program-rewards-action-on': true,
+            } }, salla.lang.get('pages.loyalty_program.redeem_reward')))));
+    }
+};
+SallaRewardAction.style = sallaLoyaltyProgramCss$3;
+
+const sallaLoyaltyProgramCss$2 = "";
+
+const SallaRewardCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.areaClick = index.createEvent(this, "areaClick");
+        this.actionClick = index.createEvent(this, "actionClick");
+    }
+    render() {
+        return (index.h(index.Host, { key: '0bd68f7cab478d78db8b083ea11c2090d02aab59', class: "s-loyalty-program-reward-host" }, index.h("div", { key: 'ef4e857bc55a12e50434c1dda2160674ead3b4e6', class: "s-loyalty-program-reward-container" }, index.h("div", { key: 'a6a7ccdf50ee296b48c05a01f241192c0f77f30c', onClick: (e) => this.areaClick.emit(e), role: "button" }, index.h("div", { key: 'e4f55cda0d9f36af95ce101c987819d30b9ad143', class: "s-loyalty-program-reward-img" }, index.h("img", { key: '450fe8914dcf809005d4707074cb305a59990e81', alt: "", src: this.prize.image || salla.url.cdn('images/s-empty.png'), class: "s-loyalty-program-rewards-img" })), index.h("div", { key: '7828210caf948e057055c53dc64af45426d7977d', class: "s-loyalty-program-reward-content" }, index.h("div", { key: '2f39695bd03884f6988b44de68964cdfdb75e0bb', class: "s-loyalty-program-reward-points" }, index.h("salla-badge", { key: 'e9e1dda91aa414d58caaff52a4bb667a1fc1b96f', size: "xs" }, index.h("span", { key: '7baa15af74cde5a6e744667566377417233d0848', innerHTML: gift.SIGift }), index.h("span", { key: '6bd7f77ec736a6f0fd9de0c69907cc05e87829b0', class: "s-loyalty-program-rewards-points" }, this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.points')))), index.h("div", { key: '269da0571a6533ca6621792a3891f4b9d132d337', class: "s-loyalty-program-reward-title" }, index.h("span", { key: '06c40cc994031777565d43c5259eefb3311dea98' }, this.prize.group_title)), index.h("div", { key: 'e81936c993e83f96f4143278ec82391135778383', class: "s-loyalty-program-reward-name" }, index.h("div", { key: '752e5e6fbc5de60f7047913d6b8bf79e597fd407', class: "s-loyalty-program-rewards-name", id: `prize-${this.prize.id}` }, this.prize.name, this.prize.description ? `: ${this.prize.description}` : '')))), index.h("div", { key: 'a83282f66ab42ee0fa055cf9bf7802af1615e8f0', class: "p-4" }, index.h("slot", { key: '7186f03318c907b3e8ec15e30322d8bf787d74f8', name: "action" }, index.h("button", { key: '7b1a13734d2c230dd32d744a42e82fdb1c148660', onClick: (e) => this.actionClick.emit(e.detail), class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-on" }, salla.lang.get('pages.loyalty_program.show_reward')))))));
+    }
+};
+SallaRewardCard.style = sallaLoyaltyProgramCss$2;
+
+const sallaLoyaltyProgramCss$1 = "";
+
+var __decorate$1 = (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 c = (...args) => args.map(i => 's-loyalty-program-' + i).join(' ');
+const SallaRewardDetails = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.actionClick = index.createEvent(this, "actionClick");
+        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 ? '' : index.h("div", { class: c('reward-details-categories-wrapper') }, index.h("div", { class: c('reward-details-categories') }, index.h("h2", { class: c('reward-details-categories-heading') }, title), index.h("ul", { class: c('reward-details-categories-list') }, items.map((category) => (index.h("li", null, index.h("a", { href: category.url || category.lingual_urls?.[0], class: c('reward-details-categories-item') }, index.h("span", { innerHTML: tag.SITag }), index.h("span", { class: c('reward-details-categories-item-content') }, category.name))))))));
+    }
+    getBrandsJsx(items, title) {
+        return !items.length ? '' : index.h("div", { class: c('reward-details-items-brands', 'slider-arrows-edges') }, index.h("div", null, index.h("h2", null, title), index.h("salla-slider", { id: `brands-${items.map(({ id }) => id).join('-')}`, "slider-config": '{"loop":false,"slidesPerView":"auto","spaceBetween":10}' }, index.h("div", { slot: "items" }, items.map((brand) => (index.h("a", { href: salla.url.get(functions.brand_path(brand)), class: c('reward-brand-item') }, index.h("img", { src: brand.logo || salla.url.cdn('images/s-empty.png'), alt: "" }))))))));
+    }
+    getProductsJsx(items, title) {
+        return !items?.length ? '' : index.h("div", { class: "s-loyalty-program-reward-details-items-products s-loyalty-program-slider-arrows-edges" }, index.h("h2", null, title), index.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 (index.h("div", { key: '3140551c4bcc64429a2f820ae9f915f19f6d3a77', class: "s-loyalty-program-reward-modal" }, index.h("div", { key: 'b193833caee8153c71b6c9f6af95358503afa103', class: "s-loyalty-program-points-modal-header" }, index.h("h1", { key: '0567985c10193a8eba6570bda8abf4aefa75657a', class: "s-loyalty-program-points-modal-info" }, !salla.url.is_page('cart') ? ''
+            : index.h("button", { class: "s-loyalty-program-back-btn", onClick: () => functions.closeModals(() => salla.event.dispatch('modal::open', 'loyalty-rewards-modal')) }, index.h("span", { class: {
+                    'sicon-arrow-right': document.documentElement.getAttribute('dir') === 'rtl',
+                    'sicon-arrow-left': document.documentElement.getAttribute('dir') === 'ltr',
+                } })), this.prize.name)), index.h("div", { key: '66bb25eadb6c640b4c661b6b3e227b4b8ef4f40d', class: "s-loyalty-program-modal-scrollable-content" }, index.h("div", { key: '1cc1c1c121240fab3ccd32bce176deec378ef3fd', class: "s-loyalty-program-reward-details-header" }, index.h("div", { key: '81f43a0c61ed0889810efa2cf4447477c2b08094', class: "s-loyalty-program-aspect-container" }, index.h("img", { key: 'eb09214a175e8484dfc6c870492e49e3e28cbe42', src: this.prize.image, alt: this.prize.name })), index.h("salla-badge", { key: '2ce3001371ab69c73453957f6dfb066710d88edd', size: "sm", bg: "light" }, index.h("span", { key: '459b58a09e6f59314c83f7d1a5baf6c559f02bd1', innerHTML: gift.SIGift }), index.h("span", { key: '1cd0a85c1d2b9cdf1430e90bd12bbe83f1b05813', class: "s-loyalty-program-points-badge-points" }, functions.formattedPointsJsx(this.prize.cost_points)))), !termsAndConditions.length ? '' : index.h("div", { class: "s-loyalty-program-terms-and-conditions" }, index.h("h1", { class: "s-loyalty-program-terms-and-conditions-heading" }, salla.lang.get('pages.loyalty_program.terms_and_conditions')), index.h("ul", { class: "s-loyalty-program-terms-and-conditions-list" }, termsAndConditions.map(([title, points]) => (index.h("li", { class: "s-loyalty-program-terms-and-conditions-item" }, index.h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, title), index.h("span", { class: "s-loyalty-program-terms-and-conditions-content" }, points)))))), index.h("div", { key: 'a25d46f6a961844efd8f920bf5e4e1fd836cb460', class: "s-loyalty-program-reward-info-message" }, index.h("h1", { key: '4cf3e9e123993f6be8fb67df243156996b2a6fdd', class: "s-loyalty-program-reward-info-message-heading" }, salla.lang.get('pages.loyalty_program.how_to_benefit_from_this_reward')), index.h("p", { key: 'd658e9aea4384bc89a7a4cae956e90844092894a', class: "s-loyalty-program-reward-info-message-content" }, this.getItemsMarkersText())), (this.prize.key === 'FREE_SHIPPING' || this.getItemsMarkers('both') === '000000') ? '' : index.h("div", { class: "s-loyalty-program-reward-details" }, index.h("salla-tabs", { key: this.refreshKey }, this.getItemsMarkers('included') === '000' ? '' : [
+            index.h("salla-tab-header", { slot: "header", name: "included", style: {
+                    display: this.getItemsMarkers('excluded') === '000' ? 'none' : 'block',
+                } }, index.h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: check.SICheck }), index.h("span", null, salla.lang.get(`pages.loyalty_program.included`))),
+            index.h("salla-tab-content", { slot: "content", name: "included" }, index.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' ? '' : [
+            index.h("salla-tab-header", { slot: "header", name: "excluded", style: {
+                    display: this.getItemsMarkers('included') === '000' ? 'none' : 'block',
+                } }, index.h("span", { class: "s-loyalty-program-reward-details-tab-icon", innerHTML: cancel.SICancel }), index.h("span", null, salla.lang.get(`pages.loyalty_program.excluded`))),
+            index.h("salla-tab-content", { slot: "content", name: "excluded" }, index.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')))),
+        ]))), index.h("salla-reward-action", { key: '3b355609aa30f12d0fae5a95681d19b62193113d', onActionClick: e => this.actionClick.emit(e.detail), prize: this.prize })));
+    }
+    static get watchers() { return {
+        "prize": ["handlePrizeChange"]
+    }; }
+};
+__decorate$1([
+    trackedPromise.TrackedPromise(async () => {
+        return (await salla.product.api.categories()).data;
+    }, { initialData: [] })
+], SallaRewardDetails.prototype, "category", void 0);
+__decorate$1([
+    trackedPromise.TrackedPromise(async () => {
+        return (await salla.api.request('/brands')).data;
+    }, { initialData: [] })
+], SallaRewardDetails.prototype, "brand", void 0);
+SallaRewardDetails.style = sallaLoyaltyProgramCss$1;
+
+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 SallaRewardExchange = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.productId = null;
+    }
+    reset(timeout = 0) {
+        setTimeout(() => {
+            functions.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 (index.h(index.Host, { key: 'b5b9a966f28520c30917887621e2358fdb9530be' }, index.h("div", { key: '4e87e3d0530a7fca6db1bf09fd1b059b85e56f10', class: "s-loyalty-program-exchange-heading" }, index.h("div", { key: '73b9aa3106336e8cdc81ce78371b3efc47b5c569', class: "s-loyalty-program-circle-base s-loyalty-program-circle-size-xl s-loyalty-program-circle-variant-fill" }, index.h("span", { key: '0e6c488afa39784a40bfed2f1d180fc48664a81a', innerHTML: gift.SIGift })), index.h("h2", { key: '7740e27318379264905ff695e0c0cf13b54800d0' }, salla.lang.get('pages.loyalty_program.redeem_reward')), index.h("p", { key: '81a7ba841e3e26c7c9fc1054745ad163cc347db7' }, salla.lang.get('pages.loyalty_program.redeem_confirmation'), " ", index.h("span", { key: '0f5d68dbe2de661c2aad02d237d3098349e94120' }, "(", this.prize.cost_points, " ", salla.lang.get('pages.loyalty_program.point'), ")"), " ", salla.lang.get('pages.loyalty_program.for'), " ", index.h("span", { key: '1daa10a1843938166c6834d0369edfe7e06dd54e' }, "(", this.prize.name, ")"))), index.h("div", { key: '42384b2df2cbb3775ccc6f7a017d9ef9f770baf5', class: "s-loyalty-program-exchange-btns" }, index.h("button", { key: 'b90b95adae80a9bcb47c0d039ea8bd9399ee5bc5', class: "s-loyalty-program-rewards-action-base s-loyalty-program-rewards-action-confirm", onClick: () => this.handleConfirm() }, index.h("span", { key: 'c108973d9729265fb35a0d0fa781d525388a4c12', style: {
+                opacity: this.exchange.status !== 'pending' ? '1' : '0',
+            } }, salla.lang.get('common.elements.confirm')), index.h("span", { key: '302a31b9095d153b4662ada13d45cdb6b15664ad', class: "s-loyalty-program-exchange-loading", style: {
+                opacity: this.exchange.status === 'pending' ? '1' : '0',
+            } }, index.h("salla-loading", { key: '3e305da32d469f6ec874c128a1fd68356280dc69', color: "primary", size: 24 }))), index.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')))));
+    }
+};
+__decorate([
+    trackedPromise.TrackedPromise(async (...args) => await salla.loyalty.exchange(...args))
+], SallaRewardExchange.prototype, "exchange", void 0);
+SallaRewardExchange.style = sallaLoyaltyProgramCss;
+
+exports.salla_reward_action = SallaRewardAction;
+exports.salla_reward_card = SallaRewardCard;
+exports.salla_reward_details = SallaRewardDetails;
+exports.salla_reward_exchange = SallaRewardExchange;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->
@@ -160,7 +160,7 @@ const SallaScopees = class {
         return salla.onReady();
     }
     render() {
-        return (index.h(index.Host, { key: '0f85dc5ec5bed28a4087226cff76eb63c70b83a4' }, index.h("salla-modal", { key: 'cdb992873dfac3920a9884ab088679687833118a', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (index.h(index.Host, { key: '496e4e55483fee5b91818a760adb95d606b0d146' }, index.h("salla-modal", { key: '2e0e7c2967a0a05068aad712774cd089984fb957', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             index.h("div", { slot: "loading" }, index.h("div", { class: "s-scopes-skeleton" }, index.h("salla-list-tile", { class: "s-scopes-header" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon" }, index.h("salla-skeleton", { type: "circle" })), index.h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, index.h("salla-skeleton", { height: '15px', width: '50%' })), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, index.h("salla-skeleton", { height: '10px' }), index.h("salla-skeleton", { height: '10px', width: '75%' }))), index.h("div", { class: "s-scopes-skeleton-search" }, index.h("salla-skeleton", { height: '10px', width: '50%' }), index.h("salla-skeleton", { height: '30px', width: '100%' })), index.h("div", { class: "s-scopes-skeleton-scopes" }, index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("salla-skeleton", { height: '10px', width: '25%' })), index.h("div", { class: "s-scopes-skeleton-btn" }, index.h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [index.h("salla-list-tile", { class: this.originalScopesList?.length ? "s-scopes-header block" : "s-hidden" }, index.h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), index.h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), index.h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), index.h("div", { class: "s-scopes-wrap" }, !!this.originalScopesList?.length && index.h("h4", { class: "s-scopes-title" }, this.getFormTitle()), this.originalScopesList?.length > this.searchDisplayLimit ?

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
@@ -131,10 +131,10 @@ const SallaSearch = class {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (index.h("div", { key: 'a403e7257b398cce5c26c61f55e143775575bb7b', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, index.h("div", { key: '3c3d523d181ec1c7b4e9d9e05988d1d2a4e0362d', class: "s-search-input-wrapper" }, index.h("span", { key: '86a8bcf0ab96c8818fc940d7ed4cfd70429ee2c1', class: "s-search-icon-wrap" }, index.h("span", { key: '0bacbc11b2b9c63c2167e79f46c73cb80804869a', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : search.Search })), index.h("input", { key: '766e7ae8ce9c2bdcf984d76c47a234ba5dc60d43', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
+        const searchContent = (index.h("div", { key: 'c1ac55ddb93b42cb84c30c0248be8949afef39df', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, index.h("div", { key: '6bdecb7d3511a5c97b4bb52860dcd050dc943573', class: "s-search-input-wrapper" }, index.h("span", { key: '93a0cd39aef09955e72657ba32a7ac1d4c6bdb7b', class: "s-search-icon-wrap" }, index.h("span", { key: '435ca7f22ba4d93eafe9fde32a7e62a55340e6a8', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : search.Search })), index.h("input", { key: '0acb71b9b5fe6681d33e7838ff14bbdee6159ccc', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => (this.searchInput = input), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
-            } }), this.showAction ? (index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: search.Search }))) : null), index.h("div", { key: '307c8fc64860af188bf1f1ba6eea480c357ac46d', class: "s-search-results" }, this.results?.data.map(product => (index.h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (index.h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && index.h("span", { innerHTML: search.Search }))) : null), index.h("div", { key: '9fc770575d0deeafda11f85aeb420a66cc2c2f64', class: "s-search-results" }, this.results?.data.map(product => (index.h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -143,9 +143,9 @@ const SallaSearch = class {
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), index.h("p", { key: 'b0971a0eb27a98f2e4e53da6462b0a8fa1b7fa42', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (index.h("salla-modal", { key: '9394500f337c06afad44d5202e8e84dc2feb317f', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (index.h("div", { key: 'f092b80ca35842209eae7b1ef143619d2a718229', class: "s-search-placeholder-wrapper s-search-inline" }, index.h("div", { key: '020d98faaa926578057e49734d7f11077a0b933b', class: "s-search-input-wrapper" }, index.h("span", { key: '44b6f78b74952d562efcb6dcd652432b5b1a7053', class: "s-search-icon-wrap" }, index.h("span", { key: 'd4e4166510cc4d38e53668f0f4f3995861a65d24', class: "s-search-icon", innerHTML: search.Search })), index.h("button", { key: '615e5dd776936c182fa7f50efaebbe5fa0fb7c61', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), index.h("p", { key: '31de1c46ae9ea8dce146f7a5e3b10eb61781a5e9', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (index.h("salla-modal", { key: '14efe319f3f844b2f3a1759a7f860b4dc3652570', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (index.h("div", { key: 'affda57d4ae84ea36e215bc17bc328b9f1a5a8de', class: "s-search-placeholder-wrapper s-search-inline" }, index.h("div", { key: '51f3e2afd425459365887b4e7c1ef2da4433dbe8', class: "s-search-input-wrapper" }, index.h("span", { key: '79ed8316f06548aecb3a76384835e64e72330917', class: "s-search-icon-wrap" }, index.h("span", { key: 'ba690f7b674dac90062ed2328c6396933c4ac872', class: "s-search-icon", innerHTML: search.Search })), index.h("button", { key: 'ac57df999004b21e1469978f9963aceded386d9d', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
                 height: this.height + 'px',
                 borderRadius: this.oval ? this.height / 2 + 'px' : '',
             } }, salla.lang.get('blocks.header.search_placeholder'))), modalContent));

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 
 const sallaSkeletonCss = ":host{display:block}";
 
@@ -28,7 +28,7 @@ const SallaSkeleton = class {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (index.h(index.Host, { key: '366d9fcd96b22edc9b5cdc07f8d8367fdbc5c574', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: 'b4ad9adc7d8ce69aeaeaa1cf287726fa69018730', class: classes }, "\u00A0")));
+        return (index.h(index.Host, { key: '8f574f21608fb5177c8a5d7e0d84d1c1065e49a4', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, index.h("div", { key: '6c86b14ec10c5ccea8f336ab87fb433c49104149', class: classes }, "\u00A0")));
     }
 };
 SallaSkeleton.style = sallaSkeletonCss;

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 /**

package/dist/cjs/salla-social-share.cjs.entry.js

@@ -3,11 +3,11 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
-var mail = require('./mail-CO8cFZH7.js');
-var cancel = require('./cancel-De6vslRA.js');
+var mail = require('./mail-Bgvt2hc9.js');
+var cancel = require('./cancel-B5SbMYEk.js');
 
 var copy_link = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -49,7 +49,7 @@ const SallaSocialShare = class {
         this.platformIcons = [{ icon: whatsapp, name: Socials.WHATSAPP }, {
                 icon: facebook.facebook,
                 name: Socials.FACEBOOK
-            }, { icon: facebook.twitter, name: Socials.TWITTER }, { icon: mail.MailIcon, name: Socials.EMAIL }, {
+            }, { icon: facebook.twitter, name: Socials.TWITTER }, { icon: mail.SIMail, name: Socials.EMAIL }, {
                 icon: copy_link,
                 name: Socials.COPY_LINK
             }];
@@ -150,7 +150,7 @@ const SallaSocialShare = class {
         window.a2a?.init('page');
     }
     render() {
-        return (index.h("div", { key: 'e9f050078f7be9b5b000d4703e0e2f2394c7860c', class: "s-social-share-wrapper" }, index.h("slot", { key: 'aec685219966868f2332a9060b94346fa361b53c', name: 'widget' }, index.h("salla-button", { key: '4daf053aa6594659c17df827555633e0f95f8007', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: '1d85fcea2fbc80c2b9c7d70cfc86263dcd109a82', innerHTML: this.opened ? cancel.Cancel : ShareAlt }))), index.h("ul", { key: '42cf458f62c4eac7509f66ba3a8a4e209698c392', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
+        return (index.h("div", { key: '49da8d5e8066550792640f4677eb43f762fbecbe', class: "s-social-share-wrapper" }, index.h("slot", { key: 'ee7ef614fe373217829caa31f0eb9526e6695d93', name: 'widget' }, index.h("salla-button", { key: '53c41b4185b19a08cdadc4ce30baed08dd95d638', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, index.h("span", { key: 'dae3c709e895a8e023bfc8aff490e52ea0e8e19a', innerHTML: this.opened ? cancel.SICancel : ShareAlt }))), index.h("ul", { key: '64fda7434bbe22a0cbae61273b61a67528c441c7', ref: el => this.shareMenu = el, class: "s-social-share-list a2a_kit share", "data-a2a-url": this.url ? this.url : window.location.href, "data-a2a-title": this.urlName ? this.urlName : document.title }, this.platforms.split(',').map(platform => {
             return (index.h("li", null, index.h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return index.h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->
@@ -57,7 +57,7 @@ const SallaSocial = class {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (index.h(index.Host, { key: '68bd517787b0ebddf10cc44d9dd8b21c4185ca24' }, index.h("ul", { key: '77fcfb2b61014f53880bd8f833780eaaac9db5d7', class: "s-social-list" }, linksArray.map((link) => (index.h("li", { class: "s-social-link" }, index.h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (index.h(index.Host, { key: 'a0b31aa06db07b8b4018b8d178dc27726eddb43e' }, index.h("ul", { key: 'b758199092ddf7c0e0b384f3f118d00c239104dd', class: "s-social-list" }, linksArray.map((link) => (index.h("li", { class: "s-social-link" }, index.h("div", { id: "social-slot", innerHTML: this.socialSlot
                 .replace(/\{icon\}/g, this.iconsList[link.type])
                 .replace(/\{type\}/g, link.type)
                 .replace(/\{link\}/g, link.value.toString()) })))))));

package/dist/cjs/salla-tab-content_3.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 
 const sallaTabContentCss = "";
 
@@ -33,7 +33,7 @@ const SallaTabContent = class {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (index.h("div", { key: '13737e2a7a7bce59e8ddc38b3b4d5159a4aa67be', class: classes }, index.h("slot", { key: '56dbae26f78adaf732311a06ec7f9f70e3d4eb2d' })));
+        return (index.h("div", { key: 'f2deb9c1508aafe3aff5352094cccc97bdcd42ef', class: classes }, index.h("slot", { key: '460588864047444acdb06e757a7124d28935c24b' })));
     }
 };
 SallaTabContent.style = sallaTabContentCss;
@@ -92,7 +92,7 @@ const SallaTabHeader = class {
             's-tabs-active': this.isSelected,
         };
         return [
-            index.h("div", { key: '4c2cba9724d8f130fbf44e50f4dcb27e5a2b4a7c', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: 'e03cda2c201eef0f33ea21e99144b70beee4c998' })),
+            index.h("div", { key: '153247ab5a7c73819ccc506a45e60b9c084c391c', class: classes, onClick: this.onClick.bind(this) }, index.h("slot", { key: '417a3ae0c0aec8a965b5d3be9a4f917f290d2109' })),
         ];
     }
 };
@@ -145,7 +145,7 @@ const SallaTabs = class {
     }
     render() {
         return [
-            index.h("div", { key: '49df0b08c12cc094afbcbdc106b02a9766a5b8e4', class: "s-tabs" }, index.h("div", { key: '02979fdfce4e6ada2caafd6a165b241b885e05b0', class: "s-tabs-header" }, index.h("slot", { key: '9919372225fd8be367648689337476f9dacc4ca4', name: "header" })), index.h("div", { key: '021f811beb02ebb93c788f989dfc39d994261caa', class: "s-tabs-content-wrapper" }, index.h("slot", { key: '5a5670d0be835306dfc29771b58d022bd092d057', name: "content" })))
+            index.h("div", { key: 'ae50836f68ee92459720fa9bf00d73848d849627', class: "s-tabs" }, index.h("div", { key: '55e8186e80381902269f9bad5738d9a555f71d37', class: "s-tabs-header" }, index.h("slot", { key: '46ce3e1ea75f92165b3d5ee7c16f19f8693f6d31', name: "header" })), index.h("div", { key: '3669e643abb37ed2edca73fc0577822a3f7fbb90', class: "s-tabs-content-wrapper" }, index.h("slot", { key: '2cf8b79f44630e21103991325ceff2cd3a4019ba', name: "content" })))
         ];
     }
     get host() { return index.getElement(this); }

package/dist/cjs/salla-tiered-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 
@@ -33,7 +33,7 @@ const SallaTooltip = class {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (index.h("div", { key: '45009eb13b1d0a1eb045b3af83c951e0710f2ec7', class: "s-tooltip-container" }, index.h("div", { key: 'd0f004819d8d235e79544d5bd55dc58f5991decd', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? index.h("span", null, this.text) : index.h("slot", null))));
+        return (index.h("div", { key: 'e5e8f78265e0abb1d4130fd084573c6cff1ecb2c', class: "s-tooltip-container" }, index.h("div", { key: '4dc98906dfd28c6e2d97b51329c07046eb15179c', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? index.h("span", null, this.text) : index.h("slot", null))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/salla-trust-badges.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 
 const sallaTrustBadgesCss = "";
 

package/dist/cjs/salla-user-menu.cjs.entry.js

@@ -3,14 +3,14 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');
 var star = require('./star-DGcH7Yso.js');
-var cancel = require('./cancel-De6vslRA.js');
+var cancel = require('./cancel-B5SbMYEk.js');
 var star2 = require('./star2-R146a27p.js');
-var gift = require('./gift-CJ-3Yw_x.js');
+var gift = require('./gift-DbNivqYO.js');
 
 var OrderIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -105,7 +105,7 @@ const SallaUserMenu = class {
             pending_orders: cart.PendingOrdersIcon,
             wishlist: star.WishListIcon,
             wallet: WalletIcon,
-            loyalty_program: gift.loyaltyProgramIcon,
+            loyalty_program: gift.SIGift,
             profile: UserCircle
         };
     }
@@ -270,9 +270,10 @@ const SallaUserMenu = class {
         return (index.h(index.Host, null, index.h("div", { class: {
                 's-user-menu-wrapper': true,
                 's-user-menu-relative-dropdown': this.relativeDropdown,
-            } }, this.getTheHeader(), index.h("div", { class: { 's-user-menu-toggler': true, opened: this.opened } }, index.h("div", { class: "s-user-menu-dropdown", onClick: e => e.stopPropagation(), onKeyUp: e => e.stopPropagation() }, this.showHeader ? (index.h("div", { class: "s-user-menu-dropdown-header" }, index.h("img", { src: this.avatar, alt: `${this.first_name} ${this.last_name}` }), index.h("div", { class: "s-user-menu-dropdown-header-content" }, index.h("span", null, this.hello), index.h("p", null, this.first_name, " ", this.last_name)), index.h("button", { type: 'button', class: "s-user-menu-dropdown-header-close", innerHTML: cancel.Cancel, onClick: () => { this.opened = false; } }))) : (''), index.h("ul", { class: "s-user-menu-dropdown-list" }, Object.entries(this.items).map((item, i) => this.getMenuItem(item, i))))))));
+            } }, this.getTheHeader(), index.h("div", { class: { 's-user-menu-toggler': true, opened: this.opened } }, index.h("div", { class: "s-user-menu-dropdown", onClick: e => e.stopPropagation(), onKeyUp: e => e.stopPropagation() }, this.showHeader ? (index.h("div", { class: "s-user-menu-dropdown-header" }, index.h("img", { src: this.avatar, alt: `${this.first_name} ${this.last_name}` }), index.h("div", { class: "s-user-menu-dropdown-header-content" }, index.h("span", null, this.hello), index.h("p", null, this.first_name, " ", this.last_name)), index.h("button", { type: 'button', class: "s-user-menu-dropdown-header-close", innerHTML: cancel.SICancel, onClick: () => { this.opened = false; } }))) : (''), index.h("ul", { class: "s-user-menu-dropdown-list" }, Object.entries(this.items).map((item, i) => this.getMenuItem(item, i))))))));
     }
-    componentDidLoad() {
+    async componentDidLoad() {
+        await Salla.hooks.registerComponent('salla-user-menu', this);
         document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));
     }
     buildProfileUrl(token) {

package/dist/cjs/salla-user-profile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/cjs/salla-user-settings.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
+var index = require('./index-B3JuQExz.js');
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -80,7 +80,7 @@ const SallaUserSettings = class {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (index.h(index.Host, { key: '35629ae7a818db4d058b5de6a4ad7a2410fd769a', class: "s-user-settings-wrapper" }, this.canHideName && index.h("div", { key: '088ff650127df0e6e4fda37dc9769ebe7a050cfa', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: 'dc71e681761440cb875d3de11b3d1a13def55a5c' }, index.h("div", { key: '44b1c2e02b981712467b5d494e1d8e8c30cefc5d', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'cb4f89d7f81526be268ac7ac7cf407f458eee32a', innerHTML: UserCancel })), index.h("div", { key: '2be07d40cd1b2082e08f391d43f6fb292e707c51', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: 'ab4702331a6b59f974794e1c6f95505541273db7', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: '92615b95a6f669e4925a17b6a11ef9146d182d62', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: 'd99cd97d0baf75c75fc8e2ba6fd403109295658f', class: "s-toggle" }, index.h("input", { key: '52997c851e7ffff021d267d9cc839d19a1b940b9', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: 'f2418d8595800b8e2af231aab82714137bad4e5c', class: "s-toggle-switcher" }))))), index.h("div", { key: 'ca9641927d0c2e09345078a16e06445f1961d05d', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '55075a73c15fda0fb94291e41d528b066d2a808d' }, index.h("div", { key: '20e5894110f485f2ed75fdc6f0d54b647d1d4a48', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'c616fe981cd2a7ceb8090c44fe353b5504f5b0e1', innerHTML: Bullhorn })), index.h("div", { key: 'c1dc47211d07cc1ea25e2ce284f460c2eb6d4f7b', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: '185e058888078b556a359acb6cc1ae080f01ad81', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'f54597f7f3c9126c57d34a5aba3ccd84752efbea', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '3386b76fc2d590b3a3734716429a8317a80fcc0b', class: "s-toggle" }, index.h("input", { key: 'd2d9ce3f8e3110715d84e9b407b878e341567fc6', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: '267b474fb32cbabdf53ff8fd2fe69df87875819d', class: "s-toggle-switcher" }))))), index.h("div", { key: '80d86e89c87bceddddd461faeede4dfc8f4b3301', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", { key: 'b95c175905cde9d4fae8487d1a85329db890873f' }, index.h("div", { key: '1e32b08bceb6bf299ea1e59545d7c539cb2ddce1', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'f1322819a6f07dff92f9956c0149b173f283407e', innerHTML: UserOff })), index.h("div", { key: '5d2ddaf6c03c8809f7e86b33fa421e73d048957e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { key: '0578e54cc49334ad081641b2ccd5b98d81e547ed', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { key: '30d6697be785def178352999d437f67798a03ed5', slot: 'action', class: "s-user-settings-section-action" }, index.h("salla-button", { key: 'b0ecec87180902892081999d0c96da33cda58d26', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), index.h("salla-modal", { key: 'b2015afb2f495f080d6757a57408ccd3e823b1ed', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, index.h("span", { key: 'e9391b722fe6c23853664cd5558c289e7fff427a', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { key: 'fffaa51055598f66f479e90676649eac4a06148c', class: "s-user-settings-confirmation" }, index.h("div", { key: '2d7044a63ada034d44de97a875903967de4fa7f0', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { key: 'f79c44b10a20b187c4f5a849b7e40c3c71eb0194', class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { key: 'b41c685894464f38f8a590482532a46851702ee7', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { key: '3520e6c0bd7475a6ad3b004ec0a20c3993ebb45f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (index.h(index.Host, { key: 'b37f8e7cd7fe59dfd4f4e1efe455e74d33d4b91e', class: "s-user-settings-wrapper" }, this.canHideName && index.h("div", { key: '7cf5f1ed489159ef1c754fc8368b390d35cc273d', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: '961843ff5de245febf4b5d9d4a96d47b44aeaff3' }, index.h("div", { key: 'bdfa266ee2694e410ff2bc8d6ec31b5210e7bf08', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '8ff08646cb3b3ba8d157f07cb4d54a6f515409a7', innerHTML: UserCancel })), index.h("div", { key: '8030d07722d9ad730676dafd1323b93a361f91da', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), index.h("div", { key: 'f4c524dfe45418f0dd7395e998b1c16aa951a5f9', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), index.h("div", { key: '74569032acb01ff1037104dcaf46f13c18c16803', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '6002a8368a587dbd8d3fd3fc1231e52ee44ebbbe', class: "s-toggle" }, index.h("input", { key: '2e9a622f9a670ef0f314c6183c57c851334a7df5', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), index.h("div", { key: 'ca57daef65f550d53c1f947b41d3fb488bd38a95', class: "s-toggle-switcher" }))))), index.h("div", { key: 'b81a0200e08c0eca176060362792a45d9d7ad41e', class: "s-user-settings-section" }, index.h("salla-list-tile", { key: 'ebcdac4056d21cbbd218b246cdd6c5bfa7bc2ac3' }, index.h("div", { key: 'df3a675745a0945498f3f45e11016f9f9c71ce6d', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: 'b5accc798ca95bd803f9c721f96fe62ca27e8ecf', innerHTML: Bullhorn })), index.h("div", { key: 'fe82c42f7586ba892f14ed7b1d2f85e19c508e8c', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), index.h("div", { key: 'ec35e1a363a0802ab14a92b4bc8b858b9bf79c72', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), index.h("div", { key: 'cc0d65144cfffc7fc795f3b1dde9ae6d75e827ec', slot: 'action', class: "s-user-settings-section-action" }, index.h("label", { key: '945d030759a2ab27b9e9379d96f879d299b0a444', class: "s-toggle" }, index.h("input", { key: '6dd35723f4e049263193d50d1488a300e26a166e', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), index.h("div", { key: '1f529a32b220a0a5ba673fe41573786450e4f1b8', class: "s-toggle-switcher" }))))), index.h("div", { key: '9973aa99cd3944ced8e87da05a3711b9cde5faa4', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, index.h("salla-list-tile", { key: '97ea806a1c5bc6e7f08ab04cdf555173d7e2c268' }, index.h("div", { key: 'fa98419cd6e11598c6e230ad462501f3dd66b975', slot: "icon", class: "s-user-settings-section-icon" }, index.h("span", { key: '9bb7192d2bcdd942974a2a6e405878998e090f3c', innerHTML: UserOff })), index.h("div", { key: '9e79bfd50311f2ec272bc6d90224d2f81c736d8e', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), index.h("div", { key: '805696292b1354bf57b0f0252eabd031dc4ac5db', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), index.h("div", { key: '4984f94d2eef4870036d1bea837cbe16e9978d84', slot: 'action', class: "s-user-settings-section-action" }, index.h("salla-button", { key: '7be1eaf49fdb3df86b953a14879695c0c2eae838', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), index.h("salla-modal", { key: '55608c2fbfd01c328f923316aa203ebd6539ef86', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, index.h("span", { key: '247bb5555b3aa936ab4815f16ec332f6d922ab49', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), index.h("div", { key: 'd8499d470dd0cce984687c9f6842970467b832a9', class: "s-user-settings-confirmation" }, index.h("div", { key: 'c4d98f4dc7591c53a0f4ab71fc1c7e0d446cebfc', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), index.h("div", { key: 'abebad572dab06b497451fff00a405e4c9db5652', class: "s-user-settings-confirmation-actions" }, index.h("salla-button", { key: 'bfde878cc657d975154f6e8b73220786b3898dbf', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), index.h("salla-button", { key: 'b3334a9b6fda2aa6de6f66f610efbba8ae95910f', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
 };
 SallaUserSettings.style = sallaUserSettingsCss;

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

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-Cuq57q32.js');
-var mail = require('./mail-CO8cFZH7.js');
+var index = require('./index-B3JuQExz.js');
+var mail = require('./mail-Bgvt2hc9.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
@@ -247,7 +247,7 @@ const SallaVerify = class {
     }
     render() {
         return this.display == 'inline' ? index.h(index.Host, null, this.myBody()) :
-            index.h("salla-modal", { width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, index.h("span", { slot: 'icon', class: "s-verify-header-icon", innerHTML: this.type == "mobile" ? AndroidPhoneIcon : mail.MailIcon }), this.myBody());
+            index.h("salla-modal", { width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, index.h("span", { slot: 'icon', class: "s-verify-header-icon", innerHTML: this.type == "mobile" ? AndroidPhoneIcon : mail.SIMail }), this.myBody());
     }
     myBody() {
         return (index.h("div", { class: "s-verify-body", ref: body => this.body = body }, index.h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }), index.h("slot", { name: "mobile" }), index.h("slot", { name: "email" }), index.h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }), index.h("div", { class: { "s-verify-codes": true, "has-error": this.hasError }, dir: "ltr" }, [1, 2, 3, 4].map((i) => index.h("input", { type: "number", autocomplete: "one-time-code", pattern: "[0-9]*", inputmode: "numeric", maxlength: "1", value: "", id: `otp-${i}`, class: { "s-verify-input": true, "s-has-error": this.hasError }, onInput: e => this.handleInput(e), onPaste: e => this.handlePaste(e), onKeyUp: e => this.handleKeyUp(e), onFocus: e => this.handleFocus(e), required: true }))), this.hasError && this.errorMessage ? index.h("span", { class: "s-verify-error-message" }, this.errorMessage) : '', index.h("div", { slot: "footer", class: "s-verify-footer" }, index.h("salla-button", { class: "s-verify-submit", "loader-position": 'center', disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), index.h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), index.h("b", { class: "s-verify-timer", ref: el => this.timer = el })), index.h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit'))), index.h("slot", { name: "after-footer" })));