@salla.sa/twilight-components 2.14.546 → 2.14.548

package/dist/collection/components/salla-rating-modal/salla-rating-modal.css

@@ -128,22 +128,11 @@
 .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;
@@ -168,10 +157,6 @@
 .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);
@@ -309,10 +294,11 @@
   }
 }
 .s-rating-modal-rounded-icon {
-  margin-bottom: 1rem;
+  position: relative;
+  margin-bottom: 0.25rem;
   display: flex;
-  height: 7rem;
-  width: 7rem;
+  height: 6rem;
+  width: 6rem;
   align-items: center;
   justify-content: center;
   overflow: hidden;
@@ -322,11 +308,21 @@
   border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
 }
 .s-rating-modal-title {
-  margin-bottom: 1rem;
+  margin-bottom: 0.25rem;
   font-size: 1.125rem;
   line-height: 1.75rem;
   font-weight: 700;
 }
+.s-rating-modal-subtitle {
+  margin-bottom: 0.25rem;
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  text-align: center;
+  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-store-logo {
   width: 4rem;
   object-fit: contain;
@@ -505,6 +501,21 @@
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity, 1));
 }
+.s-rating-modal-product-factors-card {
+  margin-bottom: 1rem;
+  border-radius: 0.5rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+  padding: 1rem;
+}
+.s-rating-modal-product-factors-heading {
+  margin-bottom: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 700;
+  --tw-text-opacity: 1;
+  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
+}
 .s-rating-modal-stars-company {
   margin-bottom: 1.25rem;
 }
@@ -514,8 +525,10 @@
   justify-content: center;
   gap: 0.5rem;
 }
