@salla.sa/twilight-components 2.14.389 → 2.14.390

package/dist/cjs/{salla-count-down_2.cjs.entry.js → salla-product-card.cjs.entry.js}

@@ -3,167 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var star2 = require('./star2-R146a27p.js');
 
-const sallaCountDownCss = "";
-
-const SallaCountDown = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        /**
-         * The size of the count down
-         * */
-        this.size = 'md';
-        /**
-         * The color of the count down
-         * */
-        this.color = 'dark';
-        /**
-         * The digits lang to show in the count down
-         * */
-        this.digits = 'auto';
-        this.daysLabel = salla.lang.getWithDefault('pages.checkout.day', 'يوم');
-        this.hoursLabel = salla.lang.getWithDefault('pages.checkout.hour', 'ساعة');
-        this.minutesLabel = salla.lang.getWithDefault('pages.checkout.minute', 'دقيقة');
-        this.secondsLabel = salla.lang.getWithDefault('pages.checkout.second', 'ثانية');
-        this.endLabel = salla.lang.getWithDefault('pages.checkout.offer_ended', 'انتهت مدة العرض');
-        this.invalidDate = salla.lang.getWithDefault('blocks.buy_as_gift.incorrect_date', 'الرجاء إدخال الموعد بشكل صحيح');
-        this.offerEnded = false;
-        this.days = this.number(0);
-        this.hours = this.number(0);
-        this.minutes = this.number(0);
-        this.seconds = this.number(0);
-        salla.lang.onLoaded(() => {
-            this.daysLabel = salla.lang.getWithDefault('pages.checkout.day', 'يوم');
-            this.hoursLabel = salla.lang.getWithDefault('pages.checkout.hour', 'ساعة');
-            this.minutesLabel = salla.lang.getWithDefault('pages.checkout.minute', 'دقيقة');
-            this.invalidDate = salla.lang.getWithDefault('blocks.buy_as_gift.incorrect_date', 'الرجاء إدخال الموعد بشكل صحيح');
-            this.secondsLabel = salla.lang.getWithDefault('pages.checkout.second', 'ثانية');
-            this.endLabel = salla.lang.getWithDefault('pages.checkout.offer_ended', 'انتهت مدة العرض');
-        });
-        if (this.date && this.isValidDate(this.date)) {
-            this.startCountDown();
-        }
-    }
-    /**
-     * End the count down
-     * */
-    async endCountDown() {
-        clearInterval(this.countInterval);
-        this.offerEnded = true;
-        this.days = this.number(0);
-        this.hours = this.number(0);
-        this.minutes = this.number(0);
-        this.seconds = this.number(0);
-    }
-    componentWillLoad() {
-        if (typeof this.preOrder === 'string') {
-            try {
-                this.normalizedPreOrder = JSON.parse(this.preOrder);
-            }
-            catch {
-                this.normalizedPreOrder = undefined;
-            }
-        }
-        else {
-            this.normalizedPreOrder = this.preOrder;
-        }
-        if (this.normalizedPreOrder?.end_date) {
-            this.date = this.normalizedPreOrder.end_date;
-            if (this.date && this.isValidDate(this.date)) {
-                this.startCountDown();
-            }
-        }
-    }
-    isValidDate(date) {
-        let dateHasDashes = date.includes('-'), dateParts = date.split(' '), testedDate;
-        if (dateHasDashes) {
-            testedDate = dateParts[0].replace(/-/g, '/');
-        }
-        else {
-            testedDate = dateParts[0];
-        }
-        return !isNaN(Date.parse(testedDate));
-    }
-    number(digit) {
-        return salla.helpers.number(digit, this.digits === 'en');
-    }
-    startCountDown() {
-        let countDownDate = new Date(this.date.replace(/-/g, '/'));
-        if (this.endOfDay || this.date.split(' ').length === 1) {
-            countDownDate.setHours(23, 59, 59, 999);
-        }
-        let countDownTime = countDownDate.getTime();
-        this.countInterval = setInterval(() => {
-            let now = new Date().getTime();
-            let distance = countDownTime - now;
-            this.days = this.number(Math.floor(distance / (1000 * 60 * 60 * 24)));
-            this.hours = this.number(Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)));
-            this.minutes = this.number(Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)));
-            this.seconds = this.number(Math.floor((distance % (1000 * 60)) / 1000));
-            if (distance < 0) {
-                this.endCountDown();
-            }
-        }, 1000);
-    }
-    renderCountDown() {
-        return (index.h("ul", { class: `s-count-down-list ${this.boxed ? 's-count-down-boxed' : ''} ${this.offerEnded ? 's-count-down-ended' : ''} s-count-down-${this.size} s-count-down-${this.color}` }, index.h("li", { class: "s-count-down-item" }, index.h("div", { class: "s-count-down-item-value" }, this.seconds), this.labeled && index.h("div", { class: "s-count-down-item-label" }, this.secondsLabel)), index.h("li", { class: "s-count-down-item" }, index.h("div", { class: "s-count-down-item-value" }, this.minutes), this.labeled && index.h("div", { class: "s-count-down-item-label" }, this.minutesLabel)), index.h("li", { class: "s-count-down-item" }, index.h("div", { class: "s-count-down-item-value" }, this.hours), this.labeled && index.h("div", { class: "s-count-down-item-label" }, this.hoursLabel)), index.h("li", { class: "s-count-down-item" }, index.h("div", { class: "s-count-down-item-value" }, this.days), this.labeled && index.h("div", { class: "s-count-down-item-label" }, this.daysLabel))));
-    }
-    renderInvalidDate() {
-        return index.h("div", { class: "s-count-down-text-center" }, this.invalidDate);
-    }
-    renderOfferEnded() {
-        return index.h("div", { class: "s-count-down-end-text" }, !!this.endText ? this.endText : this.endLabel);
-    }
-    renderPreOrderToBeAvailableOn() {
-        if (!this.normalizedPreOrder?.availability_date ||
-            !this.isValidDate(this.normalizedPreOrder?.availability_date))
-            return null;
-        return (index.h("div", { class: "s-count-down-info-message" }, index.h("i", { class: "sicon-info" }), index.h("span", null, salla.lang.getWithDefault('pages.products.expected_to_be', 'متوقَّع توفُّره بتاريخ:')), index.h("span", null, new Date(this.normalizedPreOrder?.availability_date).toLocaleDateString(salla.lang.locale, {
-            weekday: 'long',
-            year: 'numeric',
-            month: 'long',
-            day: 'numeric',
-        }))));
-    }
-    renderPreOrderCountDown() {
-        if (!this.normalizedPreOrder?.activate_countdown)
-            return null;
-        return (index.h("div", { class: "s-count-down-pre-order-container" }, index.h("p", { class: "text-sm " }, salla.lang.getWithDefault('pages.products.pre_order_ends_in', 'ينتهي الطلب المسبق خلال:')), this.renderCountDown()));
-    }
-    renderPreOrder() {
-        return (index.h("div", null, typeof this.normalizedPreOrder === 'object' &&
-            this.normalizedPreOrder?.availability_date &&
-            this.renderPreOrderToBeAvailableOn(), this.renderPreOrderCountDown()));
-    }
-    renderPrefixText() {
-        if (!this.prefixText)
-            return null;
-        return index.h("span", { class: "s-count-down-prefix-text" }, this.prefixText);
-    }
-    renderButton() {
-        if (!this.withButton || !this.buttonText)
-            return null;
-        return index.h("salla-button", { color: "primary", size: "medium", href: this.buttonHref }, this.buttonIcon ? index.h("i", { class: this.buttonIcon }) : null, index.h("span", null, this.buttonText));
-    }
-    renderContent() {
-        if (!this.date)
-            return null;
-        if (!this.isValidDate(this.date)) {
-            return this.renderInvalidDate();
-        }
-        if (this.preOrder) {
-            return this.renderPreOrder();
-        }
-        return this.renderCountDown();
-    }
-    render() {
-        return (index.h(index.Host, { key: '0cfdbb009d256be108123cabf3cb4311866bdc17', class: `s-count-down-wrapper ${this.preOrder && this.isValidDate(this.date) ? 's-count-down-pre-order' : ''} ${this.horizontal ? 's-count-down-horizontal' : ''} ${this.withButton ? 's-count-down-with-button' : ''}` }, this.renderPrefixText(), this.renderContent(), this.offerEnded && this.renderOfferEnded(), this.renderButton()));
-    }
-};
-SallaCountDown.style = sallaCountDownCss;
-
 var Heart = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>heart</title>
