@salla.sa/twilight-components 2.14.462 → 2.14.463

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

@@ -127,10 +127,10 @@ export class SallaSearch {
         this.inputValue.length < 3 ? this.container.classList.remove('s-search-no-results') : '';
     }
     render() {
-        const searchContent = (h("div", { key: 'd152ce7b41f44975724214a4957b366a3d372efe', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '19c13742ed6b78300da453503c01052cc56e6224', class: "s-search-input-wrapper" }, h("span", { key: '65b092ca1797d23fca0370578c3780bb553bbc2e', class: "s-search-icon-wrap" }, h("span", { key: '14caaa450614f8dd99b05edd447184ab79cd94f2', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '4656f0002ff24e9948c5799d5bbed20e59eee2e9', 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 = (h("div", { key: '25c930505262a83f8a8385aa0ca665ecad2cacd1', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => (this.container = container) }, h("div", { key: '09d705b9da70c128584891672ba84d660f3c6d6a', class: "s-search-input-wrapper" }, h("span", { key: '5749d0cf3ad58bf845ef116e4ee377c577a770e8', class: "s-search-icon-wrap" }, h("span", { key: 'b1acaab31a15f447fb3de27e34a0a0833620456e', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '14bbab4ab1e8be11f25e229fb8ea0e9c982f2df7', 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 ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: 'ca998ee139b31b0284ae72ccd1f9466f697feb6a', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
+            } }), this.showAction ? (h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search }))) : null), h("div", { key: '9f3fe2a8b952ad3db8775eb3645cf837ad50acb2', class: "s-search-results" }, this.results?.data.map(product => (h("a", { href: product.url + '?from=search-bar', class: {
                 's-search-product': true,
                 's-search-product-not-available': !product.is_available,
             }, innerHTML: this.productSlot
@@ -139,9 +139,9 @@ export class SallaSearch {
                 .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price
                 ? salla.money(product.regular_price)
                 : '')
-                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: 'c8f2750a602097c96b1424acc35d2a190f86bf5d', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
-        const modalContent = (h("salla-modal", { key: '2656ec22b40c5d69c9ce9887ff683d119ef826e2', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
-        const placeholderContent = (h("div", { key: '8f771fddec5620cbfc8259a6d94e955db0f5e787', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: 'a6ac18f63248ae303d05f8ed62f0dadfded33fad', class: "s-search-input-wrapper" }, h("span", { key: '5996163e3314b9c9240018e438f121d553e58e0f', class: "s-search-icon-wrap" }, h("span", { key: '581c625690b9fc000108bc5ba642f3a3452f67c8', class: "s-search-icon", innerHTML: Search })), h("button", { key: '8f7edf24f999f3c5a37cca2c82c664822e729088', type: "button", class: "s-search-input s-search-placeholder-trigger", onClick: () => this.open(), style: {
+                .replace(/\{image\}/g, product.image.url) }))), h("p", { key: '641e4165e6538523792f33694118c618818b91c9', ref: el => (this.noResults = el), class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options')))));
+        const modalContent = (h("salla-modal", { key: '043edf7878b91643b3590bb9789a44df0a558af9', position: "top", class: "s-search-modal", ref: modal => (this.modal = modal) }, searchContent));
+        const placeholderContent = (h("div", { key: 'f5a08dc2ced47954b5a3bb87d4bc66a59e5f2660', class: "s-search-placeholder-wrapper s-search-inline" }, h("div", { key: '94c66a1a7016718348a50e8b5bf07659f4dd97c7', class: "s-search-input-wrapper" }, h("span", { key: '9f7bd3e92af9abaf6a852437883d6485885273e8', class: "s-search-icon-wrap" }, h("span", { key: 'd907342a757eb19ef404c4dfccc273bc1341bac8', class: "s-search-icon", innerHTML: Search })), h("button", { key: 'dcc3fb071542009d706de08a23138ab46683aa6a', 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/collection/components/salla-searchable-dropdown/salla-searchable-dropdown.js

@@ -188,18 +188,18 @@ export class SallaSearchableDropdown {
     render() {
         const hasSelection = this.selectedItem != null;
         const listboxId = `${this.inputId}-listbox`;
-        return (h(Host, { key: 'c529f2b61adbc38aa1e5403da6fdb985fe256baa', class: "s-searchable-dropdown" }, h("div", { key: '88ab96afd36421fdf965b79298fa14f435adbcef', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: '6ee8a2d0428e1347e36eabec32a3129897481abc', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '8473884ec18e73c72c79e7749264bd9c24c56ae9', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: 'bffbea7ff0cb9466c8a852a841a21ed8351ef92d', class: {
+        return (h(Host, { key: '59eb3c601584887ecf2ff866ed861d8d5dfb7759', class: "s-searchable-dropdown" }, h("div", { key: '687e37ddded75ed6e212cd6f4ad1ef9ff28494f3', class: { 's-searchable-dropdown': true, 's-searchable-dropdown--open': this.isOpen } }, this.label && (h("label", { key: 'f71e75c71f035d23ae97607060b9ff0f0a6996de', class: "s-searchable-dropdown-label", htmlFor: this.inputId }, this.label, this.required && h("span", { key: '732c16038a1530eca7776434b600bb804a479ed0', class: "s-searchable-dropdown-required" }, " *"))), h("div", { key: '7d6eabf2cbf50001c454805e3c9dc7d757178e6e', class: {
                 's-searchable-dropdown-trigger': true,
                 's-searchable-dropdown-trigger--disabled': this.disabled || this.loading,
                 's-searchable-dropdown-trigger--open': this.isOpen,
-            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'e3aee1ffe1b80a9ef21f4c9cca02de0a590b0825', class: {
+            }, role: "combobox", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-haspopup": "listbox", "aria-controls": listboxId, "aria-disabled": this.disabled || this.loading ? 'true' : 'false', tabIndex: this.disabled || this.loading ? -1 : 0, onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeyDown }, hasSelection ? (h("span", { class: "s-searchable-dropdown-trigger-text" }, this.getDisplayName(this.selectedItem))) : (h("span", { class: "s-searchable-dropdown-trigger-placeholder" }, this.placeholder)), h("i", { key: 'd6ddb602b2ce32102fa3301a7e76c74316ac5167', class: {
                 'sicon-keyboard_arrow_down': true,
                 's-searchable-dropdown-trigger-icon': true,
                 's-searchable-dropdown-trigger-icon--open': this.isOpen,
-            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '7a19f2d6847b3e0dda5e0ea509df91a2f48fa098', class: {
+            }, "aria-hidden": "true" })), this.isOpen && (h("div", { key: '329bb23e73f73957c02a6970796e210533ac74b0', class: {
                 's-searchable-dropdown-panel': true,
                 's-searchable-dropdown-panel--up': this.dropUp,
-            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '601529f76a09762a57fe7b7663ecfa1505462367', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'f91e464e7efed3759837880b5a7593daa4f84ecb', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: 'f72a7e12d0a6e90bab3983258c9b08aa286bc897', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: '495aa88fc76d3d17956db7277cc98aff08b4c1af', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
+            }, ref: (el) => (this.panelRef = el) }, this.searchable && (h("div", { key: '7f143cb798a0d75bcae0f5f4bc1d634b59fad401', class: "s-searchable-dropdown-search-wrap" }, h("i", { key: 'da0a9ab12d17cd0c82af1864ee9e1ef440295c6f', class: "sicon-search s-searchable-dropdown-search-icon", "aria-hidden": "true" }), h("input", { key: '6d222423a8b60fa947cc3251bdb94db770aac134', ref: (el) => (this.searchInputRef = el), id: this.inputId, type: "text", class: "s-searchable-dropdown-search-input", placeholder: this.placeholder, value: this.clientSearch ? this.clientSearchQuery : this.searchQuery, onInput: this.handleSearchInputChange, onKeyDown: this.handleSearchKeyDown, autocomplete: "off", "aria-autocomplete": "list", "aria-expanded": this.isOpen ? 'true' : 'false', "aria-controls": listboxId }))), h("div", { key: '63d8344ca677c266617dae393a3866a13d6d5613', id: listboxId, class: "s-searchable-dropdown-list s-scrollbar", role: "listbox" }, this.renderListContent()))))));
     }
     renderListContent() {
         if (this.searching || this.loading) {

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

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: 'bbd3b59181da4c7c97a2fbf862eedebbedbe0634', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '137814e704aabda9931441f744bac595dd506d0e', class: classes }, "\u00A0")));
+        return (h(Host, { key: '5568fdecb56f5513ffbe8f9b82da106a525af6a8', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '0a69bf54dff8093adea503ec6dbcb3f07aba9e13', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {

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

@@ -31,7 +31,7 @@ export class SallaSocial {
     }
     render() {
         const linksArray = this.getLinksArray();
-        return (h(Host, { key: 'a4c05f6fcf54b6d34c547d7b27a61d4afbd91f10' }, h("ul", { key: 'ab690b3eba0190d6830a5988510c404dafa4e450', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, h("div", { id: "social-slot", innerHTML: this.socialSlot
+        return (h(Host, { key: 'dfd63f034c588f6f6f08200d531187bd51e0b3b4' }, h("ul", { key: 'e4ec12ccb3c63a1dfdd64c5d3186734bed37db77', class: "s-social-list" }, linksArray.map((link) => (h("li", { class: "s-social-link" }, 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/collection/components/salla-social-share/salla-social-share.js

@@ -122,7 +122,7 @@ export class SallaSocialShare {
         window.a2a?.init('page');
     }
     render() {
-        return (h("div", { key: '006a40f33ae7513a265f6f3f04425e68a1193cdb', class: "s-social-share-wrapper" }, h("slot", { key: 'e089609f48cd6c231e17488bdd89e78f76b0df78', name: 'widget' }, h("salla-button", { key: '788679ca99d366efbc37faac11332e554a2a7bde', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: '97f86e7e8d22f05c13db6cb0dfdf51e18bc3c814', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: '8b13d93d51ba38ff1a3794646d9f68b10c6500ff', 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 (h("div", { key: 'e45420682a1b9bf686cbb9d3beff5a208505e1c7', class: "s-social-share-wrapper" }, h("slot", { key: '265102d26da7ce2d297969e1941b9a5785da3971', name: 'widget' }, h("salla-button", { key: '9f36a44dc9487f4956c1d8b73f0fcc41cf8a01b8', "aria-label": "Share", onClick: () => this.open(), class: "s-social-share-btn", shape: "icon", fill: "outline", color: "light" }, h("span", { key: 'b34ed78cd6549bff733de5c542a42ca9aaf805d0', innerHTML: this.opened ? Cancel : ShareAlt }))), h("ul", { key: 'f8eb408030d409880391b7d13b5a701226b0d42a', 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 (h("li", null, h("a", { class: `a2a_button_${platform}`, "aria-label": `Share Via ${platform}` }, this.platformIcons.map((icon) => {
                 if (icon.name === platform) {
                     return h("span", { class: "s-social-share-icon", innerHTML: icon.icon });

package/dist/collection/components/salla-tabs/salla-tab-content.js

@@ -30,7 +30,7 @@ export class SallaTabContent {
             's-tabs-content': true,
             's-tabs-content-selected': this.isSelected
         };
-        return (h("div", { key: '59729323fd707b74b2b1fd8707fcb122ee21ed9f', class: classes }, h("slot", { key: 'a273156c8bbb3dbf25dc2e556d060c4402a8a394' })));
+        return (h("div", { key: '8017c442a775f17fe6f5bf3c92dd083c9daa164e', class: classes }, h("slot", { key: '3be5606bf4ff8f3d3332f154333d4101d9dafdb5' })));
     }
     static get is() { return "salla-tab-content"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-tabs/salla-tab-header.js

@@ -52,7 +52,7 @@ export class SallaTabHeader {
             's-tabs-active': this.isSelected,
         };
         return [
-            h("div", { key: 'cdeff834ff1a1e4a5cd19c52e5c36bcc51491064', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: '5aeedafb3c074f588cd2a343fe48fc5b8807821d' })),
+            h("div", { key: '17847f97d80e9f52f460b7ebcc918736cafd757d', class: classes, onClick: this.onClick.bind(this) }, h("slot", { key: 'e936ad59f8255ec9ad713ecb69735404e741d294' })),
         ];
     }
     static get is() { return "salla-tab-header"; }

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

@@ -50,7 +50,7 @@ export class SallaTabs {
     }
     render() {
         return [
-            h("div", { key: '1d2c28a8025c9c9c1d988dbded489263794cb92e', class: "s-tabs" }, h("div", { key: '54f011017f5378e7053b4f3a135d6a050e08479c', class: "s-tabs-header" }, h("slot", { key: 'efd25fb8dd73b9296015be1e224b84fc53ab9082', name: "header" })), h("div", { key: 'f80582281746ae231092360e26d65331cc98f480', class: "s-tabs-content-wrapper" }, h("slot", { key: 'c97cde11dcbd37124dc1c24559c918111c57e6fe', name: "content" })))
+            h("div", { key: '2a76978734a3d8deeabbcfa7517b15a283d3071f', class: "s-tabs" }, h("div", { key: '0c565b46e62ed8fbcae0d9131619dbe83be61546', class: "s-tabs-header" }, h("slot", { key: '27ea98ff742bc51b75b35e0346733fb1c5b9526c', name: "header" })), h("div", { key: '9a76cba0e3c1f7ffb4c9d77d800ebc4d827e877c', class: "s-tabs-content-wrapper" }, h("slot", { key: '49ffe5586016252e8e3439a851c9aab0bf4e4079', name: "content" })))
         ];
     }
     static get is() { return "salla-tabs"; }

package/dist/collection/components/salla-tel-input/salla-tel-input.js

@@ -123,7 +123,7 @@ export class SallaTelInput {
         }
     }
     render() {
-        return (h(Host, { key: '3d6d30dec797f67178adf57497e9b1a0dc92c195', class: "s-tel-input" }, h("input", { key: 'e6f1bb82efa3d08d791cb39d82c1c0c6acb3e253', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'ddbb70dd419742bac9a2a34480f4195f282a2c7c', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: 'b168210708af8d78628ae6b104b268890e60fb8f', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
+        return (h(Host, { key: '849ab0e6c311e71a21154bec43421a06ef795b5e', class: "s-tel-input" }, h("input", { key: '3b7a3d8c974b9ad4562fbfbe08bcfb3eb45d809a', type: "tel", disabled: this.disabled, name: this.name, value: this.phone, onChange: (event) => this.handleCountryInput(event), ref: el => this.phoneInput = el, enterkeyhint: "next", autocomplete: "tel", class: "s-tel-input-control tel-input s-ltr" }), h("span", { key: 'a9fbe57c48e0f9f9bf9233736206bff717c3ab21', class: "s-tel-input-error-msg", ref: el => this.errorMsg = el }), h("input", { key: '930fc644b324360483ccf7e06b9bcb169a242326', type: "hidden", name: "country_code", value: this.countryCode, ref: el => this.countryCodeInput = el, class: "country_code" })));
     }
     componentDidLoad() {
         this.initTelInput();

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

@@ -27,7 +27,7 @@ export class SallaTooltip {
     }
     render() {
         const validTheme = ['default', 'dark'].includes(this.theme) ? this.theme : 'default';
-        return (h("div", { key: '4d433085f726528933c9ca19a86b0be84fc35a43', class: "s-tooltip-container" }, h("div", { key: 'a458c284385d21f3b4e89f18dd46ff25760a0b10', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
+        return (h("div", { key: 'fa37135d001ae2cbc2ddc193aa5ddd30b062ef6c', class: "s-tooltip-container" }, h("div", { key: 'e2d803bfaf839308157f14e3af4599268c5123b0', class: `s-tooltip-item s-tooltip-item--${validTheme}`, style: { display: this.show ? 'block' : 'none' } }, this.text ? h("span", null, this.text) : h("slot", null))));
     }
     static get is() { return "salla-tooltip"; }
     static get originalStyleUrls() {

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

@@ -32,7 +32,7 @@ export class SallaUserMenu {
         this.rating = salla.lang.get('common.titles.rating');
         this.wallet = salla.lang.get('common.titles.wallet');
         this.settings = salla.lang.get('common.titles.settings');
-        this.loyalty_program = salla.lang.get('pages.loyalty_program.loyalty_points');
+        this.loyalty_points = salla.lang.get('pages.loyalty_program.loyalty_points');
         this.logout = salla.lang.get('blocks.header.logout');
         this.hello = salla.lang.get('pages.checkout.hello');
         this.first_name = salla.storage.get('user.first_name') || '';
@@ -75,7 +75,7 @@ export class SallaUserMenu {
             pending_orders: PendingOrdersIcon,
             wishlist: WishListIcon,
             wallet: WalletIcon,
-            loyalty_program: loyaltyProgramIcon,
+            loyalty_points: loyaltyProgramIcon,
             profile: ProfileIcon
         };
     }
@@ -117,7 +117,7 @@ export class SallaUserMenu {
         this.rating = Salla.lang.get('common.titles.rating');
         this.wallet = Salla.lang.get('common.titles.wallet');
         this.settings = Salla.lang.get('common.titles.settings');
-        this.loyalty_program = Salla.lang.get('pages.loyalty_program.loyalty_points');
+        this.loyalty_points = Salla.lang.get('pages.loyalty_program.loyalty_points');
         this.logout = Salla.lang.get('blocks.header.logout');
     }
     initiate() {
@@ -210,15 +210,14 @@ export class SallaUserMenu {
         if (itemKey === 'profile' && this.profileUrl && this.sallaAccountEnabled) {
             return { href: this.profileUrl, target: '_blank', rel: 'noopener noreferrer' };
         }
-        // Fix loyalty program URL mapping from master
-        const urlKey = itemKey === 'loyalty_program' ? 'loyalty' : itemKey;
+        const urlKey = itemKey === 'loyalty_points' ? 'loyalty' : itemKey;
         return { href: Salla.url.get(urlKey) };
     }
     getMenuItem([itemKey, itemValue], i) {
         //todo:: enhancement support slot here
         if (itemKey === 'wallet' && !window.can_access_wallet)
             return;
-        if (itemKey === 'loyalty_program' && !Salla.config.get('store.features').includes('loyalty-system'))
+        if (itemKey === 'loyalty_points' && !Salla.config.get('store.features').includes('loyalty-system'))
             return;
         return (h("li", { class: {
                 's-user-menu-dropdown-item': true,
@@ -376,7 +375,7 @@ export class SallaUserMenu {
             "rating": {},
             "wallet": {},
             "settings": {},
-            "loyalty_program": {},
+            "loyalty_points": {},
             "logout": {},
             "hello": {},
             "first_name": {},

package/dist/collection/components/salla-user-settings/salla-user-settings.js

@@ -56,7 +56,7 @@ export class SallaUserSettings {
         await salla.profile.delete().finally(() => this.confirmationModal.close());
     }
     render() {
-        return (h(Host, { key: 'd49fe1cc125040388326a346cf6349cdff3e8827', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '4f6227afbf0f1a9ac4ae6c0404c04de65ef2c22d', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'd084e7c978e0f41b8997299690e1b419f1dcecea' }, h("div", { key: '732f09a315529dd23a690ec2e2db2ca157f30b3f', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: '57854cdcd75e9bdf261cc10108b9dd03ba886c9a', innerHTML: UserCancel })), h("div", { key: '4d42778a9a52a6a539f9c84103a4e35ab10eadce', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: '45ea0bf9bbc5d055e50de279ed21c77f69194a83', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'addf60ce92d9bd5d7307af22f8e08ca627f52692', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'db9bfdd607f9578349051126893fcd77eccc8aea', class: "s-toggle" }, h("input", { key: '5c56ac1adffc24c7d1190251713d99214ef242e3', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '5f275e5c3517a6df99e781537ac17135d54b5d9a', class: "s-toggle-switcher" }))))), h("div", { key: '0cb50e709e0dbc49f769b4f107002eadadb41c32', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'f710c59a481aedca13fb36d003ddb5b71905771f' }, h("div", { key: 'b8e81786c8cea4cc36d81ad4e5a53381fea20ed4', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b4b3b36769c216f4981fcebec511e33461e703d5', innerHTML: Bullhorn })), h("div", { key: 'a5a9271e04367bbc512656176bf7b9c59855c497', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: 'f7191566d7fea659a0d080f7680ace28f74fc5e1', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: 'edaed3be64edc7e98640d33ae57112e8586e3354', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '9a444d833c61719f65200b6a16ce8bf47406b84f', class: "s-toggle" }, h("input", { key: 'bd18d96449c3eb4d6b263bc5cbf7a9b8d639bd6d', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: '5742974d46ab2e1084f85d3902ead64a4d2340e3', class: "s-toggle-switcher" }))))), h("div", { key: 'cd920209f8188531735c0a12b40f290ffafd31ab', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '49ea382b58e36475794f8e80e41caf7db938ddc4' }, h("div", { key: '7cb1d0abc1c178862111e49804cb750ddd01aea3', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'de51a80143d6b44ec3ad1f6422e769e57432dd9e', innerHTML: UserOff })), h("div", { key: '1a00838952cac6c3fafe29b9e7e32f5ed3126f30', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: 'f4b2794e0dd8a036ce404b7243986b7ba5a63340', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '72cb29457621699ed1449cdd52eb5151023637ab', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: 'aba35845332da5f0da393078e06a0e0498bf2d28', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '4fd811fbbc6e7fcc1a6a8d23e8bfa05b7499dcbc', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '712fe566292404c42aa79970978f03fb23b4d2ab', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: '69ce40edbcaf775e33d62a3e242e5fcc9cce3cef', class: "s-user-settings-confirmation" }, h("div", { key: 'f71c23f124449b12ad7db1f523ca3b80b5c50a2b', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: '6995699f126fb98cc6271a0f476dd6b4f53cfd3c', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'f45563215e757ee3b172622c346cd40fca1a79a6', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '1ba83fc0690f0a10176008bb2470759878471cee', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
+        return (h(Host, { key: 'b41aa42e4c735f854a1fe8937484561267f4fe90', class: "s-user-settings-wrapper" }, this.canHideName && h("div", { key: '3b96bc67e48e1350b8e98ec87e3a69c923aea26e', class: "s-user-settings-section" }, h("salla-list-tile", { key: '45a9605ea94b821adaa559935acbac56df42549e' }, h("div", { key: 'd97df220da7e4f9103f69879215a53324052fe28', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'bdba051ce6c1e356540a72668945bcd77c4fcc07', innerHTML: UserCancel })), h("div", { key: 'aae7512323ddaf1fbb18fc6e201d73b01c7db02a', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.hideMyName)), h("div", { key: 'ea5fbd35129439c8859e3ea4ec023169c9c13500', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.hideMyNameDesc)), h("div", { key: 'bea5c5931955307b6d8c0040d54a4c70ac0e801f', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: '025c7ba7a176ee477395716c8291414451fa0f05', class: "s-toggle" }, h("input", { key: 'e5c8a02e85404d6a997b0bc17af807ee19908569', class: "s-toggle-input", checked: this.isHiddenName, onChange: (e) => this.toggleSetting('is_hidden_name', e), type: "checkbox" }), h("div", { key: '945d24a60b7474e46e934cc284239f035c4552bd', class: "s-toggle-switcher" }))))), h("div", { key: '81e9ea3c92a902da5b7647b8ba4dc659e44e05af', class: "s-user-settings-section" }, h("salla-list-tile", { key: 'b4351c518cb7f7f0a9aadc3a50ff678233374c99' }, h("div", { key: 'c9a442d5a002c3ac3bb2d59fa1a3db5a25500b5e', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'b54eb15dbaf220a1221c6054b0e178bb51eae9c7', innerHTML: Bullhorn })), h("div", { key: 'a0a95bcbc40be5896ffaa080abb0f4d093dd7384', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.promotionalMsgs)), h("div", { key: '8090b97110dec6b555c3daa8180fbcd0e85c5248', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.promotionalMsgsDesc)), h("div", { key: '1a5b8d2df3d3ffa2e680979fcf4eeb327bd95c60', slot: 'action', class: "s-user-settings-section-action" }, h("label", { key: 'e0ff94d938cfd5baea7f175980c891918de2a41e', class: "s-toggle" }, h("input", { key: '56417d910ed3661f1956df6e0d056eae54a2c711', class: "s-toggle-input", checked: this.isNotifiable, onChange: (e) => this.toggleSetting('is_notifiable', e), type: "checkbox" }), h("div", { key: 'c96e609f1dfce22d220a2afcf678387ebd31c1d5', class: "s-toggle-switcher" }))))), h("div", { key: '4f841e1e7a1225b24387feab7543218a90c54e44', class: "s-user-settings-section s-user-settings-section-deactivate-user" }, h("salla-list-tile", { key: '7b8af0c7bb366302b87634d281807b3b19c6080b' }, h("div", { key: 'b78c648e4be4a222d1d85dacb4922f409f239aa9', slot: "icon", class: "s-user-settings-section-icon" }, h("span", { key: 'bb4e18462ead89a0a6dc5e24311713d7fda311e3', innerHTML: UserOff })), h("div", { key: '793fc8bd434e1646fdf7917d6eff326c6db62a25', slot: "title", class: "s-user-settings-section-title" }, this.capitalizeText(this.deactivateAccount)), h("div", { key: '713a7f8c4d781d07c3f426a542f7595ab5c4c0af', slot: "subtitle", class: "s-user-settings-section-subtitle" }, this.capitalizeText(this.deactivateDesc)), h("div", { key: '029ebe97a4c85ffd8f63866906908237dc36fe07', slot: 'action', class: "s-user-settings-section-action" }, h("salla-button", { key: '8d372e8721544b3bf41e8de5ed696a7d993c0566', fill: "outline", color: "danger", shape: "btn", size: "medium", width: "normal", onClick: () => this.openDeactivateModal() }, this.capitalizeText(this.deactivateAccount))))), h("salla-modal", { key: '8edab0810f1a5fcda5f50c7b1b48b7dfbe480111', width: "sm", subTitle: this.capitalizeText(this.sorryForLeavingText), ref: modal => this.confirmationModal = modal }, h("span", { key: '6f9295c1d1ed58a7313f0e0d241dedc2c2dc69c7', slot: 'icon', class: "s-user-settings-confirmation-icon", innerHTML: UserOff }), h("div", { key: 'c31ca762ee4a669acbfaa31ebfdfde8e944cb0fb', class: "s-user-settings-confirmation" }, h("div", { key: 'de944f8f24c22a2df7697ea82f67a43636ea8868', class: "s-user-settings-confirmation-warning" }, this.capitalizeText(this.warningText)), h("div", { key: 'be82c1a8ae8697cd44d567d3e473aaa55d7ca09c', class: "s-user-settings-confirmation-actions" }, h("salla-button", { key: 'ddab3f9e5150a70ddf03e175bfd664fb63f385da', width: "wide", onClick: () => this.confirmationModal.close() }, this.capitalizeText(this.keepAccount)), h("salla-button", { key: '3ae59455becd85c11233404e54fb862564fd9f07', fill: 'outline', loading: this.buttonLoading, width: "wide", onClick: () => this.deleteAccount() }, this.capitalizeText(this.deactivateAccount)))))));
     }
     static get is() { return "salla-user-settings"; }
     static get originalStyleUrls() {