@salla.sa/twilight-components 1.0.143 → 1.0.144
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.
- package/dist/cjs/salla-installment.cjs.entry.js +21 -3
- package/dist/collection/components/salla-installment/salla-installment.css +3 -4
- package/dist/collection/components/salla-installment/salla-installment.js +20 -2
- package/dist/components/salla-installment.js +21 -3
- package/dist/esm/salla-installment.entry.js +21 -3
- package/dist/twilight-components/p-cbb8c0f6.entry.js +4 -0
- package/dist/twilight-components/twilight-components.esm.js +1 -1
- package/dist/types/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/twilight-components/p-15fac4f2.entry.js +0 -4
|
@@ -7,7 +7,7 @@ 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;
|
|
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) {
|
|
@@ -33,7 +33,7 @@ const SallaInstallment = class {
|
|
|
33
33
|
: '', this.tabbyIsActive ?
|
|
34
34
|
index.h("div", { id: "tabbyPromoWrapper" }, index.h("div", { id: "tabbyPromo" }))
|
|
35
35
|
: '', this.spotiiIsActive ?
|
|
36
|
-
index.h("div", { class: "spotii-wrapper" }, index.h("div", { class: "spotii-promo" }
|
|
36
|
+
index.h("div", { class: "spotii-wrapper" }, index.h("div", { class: "spotii-promo" }))
|
|
37
37
|
: ''));
|
|
38
38
|
}
|
|
39
39
|
componentDidLoad() {
|
|
@@ -65,19 +65,37 @@ const SallaInstallment = class {
|
|
|
65
65
|
document.querySelectorAll('.tabby-promo-snippet__logo').forEach(function (element) {
|
|
66
66
|
element.setAttribute('aria-label', 'Tabby Logo');
|
|
67
67
|
});
|
|
68
|
+
//this is workaround to remove the default border and add margin
|
|
69
|
+
setTimeout(() => {
|
|
70
|
+
let promo = document.querySelector('#tabbyPromo>div>div');
|
|
71
|
+
promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
|
|
72
|
+
promo && (promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;');
|
|
73
|
+
}, 1000);
|
|
68
74
|
};
|
|
69
75
|
}
|
|
70
76
|
// Spotii
|
|
71
77
|
if (this.spotiiIsActive) {
|
|
78
|
+
let amount = salla.money((Number(this.price) / 4).toFixed(2));
|
|
72
79
|
window.spotiiConfig = {
|
|
73
80
|
targetXPath: ['.spotii-wrapper'],
|
|
74
81
|
renderToPath: ['.spotii-promo'],
|
|
82
|
+
numberOfPayment: 4,
|
|
75
83
|
currency: this.currency,
|
|
84
|
+
templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
|
|
85
|
+
//todo:: translate these
|
|
86
|
+
textOne: "جزء الدفع على",
|
|
87
|
+
textTwo: "أو إدفعها على أقساط متساوية بدون تكاليف اضافية بقيمة",
|
|
88
|
+
textThree: "مع",
|
|
89
|
+
price: this.price,
|
|
90
|
+
// forcedShow: false,
|
|
91
|
+
// merchantID: null,
|
|
76
92
|
};
|
|
77
93
|
var script = document.createElement('script');
|
|
78
|
-
// script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
|
|
79
94
|
script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
|
|
80
95
|
document.head.appendChild(script);
|
|
96
|
+
// script.onload = () => {
|
|
97
|
+
// // setTimeout()
|
|
98
|
+
// }
|
|
81
99
|
}
|
|
82
100
|
}
|
|
83
101
|
};
|
|
@@ -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;
|
|
@@ -30,7 +30,7 @@ export class SallaInstallment {
|
|
|
30
30
|
: '',
|
|
31
31
|
this.spotiiIsActive ?
|
|
32
32
|
h("div", { class: "spotii-wrapper" },
|
|
33
|
-
h("div", { class: "spotii-promo" }
|
|
33
|
+
h("div", { class: "spotii-promo" }))
|
|
34
34
|
: ''));
|
|
35
35
|
}
|
|
36
36
|
componentDidLoad() {
|
|
@@ -62,19 +62,37 @@ export class SallaInstallment {
|
|
|
62
62
|
document.querySelectorAll('.tabby-promo-snippet__logo').forEach(function (element) {
|
|
63
63
|
element.setAttribute('aria-label', 'Tabby Logo');
|
|
64
64
|
});
|
|
65
|
+
//this is workaround to remove the default border and add margin
|
|
66
|
+
setTimeout(() => {
|
|
67
|
+
let promo = document.querySelector('#tabbyPromo>div>div');
|
|
68
|
+
promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
|
|
69
|
+
promo && (promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;');
|
|
70
|
+
}, 1000);
|
|
65
71
|
};
|
|
66
72
|
}
|
|
67
73
|
// Spotii
|
|
68
74
|
if (this.spotiiIsActive) {
|
|
75
|
+
let amount = salla.money((Number(this.price) / 4).toFixed(2));
|
|
69
76
|
window.spotiiConfig = {
|
|
70
77
|
targetXPath: ['.spotii-wrapper'],
|
|
71
78
|
renderToPath: ['.spotii-promo'],
|
|
79
|
+
numberOfPayment: 4,
|
|
72
80
|
currency: this.currency,
|
|
81
|
+
templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
|
|
82
|
+
//todo:: translate these
|
|
83
|
+
textOne: "جزء الدفع على",
|
|
84
|
+
textTwo: "أو إدفعها على أقساط متساوية بدون تكاليف اضافية بقيمة",
|
|
85
|
+
textThree: "مع",
|
|
86
|
+
price: this.price,
|
|
87
|
+
// forcedShow: false,
|
|
88
|
+
// merchantID: null,
|
|
73
89
|
};
|
|
74
90
|
var script = document.createElement('script');
|
|
75
|
-
// script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
|
|
76
91
|
script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
|
|
77
92
|
document.head.appendChild(script);
|
|
93
|
+
// script.onload = () => {
|
|
94
|
+
// // setTimeout()
|
|
95
|
+
// }
|
|
78
96
|
}
|
|
79
97
|
}
|
|
80
98
|
static get is() { return "salla-installment"; }
|
|
@@ -3,7 +3,7 @@
|
|
|
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;
|
|
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() {
|
|
@@ -30,7 +30,7 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
30
30
|
: '', this.tabbyIsActive ?
|
|
31
31
|
h("div", { id: "tabbyPromoWrapper" }, h("div", { id: "tabbyPromo" }))
|
|
32
32
|
: '', this.spotiiIsActive ?
|
|
33
|
-
h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }
|
|
33
|
+
h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }))
|
|
34
34
|
: ''));
|
|
35
35
|
}
|
|
36
36
|
componentDidLoad() {
|
|
@@ -62,19 +62,37 @@ const SallaInstallment$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
|
|
|
62
62
|
document.querySelectorAll('.tabby-promo-snippet__logo').forEach(function (element) {
|
|
63
63
|
element.setAttribute('aria-label', 'Tabby Logo');
|
|
64
64
|
});
|
|
65
|
+
//this is workaround to remove the default border and add margin
|
|
66
|
+
setTimeout(() => {
|
|
67
|
+
let promo = document.querySelector('#tabbyPromo>div>div');
|
|
68
|
+
promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
|
|
69
|
+
promo && (promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;');
|
|
70
|
+
}, 1000);
|
|
65
71
|
};
|
|
66
72
|
}
|
|
67
73
|
// Spotii
|
|
68
74
|
if (this.spotiiIsActive) {
|
|
75
|
+
let amount = salla.money((Number(this.price) / 4).toFixed(2));
|
|
69
76
|
window.spotiiConfig = {
|
|
70
77
|
targetXPath: ['.spotii-wrapper'],
|
|
71
78
|
renderToPath: ['.spotii-promo'],
|
|
79
|
+
numberOfPayment: 4,
|
|
72
80
|
currency: this.currency,
|
|
81
|
+
templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
|
|
82
|
+
//todo:: translate these
|
|
83
|
+
textOne: "جزء الدفع على",
|
|
84
|
+
textTwo: "أو إدفعها على أقساط متساوية بدون تكاليف اضافية بقيمة",
|
|
85
|
+
textThree: "مع",
|
|
86
|
+
price: this.price,
|
|
87
|
+
// forcedShow: false,
|
|
88
|
+
// merchantID: null,
|
|
73
89
|
};
|
|
74
90
|
var script = document.createElement('script');
|
|
75
|
-
// script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
|
|
76
91
|
script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
|
|
77
92
|
document.head.appendChild(script);
|
|
93
|
+
// script.onload = () => {
|
|
94
|
+
// // setTimeout()
|
|
95
|
+
// }
|
|
78
96
|
}
|
|
79
97
|
}
|
|
80
98
|
static get style() { return sallaInstallmentCss; }
|
|
@@ -3,7 +3,7 @@
|
|
|
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;
|
|
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) {
|
|
@@ -29,7 +29,7 @@ const SallaInstallment = class {
|
|
|
29
29
|
: '', this.tabbyIsActive ?
|
|
30
30
|
h("div", { id: "tabbyPromoWrapper" }, h("div", { id: "tabbyPromo" }))
|
|
31
31
|
: '', this.spotiiIsActive ?
|
|
32
|
-
h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }
|
|
32
|
+
h("div", { class: "spotii-wrapper" }, h("div", { class: "spotii-promo" }))
|
|
33
33
|
: ''));
|
|
34
34
|
}
|
|
35
35
|
componentDidLoad() {
|
|
@@ -61,19 +61,37 @@ const SallaInstallment = class {
|
|
|
61
61
|
document.querySelectorAll('.tabby-promo-snippet__logo').forEach(function (element) {
|
|
62
62
|
element.setAttribute('aria-label', 'Tabby Logo');
|
|
63
63
|
});
|
|
64
|
+
//this is workaround to remove the default border and add margin
|
|
65
|
+
setTimeout(() => {
|
|
66
|
+
let promo = document.querySelector('#tabbyPromo>div>div');
|
|
67
|
+
promo = promo ? promo.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]') : null;
|
|
68
|
+
promo && (promo.style = 'border: none; margin: 15px 0!important; box-sizing: content-box;');
|
|
69
|
+
}, 1000);
|
|
64
70
|
};
|
|
65
71
|
}
|
|
66
72
|
// Spotii
|
|
67
73
|
if (this.spotiiIsActive) {
|
|
74
|
+
let amount = salla.money((Number(this.price) / 4).toFixed(2));
|
|
68
75
|
window.spotiiConfig = {
|
|
69
76
|
targetXPath: ['.spotii-wrapper'],
|
|
70
77
|
renderToPath: ['.spotii-promo'],
|
|
78
|
+
numberOfPayment: 4,
|
|
71
79
|
currency: this.currency,
|
|
80
|
+
templateLine: "${textOne} ${number} ${textTwo} " + amount + " ${textThree} ${logo} ${info}",
|
|
81
|
+
//todo:: translate these
|
|
82
|
+
textOne: "جزء الدفع على",
|
|
83
|
+
textTwo: "أو إدفعها على أقساط متساوية بدون تكاليف اضافية بقيمة",
|
|
84
|
+
textThree: "مع",
|
|
85
|
+
price: this.price,
|
|
86
|
+
// forcedShow: false,
|
|
87
|
+
// merchantID: null,
|
|
72
88
|
};
|
|
73
89
|
var script = document.createElement('script');
|
|
74
|
-
// script.setAttribute('src', 'https://store.test/themes/default/assets/js/price-widget-ar-salla.js');
|
|
75
90
|
script.setAttribute('src', salla.url.cdn('js/price-widget-ar-salla.js'));
|
|
76
91
|
document.head.appendChild(script);
|
|
92
|
+
// script.onload = () => {
|
|
93
|
+
// // setTimeout()
|
|
94
|
+
// }
|
|
77
95
|
}
|
|
78
96
|
}
|
|
79
97
|
};
|
|
@@ -0,0 +1,4 @@
|
|
|
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"})):"")}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")})),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;")}),1e3)}),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)}}};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;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}
|
|
@@ -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-
|
|
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-cbb8c0f6",[[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/index.d.ts
CHANGED
package/package.json
CHANGED
|
@@ -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}
|