@salla.sa/twilight-components 2.14.418 → 2.14.420

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

@@ -3,27 +3,84 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
+var helpers = require('./helpers-BJ2rnhxz.js');
+require('./interfaces-Bh7W0bEU.js');
 
-const sallaOrderEditCss = "";
+const sallaOrderEditCss = ":host{display:block}";
 
 const SallaOrderEdit = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.loading = true;
         this.saveLoading = false;
-        this.payload = { items: { update: [], remove: [] } };
+        this.payload = { items: { update: [], remove: [], add: [] } };
         this.expired = false;
         this.editPreview = null;
+        this.productSearchQuery = '';
+        this.productsListKey = 0;
+        this.productsListSource = 'latest';
+        this.productsListSourceValue = '';
+        this.selectedProductToAdd = null;
+        this.addProductQuantity = 1;
+        this.addProductLoading = false;
+        this.addProductConfirmLoading = false;
+        this.mobileProductsModalMounted = false;
+        this.isMobileViewport = false;
+        // Plain field (not @State): scroll-loading guard never affects rendering, so avoid re-render churn.
+        this.mobileProductsListLoading = false;
         this.confirming = false;
+        this.handleMobileProductSelected = (event) => {
+            event.stopPropagation();
+            void this.handleProductSelected(event);
+        };
+        this.productsPanelMobileQuery = '(max-width: 768px)';
+        this.handleProductsPanelViewportChange = (event) => {
+            this.isMobileViewport = event.matches;
+        };
+        this.hasProductTypeFilter = (url) => {
+            const queryStart = url.indexOf('?');
+            const query = (queryStart >= 0 ? url.slice(queryStart + 1) : url).split('#')[0];
+            return Array.from(new URLSearchParams(query)).some(([key, value]) => (value === 'product' &&
+                /^filters\[types\](?:\[(?:\d*)\])?$/.test(key)));
+        };
+        this.normalizeProductsListArrayParams = (url) => {
+            return url.replace(/(^|[?&])(includes|source_value|filters(?:\[|%5B)[^&=\]%]+?(?:\]|%5D))(\[|%5B)\d+(\]|%5D)(?==)/gi, (_, sep, name, open, close) => `${sep}${name}${open}${close}`);
+        };
+        this.handleBeforeBuildListUrl = (ctx) => {
+            if (ctx.component?.productCardComponent !== 'salla-order-edit-product-card' ||
+                typeof ctx.url !== 'string') {
+                return;
+            }
+            ctx.url = this.normalizeProductsListArrayParams(ctx.url);
+            if (this.hasProductTypeFilter(ctx.url)) {
+                return;
+            }
+            ctx.url += `${ctx.url.includes('?') ? '&' : '?'}filters[types][]=product`;
+        };
+        this.defaultProductsListSource = 'latest';
+        this.debouncedProductSearch = salla.helpers.debounce((query) => this.applyProductSearch(query), 500);
     }
     async componentWillLoad() {
+        this.setupProductsPanelViewportQuery();
         await salla.onReady();
+        this.unregisterBeforeBuildListUrlHook = salla.hooks.registerHook('salla-products-list', 'beforeBuildListUrl', this.handleBeforeBuildListUrl);
         this.loadFromProp();
         this.startExpiryCheck();
     }
     disconnectedCallback() {
         clearInterval(this.expiryInterval);
+        this.unregisterBeforeBuildListUrlHook?.();
+        this.productsPanelViewportQuery?.removeEventListener('change', this.handleProductsPanelViewportChange);
+        this.mobileProductsModal?.removeEventListener('orderEditProductSelected', this.handleMobileProductSelected);
+    }
+    setupProductsPanelViewportQuery() {
+        if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+            return;
+        }
+        this.productsPanelViewportQuery = window.matchMedia(this.productsPanelMobileQuery);
+        this.isMobileViewport = this.productsPanelViewportQuery.matches;
+        this.productsPanelViewportQuery.addEventListener('change', this.handleProductsPanelViewportChange);
     }
     startExpiryCheck() {
         const endsAt = this.order?.customer_editing_session?.ends_at;
@@ -48,7 +105,13 @@ const SallaOrderEdit = class {
                 return;
             }
             const data = typeof this.orderData === 'string' ? JSON.parse(this.orderData) : this.orderData;
-            this.order = data;
+            this.order = {
+                ...data,
+                items: data.items.map(item => ({
+                    ...item,
+                    selectedOptions: helpers.getOrderItemSelectedOptions(item),
+                })),
+            };
         }
         catch (e) {
             this.error = salla.lang.getWithDefault('pages.orders.order_not_found', 'الطلب غير موجود');
@@ -57,22 +120,223 @@ const SallaOrderEdit = class {
             this.loading = false;
         }
     }
