@salla.sa/twilight-components 2.14.389 → 2.14.391

package/dist/esm/salla-order-edit-item.entry.js

@@ -0,0 +1,93 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
+
+const sallaOrderEditItemCss = "";
+
+const SallaOrderEditItem = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.orderItemUpdated = createEvent(this, "orderItemUpdated");
+        this.orderItemRemoved = createEvent(this, "orderItemRemoved");
+        this.handleQuantityChange = (event) => {
+            const detail = event.detail;
+            const newQuantity = detail?.quantity ?? parseInt(event.target.value, 10);
+            if (isNaN(newQuantity) || newQuantity < 1)
+                return;
+            if (newQuantity === this.quantity)
+                return;
+            this.quantity = newQuantity;
+            this.emitUpdate(newQuantity);
+        };
+        this.handleOptionsChange = () => {
+            this.emitUpdate(this.quantity);
+        };
+    }
+    componentWillLoad() {
+        this.quantity = this.item?.quantity || 1;
+    }
+    componentDidLoad() {
+        const quantityEl = this.host.querySelector('salla-quantity-input');
+        if (quantityEl) {
+            quantityEl.addEventListener('change', this.handleQuantityChange);
+        }
+        const optionsEl = this.host.querySelector('salla-product-options');
+        if (optionsEl) {
+            optionsEl.addEventListener('change', this.handleOptionsChange);
+        }
+    }
+    disconnectedCallback() {
+        const quantityEl = this.host.querySelector('salla-quantity-input');
+        if (quantityEl) {
+            quantityEl.removeEventListener('change', this.handleQuantityChange);
+        }
+        const optionsEl = this.host.querySelector('salla-product-options');
+        if (optionsEl) {
+            optionsEl.removeEventListener('change', this.handleOptionsChange);
+        }
+    }
+    get hasOptions() {
+        const options = this.item.product?.options;
+        return options && options.length > 0;
+    }
+    async getSelectedOptions() {
+        const optionsEl = this.host.querySelector(`salla-product-options[product-id="${this.item.product?.id}"]`);
+        return (await optionsEl?.getSelectedOptionsData()) || {};
+    }
+    async emitUpdate(quantity) {
+        const detail = { itemId: this.item?.id, quantity };
+        if (this.hasOptions) {
+            detail.options = await this.getSelectedOptions();
+        }
+        this.orderItemUpdated.emit(detail);
+    }
+    removeItem() {
+        const itemId = this.item?.id;
+        if (itemId == null)
+            return;
+        this.orderItemRemoved.emit({ itemId });
+    }
+    render() {
+        if (!this.item)
+            return null;
+        const product = this.item.product;
+        const productName = this.item.name || product?.name || '';
+        const imageUrl = product?.image?.url || '';
+        const imageAlt = product?.image?.alt || productName;
+        const productUrl = product?.url || '#';
+        const price = product?.price;
+        const maxQuantity = product?.max_quantity;
+        const weightLabel = product?.weight_label;
+        const options = this.item.product?.options;
+        const quantityAttrs = { value: this.quantity };
+        if (maxQuantity) {
+            quantityAttrs.max = maxQuantity;
+        }
+        return (h(Host, null, h("div", null, h("div", { class: "s-order-edit-item-header" }, h("div", { class: "s-order-edit-item-media" }, imageUrl && (h("a", { href: productUrl }, h("img", { src: imageUrl, alt: imageAlt, class: "s-order-edit-item-image" }))), h("div", { class: "s-order-edit-item-details" }, h("h2", { class: "s-order-edit-item-name" }, h("a", { href: productUrl, class: "s-order-edit-item-link" }, productName)), price != null && (h("span", { class: "s-order-edit-item-price", innerHTML: salla.money(price) })), weightLabel && (h("p", { class: "s-order-edit-item-weight" }, salla.lang.getWithDefault('pages.products.weight', 'الوزن'), " ", weightLabel)))), h("salla-button", { type: "button", shape: "icon", size: "small", color: "danger", "aria-label": salla.lang.getWithDefault('common.elements.delete', 'حذف'), onClick: () => this.removeItem() }, h("i", { class: "sicon-cancel" }))), h("div", { class: "s-order-edit-item-quantity" }, h("h3", { class: "s-order-edit-item-quantity-label" }, salla.lang.getWithDefault('common.elements.quantity', 'الكمية')), h("div", { class: "s-order-edit-item-quantity-input" }, h("salla-quantity-input", { ...quantityAttrs }))), this.hasOptions && (h("form", { onSubmit: e => e.preventDefault() }, h("salla-product-options", { "product-id": product.id, options: JSON.stringify(options), key: `${product.id}-order-edit-item-options` }))))));
+    }
+    get host() { return getElement(this); }
+};
+SallaOrderEditItem.style = sallaOrderEditItemCss;
+
+export { SallaOrderEditItem as salla_order_edit_item };

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

