@salla.sa/twilight-components 2.14.38 → 2.14.40

package/dist/twilight/{p-7d79e66d.system.entry.js → p-afdc10ed.system.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * 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"},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"})),s("ul",{class:"s-payments-list"},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-7d79e66d.system.entry.js.map
+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

package/dist/twilight/p-afdc10ed.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["sallaPaymentsCss","SallaPayments","exports","class_1","prototype","componentWillLoad","_this","this","salla","onReady","then","exclude","JSON","parse","error","logger","placeholderImage","url","cdn","paymentSlot","_a","host","querySelector","innerHTML","concat","sbcSlot","_b","codSlot","_c","payments","config","get","render","madeInKSA","includes","sbcId","h","Host","class","width","height","decoding","loading","alt","map","payment","id","replace","componentDidLoad","document","lazyLoadInstance","update","querySelectorAll","forEach","img","addEventListener","setAttribute","componentDidRender","el","replaceWith","firstChild","remove"],"sources":["src/components/salla-payments/salla-payments.scss?tag=salla-payments","src/components/salla-payments/salla-payments.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n/**\n * @slot payment - Replaces payment item, has replaceable props `{image}`, `{payment}`.\n * @slot sbc - Replaces SBC certificate item, has replaceable props `{image}`.\n * @slot cod - Replaces COD item, has replaceable props `{image}`.\n */\n@Component({\n  tag: 'salla-payments',\n  styleUrl: 'salla-payments.scss'\n})\n\nexport class SallaPayments {\n  @Element() host: HTMLElement;\n  private paymentSlot: string;\n  private sbcSlot: string;\n  private codSlot: string;\n  private payments: string[];\n  private placeholderImage: string;\n  /**\n   * Array of the payments/items that are not supported, ex: [\"sbc\", \"made-in-ksa\", \"cod\", \"mada\", \"\"].\n   */\n  @Prop({ mutable: true }) exclude: string[] = [];\n\n  componentWillLoad() {\n    return salla.onReady()\n      .then(() => {\n        if (typeof this.exclude === 'string') {\n          try {\n            this.exclude = JSON.parse(this.exclude);\n          } catch (error) {\n            salla.logger.error('salla-payments:: failed to parse the exclude props!', this.exclude);\n            this.exclude = [];\n          }\n        }\n        this.placeholderImage = salla.url.cdn(`images/s-empty.png`);\n        this.paymentSlot = this.host.querySelector('[slot=\"payment\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><img class=\"lazy\" width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src=\"{image}\" alt={payment} /><li>`;\n        this.sbcSlot = this.host.querySelector('[slot=\"sbc\"]')?.innerHTML || `<li class=\"s-payments-list-item\"><a target=\"_blank\" href=\"{link}\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy s-payments-sbc-image\" alt=\"SBC\"/></a><li>`;\n        this.codSlot = this.host.querySelector('[slot=\"cod\"]')?.innerHTML || `<li class=\"s-payments-list-item\"> <img width=\"100%\" height=\"100%\" src=\"${this.placeholderImage}\" data-src={image} class=\"lazy\" alt=\"COD\"/><li>`;\n        this.payments = salla.config.get('store.settings.payments');\n      })\n  }\n  \n  render() {\n    const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');\n    const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');\n    return (\n      <Host class=\"s-payments-list-wrap\">\n        { }\n        <ul class=\"s-payments-list\">\n          {madeInKSA && <li class=\"s-payments-list-item\">\n            <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\" />\n          </li>}\n\n          {/* Dynamic methods */}\n          {this.payments.map((payment) => (\n            payment == \"cod\" ?\n              <div id=\"cod-slot\" innerHTML={this.codSlot\n                .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58))}>\n              </div> :\n              <div id=\"payment-slot\" innerHTML={this.paymentSlot\n                .replace(/\\{image\\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))\n                .replace(/\\{payment\\}/g, payment)}>\n              </div>\n          ))}\n\n          {/* SBC certificate */}\n          {sbcId && <div id=\"sbc-slot\" innerHTML={this.sbcSlot\n            .replace(/\\{image\\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))\n            .replace(/\\{link\\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`)}>\n          </div>}\n        </ul>\n      </Host>\n    );\n  }\n  componentDidLoad() {\n    //todo:: double check about the following workaround, it looks not normal\n    document.lazyLoadInstance?.update(this.host.querySelectorAll('.lazy'));\n    // fix lazy loaded images that have 100% width and height\n    this.host.querySelectorAll('.lazy').forEach((img) => {\n      img.addEventListener('load', () => {\n        img.setAttribute('width', \"100%\");\n        img.setAttribute('height', \"100%\");\n      });\n    });\n  }\n  componentDidRender() {\n    //todo:: double check about the following workaround to reduce the dom length, it looks unusal\n    this.host.querySelectorAll('#payment-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#sbc-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelectorAll('#cod-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"payment\"]')?.remove();\n    this.host.querySelector('[slot=\"sbc\"]')?.remove();\n    this.host.querySelector('[slot=\"cod\"]')?.remove();\n  }\n}\n"],"mappings":"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"}