@salla.sa/twilight-components
Version:
Salla Web Component
5 lines • 3.9 kB
JavaScript
/*!
* Crafted with ❤ by Salla
*/
import{r as registerInstance,h,H as Host,g as getElement}from"./index-BrMYHkA5.js";var sallaPaymentsCss=":host{display:block}";var SallaPayments=function(){function s(s){registerInstance(this,s);this.exclude=[]}s.prototype.componentWillLoad=function(){var s=this;return salla.onReady().then((function(){var a,t,i;if(typeof s.exclude==="string"){try{s.exclude=JSON.parse(s.exclude)}catch(a){salla.logger.error("salla-payments:: failed to parse the exclude props!",s.exclude);s.exclude=[]}}s.placeholderImage=salla.url.cdn("images/s-empty.png");s.paymentSlot=((a=s.host.querySelector('[slot="payment"]'))===null||a===void 0?void 0:a.innerHTML)||'<li class="s-payments-list-item"><img class="lazy" width="100%" height="100%" src="'.concat(s.placeholderImage,'" data-src="{image}" alt={payment} /><li>');s.sbcSlot=((t=s.host.querySelector('[slot="sbc"]'))===null||t===void 0?void 0:t.innerHTML)||'<li class="s-payments-list-item"><a target="_blank" href="{link}"> <img width="100%" height="100%" src="'.concat(s.placeholderImage,'" data-src={image} class="lazy s-payments-sbc-image" alt="SBC"/></a><li>');s.codSlot=((i=s.host.querySelector('[slot="cod"]'))===null||i===void 0?void 0:i.innerHTML)||'<li class="s-payments-list-item"> <img width="100%" height="100%" src="'.concat(s.placeholderImage,'" data-src={image} class="lazy" alt="COD"/><li>');s.payments=salla.config.get("store.settings.payments")}))};s.prototype.render=function(){var s=this;var a=!this.exclude.includes("made-in-ksa")&&salla.config.get("store.settings.made_in_ksa");var t=this.exclude.includes("sbc")?null:salla.config.get("store.settings.certificate.id");return h(Host,{key:"007cbe4a84fd5e298fa812b315d38207993de42b",class:"s-payments-list-wrap"},h("ul",{key:"e8056d8b9523e79f4b17c8e74960b481cbcda508",class:"s-payments-list"},a&&h("li",{key:"b0b884bac26891fe718b1090194be909a03dc95a",class:"s-payments-list-item"},h("img",{key:"35b4899f96c29e516e750fa18cc091bd85e5e902",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(a){return a=="cod"?h("div",{id:"cod-slot",innerHTML:s.codSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/cod_mini.png",58,58))}):h("div",{id:"payment-slot",innerHTML:s.paymentSlot.replace(/\{image\}/g,salla.url.cdn("images/payment/".concat(a,"_mini.png"),58,58)).replace(/\{payment\}/g,a)})})),t&&h("div",{key:"64f61ebdbbe4f7c93667679e73c8c32a6be8ce7a",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(t))})))};s.prototype.componentDidLoad=function(){var s;(s=document.lazyLoadInstance)===null||s===void 0?void 0:s.update(this.host.querySelectorAll(".lazy"));this.host.querySelectorAll(".lazy").forEach((function(s){s.addEventListener("load",(function(){s.setAttribute("width","100%");s.setAttribute("height","100%")}))}))};s.prototype.componentDidRender=function(){var s,a,t;this.host.querySelectorAll("#payment-slot").forEach((function(s){return s.replaceWith(s.firstChild)}));this.host.querySelectorAll("#sbc-slot").forEach((function(s){return s.replaceWith(s.firstChild)}));this.host.querySelectorAll("#cod-slot").forEach((function(s){return s.replaceWith(s.firstChild)}));(s=this.host.querySelector('[slot="payment"]'))===null||s===void 0?void 0:s.remove();(a=this.host.querySelector('[slot="sbc"]'))===null||a===void 0?void 0:a.remove();(t=this.host.querySelector('[slot="cod"]'))===null||t===void 0?void 0:t.remove()};Object.defineProperty(s.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return s}();SallaPayments.style=sallaPaymentsCss;export{SallaPayments as salla_payments};
//# sourceMappingURL=salla-payments.entry.js.map