@salla.sa/twilight-components 1.0.143 → 1.0.145

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/cjs/salla-installment.cjs.entry.js +40 -3
  2. package/dist/collection/components/salla-installment/salla-installment.css +3 -4
  3. package/dist/collection/components/salla-installment/salla-installment.js +39 -2
  4. package/dist/components/salla-installment.js +40 -3
  5. package/dist/esm/salla-installment.entry.js +40 -3
  6. package/dist/twilight-components/p-cf7754c1.entry.js +4 -0
  7. package/dist/twilight-components/twilight-components.esm.js +1 -1
  8. package/dist/types/components/salla-installment/salla-installment.d.ts +7 -0
  9. package/dist/types/index.d.ts +1 -0
  10. package/package.json +1 -1
  11. package/dist/twilight-components/p-15fac4f2.entry.js +0 -4
package/dist/cjs/salla-installment.cjs.entry.js CHANGED
@@ -7,11 +7,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  const index = require('./index-b4140db0.js');
9
9
 
10
- const sallaInstallmentCss = "#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;padding:15px;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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}";
10
+ const sallaInstallmentCss = "#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}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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}";
11
11
 
12
12
  const SallaInstallment = class {
13
13
  constructor(hostRef) {
14
14
  index.registerInstance(this, hostRef);
15
+ this.tabbyBorderRemoved = false;
16
+ this.tabbyRemoveBorderTries = 0;
15
17
  /**
16
18
  * Language code
17
19
  */
@@ -33,7 +35,7 @@ const SallaInstallment = class {
33
35
  : '', this.tabbyIsActive ?
34
36
  index.h("div", { id: "tabbyPromoWrapper" }, index.h("div", { id: "tabbyPromo" }))
35
37
  : '', this.spotiiIsActive ?
36
- index.h("div", { class: "spotii-wrapper" }, index.h("div", { class: "spotii-promo" }, this.price))
38
+ index.h("div", { class: "spotii-wrapper" }, index.h("div", { class: "spotii-promo" }))
37
39
  : ''));
38
40
  }
39
41
  componentDidLoad() {
@@ -66,20 +68,55 @@ const SallaInstallment = class {
66
68
  element.setAttribute('aria-label', 'Tabby Logo');
67
69
  });
68
70
  };
71
+ //this is workaround to remove the default border and add margin
72
+ this.removeTabbyBorder();
69
73
  }
70
74
  // Spotii
71
75
  if (this.spotiiIsActive) {
76
+ let amount = salla.money((Number(this.price) / 4).toFixed(2));
72
77
  window.spotiiConfig = {
73
78
  targetXPath: ['.spotii-wrapper'],
74
79
  renderToPath: ['.spotii-promo'],
80
+ numberOfPayment: 4,
75
81
  currency: this.currency,
82
+ templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
83
+ //todo:: translate these
84
+ textOne: "جزء الدفع على",
85
+ textTwo: "أقساط متساوية بدون تكاليف اضافية بقيمة",
86
+ textThree: "مع",
87
+ price: this.price,
88
+ // forcedShow: false,
89
+ // merchantID: null,
76
90
  };
77
91
  var script = document.createElement('script');
78
- // script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
79
92
  script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
80
93
  document.head.appendChild(script);
94
+ // script.onload = () => {
95
+ // // setTimeout()
96
+ // }
81
97
  }
82
98
  }
99
+ /**
100
+ * this is workaround to remove the default border and add margin
101
+ * we will try to remove tabby border 5 times for 7.5 seconds
102
+ */
103
+ removeTabbyBorder() {
104
+ if (this.tabbyBorderRemoved || this.tabbyRemoveBorderTries > 5) {
105
+ return;
106
+ }
107
+ this.tabbyRemoveBorderTries++;
108
+ setTimeout(() => {
109
+ let promo = document.querySelector('#tabbyPromo>div>div');
110
+ promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
111
+ if (promo) {
112
+ promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;';
113
+ this.tabbyBorderRemoved = true;
114
+ }
115
+ else {
116
+ this.removeTabbyBorder();
117
+ }
118
+ }, this.tabbyRemoveBorderTries * 500);
119
+ }
83
120
  };
84
121
  SallaInstallment.style = sallaInstallmentCss;
85
122
 
package/dist/collection/components/salla-installment/salla-installment.css CHANGED
@@ -1,8 +1,8 @@
1
1
  /*
2
- The whole installment methods is a third-party widgets,
2
+ The whole installment methods is a third-party widgets,
3
3
  So there aren't a custom classes (as other components) to style them.
4
4
  */
5
- /*
5
+ /*
6
6
  * Installment::Tabby
7
7
  */
8
8
  #tabbyPromoWrapper {
@@ -23,7 +23,6 @@
23
23
  }
24
24
  #tabbyPromoWrapper #tabbyPromo > div > div {
25
25
  max-width: none;
26
- padding: 15px;
27
26
  box-shadow: none;
28
27
  border: none;
29
28
  }
@@ -53,7 +52,7 @@
53
52
  }
54
53
 
55
54
  /*
56
- * Installment::Tamara & Spotii
55
+ * Installment::Tamara & Spotii
57
56
  */
58
57
  .tamara-product-widget {
59
58
  margin-bottom: 20px;
package/dist/collection/components/salla-installment/salla-installment.js CHANGED
@@ -4,6 +4,8 @@
4
4
  import { Component, Host, h, Prop, State } from '@stencil/core';
5
5
  export class SallaInstallment {
6
6
  constructor() {
7
+ this.tabbyBorderRemoved = false;
8
+ this.tabbyRemoveBorderTries = 0;
7
9
  /**
8
10
  * Language code
9
11
  */
@@ -30,7 +32,7 @@ export class SallaInstallment {
30
32
  : '',
31
33
  this.spotiiIsActive ?
32
34
  h("div", { class: "spotii-wrapper" },
33
- h("div", { class: "spotii-promo" }, this.price))
35
+ h("div", { class: "spotii-promo" }))
34
36
  : ''));
35
37
  }
36
38
  componentDidLoad() {
@@ -63,20 +65,55 @@ export class SallaInstallment {
63
65
  element.setAttribute('aria-label', 'Tabby Logo');
64
66
  });
65
67
  };
68
+ //this is workaround to remove the default border and add margin
69
+ this.removeTabbyBorder();
66
70
  }
67
71
  // Spotii
68
72
  if (this.spotiiIsActive) {
73
+ let amount = salla.money((Number(this.price) / 4).toFixed(2));
69
74
  window.spotiiConfig = {
70
75
  targetXPath: ['.spotii-wrapper'],
71
76
  renderToPath: ['.spotii-promo'],
77
+ numberOfPayment: 4,
72
78
  currency: this.currency,
79
+ templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
80
+ //todo:: translate these
81
+ textOne: "جزء الدفع على",
82
+ textTwo: "أقساط متساوية بدون تكاليف اضافية بقيمة",
83
+ textThree: "مع",
84
+ price: this.price,
85
+ // forcedShow: false,
86
+ // merchantID: null,
73
87
  };
74
88
  var script = document.createElement('script');
75
- // script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
76
89
  script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
77
90
  document.head.appendChild(script);
91
+ // script.onload = () => {
92
+ // // setTimeout()
93
+ // }
78
94
  }
79
95
  }
96
+ /**
97
+ * this is workaround to remove the default border and add margin
98
+ * we will try to remove tabby border 5 times for 7.5 seconds
99
+ */
100
+ removeTabbyBorder() {
101
+ if (this.tabbyBorderRemoved || this.tabbyRemoveBorderTries > 5) {
102
+ return;
103
+ }
104
+ this.tabbyRemoveBorderTries++;
105
+ setTimeout(() => {
106
+ let promo = document.querySelector('#tabbyPromo>div>div');
107
+ promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
108
+ if (promo) {
109
+ promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;';
110
+ this.tabbyBorderRemoved = true;
111
+ }
112
+ else {
113
+ this.removeTabbyBorder();
114
+ }
115
+ }, this.tabbyRemoveBorderTries * 500);
116
+ }
80
117
  static get is() { return "salla-installment"; }