-.s-rating-modal-stars-product {
-  margin-bottom: 0.25rem;
+.s-rating-modal-stars-product .s-rating-stars-wrapper {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 .s-rating-modal-upload-count {
   font-size: 0.875rem;

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

@@ -24,7 +24,7 @@ export class SallaRatingModal {
         this.shouldOpenDeleteModal = false;
         this.editItem = null;
         this.loyaltyImageRatingPoints = 0;
-        this.enableNewPopUp = false;
+        this.enableNewPopUp = true;
         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');
@@ -143,7 +143,19 @@ export class SallaRatingModal {
         return this.v2Ref ?? this.host.querySelector('salla-rating-modal-v2');
     }
     syncNewPopUpFlag() {
-        this.enableNewPopUp = !!salla.config.get('store.features')?.includes('new_popup_rating');
+        // Enable the new pop-up to all consumers:
+        this.enableNewPopUp = true;
+    }
+    /**
+     * Point the modal at a different order/product and invalidate any cached
+     * order so the next open() re-fetches instead of reusing stale data.
+     * Pass `orderId` as `null` for an eligible-but-unverified product review.
+     */
+    async setOrder(orderId, productId) {
+        this.orderId = orderId;
+        this.productId = productId;
+        this.order = undefined;
+        await this.getV2Ref()?.setOrder(orderId, productId);
     }
     /**
      * Show the rating modal
@@ -442,7 +454,7 @@ export class SallaRatingModal {
     }
     render() {
         if (this.enableNewPopUp) {
-            return (h(Host, { class: "s-rating-modal" }, h("salla-rating-modal-v2", { ref: (el) => (this.v2Ref = el), orderId: this.orderId })));
+            return (h(Host, { class: "s-rating-modal" }, h("salla-rating-modal-v2", { ref: (el) => (this.v2Ref = el), orderId: this.orderId, productId: this.productId })));
         }
         if (this.deleteMode) {
             return h(Host, { class: "s-rating-modal" }, this.getDeleteModal());
@@ -480,7 +492,10 @@ export class SallaRatingModal {
         }
     }
     async componentWillLoad() {
-        salla.event.on('rating::open', () => this.open());
+        salla.event.on('rating::open', (params) => {
+            const orderId = params?.orderId || salla.config.get('page.id');
+            this.setOrder(orderId, params?.productId).then(() => this.open());
+        });
         salla.event.on('rating::edit', (params) => this.openEditModal(params));
         salla.event.on('rating::delete', (params) => this.openDeleteModal(params));
         await salla.onReady();
@@ -503,19 +518,38 @@ export class SallaRatingModal {
     static get properties() {
         return {
             "orderId": {
-                "type": "number",
+                "type": "any",
                 "attribute": "order-id",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
-                    "original": "number",
-                    "resolved": "number",
+                    "original": "number | string | null",
+                    "resolved": "number | string",
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "The order id, to rate on its products & shipping"
+                    "text": "The order id, to rate on its products & shipping.\nExplicitly `null` means an unverified (no order) product review."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "productId": {
+                "type": "any",
+                "attribute": "product-id",
+                "mutable": true,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
                 },
                 "getter": false,
                 "setter": false,
@@ -547,6 +581,31 @@ export class SallaRatingModal {
     }
     static get methods() {
         return {
+            "setOrder": {
+                "complexType": {
+                    "signature": "(orderId: number | string | null, productId?: number | string) => Promise<void>",
+                    "parameters": [{
+                            "name": "orderId",
+                            "type": "string | number",
+                            "docs": ""
+                        }, {
+                            "name": "productId",
+                            "type": "string | number",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Point the modal at a different order/product and invalidate any cached\norder so the next open() re-fetches instead of reusing stale data.\nPass `orderId` as `null` for an eligible-but-unverified product review.",
+                    "tags": []
+                }
+            },
             "open": {
                 "complexType": {
                     "signature": "() => Promise<unknown>",

package/dist/collection/components/salla-rating-stars/salla-rating-stars.css

@@ -56,6 +56,11 @@
   justify-content: center;
   gap: 0.5rem;
 }
+.s-rating-modal-stars-product .s-rating-stars-wrapper {
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
 .s-rating-stars-wrapper {
   display: inline-flex;
   align-items: center;

package/dist/collection/components/salla-verified-review/salla-verified-review.css

@@ -0,0 +1,162 @@
+/*!twlt*/salla-verified-review:empty {
+  display: none;
+}
+
+.s-verified-review-container {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  width: 100%;
+  margin-bottom: 0.5rem;
+  margin-top: 1.25rem;
+  padding: 1rem;
+  overflow: hidden;
+  border: 1px solid #e5e7eb;
+  border-radius: 1rem;
+  background: #fff;
+}
+@media (min-width: 768px) {
+  .s-verified-review-container {
+    flex-direction: row;
+    align-items: center;
+    gap: 1.25rem;
+    padding: 1.25rem;
+  }
+}
+
+.s-verified-review-glow {
+  pointer-events: none;
+  position: absolute;
+  top: -4rem;
+  inset-inline-end: -2.5rem;
+  width: 10rem;
+  height: 10rem;
+  border-radius: 9999px;
+  background: var(--color-primary, #008c56);
+  opacity: 0.12;
+  filter: blur(2rem);
+}
+
+.s-verified-review-media {
+  position: relative;
+  z-index: 1;
+  flex-shrink: 0;
+}
+
+.s-verified-review-image {
+  width: 72px;
+  height: 72px;
+  border-radius: 0.75rem;
+  object-fit: cover;
+  background: #f3f4f6;
+}
+
+.s-verified-review-content {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 0.375rem;
+  min-width: 0;
+}
+
+.s-verified-review-meta {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+  margin-bottom: 0.25rem;
+}
+
+.s-verified-review-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem 0.625rem;
+  border-radius: 9999px;
+  background: color-mix(in srgb, var(--color-primary, #008c56) 10%, transparent);
+  color: var(--color-primary, #008c56);
+  font-size: 0.75rem;
+  font-weight: 500;
+}
+
+.s-verified-review-badge-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.s-verified-review-badge-icon svg {
+  width: 0.875rem;
+  height: 0.875rem;
+  fill: currentColor;
+}
+
+.s-verified-review-order {
+  font-size: 0.75rem;
+  color: #6b7280;
+}
+
+.s-verified-review-title {
+  margin: 0;
+  color: #111827;
+  font-size: 1rem;
+  font-weight: 700;
+  line-height: 1.375;
+}
+@media (min-width: 768px) {
+  .s-verified-review-title {
+    font-size: 1.125rem;
+  }
+}
+
+.s-verified-review-subtitle {
+  margin: 0;
+  color: #6b7280;
+  font-size: 0.875rem;
+  line-height: 1.625;
+}
+
+.s-verified-review-loyalty {
+  margin: 0.125rem 0 0;
+  color: var(--color-primary, #008c56);
+  font-size: 0.875rem;
+  font-weight: 600;
+}
+
+.s-verified-review-actions {
+  position: relative;
+  z-index: 1;
+  flex-shrink: 0;
+}
+@media (min-width: 768px) {
+  .s-verified-review-actions {
+    margin-inline-start: auto;
+  }
+}
+
+.s-verified-review-cta {
+  width: 100%;
+}
+@media (min-width: 768px) {
+  .s-verified-review-cta {
+    width: auto;
+  }
+}
+
+.s-verified-review-rate-limit-message {
+  text-align: center;
+  color: #6b7280;
+  font-size: 0.875rem;
+  margin-top: -1rem;
+}
+
+.s-verified-review-rate-limit-footer {
+  margin-top: 1rem;
+}
+.outline {
+  outline-style: solid;
+}

package/dist/collection/components/salla-verified-review/salla-verified-review.js

@@ -0,0 +1,264 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Host, h } from "@stencil/core";
+import CheckCircle2 from "../../assets/svg/check-circle2.svg";
+import Block from "../../assets/svg/block.svg";
+export class SallaVerifiedReview {
+    constructor() {
+        this.ready = false;
+        this.eligible = false;
+        this.order = null;
+        this.productImage = '';
+        this.productImageAlt = '';
+        this.loyaltyPoints = 0;
+        this.titlePurchasedLabel = '';
+        this.titleNotPurchasedLabel = '';
+        this.subtitleLabel = '';
+        this.badgeLabel = '';
+        this.orderMetaLabel = '';
+        this.ctaLabel = '';
+        this.loyaltyLabel = '';
+        this.rateLimitMessage = '';
+        this.rateLimited = false;
+        this.rateLimitTitleLabel = '';
+        this.rateLimitDefaultMessageLabel = '';
+        this.rateLimitExitLabel = '';
+        this.resolvedProductId = null;
+        this.handleRateClick = () => {
+            if (salla.config.isGuest()) {
+                salla.event.dispatch('login::open');
+                return;
+            }
+            if (!this.eligible) {
+                return;
+            }
+            if (this.rateLimited) {
+                this.showRateLimitAlert();
+                return;
+            }
+            // Verified purchases pass their order id; unverified-but-eligible reviews
+            // pass `null` so the modal submits the review without an order.
+            const orderId = this.order?.id ?? null;
+            const modal = this.ensureRatingModal();
+            requestAnimationFrame(async () => {
+                await modal.setOrder?.(orderId, this.resolvedProductId);
+                modal.open?.();
+            });
+        };
+    }
+    async componentWillLoad() {
+        try {
+            await salla.onReady();
+            await salla.lang.onLoaded();
+            await this.loadTranslations();
+            this.resolvedProductId =
+                this.productId || this.host.dataset.productId || salla.config.get('page.id');
+            if (!this.resolvedProductId) {
+                return;
+            }
+            if (salla.config.isGuest()) {
+                return;
+            }
+            salla.event.on('rating::products-rated', (_response, payload) => {
+                if (String(payload?.product_id) === String(this.resolvedProductId)) {
+                    this.eligible = false;
+                }
+            });
+            await Promise.all([this.loadProductImage(), this.loadEligibility()]);
+            this.ready = true;
+        }
+        catch (e) {
+            salla?.logger?.warn?.('salla-verified-review: init failed', e);
+        }
+    }
+    async loadTranslations() {
+        const setNestedAsync = (lang, key, value) => {
+            return new Promise(resolve => {
+                salla.helpers.setNested(salla.lang.messages[lang], key, value);
+                resolve(true);
+            });
+        };
+        await setNestedAsync('ar.trans', 'pages.rating.verified_review.title_purchased', 'جربت هذا المنتج؟');
+        await setNestedAsync('en.trans', 'pages.rating.verified_review.title_purchased', 'You tried this product?');
+        await setNestedAsync('ar.trans', 'pages.rating.verified_review.title_not_purchased', 'جربت هذا المنتج؟ شارك تجربتك 🎉');
+        await setNestedAsync('en.trans', 'pages.rating.verified_review.title_not_purchased', 'Tried this product? Share your experience 🎉');
+        await setNestedAsync('ar.trans', 'pages.rating.verified_review.subtitle', 'شارك رأيك وساعد غيرك يختار بثقة.');
+        await setNestedAsync('en.trans', 'pages.rating.verified_review.subtitle', 'Share your opinion and help others choose with confidence.');
+        await setNestedAsync('ar.trans', 'pages.rating.verified_review.badge', 'عملية شراء موثقة');
+        await setNestedAsync('en.trans', 'pages.rating.verified_review.badge', 'Verified purchase');
+        await setNestedAsync('ar.trans', 'pages.rating.verified_review.order_meta', 'طلب #:id');
+        await setNestedAsync('en.trans', 'pages.rating.verified_review.order_meta', 'Order #:id');
+        await setNestedAsync('ar.trans', 'pages.rating.verified_review.cta', 'تقييم المنتج');
+        await setNestedAsync('en.trans', 'pages.rating.verified_review.cta', 'Rate product');
+        await setNestedAsync('ar.trans', 'pages.rating.verified_review.loyalty_points', 'اكسب +:points نقطة ولاء بكتابة مراجعة 🏆');
+        await setNestedAsync('en.trans', 'pages.rating.verified_review.loyalty_points', '🏆 Earn +:points loyalty points by writing a review');
+        await setNestedAsync('ar.trans', 'pages.rating.rate_limit_title', 'تم تقييد حسابك');
+        await setNestedAsync('en.trans', 'pages.rating.rate_limit_title', 'Your account has been restricted');
+        await setNestedAsync('ar.trans', 'pages.rating.rate_limit_message', 'تجاوزت الحد المسموح لتقييم منتجات لم تشتريها بعد.');
+        await setNestedAsync('en.trans', 'pages.rating.rate_limit_message', "You've exceeded the allowed limit for rating products you haven't purchased yet.");
+        await setNestedAsync('ar.trans', 'pages.rating.rate_limit_exit', 'خروج');
+        await setNestedAsync('en.trans', 'pages.rating.rate_limit_exit', 'Exit');
+        this.titlePurchasedLabel = salla.lang.getWithDefault('pages.rating.verified_review.title_purchased', 'اشتريت هذا! شارك تجربتك 🎉');
+        this.titleNotPurchasedLabel = salla.lang.getWithDefault('pages.rating.verified_review.title_not_purchased', 'جربت هذا المنتج؟ شارك تجربتك 🎉');
+        this.subtitleLabel = salla.lang.getWithDefault('pages.rating.verified_review.subtitle', 'ساعد المتسوقين الآخرين بمراجعة هذا المنتج. رأيك يهم.');
+        this.badgeLabel = salla.lang.getWithDefault('pages.rating.verified_review.badge', 'عملية شراء موثقة');
+        this.orderMetaLabel = salla.lang.getWithDefault('pages.rating.verified_review.order_meta', 'طلب #:id');
+        this.ctaLabel = salla.lang.getWithDefault('pages.rating.verified_review.cta', 'قيِّم المنتج');
+        this.loyaltyLabel = salla.lang.getWithDefault('pages.rating.verified_review.loyalty_points', 'اكسب +:points نقطة ولاء بكتابة مراجعة 🏆');
+        this.rateLimitTitleLabel = salla.lang.getWithDefault('pages.rating.rate_limit_title', 'تم تقييد حسابك');
+        this.rateLimitDefaultMessageLabel = salla.lang.getWithDefault('pages.rating.rate_limit_message', 'تجاوزت الحد المسموح لتقييم منتجات لم تشتريها بعد.');
+        this.rateLimitExitLabel = salla.lang.getWithDefault('pages.rating.rate_limit_exit', 'خروج');
+    }
+    async loadProductImage() {
+        try {
+            const response = await salla.api.withoutNotifier(() => salla.product.api.getDetails(this.resolvedProductId));
+            const product = response?.data;
+            this.productImage = product?.image?.url || salla.url.cdn('images/s-empty.png');
+            this.productImageAlt = product?.image?.alt || product?.name || '';
+        }
+        catch {
+            this.productImage = salla.url.cdn('images/s-empty.png');
+        }
+    }
+    async fetchEligibility(productId) {
+        const response = await salla.api.withoutNotifier(() => salla.rating.api.productEligibility(productId));
+        return response?.data;
+    }
+    async loadEligibility() {
+        if (!this.resolvedProductId) {
+            return;
+        }
+        const eligibility = await this.fetchEligibility(this.resolvedProductId);
+        if (!eligibility) {
+            this.eligible = false;
+            this.order = null;
+            return;
+        }
+        this.eligible = eligibility.eligible;
+        if (eligibility.code === 'community_review_daily_limit') {
+            this.rateLimitMessage = eligibility.message || this.rateLimitDefaultMessageLabel;
+            this.rateLimited = true;
+            this.eligible = true;
+        }
+        this.order =
+            this.eligible && eligibility.order_id
+                ? {
+                    id: eligibility.order_id,
+                    reference_id: eligibility.reference_id,
+                    created_at: eligibility.created_at,
+                }
+                : null;
+        const loyaltyPoints = salla.config.get('store.settings.rating.rating_product_points');
+        this.loyaltyPoints = loyaltyPoints ? Number(loyaltyPoints) : 0;
+    }
+    getOrderMetaText() {
+        if (!this.order) {
+            return '';
+        }
+        const orderMetaLabel = this.orderMetaLabel.replace(':id', String(this.order.reference_id || this.order.id));
+        const orderCreatedAt = this.order.created_at ? new Date(this.order.created_at) : null;
+        return orderMetaLabel + (orderCreatedAt ? ` • ${this.formatOrderDate(orderCreatedAt)}` : '');
+    }
+    formatOrderDate(date) {
+        const month = date.toLocaleDateString(navigator.language, { month: 'short' });
+        const day = String(date.getDate()).padStart(2, '0');
+        return `${date.getFullYear()} ${month} ${day}`;
+    }
+    getLoyaltyText() {
+        if (!this.loyaltyPoints) {
+            return '';
+        }
+        if (!this.loyaltyLabel) {
+            this.loyaltyLabel = salla.lang.getWithDefault('pages.rating.verified_review.loyalty_points', 'اكسب +:points نقطة ولاء بكتابة مراجعة 🏆');
+        }
+        return this.loyaltyLabel.replace(':points', String(this.loyaltyPoints));
+    }
+    /**
+     * Shown when the shopper tries to rate a product after the eligibility
+     * check reported the community-review daily limit was hit.
+     */
+    showRateLimitAlert() {
+        requestAnimationFrame(() => {
+            this.rateLimitModal?.setTitle?.(this.rateLimitTitleLabel);
+            this.rateLimitModal?.open?.();
+        });
+    }
+    getRateLimitModal() {
+        return (h("salla-modal", { ref: modal => (this.rateLimitModal = modal), width: "xs", centered: true }, h("span", { slot: "icon", class: "s-modal-icon s-modal-bg-normal", innerHTML: Block }), h("p", { class: "s-verified-review-rate-limit-message" }, this.rateLimitMessage), h("div", { slot: "footer", class: "s-verified-review-rate-limit-footer" }, h("salla-button", { width: "wide", fill: "outline", color: "primary", onClick: () => this.rateLimitModal?.close?.() }, this.rateLimitExitLabel))));
+    }
+    ensureRatingModal() {
+        let modal = document.querySelector('salla-rating-modal');
+        if (!modal) {
+            modal = document.createElement('salla-rating-modal');
+            document.body.appendChild(modal);
+        }
+        return modal;
+    }
+    render() {
+        if (salla.config.isGuest() || !this.ready || !this.resolvedProductId) {
+            return null;
+        }
+        if (!this.eligible) {
+            return null;
+        }
+        const title = this.order ? this.titlePurchasedLabel : this.titleNotPurchasedLabel;
+        const loyaltyText = this.order ? this.getLoyaltyText() : null;
+        const orderMeta = this.getOrderMetaText();
+        return (h(Host, null, h("div", { class: "s-verified-review-container" }, h("div", { class: "s-verified-review-glow", "aria-hidden": "true" }), h("div", { class: "s-verified-review-media" }, h("img", { class: "s-verified-review-image", src: this.productImage, alt: this.productImageAlt, width: 72, height: 72, loading: "lazy", decoding: "async" })), h("div", { class: "s-verified-review-content" }, this.order ? (h("div", { class: "s-verified-review-meta" }, h("span", { class: "s-verified-review-badge" }, h("span", { class: "s-verified-review-badge-icon", innerHTML: CheckCircle2 }), this.badgeLabel), orderMeta ? h("span", { class: "s-verified-review-order" }, orderMeta) : null)) : null, h("h3", { class: "s-verified-review-title" }, title), h("p", { class: "s-verified-review-subtitle" }, this.subtitleLabel), loyaltyText ? h("p", { class: "s-verified-review-loyalty" }, loyaltyText) : null), h("div", { class: "s-verified-review-actions" }, h("salla-button", { class: "s-verified-review-cta", fill: "outline", color: "primary", size: "medium", onClick: this.handleRateClick }, this.ctaLabel))), this.getRateLimitModal()));
+    }
+    static get is() { return "salla-verified-review"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-verified-review.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-verified-review.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "productId": {
+                "type": "any",
+                "attribute": "product-id",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Product id to check purchase eligibility for.\nFalls back to `data-product-id` or the current page id."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "ready": {},
+            "eligible": {},
+            "order": {},
+            "productImage": {},
+            "productImageAlt": {},
+            "loyaltyPoints": {},
+            "titlePurchasedLabel": {},
+            "titleNotPurchasedLabel": {},
+            "subtitleLabel": {},
+            "badgeLabel": {},
+            "orderMetaLabel": {},
+            "ctaLabel": {},
+            "loyaltyLabel": {},
+            "rateLimitMessage": {},
+            "rateLimited": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+}