@salla.sa/twilight-components 1.0.94 → 1.0.96

package/dist/cjs/loader.cjs.js

@@ -17,7 +17,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["salla-add-product-button_6.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"translationsLoaded":[32],"open":[64]},[[8,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-sizes-table.cjs",[[1,"salla-sizes-table"]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
+  return index.bootstrapLazy([["salla-add-product-button_6.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-sizes-table.cjs",[[1,"salla-sizes-table"]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
   });
 };
 

package/dist/cjs/salla-add-product-button_6.cjs.entry.js

@@ -200,8 +200,6 @@ const sallaModalCss = "";
 const SallaModal = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.modalOpened = index.createEvent(this, "modalOpened", 7);
-    this.modalClosed = index.createEvent(this, "modalClosed", 7);
     this.isClosable = true; //todo::rename unclude
     /**
      * The size of the modal
@@ -235,16 +233,18 @@ const SallaModal = class {
     salla.event.on('modal::open', btn => btn.dataset.target == this.host.id && this.open());
     salla.event.on('modal::close', btn => btn.dataset.target == this.host.id && this.close());
     this.modalTitle = this.host.getAttribute('modal-title');
+    // close modal on Escape button clicked
+    Helper.Helper.onKeyUp(document.body, e => e.keyCode === 27 && this.closeModal());
   }
   handleVisible(newValue) {
     if (!newValue) {
+      salla.event.dispatch('modalClosed');
       this.toggleModal(false);
-      this.modalClosed.emit();
       return;
     }
+    salla.event.dispatch('modalOpened');
     this.host.classList.remove('s-hidden');
     setTimeout(() => this.toggleModal(true)); //small amont of time to running toggle After adding hidden
-    this.modalOpened.emit();
   }
   /**
    * Open the modal
@@ -474,12 +474,14 @@ const SallaSearch = class {
       this.placeholder = salla.lang.get('blocks.header.search_placeholder');
       this.noResultsText = salla.lang.get('common.elements.no_options');
     });
+    salla.event.on('modalOpened', () => this.onModalOpen());
+    salla.event.on('modalClosed', () => this.onModalClose());
   }
   onModalOpen() {
-    this.modal.querySelector('.s-search-input').focus();
+    setTimeout(() => this.searchInput.focus(), 300);
   }
   onModalClose() {
-    this.modal.querySelector('.s-search-input').value = '';
+    this.searchInput.value = '';
     this.results = undefined;
     this.afterSearching();
     this.container.classList.remove('s-search-no-results');
@@ -520,7 +522,7 @@ const SallaSearch = class {
   }
   render() {
     var _a;
-    const searchContent = index.h("div", { class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container, style: this.oval ? { borderRadius: this.height / 2 + 'px' } : {} }, index.h("input", { class: "s-search-input", type: "text", placeholder: this.placeholder, onInput: e => this.search(e), style: { height: this.height + 'px' } }), index.h("span", { class: "s-search-icon-wrap" }, index.h("i", { class: "s-search-icon sicon-search", ref: el => this.searchIcon = el })), index.h("div", { class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
+    const searchContent = index.h("div", { class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container, style: this.oval ? { borderRadius: this.height / 2 + 'px' } : {} }, index.h("input", { class: "s-search-input", type: "text", placeholder: this.placeholder, onInput: e => this.search(e), style: { height: this.height + 'px' }, ref: input => this.searchInput = input }), index.h("span", { class: "s-search-icon-wrap" }, index.h("i", { class: "s-search-icon sicon-search", ref: el => this.searchIcon = el })), index.h("div", { class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
       _a.data.map(item => index.h("a", { href: item.url, class: { "s-search-product": true, 's-search-product-not-available': !item.is_available }, innerHTML: this.productSlot
           .replace(/\{name\}/g, item.name)
           .replace(/\{price\}/g, salla.money(item.price))
@@ -1938,7 +1940,7 @@ const SallaTelInput = class {
     Helper.Helper.setHost(this.host);
     salla.lang.onLoaded(() => {
       this.mobileLabel = salla.lang.get('common.elements.mobile');
-      this.countryCodeLabel = salla.lang.get('common.country_code');
+      this.countryCodeLabel = salla.lang.get('common.elements.country_code');
       this.invalidNumber = salla.lang.get('common.errors.invalid_value', { attribute: this.mobileLabel });
       this.invalidCountryCode = salla.lang.get('common.errors.invalid_value', { attribute: this.countryCodeLabel });
       this.tooShort = salla.lang.get('common.errors.too_short', { attribute: this.mobileLabel });
@@ -1990,7 +1992,7 @@ const SallaTelInput = class {
       this.countryCodeInput.value = data.iso2.toUpperCase();
     });
     // on blur: validate
-    this.phoneInput.addEventListener('blur', () => this.isValid());
+    // this.phoneInput.addEventListener('blur', () => this.isValid());
     // on keyup / change flag: reset
     this.phoneInput.addEventListener('input', e => {
       salla.helpers.inputDigitsOnly(e.target);

package/dist/cjs/salla-localization-modal.cjs.entry.js

@@ -60,7 +60,7 @@ const SallaLocalizationModal = class {
   }
   async getCurrencies() {
     this.currency = this.currency || salla.config.get('user.currency_code');
-    return this.currencies.length > 1 ? null : await salla.config.currencies().then(data => this.currencies = data);
+    return this.currencies.length > 1 ? null : await salla.config.currencies().then(data => this.currencies = Object.values(data || {}));
   }
   onChangeCurrency(event) {
     this.currency = event.target.value;

package/dist/cjs/salla-login-modal.cjs.entry.js

@@ -26,21 +26,6 @@ const SallaLoginModal = class {
      */
     this.isEmailRequired = salla.config.get('store.settings.auth.is_email_required', false);
     this.regType = 'phone';
-    this.title = salla.lang.get('blocks.header.login');
-    this.loginTypeTitle = salla.lang.get('blocks.header.select_login_way');
-    this.loginText = salla.lang.get('blocks.header.login');
-    this.smsLabel = salla.lang.get('blocks.header.sms');
-    this.mobileLabel = salla.lang.get('common.elements.mobile');
-    this.emailLabel = salla.lang.get('common.elements.email');
-    this.enterText = salla.lang.get('blocks.header.enter');
-    this.bySMSText = salla.lang.get('blocks.header.login_by_sms');
-    this.byEmailText = salla.lang.get('blocks.header.login_by_email');
-    this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
-    this.firstNameLabel = salla.lang.get('blocks.header.your_name');
-    this.lastNameLabel = salla.lang.get('pages.profile.last_name');
-    this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.firstNameLabel });
-    this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.lastNameLabel });
-    this.translationsLoaded = false;
     this.typing = (e, submitMethod) => {
       const error = e.target.nextElementSibling;
       e.target.classList.remove('s-has-error');
@@ -101,7 +86,6 @@ const SallaLoginModal = class {
       (_b = this.smsBtn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('blocks.header.enter'));
       (_c = this.emailBtn) === null || _c === void 0 ? void 0 : _c.setText(salla.lang.get('blocks.header.enter'));
       (_d = this.regBtn) === null || _d === void 0 ? void 0 : _d.setText(salla.lang.get('blocks.header.register'));
-      this.translationsLoaded = true;
     });
     salla.auth.event.onVerificationFailed(() => {
       //
@@ -196,13 +180,14 @@ const SallaLoginModal = class {
     field.nextElementSibling['innerText'] = '* ' + errorMsg;
   }
   render() {
-    return this.translationsLoaded ? (index.h("salla-modal", { id: "salla-login", icon: "sicon-user", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" }, index.h("div", { class: "s-login-modal-wrapper" }, this.isEmailAllowed && this.isMobileAllowed ?
+    return (index.h("salla-modal", { id: "salla-login", icon: "sicon-user", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" }, index.h("div", { class: "s-login-modal-wrapper" }, this.isEmailAllowed && this.isMobileAllowed ?
       index.h("div", { class: "s-login-modal-tab", ref: tab => this.homeTab = tab }, index.h("p", { class: "s-login-modal-sub-title" }, this.loginTypeTitle), index.h("slot", { name: "before-login-type" }), index.h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.mobileTab, evt) }, index.h("i", { class: "s-login-modal-main-btn-icon sicon-phone" }), index.h("span", { class: "s-login-modal-main-btn-text" }, this.smsLabel), index.h("i", { class: "sicon-keyboard_arrow_left arrow" })), index.h("a", { href: "#", class: "s-login-modal-main-btn", onClick: (evt) => this.showTab(this.emailTab, evt) }, index.h("i", { class: "s-login-modal-main-btn-icon sicon-mail" }), index.h("span", { class: "s-login-modal-main-btn-text" }, this.emailLabel), index.h("i", { class: "sicon-keyboard_arrow_left arrow" })), index.h("slot", { name: "after-login-type" }))
       : '', this.isMobileAllowed ?
       index.h("div", { class: "s-login-modal-tab", ref: tab => this.mobileTab = tab }, index.h("slot", { name: "before-login-mobile" }), index.h("label", { class: "s-login-modal-label" }, this.mobileLabel), index.h("salla-tel-input", { ref: el => this.loginTelInput = el, onKeyDown: e => this.typing(e, this.loginBySMS) }), index.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginBySMS(), ref: b => this.smsBtn = b }, salla.lang.get('blocks.header.enter')), this.isEmailAllowed ?
         index.h("a", { href: "#", onClick: () => this.showTab(this.emailTab), class: "s-login-modal-link" }, this.byEmailText) : '', index.h("slot", { name: "after-login-mobile" })) : '', this.isEmailAllowed ?
       index.h("div", { class: "s-login-modal-tab", ref: tab => this.emailTab = tab }, index.h("slot", { name: "before-login-email" }), index.h("label", { class: "s-login-modal-label" }, this.emailLabel), index.h("input", { type: "email", ref: el => this.loginEmail = el, onKeyDown: e => this.typing(e, this.loginByEmail), placeholder: "your@email.com", class: "s-login-modal-input s-ltr" }), index.h("span", { class: "s-login-modal-error-message" }), index.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginByEmail(), ref: b => this.emailBtn = b }, salla.lang.get('blocks.header.enter')), this.isMobileAllowed ?
-        index.h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, this.bySMSText) : '', index.h("slot", { name: "after-login-email" })) : '', index.h("salla-verify-modal", { withoutModal: true, ref: tab => this.verifyTab = tab, autoReload: false }, index.h("a", { onClick: () => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab), class: "s-verify-modal-back sicon-arrow-right", slot: "after-footer", href: "#" })), index.h("div", { ref: tab => this.registrationTab = tab }, index.h("slot", { name: "before-registration" }), index.h("div", null, index.h("label", { class: "s-login-modal-label" }, this.firstNameLabel), index.h("input", { type: "text", class: "s-login-modal-input", ref: el => this.firstName = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: salla.lang.get('pages.profile.first_name') }), index.h("span", { class: "s-login-modal-error-message" })), index.h("div", null, index.h("label", { class: "s-login-modal-label" }, this.lastNameLabel), index.h("input", { type: "text", class: "s-login-modal-input", ref: el => this.lastName = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: salla.lang.get('pages.profile.last_name') }), index.h("span", { class: "s-login-modal-error-message" })), index.h("div", { ref: el => this.regMobileBlock = el, class: "mb-1.5" }, index.h("label", { class: "s-login-modal-label" }, this.mobileLabel), index.h("salla-tel-input", { ref: el => this.regTelInput = el, onKeyDown: e => this.typing(e, this.newUser) })), index.h("div", { ref: el => this.regEmailBlock = el, class: "mb-1.5" }, index.h("label", { class: "s-login-modal-label" }, this.emailLabel), index.h("input", { type: "email", ref: el => this.regEmail = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: "your@email.com", class: "s-login-modal-input s-ltr" }), index.h("span", { class: "s-login-modal-error-message" })), index.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.newUser(), ref: b => this.regBtn = b }, salla.lang.get('blocks.header.register')), index.h("slot", { name: "after-registration" }))))) : '';
+        index.h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, this.bySMSText)
+        : '', index.h("slot", { name: "after-login-email" })) : '', index.h("salla-verify-modal", { withoutModal: true, ref: tab => this.verifyTab = tab, autoReload: false }, index.h("a", { onClick: () => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab), class: "s-verify-modal-back sicon-arrow-right", slot: "after-footer", href: "#" })), index.h("div", { ref: tab => this.registrationTab = tab }, index.h("slot", { name: "before-registration" }), index.h("div", null, index.h("label", { class: "s-login-modal-label" }, this.firstNameLabel), index.h("input", { type: "text", class: "s-login-modal-input", ref: el => this.firstName = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: salla.lang.get('pages.profile.first_name') }), index.h("span", { class: "s-login-modal-error-message" })), index.h("div", null, index.h("label", { class: "s-login-modal-label" }, this.lastNameLabel), index.h("input", { type: "text", class: "s-login-modal-input", ref: el => this.lastName = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: salla.lang.get('pages.profile.last_name') }), index.h("span", { class: "s-login-modal-error-message" })), index.h("div", { ref: el => this.regMobileBlock = el, class: "mb-1.5" }, index.h("label", { class: "s-login-modal-label" }, this.mobileLabel), index.h("salla-tel-input", { ref: el => this.regTelInput = el, onKeyDown: e => this.typing(e, this.newUser) })), index.h("div", { ref: el => this.regEmailBlock = el, class: "mb-1.5" }, index.h("label", { class: "s-login-modal-label" }, this.emailLabel), index.h("input", { type: "email", ref: el => this.regEmail = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: "your@email.com", class: "s-login-modal-input s-ltr" }), index.h("span", { class: "s-login-modal-error-message" })), index.h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.newUser(), ref: b => this.regBtn = b }, salla.lang.get('blocks.header.register')), index.h("slot", { name: "after-registration" })))));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const SallaOfferModal = class {
     Helper.Helper.setHost(this.host);
     salla.lang.onLoaded(() => {
       this.offer_expires_in = salla.lang.get('pages.products.offer_expires_in');
-      this.remember_my_choice = salla.lang.get('common.remember_my_choice');
+      this.remember_my_choice = salla.lang.get('common.elements.remember_my_choice');
       this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
       this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
     });

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

@@ -23,6 +23,7 @@ const SallaVerifyModal = class {
      * should auto reloading the page after success verification
      */
     this.autoReload = true;
+    this.resendAfter = 30;
     /**
      * to use: `salla.api.auth.verify` or `salla.profile.verify`
      */
@@ -45,6 +46,10 @@ const SallaVerifyModal = class {
       this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + data.type);
       (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
     });
+    salla.event.on('modalClosed', () => {
+      this.resendAfter = 0;
+      this.timer.innerHTML = '30 : 00';
+    });
   }
   /**
    * Get current code
@@ -110,15 +115,15 @@ const SallaVerifyModal = class {
   }
   resendTimer() {
     Helper.Helper.showElement(this.resendMessage).hideElement(this.resend);
-    let resendAfter = 30;
+    this.resendAfter = 30;
     let timerId = setInterval(() => {
-      if (resendAfter === -1) {
-        clearTimeout(timerId);
+      if (this.resendAfter <= 0) {
+        clearInterval(timerId);
         Helper.Helper.hideElement(this.resendMessage).showElement(this.resend);
       }
       else {
-        this.timer.innerHTML = `${resendAfter >= 10 ? resendAfter : '0' + resendAfter} : 00`;
-        resendAfter--;
+        this.timer.innerHTML = `${this.resendAfter >= 10 ? this.resendAfter : '0' + this.resendAfter} : 00`;
+        this.resendAfter--;
       }
     }, 1000);
   }
@@ -130,8 +135,7 @@ const SallaVerifyModal = class {
       this.otpInputs[0].focus();
     })
       .then(() => salla.api.auth.resend(this.data))
-      .then(() => this.resendTimer())
-      .catch(() => this.resendTimer());
+      .finally(() => this.resendTimer());
   }
   submit() {
     let data = Object.assign({ code: this.code.value }, this.data);

package/dist/cjs/twilight-components.cjs.js

@@ -18,5 +18,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["salla-add-product-button_6.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]},[[0,"modalOpened","onModalOpen"],[0,"modalClosed","onModalClose"]]],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"translationsLoaded":[32],"open":[64]},[[8,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-sizes-table.cjs",[[1,"salla-sizes-table"]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
+  return index.bootstrapLazy([["salla-add-product-button_6.cjs",[[4,"salla-add-product-button",{"channels":[513],"quantity":[514],"donatingAmount":[514,"donating-amount"],"productId":[520,"product-id"],"productStatus":[513,"product-status"],"productType":[513,"product-type"],"disabled":[516]}],[0,"salla-search",{"inline":[4],"oval":[4],"height":[2],"results":[32],"placeholder":[32],"noResultsText":[32]}],[0,"salla-product-availability",{"channels":[1],"productId":[2,"product-id"],"isSubscribed":[1028,"is-subscribed"],"subTitle":[32],"mobileLabel":[32],"emailLabel":[32],"emailPlaceholder":[32],"subscribedMessage":[32],"title_":[32],"emailErrorMsg":[32],"isVisitorSubscribed":[32]}],[0,"salla-tel-input",{"phone":[1025],"name":[1],"countryCode":[1025,"country-code"],"mobileRequired":[32],"countryCodeLabel":[32],"mobileLabel":[32],"tooShort":[32],"tooLong":[32],"invalidCountryCode":[32],"invalidNumber":[32],"errorMap":[32],"getValues":[64],"isValid":[64]}],[4,"salla-button",{"shape":[513],"color":[513],"fill":[513],"size":[513],"width":[513],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"href":[1],"load":[64],"stop":[64],"setText":[64],"disable":[64],"enable":[64]}],[4,"salla-modal",{"isClosable":[1028,"is-closable"],"width":[513],"position":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"noPadding":[4,"no-padding"],"subTitle":[1,"sub-title"],"icon":[1],"iconStyle":[1,"icon-style"],"imageIcon":[1,"image-icon"],"modalTitle":[32],"open":[64],"close":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login-modal.cjs",[[4,"salla-login-modal",{"isEmailAllowed":[1028,"is-email-allowed"],"isMobileAllowed":[1028,"is-mobile-allowed"],"isEmailRequired":[1028,"is-email-required"],"title":[32],"loginTypeTitle":[32],"loginText":[32],"smsLabel":[32],"mobileLabel":[32],"emailLabel":[32],"enterText":[32],"bySMSText":[32],"byEmailText":[32],"emailErrorMsg":[32],"firstNameLabel":[32],"lastNameLabel":[32],"firstNameErrorMsg":[32],"lastNameErrorMsg":[32],"open":[64]},[[8,"verified","onVerified"]]]]],["salla-rating-modal.cjs",[[0,"salla-rating-modal",{"orderId":[2,"order-id"],"order":[32],"open":[64],"close":[64]}]]],["salla-branches.cjs",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization-modal.cjs",[[0,"salla-localization-modal",{"language":[1537],"currency":[1537],"languages":[32],"currencies":[32],"languagesTitle":[32],"currenciesTitle":[32],"isLoading":[32],"open":[64],"close":[64],"submit":[64]}]]],["salla-offer-modal.cjs",[[0,"salla-offer-modal",{"offer":[32],"offer_name":[32],"offer_message":[32],"offer_expires_in":[32],"remember_my_choice":[32],"add_to_cart":[32],"out_of_stock":[32],"open":[64],"showOffer":[64]}]]],["salla-conditional-fields.cjs",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["salla-infinite-scroll.cjs",[[4,"salla-infinite-scroll",{"nextPage":[1,"next-page"],"autoload":[1028],"container":[1],"item":[1],"loadMore":[32],"noMore":[32],"failedToLoad":[32]}]]],["salla-installment.cjs",[[0,"salla-installment",{"price":[1],"language":[1],"currency":[1],"tamaraIsActive":[32],"tabbyIsActive":[32],"spotiiIsActive":[32]}]]],["salla-quantity-input.cjs",[[4,"salla-quantity-input",{"quantity":[32],"decrease":[64],"increase":[64],"setValue":[64]}]]],["salla-sizes-table.cjs",[[1,"salla-sizes-table"]]],["salla-verify-modal.cjs",[[4,"salla-verify-modal",{"withoutModal":[4,"without-modal"],"type":[1025],"autoReload":[4,"auto-reload"],"title":[32],"resendAfter":[32],"isProfileVerify":[32],"getCode":[64],"open":[64]}]]],["salla-rating-stars.cjs",[[0,"salla-rating-stars",{"name":[1],"size":[1],"value":[2]}]]]], options);
 });

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

@@ -58,7 +58,7 @@ export class SallaLocalizationModal {
   }
   async getCurrencies() {
     this.currency = this.currency || salla.config.get('user.currency_code');
-    return this.currencies.length > 1 ? null : await salla.config.currencies().then(data => this.currencies = data);
+    return this.currencies.length > 1 ? null : await salla.config.currencies().then(data => this.currencies = Object.values(data || {}));
   }
   onChangeCurrency(event) {
     this.currency = event.target.value;

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

@@ -29,21 +29,6 @@ export class SallaLoginModal {
      */
     this.isEmailRequired = salla.config.get('store.settings.auth.is_email_required', false);
     this.regType = 'phone';