@@ -0,0 +1,179 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { r as registerInstance, h, H as Host, a as getElement } from './index-BBHnyTVS.js';
+
+const sallaOrderEditCss = "";
+
+const SallaOrderEdit = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.loading = true;
+        this.saveLoading = false;
+        this.payload = { items: { update: [], remove: [] } };
+        this.expired = false;
+        this.editPreview = null;
+        this.confirming = false;
+    }
+    async componentWillLoad() {
+        await salla.onReady();
+        this.loadFromProp();
+        this.startExpiryCheck();
+    }
+    disconnectedCallback() {
+        clearInterval(this.expiryInterval);
+    }
+    startExpiryCheck() {
+        const endsAt = this.order?.customer_editing_session?.ends_at;
+        if (!endsAt)
+            return;
+        const isExpired = () => new Date(`${endsAt.replace(' ', 'T')}+03:00`).getTime() <= Date.now();
+        if (isExpired()) {
+            this.expired = true;
+            return;
+        }
+        this.expiryInterval = setInterval(() => {
+            if (isExpired()) {
+                this.expired = true;
+                clearInterval(this.expiryInterval);
+            }
+        }, 1000);
+    }
+    loadFromProp() {
+        try {
+            if (!this.orderData) {
+                this.error = salla.lang.getWithDefault('pages.orders.order_not_found', 'الطلب غير موجود');
+                return;
+            }
+            const data = typeof this.orderData === 'string' ? JSON.parse(this.orderData) : this.orderData;
+            this.order = data;
+        }
+        catch (e) {
+            this.error = salla.lang.getWithDefault('pages.orders.order_not_found', 'الطلب غير موجود');
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    handleItemUpdated(event) {
+        if (!this.order)
+            return;
+        const { itemId, quantity, options } = event.detail;
+        const updateList = this.payload.items.update.filter(u => u.id !== itemId);
+        const updateEntry = { id: itemId, quantity, options: options ?? [] };
+        updateList.push(updateEntry);
+        this.payload = {
+            ...this.payload,
+            items: { ...this.payload.items, update: updateList },
+        };
+        this.order = {
+            ...this.order,
+            items: this.order.items.map(item => item.id === itemId ? { ...item, quantity } : item),
+        };
+    }
+    handleItemRemoved(event) {
+        if (!this.order)
+            return;
+        if (this.order.items.length <= 1) {
+            salla.notify.error(salla.lang.getWithDefault('pages.orders.order_cannot_be_empty', 'لا يمكن إزالة جميع المنتجات من الطلب'));
+            return;
+        }
+        const { itemId } = event.detail;
+        this.payload = {
+            ...this.payload,
+            items: {
+                update: this.payload.items.update.filter(u => u.id !== itemId),
+                remove: [...this.payload.items.remove, itemId],
+            },
+        };
+        this.order = {
+            ...this.order,
+            items: this.order.items.filter(item => item.id !== itemId),
+        };
+    }
+    get hasChanges() {
+        return this.payload.items.update.length > 0 || this.payload.items.remove.length > 0;
+    }
+    async saveOrder() {
+        if (!this.hasChanges)
+            return;
+        this.saveLoading = true;
+        try {
+            const response = await salla.order.api.editOrder(this.orderId, this.payload);
+            this.editPreview = response?.data?.data || response?.data;
+            await this.saveModal?.open();
+        }
+        catch (error) {
+            const message = error?.response?.data?.error?.message || error?.response?.data?.message;
+            if (message) {
+                salla.notify.error(message);
+            }
+        }
+        finally {
+            this.saveLoading = false;
+        }
+    }
+    navigateToOrder() {
+        const url = new URL(window.location.href);
+        url.pathname = url.pathname.replace(/\/edit\/?$/, '');
+        url.search = '';
+        window.location.href = url.href;
+    }
+    handleConfirm() {
+        this.confirming = true;
+        if (this.editPreview?.payment?.required && this.editPreview.payment.payment_url) {
+            window.location.href = this.editPreview.payment.payment_url;
+        }
+        else {
+            this.navigateToOrder();
+        }
+    }
+    cancel() {
+        this.navigateToOrder();
+    }
+    renderSaveModal() {
+        const preview = this.editPreview;
+        const hasRemainingAmount = preview?.totals?.remaining_amount?.amount > 0;
+        const hasRefundAmount = preview?.totals?.refund_amount?.amount > 0;
+        const taxAmount = preview?.totals?.tax?.amount?.amount;
+        return (h("salla-modal", { ref: modal => (this.saveModal = modal), width: "md", onModalVisibilityChanged: (e) => {
+                if (!e.detail) {
+                    this.editPreview = null;
+                    if (!this.confirming) {
+                        this.navigateToOrder();
+                    }
+                    this.confirming = false;
+                }
+            } }, h("div", { class: "s-order-edit-modal" }, h("h2", { class: "s-order-edit-modal-title" }, salla.lang.getWithDefault('pages.orders.edit_summary_title', 'ملخص الطلب بعد التعديل')), preview?.items?.length > 0 && (h("div", { class: "s-order-edit-modal-items" }, preview.items.map(item => {
+            const orderItem = this.order?.items?.find(oi => oi.id == item.id);
+            const imageUrl = orderItem?.product?.image?.url;
+            const optionsLabel = item.options?.join('/ ');
+            return (h("div", { class: "s-order-edit-modal-item" }, h("div", { class: "s-order-edit-modal-item-start" }, imageUrl && (h("img", { src: imageUrl, alt: item.name, class: "s-order-edit-modal-item-image" })), h("div", null, h("p", { class: "s-order-edit-modal-item-name" }, item.name), optionsLabel && (h("span", { class: "s-order-edit-modal-item-options" }, optionsLabel)))), h("div", { class: "s-order-edit-modal-item-end" }, h("span", { class: "s-order-edit-modal-item-price", innerHTML: salla.money(item.price.amount) }))));
+        }))), preview?.totals?.updated_products_total && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-row-label" }, salla.lang.getWithDefault('pages.orders.modified_products_total', 'مجموع المنتجات المعدلة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(preview.totals.updated_products_total.amount) }))), taxAmount > 0 && (h("div", { class: "s-order-edit-modal-row" }, h("span", { class: "s-order-edit-modal-tax-label" }, h("i", { class: "sicon-info-circle s-order-edit-modal-tax-icon" }), salla.lang.getWithDefault('pages.orders.vat', 'ضريبة القيمة المضافة')), h("span", { class: "s-order-edit-modal-row-value", innerHTML: salla.money(taxAmount) }))), preview?.totals?.total && (h("div", { class: "s-order-edit-modal-total" }, h("span", { class: "s-order-edit-modal-total-label" }, salla.lang.getWithDefault('pages.orders.order_total', 'اجمالي الطلب')), h("span", { class: "s-order-edit-modal-total-value", innerHTML: salla.money(preview.totals.total.amount) }))), hasRefundAmount && (h("div", { class: "s-order-edit-modal-refund" }, h("i", { class: "sicon-info-circle s-order-edit-modal-refund-icon" }), h("p", { class: "s-order-edit-modal-refund-text" }, salla.lang.getWithDefault('pages.orders.refund_message', 'سيتم تحويل فارق المبلغ على نفس وسيلة الدفع')))), h("div", { class: "s-order-edit-modal-btn-wrapper" }, h("salla-button", { onClick: () => this.handleConfirm() }, hasRemainingAmount
+            ? salla.lang.getWithDefault('pages.orders.pay_difference', 'دفع فارق المبلغ')
+            : hasRefundAmount
+                ? salla.lang.getWithDefault('pages.orders.confirm_and_receive_difference', 'تأكيد واستلام فارق المبلغ')
+                : salla.lang.getWithDefault('pages.orders.confirm_changes', 'تأكيد التعديلات'), h("i", { class: "sicon-keyboard_arrow_left s-order-edit-modal-btn-icon" }))))));
+    }
+    render() {
+        if (this.loading) {
+            return (h(Host, null, h("salla-loading", null)));
+        }
+        if (this.expired) {
+            return (h(Host, null, h("div", { class: "s-order-edit-expired" }, h("p", null, salla.lang.getWithDefault('pages.orders.edit_session_expired', 'انتهت مدة التعديل المتاحة')), h("salla-button", { onClick: () => this.navigateToOrder() }, salla.lang.getWithDefault('pages.orders.back_to_order', 'العودة إلى تفاصيل الطلب')))));
+        }
+        if (this.error || !this.order) {
+            return (h(Host, null, h("div", { class: "no-content-placeholder" }, h("i", { class: "sicon-shopping-bag icon" }), h("p", null, this.error))));
+        }
+        const hasItems = this.order.items && this.order.items.length > 0;
+        const endsAt = this.order.customer_editing_session?.ends_at;
+        return (h(Host, null, endsAt && (h("div", { class: "s-order-edit-timer-wrapper" }, h("salla-count-down", { prefixText: salla.lang.getWithDefault('pages.orders.edit_within', 'يمكنك التعديل خلال'), date: endsAt, horizontal: true, withButton: true, autoSegments: true, labeled: false, size: "sm", color: "primary" }))), h("div", { class: "s-order-edit-items-wrapper" }, h("h2", { class: "s-order-edit-items-title" }, salla.lang.getWithDefault('pages.orders.order_products', 'منتجات الطلب')), hasItems ? (this.order.items.map((item, index) => [
+            h("salla-order-edit-item", { key: item.id, item: item, orderId: this.orderId }),
+            index < this.order.items.length - 1 ? (h("div", { class: "s-order-edit-items-divider" })) : null,
+        ])) : (h("div", { class: "no-content-placeholder" }, h("i", { class: "sicon-shopping-bag icon" }), h("p", null, salla.lang.getWithDefault('common.elements.no_items', 'لا توجد عناصر'))))), h("div", { class: "s-order-edit-actions" }, h("salla-button", { onClick: () => this.saveOrder(), loading: this.saveLoading, disabled: !this.hasChanges }, salla.lang.getWithDefault('pages.orders.save_changes', 'حفظ التعديلات')), h("salla-button", { color: "gray", fill: "outline", onClick: () => this.cancel() }, salla.lang.getWithDefault('common.elements.cancel', 'الغاء'))), this.renderSaveModal()));
+    }
+    get host() { return getElement(this); }
+};
+SallaOrderEdit.style = sallaOrderEditCss;
+
+export { SallaOrderEdit as salla_order_edit };

package/dist/esm/salla-order-summary.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-BBHnyTVS.js';
 import { i as iconCheck } from './check-BsXh13x8.js';
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

package/dist/esm/salla-order-totals-card.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-BBHnyTVS.js';
 
 const sallaOrderTotalsCardCss = ":host{display:block}";
 

package/dist/esm/salla-orders.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-BBHnyTVS.js';
 import { H as Helper } from './Helper-DFMXF2_h.js';
 import './anime.es-CgtvEd63.js';
 

package/dist/esm/salla-payments.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-BBHnyTVS.js';
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/esm/salla-placeholder.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-BBHnyTVS.js';
 
 var Inbox = `<!-- 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-price-range.entry.js

@@ -1,7 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-CyfZeaV2.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-BBHnyTVS.js';
 import { a as arrowLeft } from './arrow-left-BedNk7k1.js';
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->

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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.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-BBHnyTVS.js';
 
 var DiscountType;
 (function (DiscountType) {