@salla.sa/twilight-components 2.14.545 → 2.14.547

package/dist/components/salla-rating-modal.js

@@ -1,597 +1,7 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { a as anime } from './anime.es.js';
-import { C as CheckCircle2 } from './check-circle2.js';
-import { I as ImageIcon } from './image.js';
-import { M as MailIcon } from './mail.js';
-import { d as defineCustomElement$5, S as ShippingFast } from './salla-rating-modal-v22.js';
-import { W as WishListIcon } from './star.js';
-import { W as WhatsappIcon } from './whatsapp2.js';
-import { H as Helper } from './Helper.js';
-import { d as defineCustomElement$b } from './salla-attachment-view2.js';
-import { d as defineCustomElement$a } from './salla-button2.js';
-import { d as defineCustomElement$9 } from './salla-file-upload2.js';
-import { d as defineCustomElement$8 } from './salla-loading2.js';
-import { d as defineCustomElement$7 } from './salla-modal2.js';
-import { d as defineCustomElement$6 } from './salla-placeholder2.js';
-import { d as defineCustomElement$4 } from './salla-rating-stars2.js';
-import { d as defineCustomElement$3 } from './salla-skeleton2.js';
-import { d as defineCustomElement$2 } from './salla-slider2.js';
-
-const sallaRatingModalCss = "/*!twlt*/.s-rating-modal-uploader{overflow:visible}.s-rating-modal-uploader.is-opened{height:auto !important;opacity:1 !important;overflow:visible;pointer-events:auto !important;margin-bottom:1rem}.s-rating-modal-uploader .s-file-upload-gallery{overflow:visible}.s-rating-modal-edit-wrapper,.s-rating-modal-wrapper{transition:height 0.15s ease}.s-rating-modal-product-details{padding-bottom:0.5rem}.s-rating-modal-comment{margin-top:0.35rem}.s-rating-modal-product{margin-bottom:1rem}.s-rating-modal-product-img{position:absolute !important;inset:0;display:block;width:100% !important;max-width:100% !important;height:100% !important;object-fit:cover}.s-rating-modal-product-title{font-size:0.95rem;font-weight:600;line-height:1.5;margin:0}.s-rating-modal-stars-product{margin-top:0.5rem}.s-rating-modal-loyalty-points-note-container{display:flex;align-items:center;gap:0.625rem;width:100%;margin-top:1.5rem;margin-bottom:0.75rem;padding:0.75rem;border-radius:0.5rem;background-color:#E6F4EA}.s-rating-modal-loyalty-points-note-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:#1B7F5C}.s-rating-modal-loyalty-points-note-icon svg{width:1.5rem;height:1.5rem;fill:currentColor}.s-rating-modal-loyalty-points-note-text{flex:1;margin:0;font-size:0.875rem;line-height:1.25rem;color:#1f2937}.s-rating-modal-product-details-main{display:flex;align-items:center;margin-bottom:0.5rem;padding-bottom:0;border-bottom:0}.s-rating-modal-product-info-row{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.5rem;padding-bottom:0;border-bottom:0}.s-rating-modal-product-main-review{width:100%;text-align:right}.s-rating-modal-product-rating-rows{display:grid;gap:0.45rem;margin:0.2rem 0 0.7rem}.s-rating-modal-product-rating-row{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;min-height:2rem}.s-rating-modal-product-rating-row salla-rating-stars{flex-shrink:0}.s-rating-modal-product-rating-row .s-rating-stars-wrapper{align-items:center;min-height:1.75rem}.s-rating-modal-product-rating-row .s-rating-stars-label,.s-rating-modal-product-rating-row .s-rating-stars-label-without-tag{min-width:auto;min-height:1.25rem;line-height:1.25rem;font-size:0.8rem;color:#5b6470;white-space:nowrap;text-align:end;transition:opacity 0.15s ease}.s-rating-modal-product-rating-row .s-rating-stars-label--empty,.s-rating-modal-product-rating-row .s-rating-stars-label-without-tag--empty{opacity:0}.s-rating-modal-product-rating-row-main{margin-bottom:0.35rem;padding:0.5rem 0.6rem;border:1px solid #d1d5db;border-radius:0.45rem;background:transparent}.s-rating-modal-product-factor-name{color:#5b6470;font-size:0.9rem;line-height:1.25}.s-rating-modal-product-rating-row-main .s-rating-modal-product-factor-name{font-size:1rem;color:#5b6470}.s-rating-modal-product-factor-required{color:#f87171;margin-inline-start:0.2rem}.s-rating-modal-product-img-wrap{position:relative;width:5rem !important;min-width:5rem !important;max-width:5rem !important;height:3.5rem !important;flex-shrink:0 !important;overflow:hidden;border-radius:0.375rem;background:#f3f4f6}.mt-0{margin-top:0px}.block{display:block}.hidden{display:none}.px-3{padding-left:0.75rem;padding-right:0.75rem}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.s-comments-item-like-btn{margin-top:0.5rem}.s-comments-item-like-btn .s-button-text{display:flex;flex-direction:row-reverse;gap:0.5rem}.s-comments-item-like-btn span svg{height:0.75rem;width:0.75rem}.s-rating-modal-wrapper{margin-bottom:1.5rem;transition-property:all;transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.s-rating-modal-edit-wrapper{margin-top:0.625rem}.s-rating-modal-footer{position:relative;display:flex;align-items:center;justify-content:space-between}.s-rating-modal-footer salla-button button{padding-left:1rem !important;padding-right:1rem !important;font-size:0.75rem !important}.s-rating-modal-btn{height:2.5rem;padding-left:1rem;padding-right:1rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;color:var(--color-primary);transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-rating-modal-btn:hover{color:var(--color-primary-dark)}.s-rating-modal-dots{display:flex;flex-shrink:0;flex-grow:1;justify-content:center}.s-rating-modal-dots>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.375rem * var(--tw-space-x-reverse));margin-left:calc(0.375rem * calc(1 - var(--tw-space-x-reverse)))}.s-rating-modal-dots{text-align:center}.s-rating-modal-dots:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-rating-modal-step-dot{height:0.625rem;width:0.625rem;border-radius:9999px;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-rating-modal-step{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-rating-modal-active{--tw-translate-x:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.s-rating-modal-unactive{--tw-translate-x:0.75rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:0}.s-rating-modal-hidden{display:none !important}.s-rating-modal-unvisiable{pointer-events:none;opacity:0}.s-rating-modal-step-wrap{position:relative;display:flex;flex-direction:column;align-items:center;padding-bottom:1rem}.s-rating-modal-product-details{position:relative;display:flex;flex:1 1 0%;flex-direction:column;padding-bottom:1rem}.s-rating-modal-product-details-main{display:flex;align-items:flex-start;justify-content:space-between}.s-rating-modal-product-details-main .s-rating-stars-wrapper{margin-bottom:0.375rem;flex-direction:column;align-items:center}@media (min-width: 640px){.s-rating-modal-product-details-main .s-rating-stars-wrapper{margin-bottom:0px;flex-direction:row;gap:0px}}.s-rating-modal-rounded-icon{margin-bottom:1rem;display:flex;height:7rem;width:7rem;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.s-rating-modal-title{margin-bottom:1rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}.s-rating-modal-store-logo{width:4rem;object-fit:contain}.s-rating-modal-shipping-logo{height:100%;width:100%;object-fit:contain}.s-rating-modal-shipping-icon{font-size:3rem;line-height:1;color:var(--color-primary)}.s-rating-modal-comment{margin-bottom:0.5rem;height:5rem !important;width:100%;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:0.75rem;font-size:0.875rem;line-height:1.25rem;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.s-rating-modal-comment:focus{border-color:var(--color-primary)}.s-rating-modal-comment:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.s-rating-modal-validation-msg{margin-top:-3px;line-height:1rem;--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.s-rating-modal-product{margin-bottom:1.5rem}.s-rating-modal-product:last-child{margin-bottom:0px}.s-rating-modal-product .rating-outer-form{display:flex}.s-rating-modal-product .rating-outer-form>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}@media (min-width: 640px){.s-rating-modal-product .rating-outer-form>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.25rem * var(--tw-space-x-reverse));margin-left:calc(1.25rem * calc(1 - var(--tw-space-x-reverse)))}}.s-rating-modal-product .rating-outer-form:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-rating-modal-product-img-wrap{height:3.5rem;width:auto;overflow:hidden;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.s-rating-modal-product-img-wrap{width:5rem}}.s-rating-modal-product-img{position:relative;height:100%;width:100%;object-fit:cover;font-size:0px}.s-rating-modal-product-img::before{position:absolute;top:0px;left:0px;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));--tw-content:'';content:var(--tw-content)}.s-rating-modal-product-title{margin-bottom:0.375rem;font-size:0.875rem;font-weight:700;line-height:1.25rem}.s-rating-modal-thanks{padding-left:2rem;padding-right:2rem;text-align:center;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:500ms}.s-rating-modal-icon{display:inline-flex;height:5rem;width:5rem;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));color:var(--color-primary)}.s-rating-modal-icon svg{height:1.75rem;width:1.75rem;fill:var(--color-primary)}.s-rating-modal-thanks-title{margin-top:1rem;font-weight:700}.s-rating-modal-thanks-msg{margin-bottom:1.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-rating-modal-thanks-btn{height:2.5rem;flex:none;display:inline-flex;flex:1 1 0%;align-items:center;justify-content:center;white-space:nowrap;border-radius:0.375rem;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0.625rem;padding-top:0.5rem;font-size:0.875rem;line-height:1.25rem;font-weight:700;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms}.s-rating-modal-thanks-btn:hover{opacity:0.8}.s-rating-modal-thanks-btn{border-width:1px;border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-reverse)}.s-rating-modal-thanks-time{margin-top:0.75rem;display:block;height:1.5rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.s-rating-modal-stars-company{margin-bottom:1.25rem}.s-rating-modal-stars-company .s-rating-stars-wrapper{flex-direction:column;align-items:center;justify-content:center;gap:0.5rem}.s-rating-modal-stars-product{margin-bottom:0.25rem}.s-rating-modal-upload-count{font-size:0.875rem;line-height:1.25rem;font-weight:500}.s-rating-modal-bg-gray{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.s-rating-modal-bg-primary{background-color:var(--color-primary)}unicode{unicode-bidi:plaintext}.s-rating-modal-wrap .s-modal-body{position:relative !important}.s-rating-modal-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-rating-modal-skeleton salla-skeleton:nth-child(1){margin-bottom:1.25rem}.s-rating-modal-skeleton salla-skeleton:nth-child(2){margin-bottom:0.75rem}.s-rating-modal-skeleton salla-skeleton:nth-child(3){margin-bottom:1.25rem}.s-rating-modal-skeleton salla-skeleton:nth-child(4){margin-bottom:2rem}.s-rating-modal-skeleton-footer{margin-top:1.5rem;display:flex;width:100%;justify-content:flex-end}.s-rating-modal-skeleton-footer salla-skeleton{margin-bottom:0px !important}.s-rating-modal-skeleton-stars{margin-bottom:0.75rem;display:flex;align-items:center}.s-rating-modal-skeleton-stars>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem * var(--tw-space-x-reverse));margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))}.s-rating-modal-skeleton-stars:where([dir=\"rtl\"],[dir=\"rtl\"] *)>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.s-rating-modal-skeleton-stars div svg{width:25px;fill:currentColor;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.s-rating-modal-uploader{height:0px;opacity:0;transition-property:all;transition-duration:100ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.s-rating-modal-uploader.is-opened{margin-bottom:1.5rem;overflow:visible}.s-rating-modal-uploader.is-closed{pointer-events:none;z-index:0}.s-rating-modal-uploader .filepond--drop-label{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.s-rating-modal-uploader .filepond--file-status .filepond--file-status-main{font-size:11px}.s-rating-modal-uploader .filepond--file-info-main{font-size:11px}.s-rating-modal-uploader li[data-filepond-item-state='load-invalid'] .filepond--file-info{display:none}.s-rating-modal-filepond-placeholder-text{font-size:0.75rem !important;line-height:1rem !important}.s-rating-modal-filepond-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center}.s-rating-modal-filepond-placeholder-icon{margin-bottom:0.25rem}.s-rating-modal-filepond-placeholder-icon svg{height:1.5rem;width:1.5rem;fill:#7c8082}.s-rating-modal-contact{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;border-radius:0.375rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:0.5rem}.s-rating-modal-contact p{font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-rating-modal-contact-icons{display:flex;align-items:center;gap:0.5rem}.s-rating-modal-contact-icons span{display:flex;cursor:pointer;align-items:center;justify-content:center;border-radius:0.375rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:0.375rem}.s-rating-modal-contact-icons span svg{height:1rem;width:1rem;fill:var(--color-primary)}.s-rating-modal-footer-end{justify-content:flex-end}.s-rating-modal-delete-wrapper{text-align:center}.s-rating-modal-delete-wrapper h3{margin-top:1.25rem;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.s-rating-modal-delete-wrapper p{margin-top:1.25rem;font-size:0.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.s-rating-modal-delete-actions{margin-top:1.25rem;display:flex;align-items:center;gap:0.625rem}.s-rating-modal-delete-actions salla-button{width:100%}.s-rating-modal-delete-actions salla-button button{width:100%}";
-
-const SallaRatingModal$1 = /*@__PURE__*/ proxyCustomElement(class SallaRatingModal extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        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.loyaltyImageRatingPoints = 0;
-        this.enableNewPopUp = false;
-        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');
-        this.allowedImagesTypesLabel = salla.lang.get('common.uploader.allowed_images_types');
-        this.addImagesLabel = salla.lang.get('pages.rating.add_images');
-        this.editImagesLabel = salla.lang.get('pages.rating.edit_images');
-        this.threeImagesMax = salla.lang.get('common.uploader.max_three_images');
-        this.areYouSureLabel = salla.lang.get('pages.rating.are_you_sure_you_want_to_delete_review');
-        this.confirmDeletionLabel = salla.lang.get('pages.rating.confirm_deletion');
-        this.cancelLabel = salla.lang.get('common.elements.cancel');
-        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.loyaltyPointsForImagesLabel = salla.lang.get('pages.rating.loyalty_points_for_images', { points: ':points' });
-        this.allowAttachImages = salla.config.get('store.settings.rating.allow_attach_images');
-        this.allowContactSupport = salla.config.get('store.settings.rating.allow_contact_support');
-        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({
-                    targets: this.contentRefs[index],
-                    duration: 100,
-                    height: this.contentRefs[index].scrollHeight,
-                    opacity: [0, 1],
-                    easing: 'easeOutQuart',
-                    complete: () => resolve(),
-                });
-            });
-        };
-        this.onClose = (index) => {
-            return new Promise((resolve) => {
-                anime({
-                    targets: this.contentRefs[index],
-                    duration: 100,
-                    height: 0,
-                    opacity: [1, 0],
-                    easing: 'easeOutQuart',
-                    complete: () => resolve(),
-                });
-            });
-        };
-        this.toggleUploader = async (index) => {
-            this.isOpen[index] = !this.isOpen[index];
-            Helper.toggleElementClassIf(this.contentRefs[index], 'is-closed', 'is-opened', () => !this.isOpen[index]);
-            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`));
-            }
-        };
-        salla.onReady(() => {
-            this.orderId = salla.config.get('page.id');
-        });
-        salla.lang.onLoaded(() => {
-            this.contactUsLabel = salla.lang.get('blocks.footer.social');
-            const setNestedAsync = (lang, key, value) => {
-                return new Promise((resolve) => {
-                    salla.helpers.setNested(salla.lang.messages[lang], key, value);
-                    resolve(true);
-                });
-            };
-            const setTranslations = async () => {
-                await setNestedAsync('ar.trans', 'common.uploader.drag_and_drop_files', 'اسحب الملفات وأفلتها هنا');
-                await setNestedAsync('en.trans', 'common.uploader.drag_and_drop_files', 'Drag and drop files here');
-                await setNestedAsync('ar.trans', 'common.uploader.allowed_images_types', ' .jpg أو jpeg أو png يُسمح بإضافة صور بصيغة');
-                await setNestedAsync('en.trans', 'common.uploader.allowed_images_types', 'Images in jpg, jpeg, or png format are allowed.');
-                await setNestedAsync('ar.trans', 'pages.rating.add_images', 'اضافة صور');
-                await setNestedAsync('en.trans', 'pages.rating.add_images', 'Add Images');
-                await setNestedAsync('ar.trans', 'pages.rating.edit_images', 'تعديل الصور');
-                await setNestedAsync('en.trans', 'pages.rating.edit_images', 'Edit Images');
-                await setNestedAsync('ar.trans', 'pages.rating.edit_review', 'تعديل التقييم');
-                await setNestedAsync('en.trans', 'pages.rating.edit_review', 'Edit review');
-                await setNestedAsync('ar.trans', 'pages.rating.confirm_deletion', 'تأكيد حذف التقييم');
-                await setNestedAsync('en.trans', 'pages.rating.confirm_deletion', 'Confirm review deletion');
-                await setNestedAsync('ar.trans', 'pages.rating.are_you_sure_you_want_to_delete_review', 'هل أنت متأكد من حذف تقييمك؟');
-                await setNestedAsync('en.trans', 'pages.rating.are_you_sure_you_want_to_delete_review', 'Are you sure you want to delete your review?');
-                await setNestedAsync('ar.trans', 'pages.rating.review_updated_successfully', 'تم تعديل التقييم بنجاح');
-                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', 'pages.rating.images_count', 'الصور ( :current من أصل :total )');
-                await setNestedAsync('en.trans', 'pages.rating.images_count', 'Images ( :current of :total )');
-                await setNestedAsync('ar.trans', 'pages.rating.loyalty_points_for_images', 'اكسب :points نقطة ولاء عند إضافة صور لتقييمك!');
-                await setNestedAsync('en.trans', 'pages.rating.loyalty_points_for_images', 'Earn :points loyalty points when adding photos to your review!');
-                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');
-                this.allowedImagesTypesLabel = salla.lang.get('common.uploader.allowed_images_types');
-                this.addImagesLabel = salla.lang.get('pages.rating.add_images');
-                this.threeImagesMax = salla.lang.get('common.uploader.max_three_images');
-                this.contactSubjectLabel = salla.lang.get('pages.rating.contact_subject');
-                this.editReviewLabel = salla.lang.get('pages.rating.edit_review');
-                this.editImagesLabel = salla.lang.get('pages.rating.edit_images');
-                this.areYouSureLabel = salla.lang.get('pages.rating.are_you_sure_you_want_to_delete_review');
-                this.confirmDeletionLabel = salla.lang.get('pages.rating.confirm_deletion');
-                this.cancelLabel = salla.lang.get("common.elements.cancel");
-                this.updatedSuccessfullyLabel = salla.lang.get("pages.rating.review_updated_successfully");
-                this.deletedSuccessfullyLabel = salla.lang.get("pages.rating.review_deleted_successfully");
-                this.confirmDeleteBtn = salla.lang.get("common.elements.confirm_delete");
-                this.loyaltyPointsForImagesLabel = salla.lang.get('pages.rating.loyalty_points_for_images', { points: ':points' });
-                this.contact_body = (store, id, customer) => salla.lang.get('pages.rating.contact_body', { store, id, customer });
-            };
-            setTranslations();
-        });
-    }
-    getV2Ref() {
-        return this.v2Ref ?? this.host.querySelector('salla-rating-modal-v2');
-    }
-    syncNewPopUpFlag() {
-        this.enableNewPopUp = !!salla.config.get('store.features')?.includes('new_popup_rating');
-    }
-    /**
-     * Show the rating modal
-     */
-    async open() {
-        await salla.onReady();
-        this.syncNewPopUpFlag();
-        if (this.enableNewPopUp) {
-            return this.getV2Ref()?.open();
-        }
-        this.defaultMode = true;
-        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.readyUpLoyaltyPoints())
-                    .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))
-                    .catch(e => {
-                    resolve(false);
-                    this.hasError = true;
-                    this.errorMessage = e.response?.data?.error?.message || e.response?.data;
-                    this.modal.stopLoading();
-                });
-                resolve(true);
-            }, 50);
-        });
-    }
-    async openEditModal(params) {
-        await salla.onReady();
-        this.syncNewPopUpFlag();
-        if (this.enableNewPopUp) {
-            return this.getV2Ref()?.openEditModal(params);
-        }
-        this.defaultMode = false;
-        this.editMode = true;
-        this.editType = params.type;
-        this.editFeedbackId = params.feedback_id;
-        try {
-            await this.fetchEditItem(params.feedback_id);
-            await this.readyUpLoyaltyPoints();
-            this.editModal.open();
-        }
-        catch (e) {
-            this.hasError = true;
-            this.errorMessage = e.response?.data?.error?.message || e.response?.data;
-        }
-    }
-    async fetchEditItem(feedbackId) {
-        const endpoint = `rating/${feedbackId}/show`;
-        const response = await salla.api.request(endpoint);
-        this.editItem = response.data;
-        if (this.allowAttachImages && this.editType == "product" && this.editItem.images.length) {
-            this.editItemImages = this.editItem.images.map(img => ({ id: img, url: img }));
-        }
-    }
-    async editReview() {
-        const data = {};
-        this.editModal.querySelectorAll('[name]').forEach((input) => {
-            const inputData = salla.helpers.inputData(input.name, input.value, data);
-            data[inputData.name] = inputData.value;
-        });
-        data.images && (data.images = data.images.split(','));
-        const endpoint = `rating/${this.editFeedbackId}`;
-        await salla.api.request(endpoint, data, 'put').then((res) => {
-            this.editModal.close();
-            salla.notify.success(res.message || this.updatedSuccessfullyLabel);
-            setTimeout(() => {
-                window.location.reload();
-            }, 500);
-        });
-    }
-    async openDeleteModal(params) {
-        await salla.onReady();
-        this.syncNewPopUpFlag();
-        if (this.enableNewPopUp) {
-            return this.getV2Ref()?.openDeleteModal(params);
-        }
-        this.defaultMode = false;
-        this.deleteMode = true;
-        this.deleteFeedbackId = params.feedback_id;
-        this.shouldOpenDeleteModal = true;
-        return new Promise((resolve) => {
-            setTimeout(() => {
-                this.deleteModal.open().then(() => resolve(true));
-            }, 50);
-        });
-    }
-    async deleteReview() {
-        const endpoint = `rating/${this.deleteFeedbackId}`;
-        await salla.api.request(endpoint, null, 'delete').then(() => {
-            this.deleteModal.close();
-            salla.notify.success(this.deletedSuccessfullyLabel);
-            setTimeout(() => {
-                window.location.reload();
-            }, 500);
-        });
-    }
-    /**
-     * Show the rating modal
-     */
-    async close() {
-        if (this.enableNewPopUp) {
-            return this.getV2Ref()?.close();
-        }
-        return this.modal.close();
-    }
-    // handle wizard
-    handleWizard() {
-        this.steps = this.modal.querySelectorAll(".s-rating-modal-step");
-        this.dots = this.modal.querySelectorAll(".s-rating-modal-step-dot");
-        this.showActiveStep();
-    }
-    showActiveStep(current = null) {
-        this.currentTab = current || this.steps[this.currentIndex];
-        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) {
-            // the animation
-            Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-unactive', 's-rating-modal-hidden', () => true);
-            setTimeout(() => Helper.toggleElementClassIf(this.currentTab, 's-rating-modal-active', 's-rating-modal-unactive', () => true), 300);
-        }
-        // Btn text
-        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`));
-    }
-    previousTab() {
-        this.currentIndex > 0 && this.currentIndex--;
-        Helper.toggleElementClassIf(this.backBtn, 's-rating-modal-unvisiable', 'block', () => this.currentIndex == 0);
-        this.showActiveStep();
-    }
-    submit() {
-        this.submittedBefore() || this.validate();
-        salla.config.canLeave = false;
-        this.nextBtn.load()
-            .then(() => this.submittedBefore() || this.sendFeedback())
-            .then(() => this.currentTab.querySelectorAll('[name],.s-rating-modal-btn-star').forEach(el => el.setAttribute('disabled', '')))
-            .then(() => this.currentIndex < this.stepsCount && this.currentIndex++)
-            .then(() => this.showActiveStep())
-            .then(() => Helper.toggleClassIf('#prev-btn', 'block', 's-rating-modal-unvisiable', () => true))
-            .finally(() => {
-            this.nextBtn.stop();
-            salla.config.canLeave = true;
-            if (this.currentIndex == this.stepsCount) {
-                this.showThankYou();
-                this.showContactWidget = false;
-            }
-            // this.modal.isClosable = false;
-        });
-    }
-    submittedBefore() {
-        return this.submitted.includes(this.currentIndex);
-    }
-    validate(rating = null, type = null) {
-        if (!rating && this.currentTab.dataset.type === 'products') {
-            const ratingForms = this.currentTab.querySelectorAll('.rating-outer-form');
-            ratingForms.forEach(ratingForm => this.validate(ratingForm, 'product'));
-            return;
-        }
-        rating = rating || this.currentTab;
-        const stars = rating.querySelector('.rating_hidden_input').value;
-        const validationMessage = rating.querySelector('.s-rating-modal-validation-msg');
-        type = type || rating.dataset.type;
-        if (!stars) {
-            validationMessage.innerHTML = salla.lang.get(`pages.rating.rate_${type}_stars`).replace(' (:item)', '');
-            throw new Error(validationMessage.innerHTML);
-        }
-        validationMessage.innerHTML = '';
-    }
-    sendFeedback() {
-        const data = {};
-        this.currentTab.querySelectorAll('[name]').forEach((input) => {
-            //decode names like `<input name="jamal[inner]" value="hi">` to be {name:jamal, value: {inner:"hi"}}
-            const inputData = salla.helpers.inputData(input.name, input.value, data);
-            data[inputData.name] = inputData.value;
-        });
-        if (this.allowAttachImages && data.products) {
-            for (let productIndex in data.products) {
-                if (data.products[productIndex].images) {
-                    data.products[productIndex].images = data.products[productIndex].images.split(',');
-                }
-            }
-        }
-        if (Object.keys(data).length == 0) {
-            return;
-        }
-        data.order_id = this.orderId;
-        data.type = this.currentTab.dataset.type;
-        return salla.rating.api[this.currentTab.dataset.type](data).then((res) => {
-            this.submitted.push(this.currentIndex);
-            return res;
-        });
-    }
-    showThankYou() {
-        let seconds = 10;
-        let timeToClose = setInterval(() => {
-            this.thanksTime.innerHTML = `00:0${seconds--}`;
-            if (seconds > 0) {
-                return;
-            }
-            clearInterval(timeToClose);
-            this.thanksTime.remove();
-            this.close().then(() => window.location.reload());
-        }, 1000);
-        this.modal.querySelector('.s-rating-modal-footer').classList.add('s-rating-modal-unvisiable');
-        this.showActiveStep(this.thanksTab);
-    }
-    getFilepondPlaceholder() {
-        return `<div class="s-rating-modal-filepond-placeholder"><span class="s-rating-modal-filepond-placeholder-icon">${ImageIcon}</span><p class="s-rating-modal-filepond-placeholder-text">${this.dragAndDropFilesLabel}<br>
-    <span> ${this.allowedImagesTypesLabel} <br> ${this.threeImagesMax} </span></p></div>`;
-    }
-    getCustomerName() {
-        let firstName = salla.config.get('user.first_name') || salla.storage.get('user.first_name') || '';
-        let lasName = salla.config.get('user.last_name') || salla.storage.get('user.last_name') || '';
-        return `${firstName} ${lasName}`;
-    }
-    handleSendEmail() {
-        const subject = `${this.contactSubjectLabel} #${this.order.id}`;
-        const body = this.contact_body(salla.config.get('store.name'), this.order.id, this.getCustomerName());
-        const mailtoLink = `mailto:${salla.config.get('store.contacts.email')}?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`;
-        window.open(mailtoLink, '_blank');
-    }
-    handleSendWhatsApp() {
-        const body = this.contact_body(salla.config.get('store.name'), this.order.id, this.getCustomerName());
-        const whatsappLink = `https://wa.me/${salla.config.get('store.contacts.whatsapp')}?text=${encodeURIComponent(body)}`;
-        window.open(whatsappLink, '_blank');
-    }
-    resetData(isOpen) {
-        if (isOpen.detail) {
-            return;
-        }
-        this.modal?.close();
-        this.editItem = null;
-        this.editItemImages = [];
-        this.hiddenInputs[1] && (this.hiddenInputs[1].value = '');
-        this.deleteFeedbackId = null;
-        this.editFeedbackId = null;
-        this.shouldOpenDeleteModal = false;
-        this.editMode = false;
-        this.deleteMode = false;
-        this.defaultMode = false;
-        this.loyaltyImageRatingPoints = 0;
-    }
-    async readyUpLoyaltyPoints() {
-        const featureEnabled = salla.loyalty?.isFeatureEnabled?.();
-        if (!featureEnabled) {
-            this.loyaltyImageRatingPoints = 0;
-            return;
-        }
-        const rating_product_points = salla.config.get('store.settings.rating.rating_product_points') || 0;
-        const rating_product_with_image_points = salla.config.get('store.settings.rating.rating_product_with_image_points') || 0;
-        this.loyaltyImageRatingPoints = Number(rating_product_with_image_points) + Number(rating_product_points);
-    }
-    loyaltyPointsNote() {
-        if (!this.loyaltyImageRatingPoints || !this.loyaltyPointsForImagesLabel) {
-            return null;
-        }
-        const svgIcon = (h("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M10 0C13.6819 0 16.6667 2.98477 16.6667 6.66664C16.6667 9.37047 15.057 11.6984 12.7437 12.7444C11.6978 15.0575 9.3701 16.6666 6.66668 16.6666C2.98477 16.6666 0 13.6819 0 9.99998C0 7.29656 1.60918 4.96894 3.92195 3.92276C4.96827 1.60964 7.29618 0 10 0ZM6.66668 5C3.90524 5 1.66667 7.23856 1.66667 9.99998C1.66667 12.7614 3.90524 15 6.66668 15C9.4281 15 11.6667 12.7614 11.6667 9.99998C11.6667 7.23856 9.4281 5 6.66668 5ZM7.50002 5.83333V6.66664H9.16668V8.33331H5.83333C5.60322 8.33331 5.41667 8.51989 5.41667 8.74998C5.41667 8.95456 5.56407 9.12464 5.75844 9.15998L5.83333 9.16664H7.50002C8.6506 9.16664 9.58335 10.0994 9.58335 11.25C9.58335 12.4006 8.6506 13.3333 7.50002 13.3333V14.1666H5.83333V13.3333H4.16667V11.6666H7.50002C7.7301 11.6666 7.91668 11.4801 7.91668 11.25C7.91668 11.0455 7.76927 10.8753 7.57493 10.8401L7.50002 10.8333H5.83333C4.68274 10.8333 3.75 9.90056 3.75 8.74998C3.75 7.59939 4.68274 6.66664 5.83333 6.66664V5.83333H7.50002ZM10 1.66667C8.51377 1.66667 7.17893 2.31513 6.26313 3.34457C6.39704 3.33736 6.53138 3.33333 6.66668 3.33333C10.3486 3.33333 13.3333 6.3181 13.3333 9.99998C13.3333 10.1356 13.3293 10.2702 13.3213 10.4037C14.3513 9.48814 15 8.15314 15 6.66664C15 3.90524 12.7614 1.66667 10 1.66667Z", fill: "#008C56" })));
-        return (h("div", { class: "s-rating-modal-loyalty-points-note-container" }, h("span", { class: "s-rating-modal-loyalty-points-note-icon" }, svgIcon), h("p", { class: "s-rating-modal-loyalty-points-note-text" }, this.loyaltyPointsForImagesLabel.replace(':points', String(this.loyaltyImageRatingPoints)))));
-    }
-    getDeleteModal() {
-        return (h("salla-modal", { ref: modal => this.deleteModal = modal, width: "xs", onModalVisibilityChanged: (isOpen) => this.resetData(isOpen) }, h("div", { class: "s-rating-modal-delete-wrapper", ref: el => this.body = el }, h("h3", null, this.confirmDeletionLabel), h("p", null, this.areYouSureLabel), h("div", { class: "s-rating-modal-delete-actions" }, h("salla-button", { loaderPosition: 'center', onClick: () => this.deleteReview() }, this.confirmDeleteBtn), 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 (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 (h("salla-modal", { ref: modal => this.editModal = modal, width: "md", onModalVisibilityChanged: (isOpen) => this.resetData(isOpen) }, h("div", { class: "s-rating-modal-edit-wrapper", ref: el => this.body = el }, this.editType === "store" && this.editItem ? (h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step", "data-type": "store", ref: currentTab => this.currentTab = currentTab }, h("div", { class: "s-rating-modal-rounded-icon" }, 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" })), h("h2", { class: "s-rating-modal-title" }, salla.lang.get('pages.rating.rate_the_store')), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large", editable: true, value: this.editItem.stars })), h("textarea", { name: "content", value: this.editItem.content, class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))) : null, this.editType === "shipping" && this.editItem ? (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
-            ? h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.editItem.shipping.logo, class: "s-rating-modal-shipping-logo", alt: this.editItem.shipping.name }))
-            : h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), h("div", { class: "s-rating-modal-title" }, " ", `${salla.lang.get('pages.rating.rate_shipping')} ${this.editItem.shipping.name}`), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large", editable: true, value: this.editItem.stars })), h("textarea", { name: "content", class: "s-rating-modal-comment", value: this.editItem.content, placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))) : null, this.editType == "product" && this.editItem ? h("section", { class: "s-rating-modal-step", "data-type": "products", ref: currentTab => this.currentTab = currentTab }, h("div", { class: "s-rating-modal-product" }, this.allowAttachImages && this.loyaltyPointsNote(), h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, h("div", { class: "s-rating-modal-product-img-wrap" }, h("img", { src: this.editItem.product.image.url, alt: this.editItem.product.name, class: "s-rating-modal-product-img" })), h("div", { class: "s-rating-modal-product-details" }, h("div", { class: "s-rating-modal-product-details-main" }, h("div", null, h("h3", { class: "s-rating-modal-product-title" }, " ", this.editItem.product.name), h("div", { class: "s-rating-modal-stars-product" }, h("salla-rating-stars", { withLabel: true, size: "small", editable: true, value: this.editItem.stars }))), this.allowAttachImages && h("salla-button", { class: "s-comments-item-like-btn mt-0", loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleUploader(1) }, h("span", null, this.editItemImages.length ? this.editImagesLabel : this.addImagesLabel), h("span", { innerHTML: ImageIcon }))), h("textarea", { value: this.editItem.content, placeholder: salla.lang.get('pages.rating.write_product_rate'), name: "content", class: "s-rating-modal-comment" }), h("small", { class: "s-rating-modal-validation-msg" }))), this.allowAttachImages && (h("div", { class: "s-rating-modal-uploader is-closed", ref: (el) => (this.contentRefs[1] = el) }, 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;
-                if (!removedId)
-                    return;
-                this.editItemImages = this.editItemImages.filter(img => img.id !== removedId);
-                this.hiddenInputs[1].value = this.editItemImages.map(img => img.url).join();
-            }, labelIdle: this.getFilepondPlaceholder() }), h("input", { type: "hidden", name: "images", value: this.editItem.images.join(','), ref: (el) => (this.hiddenInputs[1] = el) }), this.renderUploadedImagesCount(this.editItem.product.id)))))
-            : null, h("div", { class: "s-rating-modal-footer s-rating-modal-footer-end" }, h("salla-button", { "loader-position": 'center', onClick: () => this.editReview() }, this.editReviewLabel)))));
-    }
-    render() {
-        if (this.enableNewPopUp) {
-            return (h(Host, { class: "s-rating-modal" }, h("salla-rating-modal-v2", { ref: (el) => (this.v2Ref = el), orderId: this.orderId })));
-        }
-        if (this.deleteMode) {
-            return h(Host, { class: "s-rating-modal" }, this.getDeleteModal());
-        }
-        if (this.editMode) {
-            return h(Host, { class: "s-rating-modal" }, this.getEditModal());
-        }
-        if (this.defaultMode) {
-            return (h(Host, { class: "s-rating-modal" }, h("salla-modal", { class: "s-rating-modal-wrap", onModalVisibilityChanged: (isOpen) => this.resetData(isOpen), isLoading: true, width: "md", ref: modal => this.modal = modal }, h("div", { slot: 'loading' }, h("div", { class: "s-rating-modal-skeleton" }, h("salla-skeleton", { type: 'circle', height: '80px', width: '80px' }), h("salla-skeleton", { height: '15px', width: '60%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("div", { class: "s-rating-modal-skeleton-stars" }, [...Array(5)].map((v) => h("div", { key: v, innerHTML: WishListIcon }))), h("salla-skeleton", { height: '100px', width: '100%' }), h("div", { class: "s-rating-modal-skeleton-footer" }, h("salla-skeleton", { height: '40px', width: '30%' })))), !this.hasError && this.order
-                ? [h("div", { class: "s-rating-modal-wrapper", ref: el => this.body = el }, this.order?.testimonials_enabled ?
-                        h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "store" }, h("div", { class: "s-rating-modal-rounded-icon" }, 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" })), h("h2", { class: "s-rating-modal-title" }, salla.lang.get('pages.rating.rate_the_store')), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_store_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))
-                        : '', this.order.products_enabled
-                        ? h("section", { class: "s-rating-modal-step s-rating-modal-hidden", "data-type": "products" }, this.allowAttachImages && this.loyaltyPointsNote(), this.order.products.map((item, index) => h("div", { class: "s-rating-modal-product", key: index }, h("div", { class: "rating-outer-form", "data-stars-error": salla.lang.get('pages.rating.rate_product_stars') }, h("div", { class: "s-rating-modal-product-img-wrap" }, h("img", { src: item.product.thumbnail, alt: item.product.name, class: "s-rating-modal-product-img" })), h("div", { class: "s-rating-modal-product-details" }, h("div", { class: "s-rating-modal-product-details-main" }, h("div", null, h("h3", { class: "s-rating-modal-product-title" }, " ", item.product.name), h("div", { class: "s-rating-modal-stars-product" }, h("salla-rating-stars", { withLabel: true, size: "small", name: `products[${index}][rating]` }))), this.allowAttachImages && h("salla-button", { class: "s-comments-item-like-btn mt-0", loaderPosition: 'center', fill: 'outline', size: 'small', onClick: () => this.toggleUploader(index) }, h("span", null, this.addImagesLabel), h("span", { innerHTML: ImageIcon }))), h("input", { type: "hidden", name: `products[${index}][product_id]`, value: item.product.id }), h("textarea", { placeholder: salla.lang.get('pages.rating.write_product_rate'), name: `products[${index}][comment]`, class: "s-rating-modal-comment" }), h("small", { class: "s-rating-modal-validation-msg" }))), this.allowAttachImages && (h("div", { class: "s-rating-modal-uploader is-closed", ref: (el) => (this.contentRefs[index] = el) }, 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].value = this.productImages[item.product.id].map(img => img.url).join(',');
-                            }, onRemoved: (e) => {
-                                const removedId = e.detail;
-                                if (!removedId || !this.productImages[item.product.id])
-                                    return;
-                                this.productImages = {
-                                    ...this.productImages,
-                                    [item.product.id]: this.productImages[item.product.id].filter(img => img.id !== removedId)
-                                };
-                                this.hiddenInputs[index].value = this.productImages[item.product.id].map(img => img.url).join(',');
-                            }, labelIdle: this.getFilepondPlaceholder() }), h("input", { type: "hidden", name: `products[${index}][images]`, value: (this.productImages[item.product.id] || []).map(img => img.url).join(','), ref: (el) => (this.hiddenInputs[index] = el) }), this.renderUploadedImagesCount(item.product.id))))))
-                        : '', this.order.shipping_enabled && this.order.shipping?.company
-                        ? h("div", { class: "rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden", "data-type": "shipping" }, h("input", { type: "hidden", name: "shipping_company_id", value: this.order.shipping.company.id }), this.order.shipping.company.logo
-                            ? h("div", { class: "s-rating-modal-rounded-icon" }, h("img", { src: this.order.shipping.company.logo, class: "s-rating-modal-shipping-logo", alt: this.order.shipping.company.name }))
-                            : h("span", { class: "s-rating-modal-icon", innerHTML: ShippingFast }), h("div", { class: "s-rating-modal-title" }, " ", `${salla.lang.get('pages.rating.rate_shipping')} ${this.order.shipping.company.name}`), h("div", { class: "s-rating-modal-stars-company" }, h("salla-rating-stars", { withLabel: true, size: "large" })), h("textarea", { name: "comment", class: "s-rating-modal-comment", placeholder: salla.lang.get('pages.rating.write_shipping_rate') }), h("small", { class: "s-rating-modal-validation-msg" }))
-                        : '', h("div", { class: "s-rating-modal-thanks s-rating-modal-hidden", ref: el => this.thanksTab = el }, h("span", { class: "s-rating-modal-icon", innerHTML: CheckCircle2 }), h("h3", { class: "s-rating-modal-thanks-title" }, salla.lang.get('pages.rating.thanks')), h("div", { class: "s-rating-modal-thanks-msg", innerHTML: this.order.thanks_message }), 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')) ? h("div", { class: "s-rating-modal-contact" }, h("p", null, this.contactUsLabel), h("div", { class: "s-rating-modal-contact-icons" }, salla.config.get('store.contacts.whatsapp') && h("span", { onClick: () => this.handleSendWhatsApp(), innerHTML: WhatsappIcon }), salla.config.get('store.contacts.email') && h("span", { onClick: () => this.handleSendEmail(), innerHTML: MailIcon }))) : '', h("div", { class: "s-rating-modal-footer" }, 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 ? h("ul", { class: "s-rating-modal-dots" }, [0, 1, 2].slice(0, this.stepsCount).map((v) => h("li", { key: v, class: 's-rating-modal-bg-gray s-rating-modal-step-dot' }))) : '', h("salla-button", { "loader-position": 'center', ref: el => this.nextBtn = el, onClick: () => this.submit() }, salla.lang.get('common.elements.next')))]
-                : h("salla-placeholder", { alignment: "center" }))));
-        }
-    }
-    async componentWillLoad() {
-        salla.event.on('rating::open', () => this.open());
-        salla.event.on('rating::edit', (params) => this.openEditModal(params));
-        salla.event.on('rating::delete', (params) => this.openDeleteModal(params));
-        await salla.onReady();
-        this.syncNewPopUpFlag();
-    }
-    componentDidLoad() {
-        salla.event.dispatch('rating::ready', this);
-    }
-    get host() { return this; }
-    static get style() { return sallaRatingModalCss; }
-}, [0, "salla-rating-modal", {
-        "orderId": [2, "order-id"],
-        "order": [32],
-        "hasError": [32],
-        "showContactWidget": [32],
-        "errorMessage": [32],
-        "images": [32],
-        "productImages": [32],
-        "editItemImages": [32],
-        "contact_body": [32],
-        "editMode": [32],
-        "defaultMode": [32],
-        "deleteMode": [32],
-        "shouldOpenDeleteModal": [32],
-        "editType": [32],
-        "editFeedbackId": [32],
-        "deleteFeedbackId": [32],
-        "editItem": [32],
-        "loyaltyImageRatingPoints": [32],
-        "enableNewPopUp": [32],
-        "open": [64],
-        "close": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["salla-rating-modal", "salla-attachment-view", "salla-button", "salla-file-upload", "salla-loading", "salla-modal", "salla-placeholder", "salla-rating-modal-v2", "salla-rating-stars", "salla-skeleton", "salla-slider"];
-    components.forEach(tagName => { switch (tagName) {
-        case "salla-rating-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SallaRatingModal$1);
-            }
-            break;
-        case "salla-attachment-view":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "salla-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "salla-file-upload":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "salla-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "salla-modal":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "salla-placeholder":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "salla-rating-modal-v2":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "salla-rating-stars":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "salla-skeleton":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "salla-slider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { S as SallaRatingModal$1, d as defineCustomElement$1 } from './salla-rating-modal2.js';
 
 const SallaRatingModal = SallaRatingModal$1;
 const defineCustomElement = defineCustomElement$1;