-    this.title = salla.lang.get('blocks.header.login');
-    this.loginTypeTitle = salla.lang.get('blocks.header.select_login_way');
-    this.loginText = salla.lang.get('blocks.header.login');
-    this.smsLabel = salla.lang.get('blocks.header.sms');
-    this.mobileLabel = salla.lang.get('common.elements.mobile');
-    this.emailLabel = salla.lang.get('common.elements.email');
-    this.enterText = salla.lang.get('blocks.header.enter');
-    this.bySMSText = salla.lang.get('blocks.header.login_by_sms');
-    this.byEmailText = salla.lang.get('blocks.header.login_by_email');
-    this.emailErrorMsg = salla.lang.get('common.elements.email_is_valid');
-    this.firstNameLabel = salla.lang.get('blocks.header.your_name');
-    this.lastNameLabel = salla.lang.get('pages.profile.last_name');
-    this.firstNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.firstNameLabel });
-    this.lastNameErrorMsg = salla.lang.get('common.errors.field_required', { attribute: this.lastNameLabel });
-    this.translationsLoaded = false;
     this.typing = (e, submitMethod) => {
       const error = e.target.nextElementSibling;
       e.target.classList.remove('s-has-error');
@@ -104,7 +89,6 @@ export class SallaLoginModal {
       (_b = this.smsBtn) === null || _b === void 0 ? void 0 : _b.setText(salla.lang.get('blocks.header.enter'));
       (_c = this.emailBtn) === null || _c === void 0 ? void 0 : _c.setText(salla.lang.get('blocks.header.enter'));
       (_d = this.regBtn) === null || _d === void 0 ? void 0 : _d.setText(salla.lang.get('blocks.header.register'));
-      this.translationsLoaded = true;
     });
     salla.auth.event.onVerificationFailed(() => {
       //
@@ -199,7 +183,7 @@ export class SallaLoginModal {
     field.nextElementSibling['innerText'] = '* ' + errorMsg;
   }
   render() {
-    return this.translationsLoaded ? (h("salla-modal", { id: "salla-login", icon: "sicon-user", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" },
+    return (h("salla-modal", { id: "salla-login", icon: "sicon-user", "modal-title": this.title, ref: modal => this.modal = modal, width: "xs" },
       h("div", { class: "s-login-modal-wrapper" },
         this.isEmailAllowed && this.isMobileAllowed ?
           h("div", { class: "s-login-modal-tab", ref: tab => this.homeTab = tab },
@@ -232,7 +216,8 @@ export class SallaLoginModal {
             h("span", { class: "s-login-modal-error-message" }),
             h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.loginByEmail(), ref: b => this.emailBtn = b }, salla.lang.get('blocks.header.enter')),
             this.isMobileAllowed ?
-              h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, this.bySMSText) : '',
+              h("a", { href: "#", onClick: () => this.showTab(this.mobileTab), class: "s-login-modal-link" }, this.bySMSText)
+              : '',
             h("slot", { name: "after-login-email" })) : '',
         h("salla-verify-modal", { withoutModal: true, ref: tab => this.verifyTab = tab, autoReload: false },
           h("a", { onClick: () => this.showTab(this.regType == 'phone' ? this.mobileTab : this.emailTab), class: "s-verify-modal-back sicon-arrow-right", slot: "after-footer", href: "#" })),
@@ -254,7 +239,7 @@ export class SallaLoginModal {
             h("input", { type: "email", ref: el => this.regEmail = el, onKeyDown: e => this.typing(e, this.newUser), placeholder: "your@email.com", class: "s-login-modal-input s-ltr" }),
             h("span", { class: "s-login-modal-error-message" })),
           h("salla-button", { "loader-position": 'center', width: "wide", onClick: () => this.newUser(), ref: b => this.regBtn = b }, salla.lang.get('blocks.header.register')),
-          h("slot", { name: "after-registration" }))))) : '';
+          h("slot", { name: "after-registration" })))));
   }
   static get is() { return "salla-login-modal"; }
   static get originalStyleUrls() { return {
@@ -333,8 +318,7 @@ export class SallaLoginModal {
     "firstNameLabel": {},
     "lastNameLabel": {},
     "firstNameErrorMsg": {},
-    "lastNameErrorMsg": {},
-    "translationsLoaded": {}
+    "lastNameErrorMsg": {}
   }; }
   static get methods() { return {
     "open": {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { Component, h, Prop, Host, Element, Event, Watch, Method, State } from '@stencil/core';
+import { Component, h, Prop, Host, Element, Watch, Method, State } from '@stencil/core';
 import Helper from "../../Helpers/Helper";
 /**
  * @slot footer - The footer of modal
@@ -41,16 +41,18 @@ export class SallaModal {
     salla.event.on('modal::open', btn => btn.dataset.target == this.host.id && this.open());
     salla.event.on('modal::close', btn => btn.dataset.target == this.host.id && this.close());
     this.modalTitle = this.host.getAttribute('modal-title');
+    // close modal on Escape button clicked
+    Helper.onKeyUp(document.body, e => e.keyCode === 27 && this.closeModal());
   }
   handleVisible(newValue) {
     if (!newValue) {
+      salla.event.dispatch('modalClosed');
       this.toggleModal(false);
-      this.modalClosed.emit();
       return;
     }
+    salla.event.dispatch('modalOpened');
     this.host.classList.remove('s-hidden');
     setTimeout(() => this.toggleModal(true)); //small amont of time to running toggle After adding hidden
-    this.modalOpened.emit();
   }
   /**
    * Open the modal
@@ -364,37 +366,6 @@ export class SallaModal {
   static get states() { return {
     "modalTitle": {}
   }; }
-  static get events() { return [{
-      "method": "modalOpened",
-      "name": "modalOpened",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "modalClosed",
-      "name": "modalClosed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
   static get methods() { return {
     "open": {
       "complexType": {

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

@@ -19,7 +19,7 @@ export class SallaOfferModal {
     Helper.setHost(this.host);
     salla.lang.onLoaded(() => {
       this.offer_expires_in = salla.lang.get('pages.products.offer_expires_in');
-      this.remember_my_choice = salla.lang.get('common.remember_my_choice');
+      this.remember_my_choice = salla.lang.get('common.elements.remember_my_choice');
       this.add_to_cart = salla.lang.get('pages.cart.add_to_cart');
       this.out_of_stock = salla.lang.get('pages.products.out_of_stock');
     });

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { Component, Prop, h, State, Element, Listen } from '@stencil/core';
+import { Component, Prop, h, State, Element } from '@stencil/core';
 import Helper from "../../Helpers/Helper";
 /**
  * @slot product - Replaces products card in the results, has replaceable props `{name}`, `{price}`, `{regular_price}`, `{image}`.
@@ -20,12 +20,14 @@ export class SallaSearch {
       this.placeholder = salla.lang.get('blocks.header.search_placeholder');
       this.noResultsText = salla.lang.get('common.elements.no_options');
     });
+    salla.event.on('modalOpened', () => this.onModalOpen());
+    salla.event.on('modalClosed', () => this.onModalClose());
   }
   onModalOpen() {
-    this.modal.querySelector('.s-search-input').focus();
+    setTimeout(() => this.searchInput.focus(), 300);
   }
   onModalClose() {
-    this.modal.querySelector('.s-search-input').value = '';
+    this.searchInput.value = '';
     this.results = undefined;
     this.afterSearching();
     this.container.classList.remove('s-search-no-results');
@@ -67,7 +69,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, style: this.oval ? { borderRadius: this.height / 2 + 'px' } : {} },
-      h("input", { class: "s-search-input", type: "text", placeholder: this.placeholder, onInput: e => this.search(e), style: { height: this.height + 'px' } }),
+      h("input", { class: "s-search-input", type: "text", placeholder: this.placeholder, onInput: e => this.search(e), style: { height: this.height + 'px' }, ref: input => this.searchInput = input }),
       h("span", { class: "s-search-icon-wrap" },
         h("i", { class: "s-search-icon sicon-search", ref: el => this.searchIcon = el })),
       h("div", { class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
@@ -157,17 +159,4 @@ export class SallaSearch {
     "noResultsText": {}
   }; }
   static get elementRef() { return "host"; }
-  static get listeners() { return [{
-      "name": "modalOpened",
-      "method": "onModalOpen",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "modalClosed",
-      "method": "onModalClose",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
 }

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

@@ -24,7 +24,7 @@ export class SallaTelInput {
     Helper.setHost(this.host);
     salla.lang.onLoaded(() => {
       this.mobileLabel = salla.lang.get('common.elements.mobile');
-      this.countryCodeLabel = salla.lang.get('common.country_code');
+      this.countryCodeLabel = salla.lang.get('common.elements.country_code');
       this.invalidNumber = salla.lang.get('common.errors.invalid_value', { attribute: this.mobileLabel });
       this.invalidCountryCode = salla.lang.get('common.errors.invalid_value', { attribute: this.countryCodeLabel });
       this.tooShort = salla.lang.get('common.errors.too_short', { attribute: this.mobileLabel });
@@ -76,7 +76,7 @@ export class SallaTelInput {
       this.countryCodeInput.value = data.iso2.toUpperCase();
     });
     // on blur: validate
-    this.phoneInput.addEventListener('blur', () => this.isValid());
+    // this.phoneInput.addEventListener('blur', () => this.isValid());
     // on keyup / change flag: reset
     this.phoneInput.addEventListener('input', e => {
       salla.helpers.inputDigitsOnly(e.target);

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

@@ -18,6 +18,7 @@ export class SallaVerifyModal {
      * should auto reloading the page after success verification
      */
     this.autoReload = true;
+    this.resendAfter = 30;
     /**
      * to use: `salla.api.auth.verify` or `salla.profile.verify`
      */
@@ -40,6 +41,10 @@ export class SallaVerifyModal {
       this.title = salla.lang.get('pages.profile.verify_title') + salla.lang.get('common.elements.' + data.type);
       (_a = this.modal) === null || _a === void 0 ? void 0 : _a.setTitle(this.title);
     });
+    salla.event.on('modalClosed', () => {
+      this.resendAfter = 0;
+      this.timer.innerHTML = '30 : 00';
+    });
   }
   /**
    * Get current code
@@ -105,15 +110,15 @@ export class SallaVerifyModal {
   }
   resendTimer() {
     Helper.showElement(this.resendMessage).hideElement(this.resend);
-    let resendAfter = 30;
+    this.resendAfter = 30;
     let timerId = setInterval(() => {
-      if (resendAfter === -1) {
-        clearTimeout(timerId);
+      if (this.resendAfter <= 0) {
+        clearInterval(timerId);
         Helper.hideElement(this.resendMessage).showElement(this.resend);
       }
       else {
-        this.timer.innerHTML = `${resendAfter >= 10 ? resendAfter : '0' + resendAfter} : 00`;
-        resendAfter--;
+        this.timer.innerHTML = `${this.resendAfter >= 10 ? this.resendAfter : '0' + this.resendAfter} : 00`;
+        this.resendAfter--;
       }
     }, 1000);
   }
@@ -125,8 +130,7 @@ export class SallaVerifyModal {
       this.otpInputs[0].focus();
     })
       .then(() => salla.api.auth.resend(this.data))
-      .then(() => this.resendTimer())
-      .catch(() => this.resendTimer());
+      .finally(() => this.resendTimer());
   }
   submit() {
     let data = Object.assign({ code: this.code.value }, this.data);
@@ -220,6 +224,7 @@ export class SallaVerifyModal {
   }; }
   static get states() { return {
     "title": {},
+    "resendAfter": {},
     "isProfileVerify": {}
   }; }
   static get events() { return [{

package/dist/components/salla-localization-modal.js

@@ -59,7 +59,7 @@ const SallaLocalizationModal$1 = /*@__PURE__*/ proxyCustomElement(class extends
   }
   async getCurrencies() {
     this.currency = this.currency || salla.config.get('user.currency_code');
-    return this.currencies.length > 1 ? null : await salla.config.currencies().then(data => this.currencies = data);
+    return this.currencies.length > 1 ? null : await salla.config.currencies().then(data => this.currencies = Object.values(data || {}));
   }
   onChangeCurrency(event) {
     this.currency = event.target.value;