-    handleItemUpdated(event) {
-        if (!this.order)
+    applyProductSearch(query) {
+        const normalizedQuery = query?.trim() || '';
+        const nextSource = normalizedQuery ? 'search' : this.defaultProductsListSource;
+        const nextSourceValue = nextSource === 'search' ? JSON.stringify(normalizedQuery) : '';
+        if (this.productsListSource === nextSource &&
+            this.productsListSourceValue === nextSourceValue) {
             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.productsListSource = nextSource;
+        this.productsListSourceValue = nextSourceValue;
+        this.productsListKey += 1;
+    }
+    handleProductSearch(event) {
+        const value = event.target?.value || '';
+        this.productSearchQuery = value;
+        this.debouncedProductSearch(value);
+    }
+    getProductsListKey(scope) {
+        return `${scope}-${this.productsListSource}-${this.productsListSourceValue}-${this.productsListKey}`;
+    }
+    handleMobileProductsScroll(event) {
+        const container = event.currentTarget;
+        const distanceToBottom = container.scrollHeight - container.scrollTop - container.clientHeight;
+        if (distanceToBottom > 200 || this.mobileProductsListLoading) {
+            return;
+        }
+        const productsList = container.querySelector('salla-products-list');
+        if (!productsList) {
+            return;
+        }
+        this.mobileProductsListLoading = true;
+        void productsList.loadMore().finally(() => {
+            this.mobileProductsListLoading = false;
+        });
+    }
+    waitForNextFrame() {
+        return new Promise(resolve => requestAnimationFrame(() => resolve(undefined)));
+    }
+    async openMobileProductsModal() {
+        if (!this.mobileProductsModalMounted) {
+            this.mobileProductsModalMounted = true;
+            await this.waitForNextFrame();
+        }
+        await this.mobileProductsModal?.open?.();
+    }
+    setMobileProductsModal(modal) {
+        if (this.mobileProductsModal === modal) {
+            return;
+        }
+        this.mobileProductsModal?.removeEventListener('orderEditProductSelected', this.handleMobileProductSelected);
+        this.mobileProductsModal = modal;
+        this.mobileProductsModal?.addEventListener('orderEditProductSelected', this.handleMobileProductSelected);
+    }
+    resetAddProductDrawer() {
+        this.selectedProductToAdd = null;
+        this.addProductQuantity = 1;
+        this.addProductLoading = false;
+        this.addProductConfirmLoading = false;
+        this.addProductOptions = null;
+    }
+    getAddProductMaxQuantity(product = this.selectedProductToAdd) {
+        return helpers.getOrderEditProductMaxQuantity(product);
+    }
+    clampAddProductQuantity(quantity, product = this.selectedProductToAdd) {
+        return helpers.clampOrderEditQuantity(quantity, this.getAddProductMaxQuantity(product));
+    }
+    getApiErrorMessage(error) {
+        return error?.response?.data?.error?.message || error?.response?.data?.message;
+    }
+    notifyApiError(error) {
+        const message = this.getApiErrorMessage(error);
+        if (message) {
+            salla.notify.error(message);
+        }
+    }
+    async validateAddProductOptions() {
+        if (!this.selectedProductToAdd?.options?.length) {
+            return true;
+        }
+        if (!this.addProductOptions) {
+            return false;
+        }
+        return ((await this.addProductOptions.validateAndScroll?.()) ??
+            (await this.addProductOptions.reportValidity?.()) ??
+            false);
+    }
+    updateLocalOrderItem(itemId, quantity, optionDefinitions, selectedOptions) {
+        this.order = {
+            ...this.order,
+            items: helpers.updateOrderItems(this.order.items, itemId, quantity, optionDefinitions, selectedOptions),
         };
+    }
+    removeLocalOrderItem(itemId) {
         this.order = {
             ...this.order,
-            items: this.order.items.map(item => item.id === itemId ? { ...item, quantity } : item),
+            items: helpers.removeOrderItems(this.order.items, itemId),
         };
     }
+    setPayloadItems(patch) {
+        this.payload = {
+            ...this.payload,
+            items: helpers.mergePayloadItems(this.payload.items, patch),
+        };
+    }
+    handleAddProductQuantityChange(event) {
+        const detail = event.detail;
+        const newQuantity = detail?.quantity ?? parseInt(event.target?.value, 10);
+        if (isNaN(newQuantity) || newQuantity < 1) {
+            return;
+        }
+        this.addProductQuantity = this.clampAddProductQuantity(newQuantity);
+    }
+    async handleProductSelected(event) {
+        const product = event.detail?.product;
+        if (!product?.id || this.addProductLoading) {
+            return;
+        }
+        this.addProductLoading = true;
+        try {
+            this.selectedProductToAdd = helpers.cloneOrderEditProduct(product);
+            this.addProductQuantity = 1;
+            await this.mobileProductsModal?.close?.();
+            await this.waitForNextFrame();
+            await this.addProductDrawer?.open?.();
+        }
+        catch (error) {
+            this.notifyApiError(error);
+        }
+        finally {
+            this.addProductLoading = false;
+        }
+    }
+    async confirmAddProduct() {
+        if (!this.selectedProductToAdd?.id) {
+            return;
+        }
+        if (this.addProductConfirmLoading) {
+            return;
+        }
+        this.addProductConfirmLoading = true;
+        try {
+            const maxQuantity = this.getAddProductMaxQuantity();
+            const normalizedQuantity = this.clampAddProductQuantity(this.addProductQuantity);
+            if (normalizedQuantity !== this.addProductQuantity) {
+                this.addProductQuantity = normalizedQuantity;
+            }
+            const productOptions = this.addProductOptions;
+            const optionsAreValid = await this.validateAddProductOptions();
+            if (!optionsAreValid) {
+                salla.notify.error(salla.lang.getWithDefault('common.messages.required_fields', 'يرجى تعبئة الحقول المطلوبة'));
+                return;
+            }
+            const selectedOptionsPayload = (await productOptions?.getSelectedOptionsData?.()) || {};
+            const optionDefinitions = (await productOptions?.getOptionsData?.()) ||
+                this.selectedProductToAdd.options ||
+                [];
+            const existingItem = helpers.findMergeableItem(this.order?.items, this.selectedProductToAdd.id, selectedOptionsPayload);
+            if (existingItem) {
+                const mergedQuantity = helpers.clampOrderEditQuantity(existingItem.quantity + normalizedQuantity, maxQuantity);
+                this.updateLocalOrderItem(existingItem.id, mergedQuantity, optionDefinitions, selectedOptionsPayload);
+                if (existingItem.isNew) {
+                    this.setPayloadItems({
+                        add: helpers.updateAddedPayloadList(this.payload.items.add, existingItem.id, mergedQuantity, selectedOptionsPayload),
+                    });
+                }
+                else {
+                    this.setPayloadItems({
+                        update: helpers.upsertPayloadUpdateList(this.payload.items.update, existingItem.id, mergedQuantity, selectedOptionsPayload),
+                    });
+                }
+                await this.addProductDrawer?.close?.();
+                return;
+            }
+            const newItem = helpers.createAddedOrderItem(this.selectedProductToAdd, normalizedQuantity, optionDefinitions, selectedOptionsPayload);
+            const addEntry = {
+                itemId: newItem.id,
+                product_id: this.selectedProductToAdd.id,
+                quantity: normalizedQuantity,
+                options: selectedOptionsPayload,
+            };
+            this.order = {
+                ...this.order,
+                items: [...this.order.items, newItem],
+            };
+            this.setPayloadItems({
+                add: [...this.payload.items.add, addEntry],
+            });
+            await this.addProductDrawer?.close?.();
+        }
+        catch (error) {
+            this.notifyApiError(error);
+        }
+        finally {
+            this.addProductConfirmLoading = false;
+        }
+    }
+    handleItemUpdated(event) {
+        if (!this.order)
+            return;
+        const { itemId, quantity, options, optionDefinitions } = event.detail;
+        const currentItem = this.order.items.find(item => item.id === itemId);
+        if (!currentItem) {
+            return;
+        }
+        const safeQuantity = helpers.clampOrderEditQuantity(quantity, helpers.getOrderEditProductMaxQuantity(currentItem.product));
+        if (currentItem.isNew) {
+            this.setPayloadItems({
+                add: helpers.updateAddedPayloadList(this.payload.items.add, itemId, safeQuantity, options),
+            });
+            this.updateLocalOrderItem(itemId, safeQuantity, optionDefinitions, options);
+            return;
+        }
+        this.setPayloadItems({
+            update: helpers.upsertPayloadUpdateList(this.payload.items.update, itemId, safeQuantity, options ?? {}),
+        });
+        this.updateLocalOrderItem(itemId, safeQuantity, optionDefinitions, options);
+    }
     handleItemRemoved(event) {
         if (!this.order)
             return;
@@ -81,35 +345,39 @@ const SallaOrderEdit = class {
             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),
-        };
+        const currentItem = this.order.items.find(item => item.id === itemId);
+        if (!currentItem) {
+            return;
+        }
+        if (currentItem.isNew) {
+            this.setPayloadItems({
+                add: this.payload.items.add.filter(item => item.itemId !== itemId),
+            });
+            this.removeLocalOrderItem(itemId);
+            return;
+        }
+        this.setPayloadItems({
+            update: this.payload.items.update.filter(u => u.id !== itemId),
+            remove: [...this.payload.items.remove, itemId],
+        });
+        this.removeLocalOrderItem(itemId);
     }
     get hasChanges() {
-        return this.payload.items.update.length > 0 || this.payload.items.remove.length > 0;
+        return (this.payload.items.update.length > 0 ||
+            this.payload.items.remove.length > 0 ||
+            this.payload.items.add.length > 0);
     }
     async saveOrder() {
         if (!this.hasChanges)
             return;
         this.saveLoading = true;
         try {
-            const response = await salla.order.api.editOrder(this.orderId, this.payload);
+            const response = await salla.order.api.editOrder(this.orderId, helpers.buildSavePayload(this.payload));
             this.editPreview = response?.data?.data || response?.data;
-            await this.saveModal?.open();
+            await this.saveModal?.open?.();
         }
         catch (error) {
-            const message = error?.response?.data?.error?.message || error?.response?.data?.message;
-            if (message) {
-                salla.notify.error(message);
-            }
+            this.notifyApiError(error);
         }
         finally {
             this.saveLoading = false;
@@ -136,12 +404,44 @@ const SallaOrderEdit = class {
             this.navigateToOrder();
         }
         catch (error) {
-            const message = error?.response?.data?.error?.message || error?.response?.data?.message;
-            if (message) {
-                salla.notify.error(message);
-            }
+            this.notifyApiError(error);
         }
     }
+    renderProductsPanel() {
+        const addProductTitle = salla.lang.getWithDefault('pages.orders.add_product_to_order', 'أضف منتج للطلب');
+        return (index.h("section", { class: "s-order-edit-products-panel" }, index.h("div", { class: "s-order-edit-products-header" }, index.h("h2", { class: "s-order-edit-products-title" }, addProductTitle)), this.renderProductsPickerContent('panel')));
+    }
+    renderProductsPickerContent(scope) {
+        return (index.h("div", { class: {
+                's-order-edit-products-picker': true,
+                's-order-edit-products-modal-content': scope === 'modal',
+            } }, index.h("label", { class: "s-order-edit-products-search" }, index.h("i", { class: "sicon-search" }), index.h("input", { type: "search", class: "s-order-edit-products-search-input", placeholder: salla.lang.getWithDefault('pages.products.search_for_product', 'ابحث عن منتج'), value: this.productSearchQuery, onInput: event => this.handleProductSearch(event) })), index.h("div", { class: "s-order-edit-products-list", onScroll: scope === 'modal' ? event => this.handleMobileProductsScroll(event) : undefined }, index.h("salla-products-list", { key: this.getProductsListKey(scope), includes: ['options'], source: this.productsListSource, "source-value": this.productsListSourceValue, autoload: true, "product-card-component": "salla-order-edit-product-card" }))));
+    }
+    renderMobileProductsModal() {
+        return (index.h("salla-modal", { ref: modal => this.setMobileProductsModal(modal), width: "md", class: "s-order-edit-mobile-products-modal", "modal-title": salla.lang.getWithDefault('pages.orders.add_product_to_order', 'أضف منتج للطلب'), onModalVisibilityChanged: (e) => {
+                if (!e.detail) {
+                    this.mobileProductsModalMounted = false;
+                }
+            } }, this.mobileProductsModalMounted ? this.renderProductsPickerContent('modal') : null));
+    }
+    renderAddProductDrawer() {
+        const product = this.selectedProductToAdd;
+        const productName = product?.name || salla.lang.getWithDefault('common.elements.product', 'منتج');
+        const price = product?.price;
+        const maxQuantity = this.getAddProductMaxQuantity(product);
+        const optionsInstanceKey = product ? `order-edit-add-${product.id}` : 'order-edit-add';
+        const quantityAttrs = {
+            value: this.clampAddProductQuantity(this.addProductQuantity, product),
+        };
+        if (maxQuantity) {
+            quantityAttrs.max = maxQuantity;
+        }
+        return (index.h("salla-modal", { ref: drawer => (this.addProductDrawer = drawer), width: "md", "modal-title": salla.lang.getWithDefault('pages.orders.add_product_to_order', 'أضف منتج للطلب'), onModalVisibilityChanged: (e) => {
+                if (!e.detail) {
+                    this.resetAddProductDrawer();
+                }
+            } }, index.h("div", { class: "s-order-edit-add-modal" }, this.addProductLoading ? (index.h("div", { class: "s-order-edit-add-modal-loading" }, index.h("salla-loading", null))) : product ? (index.h("div", { class: "s-order-edit-add-modal-content" }, index.h("div", { class: "s-order-edit-add-modal-header" }, index.h("div", { class: "s-order-edit-add-modal-media" }, product.image?.url && (index.h("img", { src: product.image.url, alt: product.image.alt || productName, class: "s-order-edit-add-modal-image" })), index.h("div", { class: "s-order-edit-add-modal-details" }, index.h("h3", { class: "s-order-edit-add-modal-name" }, productName), price != null && (index.h("span", { class: "s-order-edit-add-modal-price", innerHTML: salla.money(price) }))))), index.h("div", { class: "s-order-edit-add-modal-quantity" }, index.h("h3", { class: "s-order-edit-add-modal-section-title" }, salla.lang.getWithDefault('common.elements.quantity', 'الكمية')), index.h("div", { class: "s-order-edit-add-modal-quantity-input" }, index.h("salla-quantity-input", { ...quantityAttrs, onChange: event => this.handleAddProductQuantityChange(event) }))), product.options?.length > 0 && (index.h("form", { onSubmit: e => e.preventDefault() }, index.h("salla-product-options", { ref: el => (this.addProductOptions = el), "product-id": product.id, "unique-key": optionsInstanceKey, options: JSON.stringify(product.options), key: `${optionsInstanceKey}-options` }))), index.h("div", { class: "s-order-edit-add-modal-actions" }, index.h("salla-button", { onClick: () => this.confirmAddProduct(), loading: this.addProductConfirmLoading }, salla.lang.getWithDefault('common.elements.confirm', 'تأكيد')), index.h("salla-button", { color: "gray", fill: "outline", onClick: () => this.addProductDrawer?.close?.() }, salla.lang.getWithDefault('common.elements.cancel', 'الغاء'))))) : null)));
+    }
     renderSaveModal() {
         const preview = this.editPreview;
         const hasRemainingAmount = preview?.totals?.remaining_amount?.amount > 0;
@@ -174,16 +474,15 @@ const SallaOrderEdit = class {
             return (index.h(index.Host, null, index.h("div", { class: "s-order-edit-expired" }, index.h("p", null, salla.lang.getWithDefault('pages.orders.edit_session_expired', 'انتهت مدة التعديل المتاحة')), index.h("salla-button", { onClick: () => this.navigateToOrder() }, salla.lang.getWithDefault('pages.orders.back_to_order', 'العودة إلى تفاصيل الطلب')))));
         }
         if (this.error || !this.order) {
-            return (index.h(index.Host, null, index.h("div", { class: "no-content-placeholder" }, index.h("i", { class: "sicon-shopping-bag icon" }), index.h("p", null, this.error))));
+            return (index.h(index.Host, null, index.h("div", { class: "s-order-edit-no-content-placeholder" }, index.h("i", { class: "sicon-shopping-bag icon" }), index.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 (index.h(index.Host, null, endsAt && (index.h("div", { class: "s-order-edit-timer-wrapper" }, index.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" }))), index.h("div", { class: "s-order-edit-items-wrapper" }, index.h("h2", { class: "s-order-edit-items-title" }, salla.lang.getWithDefault('pages.orders.order_products', 'منتجات الطلب')), hasItems ? (this.order.items.map((item, index$1) => [
+        return (index.h(index.Host, null, endsAt && (index.h("div", { class: "s-order-edit-timer-wrapper" }, index.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" }))), index.h("div", { class: "s-order-edit-layout" }, !this.isMobileViewport ? this.renderProductsPanel() : null, index.h("section", { class: "s-order-edit-order-panel" }, index.h("div", { class: "s-order-edit-items-wrapper" }, index.h("h2", { class: "s-order-edit-items-title" }, salla.lang.getWithDefault('pages.orders.order_products', 'منتجات الطلب')), hasItems ? (this.order.items.map((item, index$1) => [
             index.h("salla-order-edit-item", { key: item.id, item: item, orderId: this.orderId }),
             index$1 < this.order.items.length - 1 ? (index.h("div", { class: "s-order-edit-items-divider" })) : null,
-        ])) : (index.h("div", { class: "no-content-placeholder" }, index.h("i", { class: "sicon-shopping-bag icon" }), index.h("p", null, salla.lang.getWithDefault('common.elements.no_items', 'لا توجد عناصر'))))), index.h("div", { class: "s-order-edit-actions" }, index.h("salla-button", { onClick: () => this.saveOrder(), loading: this.saveLoading, disabled: !this.hasChanges }, salla.lang.getWithDefault('pages.orders.save_changes', 'حفظ التعديلات')), index.h("salla-button", { color: "gray", fill: "outline", onClick: () => this.cancelEditSession() }, salla.lang.getWithDefault('common.elements.cancel', 'الغاء'))), this.renderSaveModal()));
+        ])) : (index.h("div", { class: "s-order-edit-no-content-placeholder" }, index.h("i", { class: "sicon-shopping-bag icon" }), index.h("p", null, salla.lang.getWithDefault('common.elements.no_items', 'لا توجد عناصر'))))), index.h("div", { class: "s-order-edit-actions" }, index.h("salla-button", { class: "s-order-edit-mobile-products-trigger", color: "gray", size: "small", fill: "outline", onClick: () => this.openMobileProductsModal() }, index.h("i", { class: "sicon-add s-order-edit-mobile-products-trigger-icon" }), salla.lang.getWithDefault('pages.orders.add_product', 'إضافة منتج')), index.h("salla-button", { onClick: () => this.saveOrder(), loading: this.saveLoading, size: "small", disabled: !this.hasChanges }, salla.lang.getWithDefault('pages.orders.save_changes', 'حفظ التعديلات')), index.h("salla-button", { size: "small", color: "gray", fill: "outline", onClick: () => this.cancelEditSession() }, salla.lang.getWithDefault('common.elements.cancel', 'الغاء'))))), this.renderMobileProductsModal(), this.renderAddProductDrawer(), this.renderSaveModal()));
     }
