@salla.sa/twilight-components 2.11.103 → 2.11.105

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

@@ -29456,6 +29456,7 @@ const SallaVerify = class {
       this.resendAfter = 0;
       this.timer.innerHTML = '30 : 00';
     });
+    this.otpHandler();
   }
   handleKeyUp(ev) {
     var _a, _b, _c, _d;
@@ -29571,6 +29572,22 @@ const SallaVerify = class {
     return this.display == 'inline' ? index.h(index.Host, null, this.myBody()) :
       index.h("salla-modal", { width: "xs", class: "s-verify", ref: modal => this.modal = modal, "modal-title": this.title }, index.h("span", { slot: 'icon', class: "s-verify-header-icon", innerHTML: this.type == "mobile" ? AndroidPhoneIcon : 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 (index.h("div", { class: "s-verify-body", ref: body => this.body = body }, index.h("div", { class: "s-verify-message", innerHTML: salla.lang.get('pages.profile.verify_message') }), index.h("input", { type: "hidden", name: "code", maxlength: "4", required: true, ref: code => this.code = code }), index.h("div", { class: "s-verify-codes", dir: "ltr" }, [1, 2, 3, 4].map(() => index.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 }))), index.h("div", { slot: "footer", class: "s-verify-footer" }, index.h("salla-button", { class: "s-verify-submit", "loader-position": 'center', disabled: true, onClick: () => this.submit(), ref: b => this.btn = b }, salla.lang.get('pages.profile.verify')), index.h("p", { class: "s-verify-resend-message", ref: el => this.resendMessage = el }, salla.lang.get('blocks.header.resend_after'), index.h("b", { class: "s-verify-timer", ref: el => this.timer = el })), index.h("a", { href: "#", class: "s-verify-resend", onClick: () => this.resendCode(), ref: el => this.resend = el }, salla.lang.get('blocks.comments.submit'))), index.h("slot", { name: "after-footer" })));
   }