@salla.sa/twilight-components
Version:
Salla Web Component
5 lines • 3.64 kB
JavaScript
/*!
* Crafted with ❤ by Salla
*/
System.register(["./p-f422bbf9.system.js"],(function(e){"use strict";var t,s,l,a;return{setters:[function(e){t=e.r;s=e.h;l=e.H;a=e.g}],execute:function(){var i=":host{display:block}";var n=e("salla_payments",function(){function e(e){t(this,e);this.exclude=[]}e.prototype.componentWillLoad=function(){var e=this;return salla.onReady().then((function(){var t,s,l;if(typeof e.exclude==="string"){try{e.exclude=JSON.parse(e.exclude)}catch(t){salla.logger.error("salla-payments:: failed to parse the exclude props!",e.exclude);e.exclude=[]}}e.placeholderImage=salla.url.cdn("images/s-empty.png");e.paymentSlot=((t=e.host.querySelector('[slot="payment"]'))===null||t===void 0?void 0:t.innerHTML)||'<li class="s-payments-list-item"><img class="lazy" width="100%" height="100%" src="'.concat(e.placeholderImage,'" data-src="{image}" alt={payment} /><li>');e.sbcSlot=((s=e.host.querySelector('[slot="sbc"]'))===null||s===void 0?void 0:s.innerHTML)||'<li class="s-payments-list-item"><a target="_blank" href="{link}"> <img width="100%" height="100%" src="'.concat(e.placeholderImage,'" data-src={image} class="lazy s-payments-sbc-image" alt="SBC"/></a><li>');e.codSlot=((l=e.host.querySelector('[slot="cod"]'))===null||l===void 0?void 0:l.innerHTML)||'<li class="s-payments-list-item"> <img width="100%" height="100%" src="'.concat(e.placeholderImage,'" data-src={image} class="lazy" alt="COD"/><li>');e.payments=salla.config.get("store.settings.payments")}))};e.prototype.render=function(){var e=this;var t=!this.exclude.includes("made-in-ksa")&&salla.config.get("store.settings.made_in_ksa");var a=this.exclude.includes("sbc")?null:salla.config.get("store.settings.certificate.id");return s(l,{class:"s-payments-list-wrap"},s("ul",{class:"s-payments-list"},t&&s("li",{class:"s-payments-list-item"},s("img",{class:"lazy",width:"100%",height:"100%",decoding:"async",loading:"lazy","data-src":salla.url.cdn("images/made-in-ksa.svg",58,58),alt:"made in KSA certified"})),this.payments.map((function(t){return t=="cod"?s("div",{id:"cod-slot",innerHTML:e.codSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/cod_mini.png",58,58))}):s("div",{id:"payment-slot",innerHTML:e.paymentSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/".concat(t,"_mini.png"),58,58)).replace(/\{payment\}/g,t)})})),a&&s("div",{id:"sbc-slot",innerHTML:this.sbcSlot.replace(/\{image\}/g,salla.url.cdn("images/sbc.png",58,58)).replace(/\{link\}/g,"https://eauthenticate.saudibusiness.gov.sa/certificate-details/".concat(a))})))};e.prototype.componentDidLoad=function(){var e;(e=document.lazyLoadInstance)===null||e===void 0?void 0:e.update(this.host.querySelectorAll(".lazy"));this.host.querySelectorAll(".lazy").forEach((function(e){e.addEventListener("load",(function(){e.setAttribute("width","100%");e.setAttribute("height","100%")}))}))};e.prototype.componentDidRender=function(){var e,t,s;this.host.querySelectorAll("#payment-slot").forEach((function(e){return e.replaceWith(e.firstChild)}));this.host.querySelectorAll("#sbc-slot").forEach((function(e){return e.replaceWith(e.firstChild)}));this.host.querySelectorAll("#cod-slot").forEach((function(e){return e.replaceWith(e.firstChild)}));(e=this.host.querySelector('[slot="payment"]'))===null||e===void 0?void 0:e.remove();(t=this.host.querySelector('[slot="sbc"]'))===null||t===void 0?void 0:t.remove();(s=this.host.querySelector('[slot="cod"]'))===null||s===void 0?void 0:s.remove()};Object.defineProperty(e.prototype,"host",{get:function(){return a(this)},enumerable:false,configurable:true});return e}());n.style=i}}}));
//# sourceMappingURL=p-afdc10ed.system.entry.js.map