81
118
  static get originalStyleUrls() { return {
82
119
  "$": ["salla-installment.scss"]
package/dist/components/salla-installment.js CHANGED
@@ -3,12 +3,14 @@
3
3
  */
4
4
  import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
5
5
 
6
- const sallaInstallmentCss = "#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;padding:15px;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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}";
6
+ const sallaInstallmentCss = "#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}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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}";
7
7
 
8
8
  const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
9
9
  constructor() {
10
10
  super();
11
11
  this.__registerHost();
12
+ this.tabbyBorderRemoved = false;
13
+ this.tabbyRemoveBorderTries = 0;
12
14
  /**
13
15
  * Language code
14
16
  */
@@ -30,7 +32,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
30
32
  : '', this.tabbyIsActive ?
31
33
  h("div", { id: "tabbyPromoWrapper" }, h("div", { id: "tabbyPromo" }))
32
34
  : '', this.spotiiIsActive ?
33
- h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }, this.price))
35
+ h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }))
34
36
  : ''));
35
37
  }
36
38
  componentDidLoad() {
@@ -63,20 +65,55 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
63
65
  element.setAttribute('aria-label', 'Tabby Logo');
64
66
  });
65
67
  };
68
+ //this is workaround to remove the default border and add margin
69
+ this.removeTabbyBorder();
66
70
  }
67
71
  // Spotii
68
72
  if (this.spotiiIsActive) {
73
+ let amount = salla.money((Number(this.price) / 4).toFixed(2));
69
74
  window.spotiiConfig = {
70
75
  targetXPath: ['.spotii-wrapper'],
71
76
  renderToPath: ['.spotii-promo'],
77
+ numberOfPayment: 4,
72
78
  currency: this.currency,
79
+ templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
80
+ //todo:: translate these
81
+ textOne: "جزء الدفع على",
82
+ textTwo: "أقساط متساوية بدون تكاليف اضافية بقيمة",
83
+ textThree: "مع",
84
+ price: this.price,
85
+ // forcedShow: false,
86
+ // merchantID: null,
73
87
  };
74
88
  var script = document.createElement('script');
75
- // script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
76
89
  script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
77
90
  document.head.appendChild(script);
91
+ // script.onload = () => {
92
+ // // setTimeout()
93
+ // }
78
94
  }
79
95
  }
96
+ /**
97
+ * this is workaround to remove the default border and add margin
98
+ * we will try to remove tabby border 5 times for 7.5 seconds
99
+ */
100
+ removeTabbyBorder() {
101
+ if (this.tabbyBorderRemoved || this.tabbyRemoveBorderTries > 5) {
102
+ return;
103
+ }
104
+ this.tabbyRemoveBorderTries++;
105
+ setTimeout(() => {
106
+ let promo = document.querySelector('#tabbyPromo>div>div');
107
+ promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
108
+ if (promo) {
109
+ promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;';
110
+ this.tabbyBorderRemoved = true;
111
+ }
112
+ else {
113
+ this.removeTabbyBorder();
114
+ }
115
+ }, this.tabbyRemoveBorderTries * 500);
116
+ }
80
117
  static get style() { return sallaInstallmentCss; }
81
118
  }, [0, "salla-installment", {
82
119
  "price": [1],
package/dist/esm/salla-installment.entry.js CHANGED
@@ -3,11 +3,13 @@
3
3
  */
4
4
  import { r as registerInstance, h, H as Host } from './index-20b84fd0.js';
5
5
 
6
- const sallaInstallmentCss = "#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;padding:15px;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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}";
6
+ const sallaInstallmentCss = "#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}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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}";
7
7
 
8
8
  const SallaInstallment = class {
9
9
  constructor(hostRef) {
10
10
  registerInstance(this, hostRef);
11
+ this.tabbyBorderRemoved = false;
12
+ this.tabbyRemoveBorderTries = 0;
11
13
  /**
12
14
  * Language code
13
15
  */
@@ -29,7 +31,7 @@ const SallaInstallment = class {
29
31
  : '', this.tabbyIsActive ?
30
32
  h("div", { id: "tabbyPromoWrapper" }, h("div", { id: "tabbyPromo" }))
31
33
  : '', this.spotiiIsActive ?
32
- h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }, this.price))
34
+ h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }))
33
35
  : ''));
34
36
  }
35
37
  componentDidLoad() {
@@ -62,20 +64,55 @@ const SallaInstallment = class {
62
64
  element.setAttribute('aria-label', 'Tabby Logo');
63
65
  });
64
66
  };
67
+ //this is workaround to remove the default border and add margin
68
+ this.removeTabbyBorder();
65
69
  }
