@salla.sa/twilight-components 2.11.104 → 2.11.106

package/dist/esm/loader.js

@@ -3,7 +3,7 @@
  */
 import { p as promiseResolve, b as bootstrapLazy } from './index-640776f3.js';
 export { s as setNonce } from './index-640776f3.js';
-import { g as globalScripts } from './app-globals-ec9cb360.js';
+import { g as globalScripts } from './app-globals-f3f69bcf.js';
 import './_commonjsHelpers-1415ffd3.js';
 
 /*

package/dist/esm/salla-add-product-button_40.entry.js

@@ -21362,8 +21362,8 @@ const SallaGifting = class {
 };
 SallaGifting.style = sallaGiftingCss;
 
-//TODO::check why there are too much listeners for languages::translations.loaded
-salla.event.setMaxListeners(20);
+//TODO::reduce it to 10
+salla.event.setMaxListeners(100);
 class Helper {
   toggleElementClassIf(element, classes1, classes2, callback) {
     classes1 = Array.isArray(classes1) ? classes1 : classes1.split(' ');
@@ -29452,6 +29452,7 @@ const SallaVerify = class {
       this.resendAfter = 0;
       this.timer.innerHTML = '30 : 00';
     });
+    this.otpHandler();
   }
   handleKeyUp(ev) {
     var _a, _b, _c, _d;
@@ -29567,6 +29568,22 @@ const SallaVerify = class {
     return this.display == 'inline' ? h(Host, null, this.myBody()) :
       h("salla-modal", { width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, h("span", { slot: 'icon', class: "s-verify-header-icon", innerHTML: this.type == "mobile" ? AndroidPhoneIcon : MailIcon }), this.myBody());
   }
+  otpHandler() {
+    if (!window.OTPCredential) {
+      return;
+    }
+    const ac = new AbortController();
+    let o = {
+      otp: { transport: ['sms'] },
+      signal: ac.signal
+    };
+    navigator.credentials.get(o)
+      .then(otp => {
+      // @ts-ignore
+      this.otpInputs.forEach((input, index) => input.value = otp.code[index]);
+      return this.submit();
+    });
+  }
   myBody() {
     return (h("div", { class: "s-verify-body", ref: body => this.body = body }, h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }), h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }), h("div", { class: "s-verify-codes", dir: "ltr" }, [1, 2, 3, 4].map(() => h("input", { type: "tel", autocomplete: "one-time-code", pattern: "[0-9]*", inputmode: "numeric", maxlength: "1", class: "s-verify-input", onInput: e => salla.helpers.inputDigitsOnly(e.target), onPaste: e => this.handlePaste(e), onKeyUp: e => this.handleKeyUp(e), required: true }))), h("div", { slot: "footer", class: "s-verify-footer" }, h("salla-button", { class: "s-verify-submit", "loader-position": 'center', disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), h("b", { class: "s-verify-timer", ref: el => this.timer = el })), h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit'))), h("slot", { name: "after-footer" })));
   }