@salla.sa/twilight-components 2.13.37 → 2.13.38

package/dist/twilight/p-fc8e9b7f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaContactsCss","SallaContacts","constructor","hostRef","salla","config","get","mobile","whatsapp","phone","telegram","email","this","contactSlot","_a","host","querySelector","innerHTML","iconsOnly","onReady","contacts","lang","onLoaded","contactsTitle","getContactsArray","Object","entries","filter","_key","value","map","type","getContactLink","url","getContactIcon","iconsList","render","contactsArray","isHeader","length","h","Host","class","contact","index","href","key","hideTitle","horizontal","id","replace","toString","componentDidRender","remove"],"sources":["src/components/salla-contacts/salla-contacts.scss?tag=salla-contacts","src/components/salla-contacts/salla-contacts.tsx"],"sourcesContent":[".unicode {\n  unicode-bidi: plaintext;\n}","import { Component, Host, h, Prop, State, Element } from '@stencil/core';\nimport mobile from '../../assets/svg/iphone.svg';\nimport whatsapp from '../../assets/svg/whatsapp2.svg';\nimport phone from '../../assets/svg/phone.svg';\nimport telegram from '../../assets/svg/paper-plane-o.svg';\nimport email from '../../assets/svg/mail.svg';\n/**\n * @slot contact - Replaces contact item, has replaceable props `{icon}`, `{value}`.\n */\n@Component({\n  tag: 'salla-contacts',\n  styleUrl: 'salla-contacts.scss',\n})\nexport class SallaContacts {\n  constructor() {\n    this.contactSlot = this.host.querySelector('[slot=\"contact\"]')?.innerHTML || `<a href={link} class=\"s-contacts-item\"><span class=\"s-contacts-icon\">{icon}</span>${!this.iconsOnly && \"<span class='unicode'>{value}</span>\"}</a>`;\n\n    salla.onReady(() => {\n      this.contacts = salla.config.get('store.contacts');\n    });\n\n    salla.lang.onLoaded(() => {\n      this.contactsTitle =  this.contactsTitle || salla.lang.get('blocks.footer.social');\n    });\n  }\n  private readonly contactSlot: string;\n\n  /**\n   * Section title for social block of footer.\n   */\n  @Prop({mutable: true}) contactsTitle: string;\n\n  /**\n   * Flag to toggle title visibility.\n   */\n  @Prop() hideTitle: boolean;\n\n  /**\n   * Conditional flag to check whether the content is header or not.\n   */\n  @Prop() isHeader: boolean;\n\n  /**\n   * Flag to toggle list of contents whether vertical or horizontal.\n   */\n  @Prop() horizontal: boolean;\n\n  /**\n   * Flag condition to show icon only or icon with label\n   */\n  @Prop() iconsOnly: boolean;\n\n\n  @Element() host: HTMLElement;\n  @State() contacts: any = salla.config.get('store.contacts');\n  @State() iconsList: any = { mobile, whatsapp, phone, telegram, email }\n\n  private getContactsArray() {\n    return Object.entries(this.contacts)\n      .filter(([_key, value]) => value !== '')\n      .map(([type, value]) => ({ type, value }));\n  }\n\n  private getContactLink(type) {\n    switch (type) {\n      case 'phone':\n        return `tel:${this.contacts[type]}`; \n      case 'mobile':\n        return `tel:${this.contacts[type]}`;\n      case 'whatsapp':\n        return salla.url.get('whatsapp/send');\n      case 'email':\n        return `mailto:${this.contacts[type]}`;\n      case 'telegram':\n        return `https://t.me/${this.contacts[type]}`;\n      default:\n        return this.contacts[type];\n    }\n  }\n\n  private getContactIcon(type) {\n    return this.iconsList[type];\n  }\n  render() {\n    const contactsArray = this.getContactsArray();\n    if (this.isHeader && contactsArray && contactsArray.length > 0) {\n      return (\n        <Host class=\"s-contacts s-contacts-header\">\n          {contactsArray.filter((contact) => contact.type == 'phone' || contact.type == 'email').map((contact, index) => (\n            <a href={this.getContactLink(contact.type)} key={index} class=\"s-contacts-topnav-link\">\n              {contact.type === 'email' ? (\n                contact.value\n              ) : (\n                [\n                  <span>{this.contactsTitle}: </span>,\n                  <a class=\"unicode\" href={this.iconsList[contact.type]}>{contact.value}</a>\n                ]\n              )}\n            </a>\n          ))}\n        </Host>\n      );\n    }\n    return (\n      <Host class=\"s-contacts\">\n        {!this.hideTitle && <h3 class=\"s-contacts-title\">{this.contactsTitle}</h3>}\n        <div class={{\n          's-contacts-list': true,\n          's-contacts-list-horizontal': this.horizontal,\n          's-contacts-list-vertical': !this.horizontal,\n          's-contacts-list-icons-only': this.iconsOnly\n        }\n        }>\n          {contactsArray.map((contact, index) => (\n            <div key={index} id=\"contact-slot\" innerHTML={this.contactSlot\n              .replace(/\\{icon\\}/g, this.getContactIcon(contact.type))\n              .replace(/\\{value\\}/g, contact.value.toString())\n              .replace(/\\{link\\}/g, this.getContactLink(contact.type))}>\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n  componentDidRender() {\n    // this.host.querySelectorAll('#contact-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"contact\"]')?.remove();\n  }\n}\n\n"],"mappings":";;;smIAAA,MAAMA,EAAmB,kE,MCaZC,EAAa,MACxB,WAAAC,CAAAC,G,+JAwCyBC,MAAMC,OAAOC,IAAI,kB,eAChB,CAAEC,SAAQC,WAAUC,QAAOC,WAAUC,SAxC7DC,KAAKC,cAAcC,EAAAF,KAAKG,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEG,YAAa,sFAAsFL,KAAKM,WAAa,6CAErLd,MAAMe,SAAQ,KACZP,KAAKQ,SAAWhB,MAAMC,OAAOC,IAAI,iBAAiB,IAGpDF,MAAMiB,KAAKC,UAAS,KAClBV,KAAKW,cAAiBX,KAAKW,eAAiBnB,MAAMiB,KAAKf,IAAI,uBAAuB,G,CAmC9E,gBAAAkB,GACN,OAAOC,OAAOC,QAAQd,KAAKQ,UACxBO,QAAO,EAAEC,EAAMC,KAAWA,IAAU,KACpCC,KAAI,EAAEC,EAAMF,MAAM,CAAQE,OAAMF,W,CAG7B,cAAAG,CAAeD,GACrB,OAAQA,GACN,IAAK,QACH,MAAO,OAAOnB,KAAKQ,SAASW,KAC9B,IAAK,SACH,MAAO,OAAOnB,KAAKQ,SAASW,KAC9B,IAAK,WACH,OAAO3B,MAAM6B,IAAI3B,IAAI,iBACvB,IAAK,QACH,MAAO,UAAUM,KAAKQ,SAASW,KACjC,IAAK,WACH,MAAO,gBAAgBnB,KAAKQ,SAASW,KACvC,QACE,OAAOnB,KAAKQ,SAASW,G,CAInB,cAAAG,CAAeH,GACrB,OAAOnB,KAAKuB,UAAUJ,E,CAExB,MAAAK,GACE,MAAMC,EAAgBzB,KAAKY,mBAC3B,GAAIZ,KAAK0B,UAAYD,GAAiBA,EAAcE,OAAS,EAAG,CAC9D,OACEC,EAACC,EAAI,CAACC,MAAM,gCACTL,EAAcV,QAAQgB,GAAYA,EAAQZ,MAAQ,SAAWY,EAAQZ,MAAQ,UAASD,KAAI,CAACa,EAASC,IACnGJ,EAAA,KAAGK,KAAMjC,KAAKoB,eAAeW,EAAQZ,MAAOe,IAAKF,EAAOF,MAAM,0BAC3DC,EAAQZ,OAAS,QAChBY,EAAa,OAGXH,EAAA,YAAO5B,KAAKW,cAAa,MACzBiB,EAAA,KAAGE,MAAM,UAAUG,KAAMjC,KAAKuB,UAAUQ,EAAQZ,OAAQY,EAAQd,W,CAQ9E,OACEW,EAACC,EAAI,CAACC,MAAM,eACR9B,KAAKmC,WAAaP,EAAA,MAAIE,MAAM,oBAAoB9B,KAAKW,eACvDiB,EAAA,OAAKE,MAAO,CACV,kBAAmB,KACnB,6BAA8B9B,KAAKoC,WACnC,4BAA6BpC,KAAKoC,WAClC,6BAA8BpC,KAAKM,YAGlCmB,EAAcP,KAAI,CAACa,EAASC,IAC3BJ,EAAA,OAAKM,IAAKF,EAAOK,GAAG,eAAehC,UAAWL,KAAKC,YAChDqC,QAAQ,YAAatC,KAAKsB,eAAeS,EAAQZ,OACjDmB,QAAQ,aAAcP,EAAQd,MAAMsB,YACpCD,QAAQ,YAAatC,KAAKoB,eAAeW,EAAQZ,Y,CAO9D,kBAAAqB,G,OAEEtC,EAAAF,KAAKG,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEuC,Q"}

package/dist/twilight/p-fcf9fe94.entry.js

@@ -1,5 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as i,H as t,g as a}from"./p-fafedb13.js";const l=":host{display:block}";const e=class{constructor(i){s(this,i);var t,a,l;this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn(`images/s-empty.png`);this.withSbc=undefined;this.sbcId=undefined;this.withMadeInKsa=undefined;this.paymentSlot=((t=this.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="${this.placeholderImage}" data-src="{image}" alt={name} /><li>`;this.sbcSlot=((a=this.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="${this.placeholderImage}" data-src={image} class="lazy s-payments-sbc-image" alt="SBC"/></a><li>`;this.codSlot=((l=this.host.querySelector('[slot="cod"]'))===null||l===void 0?void 0:l.innerHTML)||`<li class="s-payments-list-item"> <img width="100%" height="100%" src="${this.placeholderImage}" data-src={image} class="lazy" alt="COD"/><li>`;salla.onReady((()=>{this.payments=salla.config.get("store.settings.payments");this.placeholderImage=salla.url.cdn(`images/s-empty.png`)}))}render(){return i(t,{class:"s-payments-list"},this.withMadeInKsa&&i("li",{class:"s-payments-list-item"},i("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((s=>s=="cod"?i("div",{id:"cod-slot",innerHTML:this.codSlot.replace(/\{image\}/g,salla.url.cdn(`images/payment/cod_mini.png`,58,58))}):i("div",{id:"payment-slot",innerHTML:this.paymentSlot.replace(/\{image\}/g,salla.url.cdn(`images/payment/${s}_mini.png`,58,58)).replace(/\{payment\}/g,s)}))),this.withSbc&&this.sbcId&&i("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/${this.sbcId}`)}))}componentDidLoad(){var s;(s=document.lazyLoadInstance)===null||s===void 0?void 0:s.update(this.host.querySelectorAll(".lazy"));this.host.querySelectorAll(".lazy").forEach((s=>{s.addEventListener("load",(()=>{s.setAttribute("width","100%");s.setAttribute("height","100%")}))}))}componentDidRender(){var s,i,t;this.host.querySelectorAll("#payment-slot").forEach((s=>s.replaceWith(s.firstChild)));this.host.querySelectorAll("#sbc-slot").forEach((s=>s.replaceWith(s.firstChild)));this.host.querySelectorAll("#cod-slot").forEach((s=>s.replaceWith(s.firstChild)));(s=this.host.querySelector('[slot="payment"]'))===null||s===void 0?void 0:s.remove();(i=this.host.querySelector('[slot="sbc"]'))===null||i===void 0?void 0:i.remove();(t=this.host.querySelector('[slot="cod"]'))===null||t===void 0?void 0:t.remove()}get host(){return a(this)}};e.style=l;export{e as salla_payments};
-//# sourceMappingURL=p-fcf9fe94.entry.js.map

package/dist/twilight/p-fcf9fe94.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["sallaPaymentsCss","SallaPayments","constructor","hostRef","salla","config","get","url","cdn","this","paymentSlot","_a","host","querySelector","innerHTML","placeholderImage","sbcSlot","_b","codSlot","_c","onReady","payments","render","h","Host","class","withMadeInKsa","width","height","decoding","loading","alt","map","payment","id","replace","withSbc","sbcId","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, State, h, Element } from '@stencil/core';\n/**\n * @slot payment - Replaces payment item, has replaceable props `{image}`, `{name}`.\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  constructor() {\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={name} /><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\n    salla.onReady(() => {\n      this.payments = salla.config.get('store.settings.payments');\n      this.placeholderImage = salla.url.cdn(`images/s-empty.png`);\n    });\n  }\n  private readonly paymentSlot: string;\n  private readonly sbcSlot: string;\n  private readonly codSlot: string;\n  @Element() host: HTMLElement;\n  @State() payments = salla.config.get('store.settings.payments');\n  @State() placeholderImage = salla.url.cdn(`images/s-empty.png`);\n\n  /**\n   * Boolean indicating whether to include the SBC (Saudi Business Council) certificate.\n   */\n  @Prop() withSbc: boolean;\n\n  /**\n   * The SBC (Saudi Business Council) certificate ID.\n   */\n  @Prop() sbcId: string;\n\n  /**\n   * Boolean indicating whether to include the \"Made in KSA\" certification.\n   */\n  @Prop() withMadeInKsa: boolean;\n\n  render() {\n    return (\n      <Host class=\"s-payments-list\">\n\n        {/* Made in KSA */}\n        {this.withMadeInKsa && <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\n        {/* SBC certificate */}\n        {this.withSbc && this.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/${this.sbcId}`)}>\n        </div>}\n      </Host>\n    );\n  }\n  componentDidLoad() {\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    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":";;;yDAAA,MAAMA,EAAmB,uB,MCWZC,EAAa,MACxB,WAAAC,CAAAC,G,kCAcoBC,MAAMC,OAAOC,IAAI,2B,sBACTF,MAAMG,IAAIC,IAAI,sB,yEAdxCC,KAAKC,cAAcC,EAAAF,KAAKG,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEG,YAAa,sFAAsFL,KAAKM,yDACxKN,KAAKO,UAAUC,EAAAR,KAAKG,KAAKC,cAAc,mBAAe,MAAAI,SAAA,SAAAA,EAAEH,YAAa,2GAA2GL,KAAKM,2FACrLN,KAAKS,UAAUC,EAAAV,KAAKG,KAAKC,cAAc,mBAAe,MAAAM,SAAA,SAAAA,EAAEL,YAAa,0EAA0EL,KAAKM,kEAEpJX,MAAMgB,SAAQ,KACZX,KAAKY,SAAWjB,MAAMC,OAAOC,IAAI,2BACjCG,KAAKM,iBAAmBX,MAAMG,IAAIC,IAAI,qBAAqB,G,CAyB/D,MAAAc,GACE,OACEC,EAACC,EAAI,CAACC,MAAM,mBAGThB,KAAKiB,eAAiBH,EAAA,MAAIE,MAAM,wBAC/BF,EAAA,OAAKE,MAAM,OAAOE,MAAM,OAAOC,OAAO,OAAOC,SAAS,QAAQC,QAAQ,OAAM,WAAW1B,MAAMG,IAAIC,IAAI,yBAA0B,GAAI,IAAKuB,IAAI,2BAI7ItB,KAAKY,SAASW,KAAKC,GAClBA,GAAW,MACTV,EAAA,OAAKW,GAAG,WAAWpB,UAAWL,KAAKS,QAChCiB,QAAQ,aAAc/B,MAAMG,IAAIC,IAAI,8BAA+B,GAAI,OAE1Ee,EAAA,OAAKW,GAAG,eAAepB,UAAWL,KAAKC,YACpCyB,QAAQ,aAAc/B,MAAMG,IAAIC,IAAI,kBAAkByB,aAAoB,GAAI,KAC9EE,QAAQ,eAAgBF,OAM9BxB,KAAK2B,SAAW3B,KAAK4B,OAASd,EAAA,OAAKW,GAAG,WAAWpB,UAAWL,KAAKO,QAC/DmB,QAAQ,aAAc/B,MAAMG,IAAIC,IAAI,iBAAkB,GAAI,KAC1D2B,QAAQ,YAAa,kEAAkE1B,KAAK4B,W,CAKrG,gBAAAC,G,OACE3B,EAAA4B,SAASC,oBAAgB,MAAA7B,SAAA,SAAAA,EAAE8B,OAAOhC,KAAKG,KAAK8B,iBAAiB,UAE7DjC,KAAKG,KAAK8B,iBAAiB,SAASC,SAASC,IAC3CA,EAAIC,iBAAiB,QAAQ,KAC3BD,EAAIE,aAAa,QAAS,QAC1BF,EAAIE,aAAa,SAAU,OAAO,GAClC,G,CAGN,kBAAAC,G,UACEtC,KAAKG,KAAK8B,iBAAiB,iBAAiBC,SAAQK,GAAMA,EAAGC,YAAYD,EAAGE,cAC5EzC,KAAKG,KAAK8B,iBAAiB,aAAaC,SAAQK,GAAMA,EAAGC,YAAYD,EAAGE,cACxEzC,KAAKG,KAAK8B,iBAAiB,aAAaC,SAAQK,GAAMA,EAAGC,YAAYD,EAAGE,eACxEvC,EAAAF,KAAKG,KAAKC,cAAc,uBAAmB,MAAAF,SAAA,SAAAA,EAAEwC,UAC7ClC,EAAAR,KAAKG,KAAKC,cAAc,mBAAe,MAAAI,SAAA,SAAAA,EAAEkC,UACzChC,EAAAV,KAAKG,KAAKC,cAAc,mBAAe,MAAAM,SAAA,SAAAA,EAAEgC,Q"}