@salla.sa/twilight-components 2.14.543 → 2.14.544

package/dist/types/components.d.ts

@@ -11,7 +11,7 @@ import { Option } from "./components/salla-booking-field/interfaces";
 import { AddressCreatedEvent, BulletDeliveryConfirmedEvent, HeaderContextUpdateEvent } from "./components/salla-bullet-delivery/interfaces";
 import { Coupon } from "./components/salla-cart-coupons/interfaces";
 import { Color, Options } from "./components/salla-color-picker/interfaces";
-import { Comment, CommentSort, CommentType, ReviewFactor } from "./components/salla-comments/interfaces";
+import { Comment, CommentType, ReviewFactor } from "./components/salla-comments/interfaces";
 import { CustomField } from "./components/salla-user-profile/interfaces";
 import { DateLimit, DateOption, LocaleKey } from "./components/salla-datetime-picker/interfaces";
 import { FilePondFile } from "./components/salla-file-upload/interfaces";
@@ -41,7 +41,7 @@ export { Option } from "./components/salla-booking-field/interfaces";
 export { AddressCreatedEvent, BulletDeliveryConfirmedEvent, HeaderContextUpdateEvent } from "./components/salla-bullet-delivery/interfaces";
 export { Coupon } from "./components/salla-cart-coupons/interfaces";
 export { Color, Options } from "./components/salla-color-picker/interfaces";
-export { Comment, CommentSort, CommentType, ReviewFactor } from "./components/salla-comments/interfaces";
+export { Comment, CommentType, ReviewFactor } from "./components/salla-comments/interfaces";
 export { CustomField } from "./components/salla-user-profile/interfaces";
 export { DateLimit, DateOption, LocaleKey } from "./components/salla-datetime-picker/interfaces";
 export { FilePondFile } from "./components/salla-file-upload/interfaces";