-    get host() { return index.getElement(this); }
 };
 SallaOrderEdit.style = sallaOrderEditCss;
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var check = require('./check-BnVBPQNp.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->
@@ -92,7 +92,7 @@ const SallaOrderSummary = class {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (index.h("ul", { key: 'bb8c8e2c3a44f0922012789efc9a73d71fd213d5', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
+        return (index.h("ul", { key: '20b8d793a83306a203cd0f7eadededf3ce224181', class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.SICheck : iconCopy }), index.h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), index.h("ul", null, item.files.map((file) => (index.h("li", { class: "s-order-summary-digital-item-wrapper" }, index.h("div", null, index.h("span", { innerHTML: iconFileArchive }), index.h("span", null, file.name)), index.h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, index.h("span", { innerHTML: iconDownload }), index.h("span", null, this.download_text)))))))) : null))));
     }

package/dist/cjs/salla-order-totals-card.cjs.entry.js

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

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 
@@ -36,12 +36,12 @@ const SallaPayments = class {
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (index.h(index.Host, { key: '3e44396c845375f9147a4dd036fe63f299787a6f', class: "s-payments-list-wrap" }, index.h("ul", { key: '476cc234749bb57898769d1089d718995da9ae12', class: "s-payments-list" }, madeInKSA && index.h("li", { key: '2bbe346520331ca8bff96a5fb8f4628093422e61', class: "s-payments-list-item" }, index.h("img", { key: 'a281cc6e6bf4cdfc8fa4948c86a9b1b024bca8b8', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (index.h(index.Host, { key: '94af8ddf97dca63ba7c1a19f65a1d872b8d565c6', class: "s-payments-list-wrap" }, index.h("ul", { key: '8e1425d89a60290b92042f82edbd2c0505da2904', class: "s-payments-list" }, madeInKSA && index.h("li", { key: '4ca6642fc2ef1cf1505b37127cf93cf48805e454', class: "s-payments-list-item" }, index.h("img", { key: 'f704728b2fade2d27f2109d47bc7e7381f3efe8b', width: "100%", height: "100%", decoding: "async", loading: "lazy", src: salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             index.h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             index.h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && index.h("div", { key: 'ef5bbf9934a50015e2eb588f41ec9b5f86341dea', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && index.h("div", { key: '5071bb1e003ff36b445fd15948b7612f6a1ecde4', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.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">
@@ -43,7 +43,7 @@ const SallaPlaceholder = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '85a52f39cc2012ca1a3c6d143d06b81981d761aa', class: this.alignmentClass() }, index.h("div", { key: '35be844bc3883f3451344bbeedb4b24f9c218f7a', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index.h("div", { key: '58152da7774e79fdb09465087b741212a3982cf2', class: "s-placeholder-title" }, index.h("slot", { key: 'f9953085b498043920fd03ae44a082e0fb1a02d2', name: 'title' }, index.h("span", { key: '989633e3165d187c6d3b36e0cdfa2cb10466c6da' }, salla.lang.get('common.elements.no_options')))), index.h("div", { key: 'bfbcbb5a2f9561292e5a6850eb43f5bfea8bd040', class: "s-placeholder-description" }, index.h("slot", { key: '4592587daaaa41c67cd7670eea7d5e7e3d8635d7', name: 'description' }, index.h("span", { key: '4b1e3c4a453b8dbc5139b40ebddb94d8c2d1c465' }, salla.lang.get('common.errors.empty_results'))))));
+        return (index.h(index.Host, { key: 'c036c6655683dd28dc1fe108a0c9f18c41d4dab2', class: this.alignmentClass() }, index.h("div", { key: '8a344197473899bfce235707a0a4b586b09f7586', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), index.h("div", { key: '84c667eedacea750f761c0c650615c63812875ca', class: "s-placeholder-title" }, index.h("slot", { key: '4b59c67b550d5b4fb818007f0061b7648984c13c', name: 'title' }, index.h("span", { key: 'aec395c1624cc78932d4bddc2aaf936d6c300143' }, salla.lang.get('common.elements.no_options')))), index.h("div", { key: 'de0e5e440393992977e73d457df7c537cb2c1c8a', class: "s-placeholder-description" }, index.h("slot", { key: '4e85b215cd7255ee2ec7bd18913ea9f4709adaef', name: 'description' }, index.h("span", { key: '2c6746373095d09ef5cd19c2015cb240545d4ef9' }, salla.lang.get('common.errors.empty_results'))))));
     }
 };
 SallaPlaceholder.style = sallaPlaceholderCss;

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var arrowLeft = require('./arrow-left-xSEmRpp6.js');
 
 var arrowRight = `<!-- Generated by IcoMoon.io -->
@@ -159,9 +159,9 @@ const SallaPriceRange = class {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (index.h(index.Host, { key: '996f527f5a36ea273b0d8c195e35dc3efbdf62f2' }, this.filterValues.map((filterValue, index$1) => {
+        return (index.h(index.Host, { key: '343fd7a54f3a7d32c6709019fb168c7a8a1ca5f1' }, this.filterValues.map((filterValue, index$1) => {
             return index.h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index$1}`, key: index$1 }, index.h("input", { id: `${this.option.key}-${index$1}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), index.h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), index.h("div", { key: 'bfa8f970eb1e9c5d2b9678e5271aa04208b39289', class: "flex justify-center items-center" }, index.h("div", { key: '59cd51f388f36a38e2bd036d27b7abe001fed9d0', class: "relative max-w-xl w-full" }, index.h("div", { key: '226bd18705572502c7da11022a8ce02dc08d4d21', class: "s-price-range-inputs" }, index.h("div", { key: '0ebfdced114308e82075cd153bef0020daa15bf6', class: "s-price-range-relative" }, index.h("div", { key: 'c3dacef6133e2b05eca8d643d1c8ce3f5b991548', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: 'b2451e091d93f85f268fc80e30e24f5f71c2628c', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), index.h("div", { key: '00c07380972b65eac5fac5688b99d21277f65d39', class: "s-price-range-gray-text" }, " -"), index.h("div", { key: '403e98ad682f08946ccd191715ff37401a376722', class: "s-price-range-relative" }, index.h("div", { key: 'a1b0729fc40c17b9be68dd2c76a3afa1e99d8a62', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: '5f5e5a202f4b11cde88ae954fa352b71886fe30e', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), index.h("salla-button", { key: 'dd4899512e03f10c18e74f4d2434406dc6922a50', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, index.h("span", { key: '98d023ccfe7e26278259bf690a1d7a4323a704fc', innerHTML: this.isRTL ? arrowLeft.arrowLeft : arrowRight })))))));
+        }), index.h("div", { key: '99b72a90eb7c99fd0a061f3ae6fdb7a16f4a6cb5', class: "flex justify-center items-center" }, index.h("div", { key: '90234fcadbfd931e1ccbd8006f47219196b7d958', class: "relative max-w-xl w-full" }, index.h("div", { key: 'eb284df7b56929fa0b6b31f029024a48ba0528b5', class: "s-price-range-inputs" }, index.h("div", { key: '43adbda7a9dd480690a678e0efc7aeed889fb81f', class: "s-price-range-relative" }, index.h("div", { key: '16277456eb7fc08357ff91daef4af1944e79b762', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: '9af2548117afe8389b786621d9e26e8f441c9fa6', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), index.h("div", { key: '5f5a45e86632b6183e0b85a5c1489d311b72c9b1', class: "s-price-range-gray-text" }, " -"), index.h("div", { key: '80198c67b69613cd09f0aa03faaf7f162a432478', class: "s-price-range-relative" }, index.h("div", { key: '5b84faee68142be3f18215b6f916eb1cd245c74c', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), index.h("input", { key: 'a813df6ce1645b5e3d414a13879f9c4172bb6f4f', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), index.h("salla-button", { key: '34644f25fbd11238f27f3de0343ef5b65d192c16', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, index.h("span", { key: '07f5f1d7faad2ad05ea8538076b73b14a8f3137c', innerHTML: this.isRTL ? arrowLeft.arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/cjs/salla-product-card_2.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-DO_QXaSt.js');
+var index = require('./index-vstkdqRz.js');
 var star2 = require('./star2-R146a27p.js');
 var Helper = require('./Helper-CU4Xuiki.js');
 require('./anime.es-BqW8JHZi.js');
@@ -116,14 +116,14 @@ const SallaProductCard = class {
             's-product-card-out-of-stock': this.productData?.is_out_of_stock,
         };
         const hrefProp = this.productData?.url ? { href: this.productData.url, title: `Learn more about ${this.productData?.name}` } : {};
-        return (index.h(index.Host, { key: 'e0981508ab81f2a0bed4b763829d25792e55a692', id: `product-${this.productData?.id}`, class: classes }, index.h("div", { key: '8ed3f18aa60f4c63fcd8a5603683f76c6ec247a8', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, index.h("a", { key: 'e412236f624d180312a7361c0bb43f4af05ac868', ...hrefProp }, index.h("img", { key: 'a8517f1f3c5c2d15489aa5509bb667fb3ce98ca6', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
+        return (index.h(index.Host, { key: '9587bcb7fa6abdf1ec9cea621004e7e7077c2fd6', id: `product-${this.productData?.id}`, class: classes }, index.h("div", { key: 'f2d3c72f55d302e85a2da4e478d294f1ff7a155b', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, index.h("a", { key: '932e6defeeec23cda564e80a55f90260d51a1996', ...hrefProp }, index.h("img", { key: 'f1a82c5dab197fff512d5ab220a34acea82fd6d0', class: `s-product-card-image-${salla.url.is_placeholder(this.productData?.image?.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && index.h("a", { key: '9b0841267856eeaf8fd3f44df9e11a2e82ea2554', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
-            index.h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, index.h("span", { innerHTML: Heart })) : ''), index.h("div", { key: 'f027bc5aa8d3e46eeff5e0c2f22c33f06298884c', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: this.productData?.image?.alt || this.productData?.name, "data-src": this.productData?.image?.url || this.productData?.thumbnail }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && index.h("a", { key: '40eb012054592e5c65309a4fcbe6fd4f3512197e', ...hrefProp, class: "s-product-card-overlay" }), !this.horizontal && !this.fullImage ?
+            index.h("salla-button", { shape: "icon", fill: "none", color: "light", loading: false, "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => this.handleWishlistClick() }, index.h("span", { innerHTML: Heart })) : ''), index.h("div", { key: '91c99ae52ff1da64dfe69812ccfb26e91590f105', class: "s-product-card-content" }, this.isSpecial && this.productData?.quantity ?
             index.h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, index.h("span", null, index.h("b", null, salla.helpers.number(this.productData?.quantity)), this.remained), index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, index.h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), index.h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', index.h("div", { key: '942aed0114c9155a7b397261032ec3d5f3bbf983', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { key: '82e874903e2391cbda7df6cdbb41422341f66476', class: "s-product-card-content-title" }, index.h("a", { key: 'be7e564d2341c97d8431fa49e6a176548183929c', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
+            : '', index.h("div", { key: '630f6fdafccb0a6d5db2eb9399f5ba7c02ffde4b', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, index.h("h3", { key: '0c366496893811cec16c67b4c28c8ac6a40bd191', class: "s-product-card-content-title" }, index.h("a", { key: 'f9ba0a3655e8058b3a10c16016e7e5f3d85a6e8a', ...hrefProp }, this.productData?.name)), this.productData?.subtitle && !this.minimal ?
             index.h("p", { class: "s-product-card-content-subtitle" }, this.productData?.subtitle)
             : ''), this.productData?.donation && !this.minimal && !this.fullImage ?
             [index.h("salla-progress-bar", { donation: this.productData?.donation }), index.h("div", { class: "s-product-card-donation-input" }, this.productData?.donation?.can_donate ?
@@ -132,7 +132,7 @@ const SallaProductCard = class {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', index.h("div", { key: 'f565ee76394a00c047cdf3abacacdc351565ba1d', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
+            : '', index.h("div", { key: 'd67416c75a6fb7daa507e2d578c11f5dc1ecff2f', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), this.productData?.rating?.stars && !this.minimal ?
             index.h("div", { class: "s-product-card-rating" }, index.h("span", { innerHTML: star2.Star }), index.h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? index.h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })