@salla.sa/twilight-components 2.14.389 → 2.14.390

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

@@ -1,167 +1,9 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { S as Star } from './star2-D4oPi1Ov.js';
 
-const sallaCountDownCss = "";
-
-const SallaCountDown = class {
-    constructor(hostRef) {
-        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 (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}` }, h("li", { class: "s-count-down-item" }, h("div", { class: "s-count-down-item-value" }, this.seconds), this.labeled && h("div", { class: "s-count-down-item-label" }, this.secondsLabel)), h("li", { class: "s-count-down-item" }, h("div", { class: "s-count-down-item-value" }, this.minutes), this.labeled && h("div", { class: "s-count-down-item-label" }, this.minutesLabel)), h("li", { class: "s-count-down-item" }, h("div", { class: "s-count-down-item-value" }, this.hours), this.labeled && h("div", { class: "s-count-down-item-label" }, this.hoursLabel)), h("li", { class: "s-count-down-item" }, h("div", { class: "s-count-down-item-value" }, this.days), this.labeled && h("div", { class: "s-count-down-item-label" }, this.daysLabel))));
-    }
-    renderInvalidDate() {
-        return h("div", { class: "s-count-down-text-center" }, this.invalidDate);
-    }
-    renderOfferEnded() {
-        return 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 (h("div", { class: "s-count-down-info-message" }, h("i", { class: "sicon-info" }), h("span", null, salla.lang.getWithDefault('pages.products.expected_to_be', 'متوقَّع توفُّره بتاريخ:')), 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 (h("div", { class: "s-count-down-pre-order-container" }, h("p", { class: "text-sm " }, salla.lang.getWithDefault('pages.products.pre_order_ends_in', 'ينتهي الطلب المسبق خلال:')), this.renderCountDown()));
-    }
-    renderPreOrder() {
-        return (h("div", null, typeof this.normalizedPreOrder === 'object' &&
-            this.normalizedPreOrder?.availability_date &&
-            this.renderPreOrderToBeAvailableOn(), this.renderPreOrderCountDown()));
-    }
-    renderPrefixText() {
-        if (!this.prefixText)
-            return null;
-        return h("span", { class: "s-count-down-prefix-text" }, this.prefixText);
-    }
-    renderButton() {
-        if (!this.withButton || !this.buttonText)
-            return null;
-        return h("salla-button", { color: "primary", size: "medium", href: this.buttonHref }, this.buttonIcon ? h("i", { class: this.buttonIcon }) : null, 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 (h(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>
@@ -312,4 +154,4 @@ const SallaProductCard = class {
 };
 SallaProductCard.style = sallaProductCardCss;
 
-export { SallaCountDown as salla_count_down, SallaProductCard as salla_product_card };
+export { SallaProductCard as salla_product_card };

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.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/esm/salla-products-list.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { S as ShoppingBag } from './shopping-bag-DiKTtDW5.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CyfZeaV2.js';
+import { r as registerInstance, h } from './index-BcMtCVX0.js';
 
 const sallaProgressBarCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 import { C as Cancel } from './cancel-BsLF_HK7.js';
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { W as WishListIcon } from './star-ZT7ehBBk.js';
 import { C as CheckCircle2 } from './check-circle2-BV4kqbdL.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
 import { S as Search } from './search-BscTeWDc.js';
 
 var StoreAlt = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.js';
 import { S as Search } from './search-BscTeWDc.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
 
 const sallaSkeletonCss = ":host{display:block}";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { a as ArrowRightIcon, A as ArrowLeftIcon } from './keyboard_arrow_right-Vqpj4CWE.js';
 
 /**

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.js';
 import { a as anime } from './anime.es-CgtvEd63.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { f as facebook, t as twitter } from './facebook-CO-PeZ27.js';
 
 var instagram = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, c as createEvent, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, c as createEvent, a as getElement } from './index-BcMtCVX0.js';
 
 const sallaTabContentCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
 
 var DiscountType;
 (function (DiscountType) {

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, a as getElement } from './index-BcMtCVX0.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/esm/salla-trust-badges.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.js';
 
 const sallaTrustBadgesCss = "";
 

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { A as ArrowDown } from './keyboard_arrow_down-DCZbpt2a.js';
 import { B as BellRing } from './bell-ring-D3mWkc-3.js';
 import { P as PendingOrdersIcon } from './cart-DY4LZmNP.js';

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h } from './index-CyfZeaV2.js';
+import { r as registerInstance, h } from './index-BcMtCVX0.js';
 import { G as Genders } from './interfaces-OF8QcbMM.js';
 
 const sallaUserProfileCss = ":host{display:block}";

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.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/esm/salla-verify.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CyfZeaV2.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BcMtCVX0.js';
 import { M as MailIcon } from './mail-DmgxDvXL.js';
 
 var AndroidPhoneIcon = `<!-- Generated by IcoMoon.io -->

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

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, h, H as Host } from './index-CyfZeaV2.js';
+import { r as registerInstance, h, H as Host } from './index-BcMtCVX0.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}";