@salla.sa/twilight-components 1.4.1 → 1.4.3

package/dist/cjs/salla-button_23.cjs.entry.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-0d0167d5.js');
 const Helper = require('./Helper-8ae6a805.js');
-require('https://static.addtoany.com/menu/page.js');
 
 const sallaButtonCss = "";
 
@@ -3115,15 +3114,27 @@ const SallaSocialShare = class {
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');
@@ -3159,6 +3170,11 @@ const SallaSocialShare = class {
       }))));
     }))));
   }
+  componentDidLoad() {
+    var script = document.createElement('script');
+    script.setAttribute('src', 'https://static.addtoany.com/menu/page.js');
+    document.head.appendChild(script);
+  }
 };
 SallaSocialShare.style = sallaSocialShareCss;
 

package/dist/cjs/salla-installment.cjs.entry.js

@@ -24,9 +24,11 @@ const SallaInstallment = class {
     this.currency = salla.config.get('user.currency_code');
     salla.onReady(() => {
       const installment = salla.config.get('store.settings.installments');
-      this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
-      this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
-      this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      if (installment) {
+        this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
+        this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
+        this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      }
     });
   }
   render() {

package/dist/collection/components/salla-installment/salla-installment.js

@@ -16,9 +16,11 @@ export class SallaInstallment {
     this.currency = salla.config.get('user.currency_code');
     salla.onReady(() => {
       const installment = salla.config.get('store.settings.installments');
-      this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
-      this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
-      this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      if (installment) {
+        this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
+        this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
+        this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      }
     });
   }
   render() {

package/dist/collection/components/salla-social-share/salla-social-share.js

@@ -8,7 +8,6 @@ import twitter from '../../assets/svg/twitter.svg';
 import copy_link from '../../assets/svg/link.svg';
 import email from '../../assets/svg/mail.svg';
 import whatsapp from '../../assets/svg/whatsapp.svg';
-import "https://static.addtoany.com/menu/page.js";
 import { Socials } from './interfaces';
 export class SallaSocialShare {
   constructor() {
@@ -29,15 +28,27 @@ export class SallaSocialShare {
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');
@@ -78,6 +89,11 @@ export class SallaSocialShare {
           }))));
       }))));
   }
