@salla.sa/twilight-components
Version:
Salla Web Component
5 lines • 3.66 kB
JavaScript
/*!
* Crafted with ❤ by Salla
*/
import{r as registerInstance,h,H as Host,g as getElement}from"./index-114c614f.js";var sallaPaymentsCss=":host{display:block}";var SallaPayments=function(){function e(e){registerInstance(this,e);this.exclude=[]}e.prototype.componentWillLoad=function(){var e=this;return salla.onReady().then((function(){var t,a,s;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=((a=e.host.querySelector('[slot="sbc"]'))===null||a===void 0?void 0:a.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=((s=e.host.querySelector('[slot="cod"]'))===null||s===void 0?void 0:s.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 h(Host,{class:"s-payments-list-wrap"},h("ul",{class:"s-payments-list"},t&&h("li",{class:"s-payments-list-item"},h("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"?h("div",{id:"cod-slot",innerHTML:e.codSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/cod_mini.png",58,58))}):h("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&&h("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,a;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();(a=this.host.querySelector('[slot="cod"]'))===null||a===void 0?void 0:a.remove()};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();SallaPayments.style=sallaPaymentsCss;export{SallaPayments as salla_payments};
//# sourceMappingURL=salla-payments.entry.js.map