66
70
  // Spotii
67
71
  if (this.spotiiIsActive) {
72
+ let amount = salla.money((Number(this.price) / 4).toFixed(2));
68
73
  window.spotiiConfig = {
69
74
  targetXPath: ['.spotii-wrapper'],
70
75
  renderToPath: ['.spotii-promo'],
76
+ numberOfPayment: 4,
71
77
  currency: this.currency,
78
+ templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
79
+ //todo:: translate these
80
+ textOne: "جزء الدفع على",
81
+ textTwo: "أقساط متساوية بدون تكاليف اضافية بقيمة",
82
+ textThree: "مع",
83
+ price: this.price,
84
+ // forcedShow: false,
85
+ // merchantID: null,
72
86
  };
73
87
  var script = document.createElement('script');
74
- // script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
75
88
  script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
76
89
  document.head.appendChild(script);
90
+ // script.onload = () => {
91
+ // // setTimeout()
92
+ // }
77
93
  }
78
94
  }
95
+ /**
96
+ * this is workaround to remove the default border and add margin
97
+ * we will try to remove tabby border 5 times for 7.5 seconds
98
+ */
99
+ removeTabbyBorder() {
100
+ if (this.tabbyBorderRemoved || this.tabbyRemoveBorderTries > 5) {
101
+ return;
102
+ }
103
+ this.tabbyRemoveBorderTries++;
104
+ setTimeout(() => {
105
+ let promo = document.querySelector('#tabbyPromo>div>div');
106
+ promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
107
+ if (promo) {
108
+ promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;';
109
+ this.tabbyBorderRemoved = true;
110
+ }
111
+ else {
112
+ this.removeTabbyBorder();
113
+ }
114
+ }, this.tabbyRemoveBorderTries * 500);
115
+ }
79
116
  };
80
117
  SallaInstallment.style = sallaInstallmentCss;
81
118
 
package/dist/twilight-components/p-cf7754c1.entry.js ADDED
@@ -0,0 +1,4 @@
1
+ /*!
2
+ * Crafted with ❤ by Salla
3
+ */
4
+ import{r as t,h as o,H as r}from"./p-c2bef5f2.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");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));var t;window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:4,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+o+" ${textThree} ${logo} ${info}",textOne:"جزء الدفع على",textTwo:"أقساط متساوية بدون تكاليف اضافية بقيمة",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; box-sizing: content-box;",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}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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}
package/dist/twilight-components/twilight-components.esm.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Crafted with ❤ by Salla
3
3
  */
4
- import{p as e,b as a}from"./p-c2bef5f2.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-6ba4ed00",[[4,"salla-login-modal",{isEmailAllowed:[1028,"is-email-allowed"],isMobileAllowed:[1028,"is-mobile-allowed"],isEmailRequired:[1028,"is-email-required"],title:[32],loginTypeTitle:[32],loginText:[32],smsLabel:[32],mobileLabel:[32],emailLabel:[32],enterText:[32],bySMSText:[32],byEmailText:[32],emailErrorMsg:[32],firstNameLabel:[32],lastNameLabel:[32],firstNameErrorMsg:[32],lastNameErrorMsg:[32],open:[64]},[[8,"verified","onVerified"]]],[0,"salla-rating-modal",{orderId:[2,"order-id"],order:[32],open:[64],close:[64]}],[4,"salla-branches",{position:[1],displayAs:[1,"display-as"],browseProductsFrom:[1,"browse-products-from"],branches:[16],current:[1026],open:[32],selected:[32],isOpenedBefore:[32],show:[64],hide:[64]}],[0,"salla-localization-modal",{language:[1537],currency:[1537],languages:[32],currencies:[32],languagesTitle:[32],currenciesTitle:[32],isLoading:[32],open:[64],close:[64],submit:[64]}],[0,"salla-offer-modal",{offer:[32],offer_name:[32],offer_message:[32],offer_expires_in:[32],remember_my_choice:[32],add_to_cart:[32],out_of_stock:[32],open:[64],showOffer:[64]}],[0,"salla-search",{inline:[4],oval:[4],height:[2],results:[32],placeholder:[32],noResultsText:[32],typing:[32],debounce:[32],search_term:[32]}],[4,"salla-infinite-scroll",{nextPage:[1,"next-page"],autoload:[1028],container:[1],item:[1],loadMore:[32],noMore:[32],failedToLoad:[32]}],[0,"salla-product-availability",{channels:[1],productId:[2,"product-id"],isSubscribed:[1028,"is-subscribed"],subTitle:[32],mobileLabel:[32],emailLabel:[32],emailPlaceholder:[32],subscribedMessage:[32],title_:[32],emailErrorMsg:[32],isVisitorSubscribed:[32]}],[4,"salla-verify",{display:[1],type:[1025],autoReload:[4,"auto-reload"],title:[32],resendAfter:[32],isProfileVerify:[32],getCode:[64],open:[64]}],[0,"salla-rating-stars",{name:[1],size:[1],value:[2]}],[0,"salla-tel-input",{phone:[1025],name:[1],countryCode:[1025,"country-code"],mobileRequired:[32],countryCodeLabel:[32],mobileLabel:[32],tooShort:[32],tooLong:[32],invalidCountryCode:[32],invalidNumber:[32],errorMap:[32],getValues:[64],isValid:[64]}],[4,"salla-button",{shape:[513],color:[513],fill:[513],size:[513],width:[513],loading:[516],disabled:[516],loaderPosition:[1,"loader-position"],href:[1],load:[64],stop:[64],setText:[64],disable:[64],enable:[64]}],[4,"salla-modal",{isClosable:[1028,"is-closable"],width:[513],position:[513],visible:[516],isLoading:[1540,"is-loading"],subTitleFirst:[4,"sub-title-first"],noPadding:[4,"no-padding"],subTitle:[1,"sub-title"],icon:[1],iconStyle:[1,"icon-style"],imageIcon:[1,"image-icon"],modalTitle:[32],open:[64],close:[64],setTitle:[64],loading:[64],stopLoading:[64]}]]],["p-6f4f4260",[[4,"salla-add-product-button",{channels:[513],quantity:[514],donatingAmount:[514,"donating-amount"],productId:[520,"product-id"],productStatus:[513,"product-status"],productType:[513,"product-type"]}]]],["p-27d01075",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-15fac4f2",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]],["p-a1ec2c1d",[[4,"salla-quantity-input",{quantity:[32],decrease:[64],increase:[64],setValue:[64]}]]]],e)));
4
+ import{p as e,b as a}from"./p-c2bef5f2.js";(()=>{const a=import.meta.url,l={};return""!==a&&(l.resourcesUrl=new URL(".",a).href),e(l)})().then((e=>a([["p-6ba4ed00",[[4,"salla-login-modal",{isEmailAllowed:[1028,"is-email-allowed"],isMobileAllowed:[1028,"is-mobile-allowed"],isEmailRequired:[1028,"is-email-required"],title:[32],loginTypeTitle:[32],loginText:[32],smsLabel:[32],mobileLabel:[32],emailLabel:[32],enterText:[32],bySMSText:[32],byEmailText:[32],emailErrorMsg:[32],firstNameLabel:[32],lastNameLabel:[32],firstNameErrorMsg:[32],lastNameErrorMsg:[32],open:[64]},[[8,"verified","onVerified"]]],[0,"salla-rating-modal",{orderId:[2,"order-id"],order:[32],open:[64],close:[64]}],[4,"salla-branches",{position:[1],displayAs:[1,"display-as"],browseProductsFrom:[1,"browse-products-from"],branches:[16],current:[1026],open:[32],selected:[32],isOpenedBefore:[32],show:[64],hide:[64]}],[0,"salla-localization-modal",{language:[1537],currency:[1537],languages:[32],currencies:[32],languagesTitle:[32],currenciesTitle:[32],isLoading:[32],open:[64],close:[64],submit:[64]}],[0,"salla-offer-modal",{offer:[32],offer_name:[32],offer_message:[32],offer_expires_in:[32],remember_my_choice:[32],add_to_cart:[32],out_of_stock:[32],open:[64],showOffer:[64]}],[0,"salla-search",{inline:[4],oval:[4],height:[2],results:[32],placeholder:[32],noResultsText:[32],typing:[32],debounce:[32],search_term:[32]}],[4,"salla-infinite-scroll",{nextPage:[1,"next-page"],autoload:[1028],container:[1],item:[1],loadMore:[32],noMore:[32],failedToLoad:[32]}],[0,"salla-product-availability",{channels:[1],productId:[2,"product-id"],isSubscribed:[1028,"is-subscribed"],subTitle:[32],mobileLabel:[32],emailLabel:[32],emailPlaceholder:[32],subscribedMessage:[32],title_:[32],emailErrorMsg:[32],isVisitorSubscribed:[32]}],[4,"salla-verify",{display:[1],type:[1025],autoReload:[4,"auto-reload"],title:[32],resendAfter:[32],isProfileVerify:[32],getCode:[64],open:[64]}],[0,"salla-rating-stars",{name:[1],size:[1],value:[2]}],[0,"salla-tel-input",{phone:[1025],name:[1],countryCode:[1025,"country-code"],mobileRequired:[32],countryCodeLabel:[32],mobileLabel:[32],tooShort:[32],tooLong:[32],invalidCountryCode:[32],invalidNumber:[32],errorMap:[32],getValues:[64],isValid:[64]}],[4,"salla-button",{shape:[513],color:[513],fill:[513],size:[513],width:[513],loading:[516],disabled:[516],loaderPosition:[1,"loader-position"],href:[1],load:[64],stop:[64],setText:[64],disable:[64],enable:[64]}],[4,"salla-modal",{isClosable:[1028,"is-closable"],width:[513],position:[513],visible:[516],isLoading:[1540,"is-loading"],subTitleFirst:[4,"sub-title-first"],noPadding:[4,"no-padding"],subTitle:[1,"sub-title"],icon:[1],iconStyle:[1,"icon-style"],imageIcon:[1,"image-icon"],modalTitle:[32],open:[64],close:[64],setTitle:[64],loading:[64],stopLoading:[64]}]]],["p-6f4f4260",[[4,"salla-add-product-button",{channels:[513],quantity:[514],donatingAmount:[514,"donating-amount"],productId:[520,"product-id"],productStatus:[513,"product-status"],productType:[513,"product-type"]}]]],["p-27d01075",[[4,"salla-conditional-fields",null,[[0,"change","changeHandler"]]]]],["p-cf7754c1",[[0,"salla-installment",{price:[1],language:[1],currency:[1],tamaraIsActive:[32],tabbyIsActive:[32],spotiiIsActive:[32]}]]],["p-a1ec2c1d",[[4,"salla-quantity-input",{quantity:[32],decrease:[64],increase:[64],setValue:[64]}]]]],e)));
package/dist/types/components/salla-installment/salla-installment.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  export declare class SallaInstallment {
2
+ private tabbyBorderRemoved;
3
+ private tabbyRemoveBorderTries;
2
4
  constructor();
3
5
  /**
4
6
  * Current product price
@@ -17,4 +19,9 @@ export declare class SallaInstallment {
17
19
  spotiiIsActive: boolean;
18
20
  render(): any;
19
21
  componentDidLoad(): void;
22
+ /**
23
+ * this is workaround to remove the default border and add margin
24
+ * we will try to remove tabby border 5 times for 7.5 seconds
25
+ */
26
+ removeTabbyBorder(): void;
20
27
  }
package/dist/types/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  declare global {
2
2
  interface Window {
3
3
  salla: any;
4
+ [key: string]: any;
4
5
  }
5
6
  let salla: any;
6
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salla.sa/twilight-components",
3
- "version": "1.0.143",
3
+ "version": "1.0.145",
4
4
  "license": "MIT",
5
5
  "author": "Salla Team <support@salla.dev> (https://salla.dev)",
6
6
  "bugs": {
package/dist/twilight-components/p-15fac4f2.entry.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * Crafted with ❤ by Salla
3
- */
4
- import{r as t,h as o,H as a}from"./p-c2bef5f2.js";const r=class{constructor(o){t(this,o),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");this.tamaraIsActive=-1!=t.indexOf("tamara_installment"),this.tabbyIsActive=-1!=t.indexOf("tabby_installment"),this.spotiiIsActive=-1!=t.indexOf("spotii_pay")}))}render(){return o(a,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"},this.price)):"")}componentDidLoad(){var t;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.spotiiIsActive&&(window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],currency:this.currency},(t=document.createElement("script")).setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js")),document.head.appendChild(t))}};r.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;padding:15px;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none}#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}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm);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{r as salla_installment}