+  componentDidLoad() {
+    var script = document.createElement('script');
+    script.setAttribute('src', 'https://static.addtoany.com/menu/page.js');
+    document.head.appendChild(script);
+  }
   static get is() { return "salla-social-share"; }
   static get originalStyleUrls() { return {
     "$": ["salla-social-share.scss"]
@@ -153,7 +169,11 @@ export class SallaSocialShare {
       "complexType": {
         "signature": "() => Promise<void>",
         "parameters": [],
-        "references": {},
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
         "return": "Promise<void>"
       },
       "docs": {

package/dist/components/salla-installment.js

@@ -21,9 +21,11 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.currency = salla.config.get('user.currency_code');
     salla.onReady(() => {
       const installment = salla.config.get('store.settings.installments');
-      this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
-      this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
-      this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      if (installment) {
+        this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
+        this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
+        this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      }
     });
   }
   render() {

package/dist/components/salla-social-share.js

@@ -2,7 +2,6 @@
  * Crafted with ❤ by Salla
  */
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import 'https://static.addtoany.com/menu/page.js';
 import { d as defineCustomElement$2 } from './salla-button2.js';
 
 /*
@@ -1380,15 +1379,27 @@ const SallaSocialShare$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');
@@ -1424,6 +1435,11 @@ const SallaSocialShare$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       }))));
     }))));
   }
+  componentDidLoad() {
+    var script = document.createElement('script');
+    script.setAttribute('src', 'https://static.addtoany.com/menu/page.js');
+    document.head.appendChild(script);
+  }
   static get style() { return sallaSocialShareCss; }
 }, [4, "salla-social-share", {
     "url": [513],

package/dist/esm/salla-button_23.entry.js

@@ -3,7 +3,6 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-4e30ffd0.js';
 import { H as Helper } from './Helper-e1d414a5.js';
-import 'https://static.addtoany.com/menu/page.js';
 
 const sallaButtonCss = "";
 
@@ -3111,15 +3110,27 @@ const SallaSocialShare = class {
     this.platforms = this.allPlatforms;
   }
   componentWillLoad() {
-    // ? this will not work if there are multiple share components on the same page, this will be applied to the first one only
-    window.a2a_config = window.a2a_config || {};
-    window.a2a_config.linkurl = this.url ? this.url : window.location.href;
-    window.a2a_config.linkname = this.urlName ? this.urlName : document.title;
+    let that = this;
+    if (!document.getElementById('a2a-script')) {
+      const script = document.createElement('script');
+      script.src = 'https://static.addtoany.com/menu/page.js';
+      script.setAttribute('id', 'a2a-script');
+      script.onload = function () {
+        // ? this will not work if there is one share component in the page
+        window.a2a_config = window.a2a_config || {};
+        window.a2a_config.linkurl = that.url ? that.url : window.location.href;
+        window.a2a_config.linkname = that.urlName ? that.urlName : document.title;
+      };
+      document.body.appendChild(script);
+    }
+    else {
+      return;
+    }
     salla.lang.onLoaded(() => {
       window.a2a_config.locale = salla.lang.locale;
     });
   }
-  open() {
+  async open() {
     this.opened = !this.opened;
     if (this.opened) {
       this.shareMenu.classList.add('opened');
@@ -3155,6 +3166,11 @@ const SallaSocialShare = class {
       }))));
     }))));
   }
+  componentDidLoad() {
+    var script = document.createElement('script');
+    script.setAttribute('src', 'https://static.addtoany.com/menu/page.js');
+    document.head.appendChild(script);
+  }
 };
 SallaSocialShare.style = sallaSocialShareCss;
 

package/dist/esm/salla-installment.entry.js

@@ -20,9 +20,11 @@ const SallaInstallment = class {
     this.currency = salla.config.get('user.currency_code');
     salla.onReady(() => {
       const installment = salla.config.get('store.settings.installments');
-      this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
-      this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
-      this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      if (installment) {
+        this.tamaraIsActive = installment.indexOf('tamara_installment') != -1;
+        this.tabbyIsActive = installment.indexOf('tabby_installment') != -1;
+        this.spotiiIsActive = installment.indexOf('spotii_pay') != -1;
+      }
     });
   }
   render() {

package/dist/twilight-components/p-4cba804f.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import{r as t,h as o,H as r}from"./p-1503d976.js";const a=class{constructor(o){t(this,o),this.tabbyBorderRemoved=!1,this.tabbyRemoveBorderTries=0,this.language=salla.config.get("user.language_code"),this.currency=salla.config.get("user.currency_code"),salla.onReady((()=>{const t=salla.config.get("store.settings.installments");t&&(this.tamaraIsActive=-1!=t.indexOf("tamara_installment"),this.tabbyIsActive=-1!=t.indexOf("tabby_installment"),this.spotiiIsActive=-1!=t.indexOf("spotii_pay"))}))}render(){return o(r,null,this.tamaraIsActive?o("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"}):"",this.tabbyIsActive?o("div",{id:"tabbyPromoWrapper"},o("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?o("div",{class:"spotii-wrapper"},o("div",{class:"spotii-promo"})):"")}componentDidLoad(){if(this.tamaraIsActive&&((t=document.createElement("script")).setAttribute("src","https://cdn.tamara.co/widget/product-widget.min.js"),document.head.appendChild(t),t.onload=()=>{window.TamaraProductWidget.init({lang:this.language}),setTimeout((()=>{window.TamaraProductWidget.render()}),300)}),this.tabbyIsActive&&((t=document.createElement("script")).setAttribute("src","https://checkout.tabby.ai/tabby-promo.js"),document.head.appendChild(t),t.onload=()=>{new(0,window.TabbyPromo)({selector:"#tabbyPromo",currency:this.currency,price:this.price,lang:this.language}),document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))},this.removeTabbyBorder()),this.spotiiIsActive){let o=salla.money((Number(this.price)/4).toFixed(2)),r=salla.config.get("theme.is_rtl",!0);var t;window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:4,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+o+"${logo} ${info}",textOne:r?"جزء الدفع على":"Split it into",textTwo:r?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price},(t=document.createElement("script")).setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js")),document.head.appendChild(t)}}removeTabbyBorder(){this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5||(this.tabbyRemoveBorderTries++,setTimeout((()=>{let t=document.querySelector("#tabbyPromo>div>div");t=t?t.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null,t?(t.style="border: none; margin: 15px 0!important;",this.tabbyBorderRemoved=!0):this.removeTabbyBorder()}),500*this.tabbyRemoveBorderTries))}};a.style="#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--color-text);font-size:var(--font-sm);line-height:1.25;padding:18px 20px 18px 100px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 #0000, 0 0 #0000, 5px 10px 30px #2B2D340D}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px;top:18px;margin:0 !important}.ltr .tamara-product-widget .tamara-logo{right:20px;left:auto}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}";export{a as salla_installment}