@@ -314,5 +156,4 @@ const SallaProductCard = class {
 };
 SallaProductCard.style = sallaProductCardCss;
 
-exports.salla_count_down = SallaCountDown;
 exports.salla_product_card = SallaProductCard;

package/dist/cjs/salla-product-size-guide.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 var PencilRuler = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

package/dist/cjs/salla-products-list.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var shoppingBag = require('./shopping-bag-C1gvTVHr.js');
 var Helper = require('./Helper-CU4Xuiki.js');

package/dist/cjs/salla-products-slider.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
 

package/dist/cjs/salla-progress-bar.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 const sallaProgressBarCss = "";
 

package/dist/cjs/salla-quick-order.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var mail = require('./mail-CO8cFZH7.js');
 var cancel = require('./cancel-De6vslRA.js');
 

package/dist/cjs/salla-rating-modal.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var star = require('./star-DGcH7Yso.js');
 var checkCircle2 = require('./check-circle2-BDvlT4_n.js');
 var Helper = require('./Helper-CU4Xuiki.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var search = require('./search-c7Aa7lM9.js');
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var search = require('./search-c7Aa7lM9.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 const sallaSkeletonCss = ":host{display:block}";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var keyboard_arrow_right = require('./keyboard_arrow_right-BayM_Il2.js');
 
 /**

package/dist/cjs/salla-social-share.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var facebook = require('./facebook-DbXua6B9.js');
 var mail = require('./mail-CO8cFZH7.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var facebook = require('./facebook-DbXua6B9.js');
 
 var instagram = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-tab-content_3.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 const sallaTabContentCss = "";
 

package/dist/cjs/salla-tiered-offer.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 const sallaTooltipCss = ".s-tooltip-container{position:relative;display:inline-block}.s-tooltip-item{position:absolute;transform:translateX(-39%);background-color:#baf3e6;color:#004d5a;bottom:100%;left:50%;text-align:center;border-radius:5px;z-index:1;white-space:nowrap;opacity:0;transition:opacity 0.3s;pointer-events:none;margin:0 0 16px 8px;padding:12px;max-width:150px;width:190px;white-space:normal;opacity:1}.s-tooltip-item::after{content:\"\";position:absolute;bottom:-10px;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#baf3e6 transparent transparent transparent}.s-tooltip-item:dir(ltr){transform:translateX(-72%)}.s-tooltip-item--dark{background-color:#555555;color:white;padding:5px 15px;border-radius:8px;font-size:12px;font-weight:normal;max-width:330px;width:max-content}.s-tooltip-item--dark::after{border-color:#555555 transparent transparent transparent}";
 

package/dist/cjs/salla-trust-badges.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 const sallaTrustBadgesCss = "";
 

package/dist/cjs/salla-user-menu.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var keyboard_arrow_down = require('./keyboard_arrow_down-DHJ3FFZq.js');
 var bellRing = require('./bell-ring-BfKPinNo.js');
 var cart = require('./cart-s-x1Fshk.js');

package/dist/cjs/salla-user-profile.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var interfaces = require('./interfaces-CRqrf5RX.js');
 
 const sallaUserProfileCss = ":host{display:block}";

package/dist/cjs/salla-user-settings.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 var Bullhorn = `<!-- Generated by IcoMoon.io -->
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 var mail = require('./mail-CO8cFZH7.js');
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-CZzG9P8m.js');
+var index = require('./index-B8vh41va.js');
 
 const sallaWalletCss = ".s-wallet-table{min-width:100%}.s-wallet-table-balance-container{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:1rem}.s-wallet-table-balance-icon{border-radius:50%;width:52px;height:52px;font-size:25px;padding:16px 13px;background:var(--color-primary-reverse);color:var(--color-primary)}.s-wallet-table-empty-state{display:flex;flex-direction:column;align-items:center}.s-wallet-table-empty-state i{font-size:80px;margin:4rem 0 2rem;color:var(--infinte-color)}.s-wallet-table-transaction-status{padding:6px 19px !important;border-radius:20px;width:max-content;display:flex;align-items:center}.s-wallet-table-transaction-status-default{background:#fff6eb;color:#a46f29}.s-wallet-table-transaction-status-cashback{background:#effbf6;color:#00af6c}.s-wallet-table-transaction-status-refund{background:#ecf3fe;color:#5196f3}.s-wallet-table-transaction-status-purchase{background:#feecec;color:#f55157}.s-wallet-table-transaction-status-icons-success{color:#00af6c}";