@salla.sa/twilight-components 1.5.11 → 1.5.13

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -7,7 +7,7 @@ import BellRingIcon from '../../assets/svg/bell-ring.svg';
 export class SallaProductAvailability {
   constructor() {
     this.isUser = Helper.isUser();
-    this.emailPlaceholder = 'your@email.com';
+    this.translationLoaded = false;
     /**
      * product id that can visitor subscribe to its availability notification
      */
@@ -51,19 +51,10 @@ export class SallaProductAvailability {
       e.key == 'Enter' && submitMethod();
     };
     salla.lang.onLoaded(() => {
-      var _a, _b, _c, _d;
-      // console.log('translations:', salla.lang);
-      this.subscribedMessage = salla.lang.get('pages.products.notify_availability_success');
+      var _a;
+      this.translationLoaded = true;
       this.title_ = this.host.title || salla.lang.get('pages.products.notify_availability_title');
-      this.subTitle = salla.lang.get('pages.products.notify_availability_subtitle');
-      this.mobileLabel = salla.lang.get('common.elements.mobile');
-      this.emailLabel = salla.lang.get('common.elements.email');
-      this.emailPlaceholder = salla.lang.get('common.elements.email_placeholder') || 'your@email.com';
-      this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
       (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title_);
-      (_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('common.elements.submit'));
-      (_c = this.cancelBtn) === null || _c === void 0 ? void 0 : _c.setText(salla.lang.get('common.elements.cancel'));
-      (_d = this.inlineBtn) === null || _d === void 0 ? void 0 : _d.setText(salla.lang.get('pages.products.notify_availability'));
     });
     if (this.isUser)
       return;
@@ -81,7 +72,7 @@ export class SallaProductAvailability {
         const isEmailValid = Helper.isValidEmail(this.email.value);
         if (isEmailValid)
           return;
-        !isEmailValid && this.validateField(this.email, this.emailErrorMsg);
+        !isEmailValid && this.validateField(this.email, salla.lang.get('common.elements.email_is_valid'));
       }
       if (this.channels_.includes('sms')) {
         const isPhoneValid = await this.mobileInput.isValid();
@@ -103,26 +94,26 @@ export class SallaProductAvailability {
         ? h("div", { class: "s-product-availability-subscribed" },
           h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }),
           " ",
-          this.subscribedMessage)
+          salla.lang.get('pages.products.notify_availability_success'))
         :
-          h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.open(), ref: btn => this.inlineBtn = btn }, salla.lang.get('pages.products.notify_availability')),
+          h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.modal.open() }, salla.lang.get('pages.products.notify_availability')),
       this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));
   }
   renderModal() {
-    return (h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle: this.subTitle, width: "sm" },
+    return (h("salla-modal", { ref: modal => this.modal = modal, "modal-title": this.title_, subTitle: salla.lang.get('pages.products.notify_availability_subtitle'), width: "sm" },
       h("span", { slot: 'icon', innerHTML: BellRingIcon }),
       h("div", { class: "s-product-availability-body" },
         this.channels_.includes('email') ? [
-          h("label", { class: "s-product-availability-label" }, this.emailLabel),
-          h("input", { class: "s-product-availability-input", onKeyDown: e => this.typing(e, this.submit), placeholder: this.emailPlaceholder, ref: el => this.email = el, type: "email" }),
+          h("label", { class: "s-product-availability-label" }, salla.lang.get('common.elements.email')),
+          h("input", { class: "s-product-availability-input", onKeyDown: e => this.typing(e, this.submit), placeholder: salla.lang.get('common.elements.email_placeholder') || 'your@email.com', ref: el => this.email = el, type: "email" }),
           h("span", { class: "s-product-availability-error-msg" })
         ] : '',
         this.channels_.includes('sms') ? [
-          h("label", { class: "s-product-availability-label" }, this.mobileLabel),
+          h("label", { class: "s-product-availability-label" }, salla.lang.get('common.elements.mobile')),
           h("salla-tel-input", { ref: el => this.mobileInput = el, onKeyDown: e => this.typing(e, this.submit) })
         ] : ''),
       h("div", { slot: "footer", class: "s-product-availability-footer" },
-        h("salla-button", { class: "modal-cancel-btn", width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close(), ref: btn => this.cancelBtn = btn }, salla.lang.get('common.elements.cancel')),
+        h("salla-button", { class: "modal-cancel-btn", width: "wide", color: "light", fill: "outline", onClick: () => this.modal.close() }, salla.lang.get('common.elements.cancel')),
         h("salla-button", { class: "submit-btn", "loader-position": 'center', width: "wide", ref: btn => this.btn = btn, onClick: () => this.submit() }, salla.lang.get('common.elements.submit')))));
   }
   static get is() { return "salla-product-availability"; }
