@salla.sa/twilight-components 2.14.306 → 2.14.307

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var check = require('./check-CLRvuniI.js');
@@ -3544,13 +3544,13 @@ const SallaFileUpload = class {
             return;
         try {
             const [FilePondModule, FilePondPluginFileValidateSize, FilePondPluginImageExifOrientation, FilePondPluginImagePreview, FilePondPluginImageEdit, FilePondPluginFileValidateType, FilePondPluginFilePoster] = await Promise.all([
-                Promise.resolve().then(function () { return require('./filepond-T68FpD2x.js'); }).then(function (n) { return n.filepond; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-size-BBlP06s2.js'); }).then(function (n) { return n.filepondPluginFileValidateSize; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-exif-orientation-BR30PCYO.js'); }).then(function (n) { return n.filepondPluginImageExifOrientation; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-preview-CRbzO01p.js'); }).then(function (n) { return n.filepondPluginImagePreview; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-image-edit-Db2ao8Iq.js'); }).then(function (n) { return n.filepondPluginImageEdit; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-type-DsoFa7eA.js'); }).then(function (n) { return n.filepondPluginFileValidateType; }),
-                Promise.resolve().then(function () { return require('./filepond-plugin-file-poster-D2qWU0E8.js'); }).then(function (n) { return n.filepondPluginFilePoster; })
+                Promise.resolve().then(function () { return require('./filepond-Btud-9cx.js'); }).then(function (n) { return n.filepond; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-size-BOJQxGjN.js'); }).then(function (n) { return n.filepondPluginFileValidateSize; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-exif-orientation-DLoZc-P9.js'); }).then(function (n) { return n.filepondPluginImageExifOrientation; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-preview-DHeIf3Qv.js'); }).then(function (n) { return n.filepondPluginImagePreview; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-image-edit-DI9lM8fO.js'); }).then(function (n) { return n.filepondPluginImageEdit; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-validate-type-C77Hrmz7.js'); }).then(function (n) { return n.filepondPluginFileValidateType; }),
+                Promise.resolve().then(function () { return require('./filepond-plugin-file-poster--Gwmscgl.js'); }).then(function (n) { return n.filepondPluginFilePoster; })
             ]);
             this.FilePond = FilePondModule;
             // Register plugins
@@ -3844,11 +3844,11 @@ const SallaFileUpload = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '68939496fd8cfcc89a7a5d21e7e4daedab0db536', class: {
+        return (index.h(index.Host, { key: '45383bff9bc408ef0328e888751827e6fc70038d', class: {
                 "s-file-upload": true,
                 "s-file-upload-profile-image": this.profileImage,
                 "s-file-upload-multiple": this.allowMultiple,
-            } }, index.h("input", { key: 'adef3f296d759850322faf038602143a0239201d', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? index.h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', index.h("input", { key: 'dc74f8a155eeedd294548f782ed158f1a889b373', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
+            } }, index.h("input", { key: '323e469923868db4e322d67c1dd8a7efc245fe5f', type: "file", name: this.name, value: this.value, ref: ele => this.fileUploader = ele, required: this.required, class: "s-file-upload-wrapper s-file-upload-input", accept: this.accept }), this.allowMultiple && this.showMaxCountHint ? index.h("div", { class: "s-file-upload-hint s-hidden" }, this.max_count_hint(this.maxFilesCount)) : '', index.h("input", { key: '42458ac28b13ba4e6c6dc80a30054e0e567a9366', class: "s-hidden", name: 'hidden-' + this.name, required: this.required, value: this.value, ref: input => this.hiddenInput = input })));
     }
     componentDidLoad() {
         let files = this.getFiles();
@@ -3889,10 +3889,18 @@ const SallaFileUpload = class {
             },
             onprocessfile: (error, file) => {
                 if (this.allowMultiple && !error) {
-                    const lastUploadedFile = this.uploadedFiles[this.uploadedFiles.length - 1];
-                    if (lastUploadedFile) {
-                        file.setMetadata('id', lastUploadedFile.id, true);
-                        file.setMetadata('url', lastUploadedFile.url, true);
+                    // Find the uploaded file data using the serverId returned from onload
+                    const serverId = file.serverId;
+                    const uploadedFile = this.uploadedFiles.find(f => f.id === serverId);
+                    if (uploadedFile) {
+                        // Set metadata on the file
+                        file.setMetadata('id', uploadedFile.id, true);
+                        file.setMetadata('url', uploadedFile.url, true);
+                        this.value = {
+                            id: uploadedFile.id,
+                            url: uploadedFile.url
+                        };
+                        this.uploadedHandler();
                     }
                 }
             },
@@ -3933,20 +3941,21 @@ const SallaFileUpload = class {
                         let responseData = JSON.parse(response).data;
                         if ((this.instantUpload || this.allowMultiple) && Array.isArray(responseData) && responseData.length > 0) {
                             const fileId = `${this.host.id}-${Math.floor(100 + Math.random() * 900)}`;
+                            const fileUrl = responseData[0];
+                            // Store the upload result to be picked up by onprocessfile
                             this.uploadedFiles.push({
                                 id: fileId,
-                                url: responseData[0]
+                                url: fileUrl
                             });
-                            this.value = {
-                                id: fileId,
-                                url: responseData[0]
-                            };
+                            // Return the serverId that FilePond will use to identify this file
+                            // We'll use the fileId as the serverId
+                            return fileId;
                         }
                         else {
                             this.value = responseData.filePath || responseData.url;
+                            this.uploadedHandler();
+                            return this.value;
                         }
-                        this.uploadedHandler();
-                        return this.value;
                     },
                     headers: salla.api.getHeaders(),
                     onerror: response => {
@@ -10695,6 +10704,15 @@ const SallaRatingModal = class {
         index.registerInstance(this, hostRef);
         this.hasError = false;
         this.showContactWidget = true;
+        this.images = [];
+        this.productImages = {};
+        this.editItemImages = [];
+        this.contact_body = (store, id, customer) => salla.lang.get('pages.rating.contact_subject', { store, id, customer });
+        this.editMode = false;
+        this.defaultMode = false;
+        this.deleteMode = false;
+        this.shouldOpenDeleteModal = false;
+        this.editItem = null;
         this.dragAndDropFilesLabel = salla.lang.get('common.uploader.drag_and_drop_files');
         this.contactSubjectLabel = salla.lang.get('pages.rating.contact_subject');
         this.editReviewLabel = salla.lang.get('pages.rating.edit_review');
@@ -10708,24 +10726,16 @@ const SallaRatingModal = class {
         this.confirmDeleteBtn = salla.lang.get('common.elements.confirm_delete');
         this.updatedSuccessfullyLabel = salla.lang.get("pages.rating.review_updated_successfully");
         this.deletedSuccessfullyLabel = salla.lang.get("pages.rating.review_deleted_successfully");
+        this.contactUsLabel = salla.lang.get('blocks.footer.social');
         this.allowAttachImages = salla.config.get('store.settings.rating.allow_attach_images');
         this.allowContactSupport = salla.config.get('store.settings.rating.allow_contact_support');
-        this.contactUsLabel = salla.lang.get('blocks.footer.social');
-        this.images = [];
-        this.productImages = {};
-        this.editItemImages = [];
-        this.contact_body = (store, id, customer) => salla.lang.get('pages.rating.contact_subject', { store, id, customer });
-        this.editMode = false;
-        this.defaultMode = false;
-        this.deleteMode = false;
-        this.shouldOpenDeleteModal = false;
-        this.editItem = null;
         this.contentRefs = [];
         this.hiddenInputs = [];
         this.isOpen = [];
         this.stepsCount = 0;
         this.currentIndex = 0;
         this.submitted = [];
+        this.MAX_UPLOAD_LIMIT = 3;
         this.onOpen = (index) => {
             return new Promise((resolve) => {
                 anime_es.anime({
@@ -10756,7 +10766,7 @@ const SallaRatingModal = class {
             await (this.isOpen[index] ? this.onOpen(index) : this.onClose(index));
             await new Promise((resolve) => setTimeout(resolve, 101));
             if (this.body && this.currentTab) {
-                setTimeout(() => this.body.setAttribute('style', 'height:' + (this.currentTab.offsetHeight + (this.editMode ? 60 : 0)) + 'px'));
+                setTimeout(() => this.body.setAttribute('style', `height:${this.currentTab.offsetHeight + (this.editMode ? 60 : 0)}px`));
             }
         };
         salla.onReady(() => {
@@ -10789,8 +10799,10 @@ const SallaRatingModal = class {
                 await setNestedAsync('en.trans', 'pages.rating.review_updated_successfully', 'The review has been successfully updated.');
                 await setNestedAsync('ar.trans', 'pages.rating.review_deleted_successfully', 'تم حذف التقييم بنجاح');
                 await setNestedAsync('en.trans', 'pages.rating.review_deleted_successfully', 'The review has been successfully deleted.');
-                await setNestedAsync('ar.trans', 'common.uploader.max_three_images', '.أضف 3 صور كحد أقصى');
-                await setNestedAsync('en.trans', 'common.uploader.max_three_images', 'Add up to 3 images maximum.');
+                await setNestedAsync('ar.trans', 'pages.rating.images_count', 'الصور ( :current من أصل :total )');
+                await setNestedAsync('en.trans', 'pages.rating.images_count', 'Images ( :current of :total )');
+                await setNestedAsync('ar.trans', 'common.uploader.max_three_images', `.أضف ${this.MAX_UPLOAD_LIMIT} صور كحد أقصى`);
+                await setNestedAsync('en.trans', 'common.uploader.max_three_images', `Add up to ${this.MAX_UPLOAD_LIMIT} images maximum.`);
                 await setNestedAsync('ar.trans', 'common.elements.confirm_delete', 'تأكيد الحذف');
                 await setNestedAsync('en.trans', 'common.elements.confirm_delete', 'Confirm deletion');
                 this.dragAndDropFilesLabel = salla.lang.get('common.uploader.drag_and_drop_files');
@@ -10819,7 +10831,17 @@ const SallaRatingModal = class {
         return new Promise((resolve) => {
             setTimeout(() => {
                 this.modal.open().then(() => this.order || salla.api.withoutNotifier(() => salla.rating.api.order(this.orderId ? this.orderId : salla.config.get('page.id'))).then(res => this.order = res.data))
-                    .then(() => this.modal.setTitle(salla.lang.get('pages.rating.rate_order') + ' <span class="unicode">(#' + this.order.id + ')</span>'))
+                    .then(() => this.modal.setTitle(`${salla.lang.get('pages.rating.rate_order')} <span class="unicode">(#${this.order.id})</span>`))
+                    .then(() => {
+                    // Initialize productImages for all products
+                    const initialImages = {};
+                    if (this.order?.products) {
+                        for (const item of this.order.products) {
+                            initialImages[item.product.id] = [];
+                        }
+                    }
+                    this.productImages = initialImages;
+                })
                     .then(() => this.modal.stopLoading())
                     .then(() => this.stepsCount = [this.order.testimonials_enabled, this.order.products_enabled, this.order.shipping_enabled].filter(enabled => enabled).length)
                     .then(() => setTimeout(() => this.handleWizard(), 100))
@@ -10858,9 +10880,9 @@ const SallaRatingModal = class {
         }
     }
     async editReview() {
-        let data = {};
+        const data = {};
         this.editModal.querySelectorAll('[name]').forEach((input) => {
-            let inputData = salla.helpers.inputData(input.name, input.value, data);
+            const inputData = salla.helpers.inputData(input.name, input.value, data);
             data[inputData.name] = inputData.value;
         });
         data.images && (data.images = data.images.split(','));
@@ -10910,16 +10932,16 @@ const SallaRatingModal = class {
         this.currentTab = current || this.steps[this.currentIndex];
         Helper.Helper.toggleClassIf('.s-rating-modal-step-dot', 's-rating-modal-bg-gray', 's-rating-modal-bg-primary', dot => dot != this.dots[this.currentIndex])
             .toggleClassIf('.s-rating-modal-step', 's-rating-modal-active', 's-rating-modal-hidden', tab => tab == this.currentTab);
-        if (this.currentIndex != 0) {
+        if (this.currentIndex !== 0) {
             // the animation
             Helper.Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-unactive', 's-rating-modal-hidden', () => true);
             setTimeout(() => Helper.Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-active', 's-rating-modal-unactive', () => true), 300);
         }
         // Btn text
-        let nextType = this.steps[this.currentIndex + 1]?.dataset.type;
-        this.nextBtn?.setText(nextType ? salla.lang.get('pages.rating.rate') + ' ' + salla.lang.get('pages.rating.' + nextType)
+        const nextType = this.steps[this.currentIndex + 1]?.dataset.type;
+        this.nextBtn?.setText(nextType ? `${salla.lang.get('pages.rating.rate')} ${salla.lang.get(`pages.rating.${nextType}`)}`
             : salla.lang.get('pages.rating.send_ratings'));
-        setTimeout(() => this.body?.setAttribute('style', 'height:' + this.currentTab?.offsetHeight + 'px'));
+        setTimeout(() => this.body?.setAttribute('style', `height:${this.currentTab?.offsetHeight}px`));
     }
     previousTab() {
         this.currentIndex > 0 && this.currentIndex--;
@@ -10962,15 +10984,13 @@ const SallaRatingModal = class {
             validationMessage.innerHTML = salla.lang.get(`pages.rating.rate_${type}_stars`).replace(' (:item)', '');
             throw new Error(validationMessage.innerHTML);
         }
-        else {
-            validationMessage.innerHTML = '';
-        }
+        validationMessage.innerHTML = '';
     }
     sendFeedback() {
-        let data = {};
+        const data = {};
         this.currentTab.querySelectorAll('[name]').forEach((input) => {
             //decode names like `<input name="jamal[inner]" value="hi">` to be {name:jamal, value: {inner:"hi"}}
-            let inputData = salla.helpers.inputData(input.name, input.value, data);
+            const inputData = salla.helpers.inputData(input.name, input.value, data);
             data[inputData.name] = inputData.value;
         });
         if (this.allowAttachImages && data.products) {
@@ -10983,15 +11003,15 @@ const SallaRatingModal = class {
         if (Object.keys(data).length == 0) {
             return;
         }
-        data['order_id'] = this.orderId;
-        data['type'] = this.currentTab.dataset.type;
+        data.order_id = this.orderId;
+        data.type = this.currentTab.dataset.type;
         this.submitted.push(this.currentIndex);
         return salla.rating.api[this.currentTab.dataset.type](data);
     }
     showThankYou() {
         let seconds = 10;
         let timeToClose = setInterval(() => {
-            this.thanksTime.innerHTML = '00:0' + (seconds--);
+            this.thanksTime.innerHTML = `00:0${seconds--}`;
             if (seconds > 0) {
                 return;
             }
@@ -11026,7 +11046,7 @@ const SallaRatingModal = class {
         if (isOpen.detail) {
             return;
         }
-        this.modal && this.modal.close();
+        this.modal?.close();
         this.editItem = null;
         this.editItemImages = [];
         this.hiddenInputs[1] && (this.hiddenInputs[1].value = '');
@@ -11040,11 +11060,16 @@ const SallaRatingModal = class {
     getDeleteModal() {
         return (index.h("salla-modal", { ref: modal => this.deleteModal = modal, width: "xs", onModalVisibilityChanged: (isOpen) => this.resetData(isOpen) }, index.h("div", { class: "s-rating-modal-delete-wrapper", ref: el => this.body = el }, index.h("h3", null, this.confirmDeletionLabel), index.h("p", null, this.areYouSureLabel), index.h("div", { class: "s-rating-modal-delete-actions" }, index.h("salla-button", { loaderPosition: 'center', onClick: () => this.deleteReview() }, this.confirmDeleteBtn), index.h("salla-button", { color: 'danger', fill: 'outline', onClick: () => this.deleteModal.close() }, this.cancelLabel)))));
     }
+    renderUploadedImagesCount(productId) {
+        // In edit mode, use editItemImages; in default mode, use productImages
+        const imageCount = this.editMode ? this.editItemImages.length : (this.productImages[productId] || []).length;
+        return (index.h("span", { class: "s-rating-modal-upload-count" }, salla.lang.choice("pages.rating.images_count", imageCount, { current: imageCount, total: this.MAX_UPLOAD_LIMIT })));
+    }
     getEditModal() {
         return (index.h("salla-modal", { ref: modal => this.editModal = modal, width: "md", onModalVisibilityChanged: (isOpen) => this.resetData(isOpen) }, index.h("div", { class: "s-rating-modal-edit-wrapper", ref: el => this.body = el }, this.editType === "store" && this.editItem ? (index.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step", "data-type": "store", ref: currentTab => this.currentTab = currentTab }, index.h("div", { class: "s-rating-modal-rounded-icon" }, index.h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })), index.h("h2", { class: "s-rating-modal-title" }, salla.lang.get('pages.rating.rate_the_store')), index.h("div", { class: "s-rating-modal-stars-company" }, index.h("salla-rating-stars", { withLabel: true, size: "large", editable: true, value: this.editItem.stars })), index.h("textarea", { name: "content", value: this.editItem.content, class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), index.h("small", { class: "s-rating-modal-validation-msg" }))) : null, this.editType === "shipping" && this.editItem ? (index.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step", "data-type": "shipping", ref: currentTab => this.currentTab = currentTab }, this.editItem.shipping.logo
             ? index.h("div", { class: "s-rating-modal-rounded-icon" }, index.h("img", { src: this.editItem.shipping.logo, class: "s-rating-modal-shipping-logo", alt: this.editItem.shipping.name }))
-            : index.h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), index.h("div", { class: "s-rating-modal-title" }, " ", salla.lang.get('pages.rating.rate_shipping') + ' ' + this.editItem.shipping.name), index.h("div", { class: "s-rating-modal-stars-company" }, index.h("salla-rating-stars", { withLabel: true, size: "large", editable: true, value: this.editItem.stars })), index.h("textarea", { name: "content", class: "s-rating-modal-comment", value: this.editItem.content, placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), index.h("small", { class: "s-rating-modal-validation-msg" }))) : null, this.editType == "product" && this.editItem ? index.h("section", { class: "s-rating-modal-step", "data-type": "products", ref: currentTab => this.currentTab = currentTab }, index.h("div", { class: "s-rating-modal-product" }, index.h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, index.h("div", { class: "s-rating-modal-product-img-wrap" }, index.h("img", { src: this.editItem.product.image.url, alt: this.editItem.product.name, class: "s-rating-modal-product-img" })), index.h("div", { class: "s-rating-modal-product-details" }, index.h("div", { class: "s-rating-modal-product-details-main" }, index.h("div", null, index.h("h3", { class: "s-rating-modal-product-title" }, " ", this.editItem.product.name), index.h("div", { class: "s-rating-modal-stars-product" }, index.h("salla-rating-stars", { withLabel: true, size: "small", editable: true, value: this.editItem.stars }))), this.allowAttachImages && index.h("salla-button", { class: `s-comments-item-like-btn mt-0`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleUploader(1) }, index.h("span", null, this.editItemImages.length ? this.editImagesLabel : this.addImagesLabel), index.h("span", { innerHTML: ImageIcon }))), index.h("textarea", { value: this.editItem.content, placeholder: salla.lang.get('pages.rating.write_product_rate'), name: "content", class: "s-rating-modal-comment" }), index.h("small", { class: "s-rating-modal-validation-msg" }))), this.allowAttachImages && (index.h("div", { class: "s-rating-modal-uploader is-closed", ref: (el) => (this.contentRefs[1] = el) }, index.h("salla-file-upload", { name: "images", allowMultiple: true, maxFilesCount: 3, imagePreviewHeight: 117, filePosterHeight: 117, "instant-upload": true, type: "feedback", files: JSON.stringify(this.editItemImages), payloadName: "files[]", id: `file-${this.editItem.product.id}`, title: this.editItem.product.name, instantUpload: true, accept: "image/png, image/jpeg, image/jpg", url: salla.url.api('upload'), onUploaded: (e) => {
-                this.editItemImages.push(e.detail);
+            : index.h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), index.h("div", { class: "s-rating-modal-title" }, " ", `${salla.lang.get('pages.rating.rate_shipping')} ${this.editItem.shipping.name}`), index.h("div", { class: "s-rating-modal-stars-company" }, index.h("salla-rating-stars", { withLabel: true, size: "large", editable: true, value: this.editItem.stars })), index.h("textarea", { name: "content", class: "s-rating-modal-comment", value: this.editItem.content, placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), index.h("small", { class: "s-rating-modal-validation-msg" }))) : null, this.editType == "product" && this.editItem ? index.h("section", { class: "s-rating-modal-step", "data-type": "products", ref: currentTab => this.currentTab = currentTab }, index.h("div", { class: "s-rating-modal-product" }, index.h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, index.h("div", { class: "s-rating-modal-product-img-wrap" }, index.h("img", { src: this.editItem.product.image.url, alt: this.editItem.product.name, class: "s-rating-modal-product-img" })), index.h("div", { class: "s-rating-modal-product-details" }, index.h("div", { class: "s-rating-modal-product-details-main" }, index.h("div", null, index.h("h3", { class: "s-rating-modal-product-title" }, " ", this.editItem.product.name), index.h("div", { class: "s-rating-modal-stars-product" }, index.h("salla-rating-stars", { withLabel: true, size: "small", editable: true, value: this.editItem.stars }))), this.allowAttachImages && index.h("salla-button", { class: "s-comments-item-like-btn mt-0", loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleUploader(1) }, index.h("span", null, this.editItemImages.length ? this.editImagesLabel : this.addImagesLabel), index.h("span", { innerHTML: ImageIcon }))), index.h("textarea", { value: this.editItem.content, placeholder: salla.lang.get('pages.rating.write_product_rate'), name: "content", class: "s-rating-modal-comment" }), index.h("small", { class: "s-rating-modal-validation-msg" }))), this.allowAttachImages && (index.h("div", { class: "s-rating-modal-uploader is-closed", ref: (el) => (this.contentRefs[1] = el) }, index.h("salla-file-upload", { name: "images", allowMultiple: true, maxFilesCount: this.MAX_UPLOAD_LIMIT, imagePreviewHeight: 117, filePosterHeight: 117, "instant-upload": true, type: "feedback", files: JSON.stringify(this.editItemImages), payloadName: "files[]", id: `file-${this.editItem.product.id}`, title: this.editItem.product.name, instantUpload: true, accept: "image/png, image/jpeg, image/jpg", url: salla.url.api('upload'), onUploaded: (e) => {
+                this.editItemImages = [...this.editItemImages, e.detail];
                 this.hiddenInputs[1].value = this.editItemImages.map(img => img.url).join();
             }, onRemoved: (e) => {
                 const removedId = e.detail;
@@ -11052,7 +11077,7 @@ const SallaRatingModal = class {
                     return;
                 this.editItemImages = this.editItemImages.filter(img => img.id !== removedId);
                 this.hiddenInputs[1].value = this.editItemImages.map(img => img.url).join();
-            }, labelIdle: this.getFilepondPlaceholder() }), index.h("input", { type: "hidden", name: "images", value: this.editItem.images.join(','), ref: (el) => (this.hiddenInputs[1] = el) })))))
+            }, labelIdle: this.getFilepondPlaceholder() }), index.h("input", { type: "hidden", name: "images", value: this.editItem.images.join(','), ref: (el) => (this.hiddenInputs[1] = el) }), this.renderUploadedImagesCount(this.editItem.product.id)))))
             : null, index.h("div", { class: "s-rating-modal-footer s-rating-modal-footer-end" }, index.h("salla-button", { "loader-position": 'center', onClick: () => this.editReview() }, this.editReviewLabel)))));
     }
     render() {
@@ -11063,28 +11088,31 @@ const SallaRatingModal = class {
             return index.h(index.Host, { class: "s-rating-modal" }, this.getEditModal());
         }
         if (this.defaultMode) {
-            return (index.h(index.Host, { class: "s-rating-modal" }, index.h("salla-modal", { class: "s-rating-modal-wrap", onModalVisibilityChanged: (isOpen) => this.resetData(isOpen), isLoading: true, width: "md", ref: modal => this.modal = modal }, index.h("div", { slot: 'loading' }, index.h("div", { class: "s-rating-modal-skeleton" }, index.h("salla-skeleton", { type: 'circle', height: '80px', width: '80px' }), index.h("salla-skeleton", { height: '15px', width: '60%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("div", { class: "s-rating-modal-skeleton-stars" }, [...Array(5)].map(() => index.h("div", { innerHTML: WishListIcon }))), index.h("salla-skeleton", { height: '100px', width: '100%' }), index.h("div", { class: "s-rating-modal-skeleton-footer" }, index.h("salla-skeleton", { height: '40px', width: '30%' })))), !this.hasError && this.order
+            return (index.h(index.Host, { class: "s-rating-modal" }, index.h("salla-modal", { class: "s-rating-modal-wrap", onModalVisibilityChanged: (isOpen) => this.resetData(isOpen), isLoading: true, width: "md", ref: modal => this.modal = modal }, index.h("div", { slot: 'loading' }, index.h("div", { class: "s-rating-modal-skeleton" }, index.h("salla-skeleton", { type: 'circle', height: '80px', width: '80px' }), index.h("salla-skeleton", { height: '15px', width: '60%' }), index.h("salla-skeleton", { height: '10px', width: '30%' }), index.h("div", { class: "s-rating-modal-skeleton-stars" }, [...Array(5)].map((v) => index.h("div", { key: v, innerHTML: WishListIcon }))), index.h("salla-skeleton", { height: '100px', width: '100%' }), index.h("div", { class: "s-rating-modal-skeleton-footer" }, index.h("salla-skeleton", { height: '40px', width: '30%' })))), !this.hasError && this.order
                 ? [index.h("div", { class: "s-rating-modal-wrapper", ref: el => this.body = el }, this.order?.testimonials_enabled ?
                         index.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, index.h("div", { class: "s-rating-modal-rounded-icon" }, index.h("img", { src: salla.config.get('store.logo', 'https://assets.salla.sa/cp/assets/images/logo-new.png'), alt: "store name", class: "s-rating-modal-store-logo" })), index.h("h2", { class: "s-rating-modal-title" }, salla.lang.get('pages.rating.rate_the_store')), index.h("div", { class: "s-rating-modal-stars-company" }, index.h("salla-rating-stars", { withLabel: true, size: "large" })), index.h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), index.h("small", { class: "s-rating-modal-validation-msg" }))
                         : '', this.order.products_enabled
-                        ? index.h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index$1) => index.h("div", { class: "s-rating-modal-product", key: index$1 }, index.h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, index.h("div", { class: "s-rating-modal-product-img-wrap" }, index.h("img", { src: item.product.thumbnail, alt: item.product.name, class: "s-rating-modal-product-img" })), index.h("div", { class: "s-rating-modal-product-details" }, index.h("div", { class: "s-rating-modal-product-details-main" }, index.h("div", null, index.h("h3", { class: "s-rating-modal-product-title" }, " ", item.product.name), index.h("div", { class: "s-rating-modal-stars-product" }, index.h("salla-rating-stars", { withLabel: true, size: "small", name: `products[${index$1}][rating]` }))), this.allowAttachImages && index.h("salla-button", { class: `s-comments-item-like-btn mt-0`, loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleUploader(index$1) }, index.h("span", null, this.addImagesLabel), index.h("span", { innerHTML: ImageIcon }))), index.h("input", { type: "hidden", name: `products[${index$1}][product_id]`, value: item.product.id }), index.h("textarea", { placeholder: salla.lang.get('pages.rating.write_product_rate'), name: `products[${index$1}][comment]`, class: "s-rating-modal-comment" }), index.h("small", { class: "s-rating-modal-validation-msg" }))), this.allowAttachImages && (index.h("div", { class: "s-rating-modal-uploader is-closed", ref: (el) => (this.contentRefs[index$1] = el) }, index.h("salla-file-upload", { name: "image", maxFilesCount: 3, imagePreviewHeight: 117, "instant-upload": true, type: "feedback", payloadName: "files[]", id: `file-${item.product.id}`, title: item.product.name, allowMultiple: true, instantUpload: true, accept: "image/png, image/jpeg, image/jpg", url: salla.url.api('upload'), onUploaded: (e) => {
-                                if (!this.productImages[item.product.id]) {
-                                    this.productImages[item.product.id] = [];
-                                }
-                                this.productImages[item.product.id].push(e.detail);
-                                this.hiddenInputs[index$1].value = this.productImages[item.product.id].map(img => img.url);
+                        ? index.h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.order.products.map((item, index$1) => index.h("div", { class: "s-rating-modal-product", key: index$1 }, index.h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, index.h("div", { class: "s-rating-modal-product-img-wrap" }, index.h("img", { src: item.product.thumbnail, alt: item.product.name, class: "s-rating-modal-product-img" })), index.h("div", { class: "s-rating-modal-product-details" }, index.h("div", { class: "s-rating-modal-product-details-main" }, index.h("div", null, index.h("h3", { class: "s-rating-modal-product-title" }, " ", item.product.name), index.h("div", { class: "s-rating-modal-stars-product" }, index.h("salla-rating-stars", { withLabel: true, size: "small", name: `products[${index$1}][rating]` }))), this.allowAttachImages && index.h("salla-button", { class: "s-comments-item-like-btn mt-0", loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleUploader(index$1) }, index.h("span", null, this.addImagesLabel), index.h("span", { innerHTML: ImageIcon }))), index.h("input", { type: "hidden", name: `products[${index$1}][product_id]`, value: item.product.id }), index.h("textarea", { placeholder: salla.lang.get('pages.rating.write_product_rate'), name: `products[${index$1}][comment]`, class: "s-rating-modal-comment" }), index.h("small", { class: "s-rating-modal-validation-msg" }))), this.allowAttachImages && (index.h("div", { class: "s-rating-modal-uploader is-closed", ref: (el) => (this.contentRefs[index$1] = el) }, index.h("salla-file-upload", { name: "image", maxFilesCount: this.MAX_UPLOAD_LIMIT, imagePreviewHeight: 117, "instant-upload": true, type: "feedback", payloadName: "files[]", id: `file-${item.product.id}`, title: item.product.name, allowMultiple: true, instantUpload: true, accept: "image/png, image/jpeg, image/jpg", url: salla.url.api('upload'), onUploaded: (e) => {
+                                this.productImages = {
+                                    ...this.productImages,
+                                    [item.product.id]: [...(this.productImages[item.product.id] || []), e.detail]
+                                };
+                                this.hiddenInputs[index$1].value = this.productImages[item.product.id].map(img => img.url).join(',');
                             }, onRemoved: (e) => {
                                 const removedId = e.detail;
-                                if (!removedId)
+                                if (!removedId || !this.productImages[item.product.id])
                                     return;
-                                this.productImages[item.product.id] = this.productImages[item.product.id].filter(img => img.id !== removedId);
-                                this.hiddenInputs[index$1].value = this.productImages[item.product.id].map(img => img.url);
-                            }, labelIdle: this.getFilepondPlaceholder() }), index.h("input", { type: "hidden", name: `products[${index$1}][images]`, value: JSON.stringify(this.productImages[item.product.id]), ref: (el) => (this.hiddenInputs[index$1] = el) }))))))
+                                this.productImages = {
+                                    ...this.productImages,
+                                    [item.product.id]: this.productImages[item.product.id].filter(img => img.id !== removedId)
+                                };
+                                this.hiddenInputs[index$1].value = this.productImages[item.product.id].map(img => img.url).join(',');
+                            }, labelIdle: this.getFilepondPlaceholder() }), index.h("input", { type: "hidden", name: `products[${index$1}][images]`, value: (this.productImages[item.product.id] || []).map(img => img.url).join(','), ref: (el) => (this.hiddenInputs[index$1] = el) }), this.renderUploadedImagesCount(item.product.id))))))
                         : '', this.order.shipping_enabled && this.order.shipping?.company
                         ? index.h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, index.h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
                             ? index.h("div", { class: "s-rating-modal-rounded-icon" }, index.h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
-                            : index.h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), index.h("div", { class: "s-rating-modal-title" }, " ", salla.lang.get('pages.rating.rate_shipping') + ' ' + this.order.shipping.company.name), index.h("div", { class: "s-rating-modal-stars-company" }, index.h("salla-rating-stars", { withLabel: true, size: "large" })), index.h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), index.h("small", { class: "s-rating-modal-validation-msg" }))
-                        : '', index.h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, index.h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), index.h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), index.h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), index.h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), this.allowContactSupport && this.showContactWidget && (salla.config.get('store.contacts.whatsapp') || salla.config.get('store.contacts.email')) ? index.h("div", { class: "s-rating-modal-contact" }, index.h("p", null, this.contactUsLabel), index.h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && index.h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: whatsapp2.whatsapp }), salla.config.get('store.contacts.email') && index.h("span", { onClick: () => this.handleSendEmail(), innerHTML: mail.MailIcon }))) : '', index.h("div", { class: "s-rating-modal-footer" }, index.h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? index.h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map(() => index.h("li", { class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', index.h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next')))]
+                            : index.h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), index.h("div", { class: "s-rating-modal-title" }, " ", `${salla.lang.get('pages.rating.rate_shipping')} ${this.order.shipping.company.name}`), index.h("div", { class: "s-rating-modal-stars-company" }, index.h("salla-rating-stars", { withLabel: true, size: "large" })), index.h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), index.h("small", { class: "s-rating-modal-validation-msg" }))
+                        : '', index.h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, index.h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), index.h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), index.h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), index.h("time", { class: "s-rating-modal-thanks-time", ref: el => this.thanksTime = el }))), this.allowContactSupport && this.showContactWidget && (salla.config.get('store.contacts.whatsapp') || salla.config.get('store.contacts.email')) ? index.h("div", { class: "s-rating-modal-contact" }, index.h("p", null, this.contactUsLabel), index.h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && index.h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: whatsapp2.whatsapp }), salla.config.get('store.contacts.email') && index.h("span", { onClick: () => this.handleSendEmail(), innerHTML: mail.MailIcon }))) : '', index.h("div", { class: "s-rating-modal-footer" }, index.h("button", { ref: el => this.backBtn = el, onClick: () => this.previousTab(), class: "s-rating-modal-btn s-rating-modal-unvisiable" }, salla.lang.get('common.elements.back')), this.stepsCount > 1 ? index.h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map((v) => index.h("li", { key: v, class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', index.h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next')))]
                 : index.h("salla-placeholder", { alignment: "center" }))));
         }
     }
@@ -12529,7 +12557,7 @@ const SallaTelInput = class {
         if (this.TelInput)
             return;
         try {
-            const telInputModule = await Promise.resolve().then(function () { return require('./index-_C7Hhk-4.js'); }).then(function (n) { return n.index; });
+            const telInputModule = await Promise.resolve().then(function () { return require('./index-BW35Qz0q.js'); }).then(function (n) { return n.index; });
             this.TelInput = telInputModule.default;
         }
         catch (error) {

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var anime_es = require('./anime.es-BqW8JHZi.js');
 
 const sallaAdvertisementCss = ":host{display:block}";

package/dist/cjs/salla-app-install-alert.cjs.entry.js

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

package/dist/cjs/salla-apps-icons.cjs.entry.js

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

package/dist/cjs/salla-cart-item-offers.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var specialDiscount = require('./special-discount-OVG_9Kf9.js');
 var gift = require('./gift-BPDUPIY_.js');
 

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

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var whatsapp2 = require('./whatsapp2-D7Sbg8Ey.js');
 var mail = require('./mail-CO8cFZH7.js');
 

package/dist/cjs/salla-custom-fields.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var interfaces = require('./interfaces-CX9-6aLf.js');
 
 const sallaCustomFieldsCss = ":host{display:block}";

package/dist/cjs/salla-filters-widget.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var Helper = require('./Helper-B5NunIdR.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var interfaces = require('./interfaces-DZDQwN6-.js');
 var Helper = require('./Helper-B5NunIdR.js');
 require('./anime.es-BqW8JHZi.js');

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px;border:unset !important;font-weight:500}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !important;background:white;border-radius:0.375rem;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);border:unset !important;font-family:inherit !important;font-weight:500}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;line-height:22px;color:rgb(0, 0, 0);min-width:100%;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;margin:15px 0;display:flex;transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-wrapper:hover{box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:flex;flex-direction:row-reverse;width:100%;justify-content:space-between;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";
 

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

package/dist/cjs/salla-loyalty-program.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var gift = require('./gift-BPDUPIY_.js');
 
 const sallaLoyaltyProgramCss = "";

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 
 const sallaMetadataCss = "";
 

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 
 const sallaNotificationsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var Helper = require('./Helper-B5NunIdR.js');
 require('./anime.es-BqW8JHZi.js');
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 
 var PageType;
 (function (PageType) {

package/dist/cjs/salla-order-details-multiple-bundle-product.cjs.entry.js

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 
 const sallaOrderDetailsMultipleBundleProductCss = "";
 

package/dist/cjs/salla-order-details-options.cjs.entry.js

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

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 
 const sallaOrderDetailsCss = "";
 

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

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var index = require('./index-B-Pk8e4E.js');
+var index = require('./index-C_8SUOhh.js');
 var check = require('./check-CLRvuniI.js');
 
 var iconFileArchive = `<!-- Generated by IcoMoon.io -->

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

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