@salla.sa/twilight-components/dist/twilight/p-2fe158af.system.entry.js

Salla Web Component

var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,s){function o(e){try{l(r.next(e))}catch(e){s(e)}}function a(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?n(e.value):i(e.value).then(o,a)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,i,s,o;return o={next:a(0),throw:a(1),return:a(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,a[0]&&(n=0)),n)try{if(r=1,i&&(s=a[0]&2?i["return"]:a[0]?i["throw"]||((s=i["return"])&&s.call(i),0):i.next)&&!(s=s.call(i,a[1])).done)return s;if(i=0,s)a=[a[0]&2,s.value];switch(a[0]){case 0:case 1:s=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;i=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(s=n.trys,s=s.length>0&&s[s.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!s||a[1]>s[0]&&a[1]<s[3])){n.label=a[1];break}if(a[0]===6&&n.label<s[1]){n.label=s[1];s=a;break}if(s&&n.label<s[2]){n.label=s[2];n.ops.push(a);break}if(s[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];i=0}finally{r=s=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};
/*!
 * Crafted with ❤ by Salla
 */System.register(["./p-f422bbf9.system.js","./p-e44f4650.system.js"],(function(e){"use strict";var t,n,r,i,s,o;return{setters:[function(e){t=e.r;n=e.c;r=e.h;i=e.H;s=e.g},function(e){o=e.M}],execute:function(){var a='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>android-phone</title>\n<path d="M22.667 0h-13.333c-2.941 0-5.333 2.392-5.333 5.333v21.333c0 2.941 2.392 5.333 5.333 5.333h13.333c2.941 0 5.333-2.392 5.333-5.333v-21.333c0-2.941-2.392-5.333-5.333-5.333zM25.333 26.667c0 1.471-1.196 2.667-2.667 2.667h-13.333c-1.471 0-2.667-1.196-2.667-2.667v-2.667h18.667zM25.333 21.333h-18.667v-16c0-1.471 1.196-2.667 2.667-2.667h13.333c1.471 0 2.667 1.196 2.667 2.667zM13.333 28h5.333c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-5.333c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333z"></path>\n</svg>\n';var l="salla-verify{display:block}.s-verify-input{}.s-verify-input::-webkit-outer-spin-button,.s-verify-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.s-verify-input[type=number]{-moz-appearance:textfield}";var u=e("salla_verify",function(){function e(e){var r=this;t(this,e);this.verified=n(this,"verified",7);this.translationLoaded=false;this.display="modal";this.type="mobile";this.autoReload=true;this.supportWebAuth=true;this.title=undefined;this.resendAfter=30;this.hasError=undefined;this.errorMessage=undefined;this.isProfileVerify=false;salla.lang.onLoaded((function(){var e;r.translationLoaded=true;r.title=salla.lang.get("pages.profile.verify_title")+salla.lang.get("common.elements."+r.type);(e=r.modal)===null||e===void 0?void 0:e.setTitle(r.title)}));if(this.display=="inline"){this.modal={open:function(){return""},close:function(){return""},setTitle:function(){return""}};return}salla.event.on("profile::verification",(function(e){var t;var n=Array.isArray(e)?e[0]:e;r.isProfileVerify=true;r.open(n);r.title=salla.lang.get("pages.profile.verify_title")+salla.lang.get("common.elements."+n.type);(t=r.modal)===null||t===void 0?void 0:t.setTitle(r.title)}));salla.event.on("modalClosed",(function(){r.resendAfter=0;r.timer.innerHTML="30 : 00"}))}e.prototype.splitNumber=function(e){this.resetError();var t=e.data||e.target.value;if(!t)return;if(t.length===1)return;this.modifyNext(e.target,t)};e.prototype.modifyNext=function(e,t){e.value=t[0];t=t.substring(1);if(e.nextElementSibling&&t.length){this.modifyNext(e.nextElementSibling,t)}else if(!e.nextElementSibling&&t.length===0){e.focus()}else if(e.nextElementSibling&&t.length===0){e.nextElementSibling.focus()}};e.prototype.checkAllInputs=function(){var e=true;for(var t=0;t<this.otpInputs.length;t++){if(this.otpInputs[t].value===""){e=false}}return e};e.prototype.handleKeyUp=function(e){var t,n,r,i;this.resetError();if(["Alt","Shift","Control","AltGraph","Ctrl"].includes(e.key)){return}var s=e.keyCode||e.charCode;if(e.target.value){(t=e.target.nextElementSibling)===null||t===void 0?void 0:t.focus();(n=e.target.nextElementSibling)===null||n===void 0?void 0:n.select()}else if([8,46].includes(s)){(r=e.target.previousElementSibling)===null||r===void 0?void 0:r.focus();(i=e.target.previousElementSibling)===null||i===void 0?void 0:i.select()}if(e.target.value.length>1){this.splitNumber(e)}};e.prototype.handlePaste=function(e){this.resetError();var t=salla.helpers.number(e.clipboardData.getData("text"))||"";var n=t.replace(/[^0-9]/g,"");n=n.substring(0,this.otpInputs.length);this.otpInputs.forEach((function(e){return e.value=""}));this.modifyNext(this.otpInputs[0],n)};e.prototype.handleInput=function(e){var t=this;this.resetError();salla.helpers.inputDigitsOnly(e.target);if(this.checkAllInputs()){setTimeout((function(){t.toggleOTPSubmit()}),100)}};e.prototype.resetError=function(){this.hasError=false;this.errorMessage=""};e.prototype.handleFocus=function(e){var t;if(e.target===this.firstOtpInput)return;if(((t=this.firstOtpInput)===null||t===void 0?void 0:t.value)==""){this.firstOtpInput.focus()}if(e.target.previousElementSibling.value==""){e.target.previousElementSibling.focus()}};e.prototype.getCode=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.code.value]}))}))};e.prototype.open=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;var r=this;return __generator(this,(function(i){this.data=e;this.data.type=this.data.type||this.type;this.type=this.data.type;this.resendTimer();this.otpInputs=this.body.querySelectorAll(".s-verify-input");this.firstOtpInput=this.body.querySelector("#otp-1");this.reset();this.resetError();this.display=="modal"&&((t=this.modal)===null||t===void 0?void 0:t.setTitle(this.title));this.modal.open();(n=this.firstOtpInput)===null||n===void 0?void 0:n.addEventListener("input",(function(e){return r.splitNumber(e)}));setTimeout((function(){return r.otpInputs[0].focus()}),100);return[2]}))}))};e.prototype.toggleOTPSubmit=function(){var e=[];this.otpInputs.forEach((function(t){return t.value&&e.push(t.value)}));this.code.value=e.join("");if(e.length===4){this.btn.disable();this.btn.click();return}this.btn.enable()};e.prototype.reset=function(){this.otpInputs.forEach((function(e){return e.value=""}));this.code.value="";this.otpInputs[0].focus()};e.prototype.resendTimer=function(){var e=this;this.resendMessage.style.display="block";this.resend.style.display="none";this.resendAfter=30;var t=setInterval((function(){if(e.resendAfter<=0){clearInterval(t);e.resend.style.display="block";e.resendMessage.style.display="none"}else{e.timer.innerHTML="".concat(e.resendAfter>=10?e.resendAfter:"0"+e.resendAfter," : 00");e.resendAfter--}}),1e3)};e.prototype.resendCode=function(){var e=this;return this.btn.stop().then((function(){return e.btn.disable()})).then((function(){e.otpInputs.forEach((function(e){return e.value=""}));e.otpInputs[0].focus()})).then((function(){return salla.api.auth.resend(e.data)})).finally((function(){return e.resendTimer()}))};e.prototype.submit=function(){var e=this;if(this.code.value.length<4){this.otpInputs[this.code.value.length].focus();salla.log("Trying to submit without 4 digits!");return}var t=Object.assign({code:this.code.value},this.data);return this.btn.load().then((function(){return e.btn.disable()})).then((function(){return e.isProfileVerify?salla.profile.verify(t):salla.auth.verify(t,e.supportWebAuth)})).then((function(t){return e.verified.emit(t)})).then((function(){return e.btn.stop()&&e.btn.disable()})).then((function(){return e.modal.close()})).then((function(){return e.autoReload&&window.location.reload()})).catch((function(t){var n,r,i;e.hasError=true;e.errorMessage=((i=(r=(n=t.response)===null||n===void 0?void 0:n.data)===null||r===void 0?void 0:r.error)===null||i===void 0?void 0:i.message)||salla.lang.get("common.errors.error_occurred");if(!t.response){console.log("Unexpected error",t)}else{salla.logger.error(t)}e.btn.stop()&&e.btn.enable()&&e.reset()}))};e.prototype.render=function(){var e=this;return this.display=="inline"?r(i,null,this.myBody()):r("salla-modal",{width:"xs",class:"s-verify",ref:function(t){return e.modal=t},"modal-title":this.title},r("span",{slot:"icon",class:"s-verify-header-icon",innerHTML:this.type=="mobile"?a:o}),this.myBody())};e.prototype.myBody=function(){var e=this;return r("div",{class:"s-verify-body",ref:function(t){return e.body=t}},r("div",{class:"s-verify-message",innerHTML:salla.lang.get("pages.profile.verify_message")}),r("slot",{name:"mobile"}),r("slot",{name:"email"}),r("input",{type:"hidden",name:"code",maxlength:"4",required:true,ref:function(t){return e.code=t}}),r("div",{class:{"s-verify-codes":true,"has-error":this.hasError},dir:"ltr"},[1,2,3,4].map((function(t){return r("input",{type:"number",autocomplete:"one-time-code",pattern:"[0-9]*",inputmode:"numeric",maxlength:"1",value:"",id:"otp-".concat(t),class:{"s-verify-input":true,"s-has-error":e.hasError},onInput:function(t){return e.handleInput(t)},onPaste:function(t){return e.handlePaste(t)},onKeyUp:function(t){return e.handleKeyUp(t)},onFocus:function(t){return e.handleFocus(t)},required:true})}))),this.hasError&&this.errorMessage?r("span",{class:"s-verify-error-message"},this.errorMessage):"",r("div",{slot:"footer",class:"s-verify-footer"},r("salla-button",{class:"s-verify-submit","loader-position":"center",disabled:true,onClick:function(){return e.submit()},ref:function(t){return e.btn=t}},salla.lang.get("pages.profile.verify")),r("p",{class:"s-verify-resend-message",ref:function(t){return e.resendMessage=t}},salla.lang.get("blocks.header.resend_after"),r("b",{class:"s-verify-timer",ref:function(t){return e.timer=t}})),r("a",{href:"#",class:"s-verify-resend",onClick:function(){return e.resendCode()},ref:function(t){return e.resend=t}},salla.lang.get("blocks.comments.submit"))),r("slot",{name:"after-footer"}))};Object.defineProperty(e.prototype,"host",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());u.style=l}}}));
//# sourceMappingURL=p-2fe158af.system.entry.js.map