@@ -188,13 +179,8 @@ export class SallaProductAvailability {
     }
   }; }
   static get states() { return {
-    "subTitle": {},
-    "mobileLabel": {},
-    "emailLabel": {},
-    "emailPlaceholder": {},
-    "subscribedMessage": {},
+    "translationLoaded": {},
     "title_": {},
-    "emailErrorMsg": {},
     "isVisitorSubscribed": {}
   }; }
   static get elementRef() { return "host"; }

package/dist/collection/components/salla-rating-modal/salla-rating-modal.js

@@ -14,27 +14,11 @@ export class SallaRatingModal {
      * The order id, to rate on its products & shipping
      */
     this.orderId = salla.config.get('page.id');
-    this.rate_the_store = salla.lang.get('pages.rating.rate_the_store');
-    this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
-    this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
-    this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
-    this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
-    this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
-    this.thanks = salla.lang.get('pages.rating.thanks');
-    this.back = salla.lang.get('common.elements.back');
-    this.next = salla.lang.get('common.elements.next');
+    this.translationLoaded = false;
     Helper.setHost(document);
     salla.event.on('rating::open', () => this.open());
     salla.lang.onLoaded(() => {
-      this.rate_the_store = salla.lang.get('pages.rating.rate_the_store');
-      this.write_store_rate = salla.lang.get('pages.rating.write_store_rate');
-      this.rate_product_stars = salla.lang.get('pages.rating.rate_product_stars');
-      this.write_product_rate = salla.lang.get('pages.rating.write_product_rate');
-      this.rate_shipping = salla.lang.get('pages.rating.rate_shipping');
-      this.write_shipping_rate = salla.lang.get('pages.rating.write_shipping_rate');
-      this.thanks = salla.lang.get('pages.rating.thanks');
-      this.back = salla.lang.get('common.elements.back');
-      this.next = salla.lang.get('common.elements.next');
+      this.translationLoaded = true;
     });
   }
   /**
@@ -156,14 +140,14 @@ export class SallaRatingModal {
               h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" },
                 h("div", { class: "s-rating-modal-rounded-icon" },
                   h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })),
-                h("h2", { class: "s-rating-modal-title" }, this.rate_the_store),
+                h("h2", { class: "s-rating-modal-title" }, salla.lang.get('pages.rating.rate_the_store')),
                 h("div", { class: "s-rating-modal-stars-company" },
                   h("salla-rating-stars", { size: "large" })),
-                h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: this.write_store_rate }),
+                h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }),
                 h("small", { class: "s-rating-modal-validation-msg" }))
               : '',
             this.order.products_enabled
-              ? h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index) => h("div", { class: "rating-outer-form s-rating-modal-product", "data-stars-error": this.rate_product_stars },
+              ? h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index) => h("div", { class: "rating-outer-form s-rating-modal-product", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') },
                 h("div", { class: "s-rating-modal-product-img-wrap" },
                   h("img", { src: item.product.thumbnail, alt: item.product.name, class: "s-rating-modal-product-img" })),
                 h("div", { class: "s-rating-modal-product-details" },
@@ -173,7 +157,7 @@ export class SallaRatingModal {
                   h("div", { class: "s-rating-modal-stars-product" },
                     h("salla-rating-stars", { size: "small", name: `products[${index}][rating]` })),
                   h("input", { type: "hidden", name: `products[${index}][product_id]`, value: item.product.id }),
-                  h("textarea", { placeholder: this.write_product_rate, name: `products[${index}][comment]`, class: "s-rating-modal-comment" }),
+                  h("textarea", { placeholder: salla.lang.get('pages.rating.write_product_rate'), name: `products[${index}][comment]`, class: "s-rating-modal-comment" }),
                   h("small", { class: "s-rating-modal-validation-msg" })))))
               : '',
             this.order.shipping_enabled
@@ -185,20 +169,20 @@ export class SallaRatingModal {
                   : h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }),
                 h("div", { class: "s-rating-modal-title" },
                   " ",
-                  this.rate_shipping + ' ' + this.order.shipping.company.name),
+                  salla.lang.get('pages.rating.rate_shipping') + ' ' + this.order.shipping.company.name),
                 h("div", { class: "s-rating-modal-stars-company" },
                   h("salla-rating-stars", { size: "large" })),
-                h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: this.write_shipping_rate }),
+                h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }),
                 h("small", { class: "s-rating-modal-validation-msg" }))
               : '',
             h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el },
               h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }),
-              h("h3", { class: "s-rating-modal-thanks-title" }, this.thanks),
+              h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')),
               h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }),
               h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), h("div", { class: "s-rating-modal-footer" },
-            h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, this.back),
+            h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')),
             this.stepsCount > 1 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(() => h("li", { class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '',
-            h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, this.next)),]
+            h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next'))),]
         : '')));
   }
   componentDidLoad() {
@@ -232,7 +216,8 @@ export class SallaRatingModal {
     }
   }; }
   static get states() { return {
-    "order": {}
+    "order": {},
+    "translationLoaded": {}
   }; }
   static get methods() { return {
     "open": {

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

@@ -7,6 +7,7 @@ import Search from '../../assets/svg/search.svg';
 import { ModeType } from './interfaces';
 export class SallaScopees {
   constructor() {
+    this.translationLoaded = false;
     this.mode = ModeType.DEFAULT;
     this.scopes = [];
     this.originalScopesList = [];
@@ -24,20 +25,14 @@ export class SallaScopees {
       if (((_a = this.originalScopesList) === null || _a === void 0 ? void 0 : _a.length) < 2)
         return "";
       return this.mode === ModeType.DEFAULT ?
-        this.shoppingFromAnotherBranch :
-        this.searchForAvailabilityInOtherBranch;
+        salla.lang.get("blocks.scope.shopping_from_another_branch") :
+        salla.lang.get('blocks.scope.search_for_availability_in_other_branches');
     };
     salla.event.on('scopes::open', ({ mode = null, product_id = null }) => {
       this.open(mode, product_id);
     });
     salla.lang.onLoaded(() => {
-      this.branchNotFound = salla.lang.get("blocks.scope.branch_looking_for_not_found");
-      this.ourServiceIsNotFound = salla.lang.get("blocks.scope.our_services_not_available_in_this_branch");
-      this.searchForAvailabilityInOtherBranch = salla.lang.get('blocks.scope.search_for_availability_in_other_branches');
-      this.shoppingFromAnotherBranch = salla.lang.get("blocks.scope.shopping_from_another_branch");
-      this.nowBrowsingFrom = salla.lang.get('blocks.scope.you_are_browse_store_from');
-      this.confirmButton = salla.lang.get('common.elements.confirm');
-      this.scopeSearchPlaceholder = salla.lang.get('blocks.scope.searching_for_a_branch');
+      this.translationLoaded = true;
     });
   }
   /**
@@ -86,10 +81,10 @@ export class SallaScopees {
         'type': this.current_scope.type,
         'id': this.current_scope.id
       });
-      if (window.location.search.includes("?")) {
-        window.location.search += "&";
-      }
-      window.location.search += "scope=" + this.current_scope.id;
+      var url = new URL(window.location.href);
+      url.searchParams.set('scope', this.current_scope.id);
+      window.location.href = url.toString();
+      window.location.replace(url.toString());
     }).catch(e => console.log(e))
       .finally(() => {
       this.changeBtn.stop();
@@ -121,8 +116,8 @@ export class SallaScopees {
   }
   placeholderContent() {
     return h("salla-placeholder", { alignment: "center", class: "s-scopes-placeholder" },
-      h("span", { slot: "title" }, this.branchNotFound),
-      h("span", { slot: "description" }, this.ourServiceIsNotFound));
+      h("span", { slot: "title" }, salla.lang.get("blocks.scope.branch_looking_for_not_found")),
+      h("span", { slot: "description" }, salla.lang.get("blocks.scope.our_services_not_available_in_this_branch")));
   }
   defaultContent() {
     return [h("div", { class: "s-scopes-container s-scrollbar" }, this.scopes.map((scope) => h("div", { class: "s-scopes-input-wrap", "data-selection": this.selection },
@@ -142,7 +137,7 @@ export class SallaScopees {
   footerContent() {
     return h("div", { class: "s-scopes-footer" },
       h("slot", { name: "footer" },
-        h("salla-button", { ref: btn => this.changeBtn = btn, disabled: !this.current_scope, onClick: () => this.handleSubmit(), class: "s-scopes-submit", "loader-position": "center", width: "wide" }, this.confirmButton)));
+        h("salla-button", { ref: btn => this.changeBtn = btn, disabled: !this.current_scope, onClick: () => this.handleSubmit(), class: "s-scopes-submit", "loader-position": "center", width: "wide" }, salla.lang.get('common.elements.confirm'))));
   }
   render() {
     return (h(Host, null,
@@ -173,14 +168,14 @@ export class SallaScopees {
               h("salla-skeleton", { height: '40px', width: '100%' })))),
         h("salla-list-tile", { class: this.originalScopesList.length ? "s-scopes-header block" : "s-hidden" },
           h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }),
-          h("div", { slot: "title", class: "s-scopes-header-title" }, this.nowBrowsingFrom),
+          h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')),
           h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")),
         h("div", { class: "s-scopes-wrap" },
           !!this.originalScopesList.length && h("h4", { class: "s-scopes-title" }, this.getFormTitle()),
           this.originalScopesList.length > this.searchDisplayLimit ?
             h("div", { class: "s-scopes-search-wrapper" },
               h("div", { class: "s-scopes-search-icon", innerHTML: Search }),
-              h("input", { type: "text", class: "s-scopes-search-input", onInput: e => this.handleSearchFieldTyping(e), placeholder: this.scopeSearchPlaceholder }))
+              h("input", { type: "text", class: "s-scopes-search-input", onInput: e => this.handleSearchFieldTyping(e), placeholder: salla.lang.get('blocks.scope.searching_for_a_branch') }))
             : "",
           this.scopes.length < 2 ?
             this.placeholderContent()
@@ -237,17 +232,11 @@ export class SallaScopees {
     }
   }; }
   static get states() { return {
+    "translationLoaded": {},
     "mode": {},
     "current_scope": {},
     "scopes": {},
     "originalScopesList": {},
-    "branchNotFound": {},
-    "ourServiceIsNotFound": {},
-    "searchForAvailabilityInOtherBranch": {},
-    "shoppingFromAnotherBranch": {},
-    "nowBrowsingFrom": {},
-    "confirmButton": {},
-    "scopeSearchPlaceholder": {},
     "selected_scope": {},
     "isOpenedBefore": {}
   }; }

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

@@ -11,6 +11,7 @@ export class SallaSearch {
   constructor() {
     var _a;
     this.inputValue = '';
+    this.translationLoaded = false;
     this.loading = false;
     this.typing = false;
     this.debounce = setTimeout(() => '', 1000);
@@ -30,8 +31,7 @@ export class SallaSearch {
     this.productSlot = ((_a = Helper.getElement('[slot="product"]')) === null || _a === void 0 ? void 0 : _a.innerHTML) || this.getDefaultProductSlot();
     salla.event.on('search::open', () => this.open());
     salla.lang.onLoaded(() => {
-      this.placeholder = salla.lang.get('blocks.header.search_placeholder');
-      this.noResultsText = salla.lang.get('common.elements.no_options');
+      this.translationLoaded = true;
     });
     salla.event.on('modalClosed', () => this.onModalClose());
   }
@@ -92,7 +92,7 @@ export class SallaSearch {
   render() {
     var _a;
     const searchContent = h("div", { class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container },
-      h("input", { type: "text", autocomplete: "off", class: "s-search-input", placeholder: this.placeholder, onInput: e => this.debounceSearch(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }),
+      h("input", { type: "text", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: e => this.debounceSearch(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }),
       h("span", { class: "s-search-icon-wrap" },
         h("span", { class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"></i>' : Search })),
       h("div", { class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
@@ -101,7 +101,7 @@ export class SallaSearch {
             .replace(/\{price\}/g, salla.money(item.price))
             .replace(/\{regular_price\}/g, item.has_special_price ? salla.money(item.regular_price) : '')
             .replace(/\{image\}/g, item.thumbnail) })),
-        h("p", { ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, this.noResultsText)));
+        h("p", { ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
     return (this.inline ?
       h("div", { class: "s-search-modal" }, searchContent)
       :
@@ -177,9 +177,8 @@ export class SallaSearch {
     }
   }; }
   static get states() { return {
+    "translationLoaded": {},
     "results": {},
-    "placeholder": {},
-    "noResultsText": {},
     "loading": {},
     "typing": {},
     "debounce": {},

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

@@ -31,22 +31,20 @@ export class SallaSocialShare {
   }
   componentWillLoad() {
     let that = this;
-    if (!document.getElementById('a2a-script')) {
-      const script = document.createElement('script');
-      script.src = 'https://static.addtoany.com/menu/page.js';
-      script.setAttribute('id', 'a2a-script');
-      script.async = true;
-      script.onload = function () {
-        // ? this will not work if there is one share component in the page
-        window.a2a_config = window.a2a_config || {};
-        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
-        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
-      };
-      document.body.appendChild(script);
-    }
-    else {
+    if (document.getElementById('a2a-script')) {
       return;
     }
+    const script = document.createElement('script');
+    script.src = 'https://static.addtoany.com/menu/page.js';
+    script.setAttribute('id', 'a2a-script');
+    script.async = true;
+    script.onload = function () {
+      // ? this will not work if there is one share component in the page
+      window.a2a_config = window.a2a_config || {};
+      window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+      window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+    };
+    document.body.appendChild(script);
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });

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

@@ -11,7 +11,7 @@ export class SallaTabContent {
    */
   async getChild() {
     return {
-      select: this.select.bind(this),
+      selected: this.selected.bind(this),
       unselect: this.unselect.bind(this),
       name: this.name
     };
@@ -19,7 +19,7 @@ export class SallaTabContent {
   unselect() {
     this.isSelected = false;
   }
-  select() {
+  selected() {
     this.isSelected = true;
   }
   render() {
@@ -62,14 +62,14 @@ export class SallaTabContent {
   static get methods() { return {
     "getChild": {
       "complexType": {
-        "signature": "() => Promise<{ select: any; unselect: any; name: string; }>",
+        "signature": "() => Promise<{ selected: any; unselect: any; name: string; }>",
         "parameters": [],
         "references": {
           "Promise": {
             "location": "global"
           }
         },
-        "return": "Promise<{ select: any; unselect: any; name: string; }>"
+        "return": "Promise<{ selected: any; unselect: any; name: string; }>"
       },
       "docs": {
         "text": "Expose self for the parent.",

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

@@ -25,7 +25,7 @@ export class SallaTabHeader {
    */
   async getChild() {
     return {
-      select: this.selected.bind(this),
+      selected: this.selected.bind(this),
       unselect: this.unselect.bind(this),
       name: this.name,
       id: this.id
@@ -155,14 +155,14 @@ export class SallaTabHeader {
   static get methods() { return {
     "getChild": {
       "complexType": {
-        "signature": "() => Promise<{ select: any; unselect: any; name: string; id: string; }>",
+        "signature": "() => Promise<{ selected: any; unselect: any; name: string; id: string; }>",
         "parameters": [],
         "references": {
           "Promise": {
             "location": "global"
           }
         },
-        "return": "Promise<{ select: any; unselect: any; name: string; id: string; }>"
+        "return": "Promise<{ selected: any; unselect: any; name: string; id: string; }>"
       },
       "docs": {
         "text": "Expose self for the parent.",

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

@@ -41,8 +41,8 @@ export class SallaTabs {
       g.header.unselect();
       g.content.unselect();
     });
-    group.header.select();
-    group.content.select();
+    group.header.selected();
+    group.content.selected();
   }
   render() {
     return [
@@ -100,7 +100,7 @@ export class SallaTabs {
   }; }
   static get elementRef() { return "host"; }
   static get listeners() { return [{
-      "name": "onTabSelected",
+      "name": "tabSelected",
       "method": "onSelectedTab",
       "target": undefined,
       "capture": false,

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

@@ -11,6 +11,7 @@ import AndroidPhoneIcon from '../../assets/svg/android-phone.svg';
 export class SallaVerify {
   constructor() {
     this.initiated = false;
+    this.translationLoaded = false;
     /**
      * Should render component without modal
      */
@@ -30,16 +31,15 @@ export class SallaVerify {
     this.isProfileVerify = false;
     // Helper.setHost(this.host);
     salla.lang.onLoaded(() => {
-      var _a, _b;
+      var _a;
+      this.translationLoaded = true;
       this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + this.type);
       (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
-      (_b = this.btn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('pages.profile.verify'));
     });
     if (this.display == 'inline') {
       this.modal = { open: () => '', close: () => '', setTitle: () => '' };
       return;
     }
-    //salla.profile.event.verificationCodeSent({});
     salla.event.on('profile::verification', data => {
       var _a;
       this.isProfileVerify = true;
@@ -238,6 +238,7 @@ export class SallaVerify {
     }
   }; }
   static get states() { return {
+    "translationLoaded": {},
     "title": {},
     "resendAfter": {},
     "isProfileVerify": {}

package/dist/components/salla-add-product-button.js

@@ -91,7 +91,13 @@ const SallaAddProductButton$1 = /*@__PURE__*/ proxyCustomElement(class extends H
   }
   componentDidRender() {
     //if label not passed, get label
-    this.hasLabel || salla.event.on('languages::translations.loaded', () => this.btn.setText(this.getLabel() || 'اضافة للسلة'));
+    if (this.hasLabel) {
+      return;
+    }
+    this.btn.setText(this.getLabel() || 'اضافة للسلة');
+    salla.lang.onLoaded(() => {
+      this.btn.setText(this.getLabel() || 'اضافة للسلة');
+    });
   }
   get host() { return this; }
   static get style() { return sallaAddProductButtonCss; }

package/dist/components/salla-installment.js

@@ -19,7 +19,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
      * Currency code
      */
     this.currency = salla.config.get('user.currency_code');
-    document.addEventListener('twilight::ready', () => {
+    document.addEventListener('twilight::initiated', () => {
       const installment = salla.config.get('store.settings.installments');
       if (installment) {
         this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;