@@ -610,7 +610,7 @@ export namespace Components {
         /**
           * Sort comments
          */
-        "sort": string | CommentSort;
+        "sort": string | 'latest' | 'oldest' | 'bottom_rating' | 'top_rating';
         /**
           * Determines if the comments are testimonials
           * @default false
@@ -2786,14 +2786,9 @@ export namespace Components {
          */
         "open": () => Promise<unknown>;
         /**
-          * The order id, to rate on its products & shipping. Explicitly `null` means an unverified (no order) product review.
+          * The order id, to rate on its products & shipping
          */
-        "orderId"?: number | string | null;
-        "productId"?: number | string;
-        /**
-          * 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.
-         */
-        "setOrder": (orderId: number | string | null, productId?: number | string) => Promise<void>;
+        "orderId": number;
     }
     interface SallaRatingModalV2 {
         /**
@@ -2804,14 +2799,9 @@ export namespace Components {
         "openDeleteModal": (params: { feedback_id: number; }) => Promise<unknown>;
         "openEditModal": (params: { type: "product" | "store" | "shipping"; feedback_id: number; }) => Promise<void>;
         /**
-          * The order id, to rate on its products & shipping. Explicitly `null` means an unverified (no order) product review.
-         */
-        "orderId"?: number | string | null;
-        "productId"?: number | string;
-        /**
-          * 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.
+          * The order id, to rate on its products & shipping
          */
-        "setOrder": (orderId: number | string | null, productId?: number | string) => Promise<void>;
+        "orderId"?: number;
     }
     interface SallaRatingStars {
         /**
@@ -3511,12 +3501,6 @@ export namespace Components {
     }
     interface SallaUserSettings {
     }
-    interface SallaVerifiedReview {
-        /**
-          * Product id to check purchase eligibility for. Falls back to `data-product-id` or the current page id.
-         */
-        "productId"?: number | string;
-    }
     interface SallaVerify {
         /**
           * should auto reloading the page after success verification
@@ -5119,12 +5103,6 @@ declare global {
         prototype: HTMLSallaUserSettingsElement;
         new (): HTMLSallaUserSettingsElement;
     };
-    interface HTMLSallaVerifiedReviewElement extends Components.SallaVerifiedReview, HTMLStencilElement {
-    }
-    var HTMLSallaVerifiedReviewElement: {
-        prototype: HTMLSallaVerifiedReviewElement;
-        new (): HTMLSallaVerifiedReviewElement;
-    };
     interface HTMLSallaVerifyElementEventMap {
         "verified": any;
     }
@@ -5298,7 +5276,6 @@ declare global {
         "salla-user-menu": HTMLSallaUserMenuElement;
         "salla-user-profile": HTMLSallaUserProfileElement;
         "salla-user-settings": HTMLSallaUserSettingsElement;
-        "salla-verified-review": HTMLSallaVerifiedReviewElement;
         "salla-verify": HTMLSallaVerifyElement;
         "salla-wallet": HTMLSallaWalletElement;
         "salla-wishlist-actions": HTMLSallaWishlistActionsElement;
@@ -5837,7 +5814,7 @@ declare namespace LocalJSX {
         /**
           * Sort comments
          */
-        "sort"?: string | CommentSort;
+        "sort"?: string | 'latest' | 'oldest' | 'bottom_rating' | 'top_rating';
         /**
           * Determines if the comments are testimonials
           * @default false
@@ -7880,17 +7857,15 @@ declare namespace LocalJSX {
     }
     interface SallaRatingModal {
         /**
-          * The order id, to rate on its products & shipping. Explicitly `null` means an unverified (no order) product review.
+          * The order id, to rate on its products & shipping
          */
-        "orderId"?: number | string | null;
-        "productId"?: number | string;
+        "orderId"?: number;
     }
     interface SallaRatingModalV2 {
         /**
-          * The order id, to rate on its products & shipping. Explicitly `null` means an unverified (no order) product review.
+          * The order id, to rate on its products & shipping
          */
-        "orderId"?: number | string | null;
-        "productId"?: number | string;
+        "orderId"?: number;
     }
     interface SallaRatingStars {
         /**
@@ -8521,12 +8496,6 @@ declare namespace LocalJSX {
     }
     interface SallaUserSettings {
     }
-    interface SallaVerifiedReview {
-        /**
-          * Product id to check purchase eligibility for. Falls back to `data-product-id` or the current page id.
-         */
-        "productId"?: number | string;
-    }
     interface SallaVerify {
         /**
           * should auto reloading the page after success verification
@@ -8701,7 +8670,6 @@ declare namespace LocalJSX {
         "salla-user-menu": SallaUserMenu;
         "salla-user-profile": SallaUserProfile;
         "salla-user-settings": SallaUserSettings;
-        "salla-verified-review": SallaVerifiedReview;
         "salla-verify": SallaVerify;
         "salla-wallet": SallaWallet;
         "salla-wishlist-actions": SallaWishlistActions;
@@ -8998,7 +8966,6 @@ declare module "@stencil/core" {
              */
             "salla-user-profile": LocalJSX.SallaUserProfile & JSXBase.HTMLAttributes<HTMLSallaUserProfileElement>;
             "salla-user-settings": LocalJSX.SallaUserSettings & JSXBase.HTMLAttributes<HTMLSallaUserSettingsElement>;
-            "salla-verified-review": LocalJSX.SallaVerifiedReview & JSXBase.HTMLAttributes<HTMLSallaVerifiedReviewElement>;
             "salla-verify": LocalJSX.SallaVerify & JSXBase.HTMLAttributes<HTMLSallaVerifyElement>;
             "salla-wallet": LocalJSX.SallaWallet & JSXBase.HTMLAttributes<HTMLSallaWalletElement>;
             /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "2.14.543",
+  "version": "2.14.544",
   "license": "GPL-3.0",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -82,9 +82,9 @@
   },
   "dependencies": {
     "@googlemaps/markerclusterer": "2.6.2",
-    "@salla.sa/applepay": "2.14.543",
-    "@salla.sa/twilight": "2.14.543",
-    "@salla.sa/twilight-tailwind-theme": "2.14.543",
+    "@salla.sa/applepay": "2.14.544",
+    "@salla.sa/twilight": "2.14.544",
+    "@salla.sa/twilight-tailwind-theme": "2.14.544",
     "@salla.sa/ui-address-autocomplete-widget": "1.2.1",
     "@salla.sa/ui-google-map-render": "1.2.1",
     "@types/node": "^20.4.8",
@@ -105,5 +105,5 @@
     "vanilla-lazyload": "^17.8.5",
     "vanilla-picker": "^2.12.2"
   },
-  "gitHead": "d661f6dc0eea8d566b74ca2fe2216d5a4757386a"
+  "gitHead": "b1ebfe1e5e828a2454b1631907bf21c3b51eea87"
 }

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

@@ -1,162 +0,0 @@
-/*!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

@@ -1,264 +0,0 @@
-/*!
- * 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"; }
-}