Файловый менеджер - Редактировать - /home/tuudkjt/globeasy/wp-includes/ID3/resources.tar
Назад
views/storeadmin/cpt.twig 0000777 00000000072 15251226601 0011536 0 ustar 00 <div class="wrap"> <div id="rvx-admin-cpt"></div> </div> views/storeadmin/reviewReminder.twig 0000777 00000000117 15251226601 0013737 0 ustar 00 <div class="wrap"> <div id="rvx-admin-review-reminder-email"></div> </div> views/storeadmin/discount.twig 0000777 00000000106 15251226601 0012576 0 ustar 00 <div class="wrap"> <div id="rvx-admin-review-discount"></div> </div> views/storeadmin/settings.twig 0000777 00000000115 15251226601 0012606 0 ustar 00 <div class="wrap"> <div id="rvx-admin-general-settings"></div> </div> views/storeadmin/notice/notice.twig 0000777 00000006021 15251226601 0013512 0 ustar 00 <div class="notice is-dismissible rvx-border-4 !rvx-border-l-primary rvx-border-solid rvx-admin-notice"> <div class="rvx-flex rvx-gap-space16 rvx-items-center"> <div class="rvx-p-space8"> <img src="https://cdn.reviewx.io/assets/reviewx-icon.png" alt="brand logo" height="50" width="50"> </div> <div class="rvx-my-space16"> <h2 class="!rvx-m-0">🎁 New Year Special – 40% Off ReviewX! 🔥</h2> <p>Enhance reviews and boost conversions with ReviewX. Start the new year with an exclusive 40% discount. Hurry, this special offer ends soon!</p> <div class="rvx-flex rvx-gap-space16"> <a href="https://reviewx.io/wp-new-year-deal" target="_blank" role="button" class="!rvx-py-space8 rvx-px-space16 rvx-bg-primary rvx-text-white rvx-rounded-md rvx-cursor-pointer rvx-no-underline rvx-font-medium hover:rvx-bg-primary-100 hover:rvx-text-white"> Grab The Deal 🎁 </a> <a href="#" role="button" data-action="dismiss" data-duration="30" class="!rvx-py-space8 rvx-px-space16 rvx-border rvx-border-primary rvx-border-solid rvx-rounded-md rvx-cursor-pointer rvx-no-underline rvx-font-medium rvx-text-neutral-700 js-dismiss-notice"> Remind me Later </a> </div> </div> </div> <script> (function () { const noticeElement = document.querySelector('.rvx-admin-notice'); const dismissButtons = document.querySelectorAll('.js-dismiss-notice'); const nonce = "{{ nonce }}"; // Use the nonce passed from PHP dismissButtons.forEach(button => { button.addEventListener('click', function (e) { e.preventDefault(); const action = button.getAttribute('data-action'); const duration = button.getAttribute('data-duration'); // 'permanent' or days // Perform AJAX request fetch(ajaxurl, { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: new URLSearchParams({ action: 'rvx_dismiss_notice', duration: duration, nonce: nonce }), }) .then(response => response.json()) .then(data => { if (data.success) { noticeElement.style.display = 'none'; } else { alert(data.data.message || 'Failed to dismiss the notice.'); } }) .catch(() => alert('An error occurred. Please try again.')); }); }); })(); </script> </div> views/storeadmin/import-export.twig 0000777 00000000114 15251226601 0013576 0 ustar 00 <div class="wrap"> <div id="rvx-admin-review-import-export"></div> </div> views/storeadmin/onboard.twig 0000777 00000000077 15251226601 0012401 0 ustar 00 <div class="wrap"> <div id="rvx-admin-onboard"></div> </div> views/storeadmin/layout.twig 0000777 00000000211 15251226601 0012260 0 ustar 00 <script> var _bearer_token = '{{ bearer_token() }}'; </script> <div id="master-layout"> {% block content %} {% endblock %} </div> views/storeadmin/index.twig 0000777 00000000077 15251226601 0012064 0 ustar 00 <div class="wrap"> <div id="rvx-admin-reviews"></div> </div> views/storeadmin/dashboard.twig 0000777 00000000100 15251226601 0012667 0 ustar 00 <div class="wrap"> <div id="rvx-admin-dashboard"></div> </div> views/storeadmin/rollback.twig 0000777 00000003262 15251226601 0012545 0 ustar 00 <div class="p-6 bg-gray-100 rounded-lg shadow-md"> <h2 class="text-lg font-bold text-gray-800">{{ title }}</h2> <div id="rollback-start-btn" class="mt-4"> <div class="p-4 bg-white rounded-lg shadow-md"> <h3 class="text-md font-semibold text-red-600 mb-2">Important: Before Proceeding</h3> <ul class="list-disc list-inside text-gray-600 space-y-2"> <li><strong>Backup Your Data:</strong> Ensure your site and database are fully backed up to avoid data loss during the rollback.</li> <li><strong>Stable Internet Connection:</strong> Do not refresh or close this tab until the rollback is complete.</li> <li><strong>Disclaimer:</strong> By proceeding, you accept that ReviewX is not liable for issues during or after the rollback.</li> </ul> <p class="mt-4 text-gray-600"> By clicking "Start Rollback," you confirm you’ve read and accepted the terms above. </p> </div> <a href="{{ page_url }}&&rollback_start=1" class="button button-primary inline-block mt-4 px-4 py-2 bg-blue-600 text-white text-sm font-semibold rounded-md hover:bg-blue-700 transition" onclick="this.remove();"> Start Rollback </a> </div> </div> <script> document.addEventListener("DOMContentLoaded", function () { const urlParams = new URLSearchParams(window.location.search); if (urlParams.has('rollback_start')) { const rollbackBtn = document.getElementById('rollback-start-btn'); if (rollbackBtn) { rollbackBtn.remove(); } } }); </script> views/storeadmin/google.twig 0000777 00000000102 15251226601 0012216 0 ustar 00 <div class="wrap"> <div id="rvx-admin-integration"></div> </div> views/storefront/my-account/review-form.twig 0000777 00000001035 15251226601 0015331 0 ustar 00 <div x-data="__reviewXState__()" x-init="await initializeMyAccountReviewForm({data: '{{ data }}', formLevelData: '{{ formLevelData }}'})" @notify-close-success-modal="()=>{ showReviewSuccessModal = false; document.getElementById('reviewxForm')?.classList.add('hidden'); document.getElementById('isShowTable')?.classList.remove('hidden'); }"> {% include "storefront/widget/Features/ReviewForm/index.twig" %} {% include "storefront/widget/Features/Reviews/Modals/ReviewSuccessModal.twig" %} </div> views/storefront/shortcode/reviewShowWIthIds.twig 0000777 00000003511 15251226601 0016401 0 ustar 00 <div x-data="{ ...__reviewXState__(), // Spread the state from the function rawTitle: '{{ title }}', // Set the title from Twig }" id="review-withids-container" class="rvx-container rvx-mx-auto" x-init=" // Initialize the review list with review IDs await initializeReviewWithReviewIdsShortCodes({ data: '{{ data }}' }); " @notify-like-dislike="await fetchReviewListWithIdsShortCodes()"> <style> #rvx-review-withids .rvx-masonry-layout { columns: 4 300px; column-gap: 16px; } #rvx-review-withids p.rvx-review-user__name { margin-bottom: 0px; } #rvx-review-withids p { margin-bottom: 5px; } </style> <!-- Title --> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> <div id="rvx-review-withids" :class="`${layoutView === 'masonry' && 'rvx-masonry-layout' } ${layoutView === 'grid' && 'rvx-grid rvx-grid-cols-[repeat(auto-fill,minmax(320px,1fr))] rvx-gap-space12'} ${layoutView === 'list' && 'rvx-space-y-space12'} rvx-review-wrapper`"> <template x-for="review in reviewWithReviewIdsShortCodeData?.data?.reviews"> <div class="rvx-rounded-md rvx-shadow-100 rvx-bg-neutral-100 rvx-columns-box rvx-review-card" :class="`${(layoutView === 'masonry' || layoutView === 'grid') ? '' : 'rvx-py-space16 rvx-pl-space16 rvx-pr-[47px]'} ${review?.is_highlighted ? 'rvx-bg-primary-10 rvx-border rvx-border-l-4 rvx-border-primary-50 rvx-border-solid' : 'rvx-bg-neutral-100'}`"> {% include 'storefront/widget/Features/Reviews/ReviewCard.twig' %} </div> </template> </div> </div> views/storefront/shortcode/googleReviewList.twig 0000777 00000025660 15251226601 0016306 0 ustar 00 <div id="google-reviews-container" class="rvx-container rvx-mx-auto" x-data="{ rawTitle: '{{ title }}', // Set the title from Twig loadMore: '{{ loadMore }}', // Set loadMore from Twig showLoadMore: true // Default to true, will be evaluated in x-init }" x-init=" // Evaluate conditions on initialization showLoadMore = loadMore !== 'false' && loadMore.trim().toLowerCase() !== 'false'; "> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> <div id="review-list" class="rvx-grid rvx-gap-6"></div> <template x-if="showLoadMore"> <div class="rvx-mt-6 text-center"> <button id="load-more-btn" class="rvx-bg-blue-500 rvx-text-white rvx-py-2 rvx-px-4 rvx-rounded-lg rvx-font-semibold rvx-shadow-md hover:rvx-bg-blue-600"> Load More </button> </div> </template> </div> <script> document.addEventListener("DOMContentLoaded", function () { // Reviews data passed from backend const reviews = {{ content.reviews|json_encode|raw }}; const reviewList = document.getElementById("review-list"); // ---------------------------- // Helper functions // ---------------------------- // For boolean parameters (e.g. loadMore) function getBooleanParam(param) { // Check if the parameter is strictly false. if (param === false) return false; // Convert to a string, trim whitespace, and check if it equals "false" if (String(param).toLowerCase().trim() === "false") return false; // For any other value, return true. return true; } // For numeric parameters (or false) (e.g. truncateLimit) function getNumericParam(param) { // Explicitly check if the param is false. if (param === false || String(param).toLowerCase() === "false") { return false; } const parsedValue = parseInt(param, 10); return isNaN(parsedValue) ? false : parsedValue; } // ---------------------------- // Retrieve and process parameters // ---------------------------- // loadMore: expected to be true or false. const loadMoreRaw = {{ loadMore|json_encode|raw }}; const loadMoreEnabled = getBooleanParam(loadMoreRaw); // reviewLimit: determines how many reviews to show initially let reviewLimit = {{ reviewLimit|json_encode|raw }}; // Truncate limit for the review feedback. const truncateParamRaw = {{ truncateLimit|json_encode|raw }}; const truncateLimit = getNumericParam(truncateParamRaw); // Attempt to get the load more button element. const loadMoreBtn = document.getElementById("load-more-btn"); // ---------------------------- // Utility functions // ---------------------------- // Function to truncate text if a numeric limit is set. function truncateText(text, limit) { if (limit === false) return text; // full text if limit is false return text.length > limit ? text.slice(0, limit) + "..." : text; } // ---------------------------- // Rendering functions // ---------------------------- function renderReviews() { // Clear the list reviewList.innerHTML = ""; // Render only the reviews up to reviewLimit. reviews.slice(0, reviewLimit).forEach(review => { const reviewCard = document.createElement("div"); reviewCard.className = "rvx-bg-white rvx-rounded-lg rvx-shadow-md rvx-p-6 hover:rvx-shadow-lg rvx-transition-shadow"; const uid = review.uid; // Apply text truncation if needed. const feedback = truncateText(review.feedback, truncateLimit); reviewCard.innerHTML = ` <div class="rvx-flex rvx-items-center rvx-mb-4"> <img src="${review.avatar}" alt="Reviewer avatar" class="rvx-w-12 rvx-h-12 rvx-rounded-full rvx-object-cover rvx-mr-4"> <div> <h3 class="rvx-font-semibold rvx-text-lg">${review.reviewer_name}</h3> <div class="rvx-flex rvx-items-center"> <div class="rvx-flex rvx-text-yellow-400"> ${renderStarRating(review.rating)} </div> <span class="rvx-ml-2 rvx-text-sm rvx-text-gray-600"> ${review.rating}/5 </span> </div> </div> </div> <p class="rvx-text-gray-600 rvx-mb-4" id="feedback-${uid}">${feedback}</p> <div class="rvx-text-sm rvx-text-gray-500"> <span>${review.relative_time_description}</span> </div> `; reviewList.appendChild(reviewCard); }); // Update the "Load More" button's visibility. if (loadMoreEnabled && loadMoreBtn) { loadMoreBtn.style.display = reviewLimit >= reviews.length ? "none" : "block"; } } // Render star ratings function renderStarRating(rating) { let fullStars = Math.floor(rating); let halfStar = rating % 1 >= 0.3 && rating % 1 <= 0.7; let emptyStars = 5 - fullStars - (halfStar ? 1 : 0); let stars = ""; for (let i = 0; i < fullStars; i++) { stars += fullStarIcon(); } if (halfStar) { stars += halfStarIcon(); } for (let i = 0; i < emptyStars; i++) { stars += emptyStarIcon(); } return stars; } // Returns a full star SVG icon function fullStarIcon() { return ` <svg class="rvx-w-5 rvx-h-5 rvx-fill-current rvx-text-yellow-400" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 488.282"> <path fill="#FFD401" fill-rule="nonzero" d="M268.313 8.2l65.464 153.293 166.054 14.902c7.332.632 12.754 7.085 12.118 14.412a13.262 13.262 0 01-4.495 8.87v.006L381.835 309.374l37.159 162.59c1.646 7.181-2.848 14.336-10.03 15.981a13.308 13.308 0 01-10.273-1.84l-142.686-85.309-143.144 85.579c-6.312 3.777-14.492 1.716-18.274-4.602a13.278 13.278 0 01-1.554-9.809l-.016-.006 37.164-162.589L4.551 199.683c-5.536-4.845-6.103-13.263-1.252-18.804a13.281 13.281 0 019.313-4.527l165.611-14.859L243.73 8.119c2.887-6.777 10.722-9.933 17.493-7.052a13.31 13.31 0 017.09 7.133z"/> </svg> `; } // Returns a half star SVG icon function halfStarIcon() { return ` <svg class="rvx-w-5 rvx-h-5 rvx-fill-current rvx-text-yellow-400" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 489.217"> <path fill="#ffcf00" fill-rule="nonzero" d="M278.41 15.832l59.521 139.378 152.968 13.689c6.245.682 11.71 3.801 15.512 8.326 3.833 4.52 5.956 10.445 5.537 16.752l-.082.966c-.92 9.22-5.067 12.81-10.171 17.221-37.832 32.769-75.441 65.864-113.148 98.789l34.123 149.31a23.635 23.635 0 01-3.012 17.826c-6.983 11.214-21.979 14.531-33.038 7.284l-130.623-78.111-131.443 78.586a23.6 23.6 0 01-17.899 2.655 23.638 23.638 0 01-14.546-10.822c-3.114-5.201-4.122-11.503-2.768-17.418l34.112-149.316L8.094 210.227a23.58 23.58 0 01-8.042-16.219 23.627 23.627 0 015.801-17.134c4.122-4.835 10.206-7.722 16.534-8.068l151.666-13.596L234.21 14.365c2.552-6.007 7.329-10.418 12.96-12.691 9.272-3.719 20.501-1.121 26.88 6.607 1.927 2.329 3.188 4.793 4.36 7.551zm-22.428 5.946v361.888a10.84 10.84 0 015.609 1.544l136.982 81.887c.186.124.429.223.687.264.625.274 1.57-.31 1.875-.796l.041-.041c.238-.382.336-.894.222-1.395l-35.574-155.654c-.847-3.781.341-7.898 3.461-10.63 39.371-34.381 78.638-68.948 118.143-103.169 1.436-1.245 2.614-2.257 2.707-3.058.083-1.054-.574-1.901-1.643-1.993l-158.355-14.252c-4.128-.124-8.002-2.588-9.722-6.632L258.337 24.376c-.418-.992-.795-1.782-1.115-2.17-.439-.247-.703-.439-1.24-.428z"/> </svg> `; } // Returns a half star SVG icon function emptyStarIcon() { return ` <svg class="rvx-w-5 rvx-h-5 rvx-fill-current rvx-text-yellow-400" xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 122.88 117.42"> <path d="M66.71 3.55L81.1 37.26l36.58 3.28v-.01c1.55.13 2.91.89 3.85 2.01a5.663 5.663 0 011.32 4.13v.01a5.673 5.673 0 01-1.69 3.57c-.12.13-.25.25-.39.36L93.25 74.64l8.19 35.83c.35 1.53.05 3.06-.73 4.29a5.652 5.652 0 01-3.54 2.52l-.14.03c-.71.14-1.43.15-2.12.02v.01c-.75-.13-1.47-.42-2.11-.84l-.05-.03-31.3-18.71-31.55 18.86a5.664 5.664 0 01-7.79-1.96c-.38-.64-.62-1.33-.73-2.02-.1-.63-.09-1.27.02-1.89.02-.13.04-.27.08-.4l8.16-35.7c-9.24-8.07-18.74-16.1-27.83-24.3l-.08-.08a5.64 5.64 0 01-1.72-3.7c-.1-1.45.36-2.93 1.4-4.12l.12-.13.08-.08a5.668 5.668 0 013.77-1.72h.06l36.34-3.26 14.44-33.8c.61-1.44 1.76-2.5 3.11-3.05 1.35-.54 2.9-.57 4.34.04.69.29 1.3.71 1.8 1.22.53.53.94 1.15 1.22 1.82l.02.06zm10.19 37.2L61.85 5.51a.42.42 0 00-.09-.14.42.42 0 00-.14-.09.427.427 0 00-.35 0c-.1.04-.19.12-.24.24L45.98 40.75c-.37.86-1.18 1.49-2.18 1.58l-37.9 3.4c-.08.01-.16.02-.24.02-.06 0-.13.02-.18.05-.03.01-.05.03-.07.05l-.1.12c-.05.08-.07.17-.06.26.01.09.04.18.09.25.06.05.13.11.19.17l28.63 25c.77.61 1.17 1.62.94 2.65l-8.51 37.22-.03.14c-.01.06-.02.12-.01.17a.454.454 0 00.33.36c.12.03.24.02.34-.04l32.85-19.64c.8-.5 1.85-.54 2.72-.02L95.43 112c.08.04.16.09.24.14.05.03.1.05.16.06v.01c.04.01.09.01.14 0l.04-.01c.12-.03.22-.1.28-.2.06-.09.08-.21.05-.33L87.8 74.28a2.6 2.6 0 01.83-2.55l28.86-25.2c.04-.03.07-.08.1-.13.02-.04.03-.1.04-.17a.497.497 0 00-.09-.33.48.48 0 00-.3-.15v-.01c-.01 0-.03 0-.03-.01l-37.97-3.41c-1-.01-1.93-.6-2.34-1.57z" fill="#ffcf00"/> </svg> `; } // ---------------------------- // Responsive grid columns // ---------------------------- function updateGridColumns() { let autoColumns = 1; // Default to 1 column const width = reviewList.clientWidth; if (width > 1024) autoColumns = 3; else if (width > 768) autoColumns = 2; reviewList.className = `rvx-grid rvx-grid-cols-${autoColumns} rvx-gap-6`; } window.addEventListener("resize", updateGridColumns); // ---------------------------- // Initial render and binding // ---------------------------- updateGridColumns(); renderReviews(); // Bind "Load More" event listener only if enabled. if (loadMoreEnabled && loadMoreBtn) { loadMoreBtn.addEventListener("click", function () { // Increase reviewLimit by the same amount set in Twig (e.g., 3) reviewLimit += {{ reviewLimit|json_encode|raw }}; renderReviews(); }); } }); </script> views/storefront/shortcode/reviewList.twig 0000777 00000004273 15251226601 0015146 0 ustar 00 <style> #rvx-review-list .rvx-masonry-layout { columns: 4 320px; column-gap: 16px; } #rvx-review-list p.rvx-review-user__name { margin-bottom: 0px; } #rvx-review-list p { margin-bottom: 5px; } .rvx-columns-box { -moz-column-break-inside: avoid; break-inside: avoid; } #rvx-review-list .rvx-review-info p { margin-bottom: 5px; } [x-cloak] { display: none !important; } </style> <div id="rvx-review-list" x-data="{ ...__reviewXState__(), // Spread the state from the function rawTitle: '{{ title }}', // Set the title from Twig isRvxUserLoggedIn: '{{ user_is_logged_in }}', }" id="review-list-container" class="rvx-container rvx-mx-auto" x-init=" // Initialize the review list await initializeAllReviewListShortCodes({ data: '{{ data|json_encode() }}' }); " @notify-like-dislike="await fetchAllReviewListShortCodes()"> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> {# {% if data.filter == "on" %} <template x-if="haveReviews || isFiltering"> <div> {% include 'storefront/widget/Features/Reviews/Filter/ReviewAllFilterShortcode.twig' %} </div> </template> {% endif %} #} <template x-if="fetchReviewsIsLoading"> {% include "storefront/widget/Components/Skeleton/ReviewListSkeleton.twig" %} </template> <template x-if="haveReviews && !fetchReviewsIsLoading && !fetchReviewsSettingsIsLoading" x-cloak> <div> {% include "storefront/widget/Features/Reviews/ReviewsAllLayout.twig" %} {% include "storefront/widget/Features/Reviews/Modals/ReviewDetailModal.twig" %} </div> </template> <template x-if="!haveReviews && !fetchReviewsIsLoading" x-cloak> <div class="rvx-bg-neutral-100 rvx-py-[64px] rvx-px-space24 rvx-rounded-md rvx-text-center"> {% include "storefront/widget/Components/EmptyPlaceholder.twig" %} </div> </template> </div> views/storefront/shortcode/reviewListForm.twig 0000777 00000011154 15251226601 0015766 0 ustar 00 <style> #rvx-storefront-widget p { margin: 0; } #rvx-storefront-widget .rvx-review-info p { margin-bottom: 5px; } [x-cloak] { display: none !important; } </style> <div id="rvx-storefront-widget" x-data="{ ...__reviewXState__(), rawTitle: '{{ title }}', isRvxUserLoggedIn: '{{ user_is_logged_in }}', }" x-init=" await initializeReviewsListShortcode({data: '{{ data }}', formLevelData: '{{ formLevelData }}', attributes: '{{ attributes|json_encode() }}' }); " @notify-attachment="notifyAttachmentAdded($event.detail.reviewAttachFiles)" @notify-close-success-modal="showReviewSuccessModal = false" @notify-like-dislike="await fetchReviewsListShortcode({productId: rvxAttributes.product.id})"> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> {% if attributes.graph == "on" %} <div x-show="fetchReviewsSettingsIsLoading" class="rvx-mb-space16"> {% include "storefront/widget/Components/Skeleton/SummarySkeleton.twig" %} </div> <template x-if="!fetchReviewsSettingsIsLoading" x-cloak> <div class="rvx-mt-6"> {% include "storefront/widget/Features/Aggregations/index.twig" %} {% include "storefront/widget/Components/RecommendedBanner.twig" %} <div class="rvx-w-full rvx-h-[2px] rvx-bg-neutral-100 rvx-rounded-full" :class="`${!reviewSettingsData?.data?.setting?.review_settings?.reviews?.multicriteria?.enable ? 'rvx-mb-space40' : 'rvx-mb-space12'}`"></div> {% include "storefront/widget/Features/MultriCriteriaAggregation/index.twig" %} </div> </template> {% endif %} {% if attributes.filter == "on" %} <template x-if="haveReviews || isFiltering"> <div> {% include 'storefront/widget/Features/Reviews/Filter/ReviewFilterShortcode.twig' %} </div> </template> {% endif %} {% if attributes.list == "on" %} <template x-if="fetchReviewsIsLoading"> {% include "storefront/widget/Components/Skeleton/ReviewListSkeleton.twig" %} </template> <template x-if="haveReviews && !fetchReviewsIsLoading && !fetchReviewsSettingsIsLoading" x-cloak> <div> {% include "storefront/widget/Features/Reviews/ReviewsLayout.twig" %} {% include "storefront/widget/Features/Reviews/Modals/ReviewDetailModal.twig" %} </div> </template> <template x-if="!haveReviews && !fetchReviewsIsLoading" x-cloak> <div class="rvx-bg-neutral-100 rvx-py-[64px] rvx-px-space24 rvx-rounded-md rvx-text-center"> {% include "storefront/widget/Components/EmptyPlaceholder.twig" %} </div> </template> {% endif %} {% if attributes.form == "on" %} {% include "storefront/widget/Features/Reviews/Modals/ReviewSuccessModal.twig" %} <div x-show="!fetchReviewsIsLoading || !fetchReviewsSettingsIsLoading" x-cloak> {% if not requireSignIn or (requireSignIn and user_is_logged_in) %} {% if not wooVerificationRequired or (wooVerificationRequired and user_is_logged_in and isVerifiedCustomer) %} {% include "storefront/widget/Features/ReviewForm/index.twig" %} {% else %} {% include "storefront/widget/Components/UnVerifyUserPlaceholder.twig" %} {% endif %} {% else %} <div class="rvx-grid rvx-place-content-center rvx-rounded-md rvx-mt-space20 rvx-p-space6 rvx-bg-neutral-200 rvx-h-[186px]"> <p class="rvx-text-gray-600"> Please <a href="{{ login_url }}" class="rvx-text-blue-500 hover:rvx-text-blue-700 rvx-font-semibold rvx-underline"> log in </a> to submit a review. </p> {% if registration_enabled %} <p class="rvx-text-gray-600"> Don't have an account? <a href="{{ register_url }}" class="rvx-text-green-500 hover:rvx-text-green-700 rvx-font-semibold rvx-underline"> Register here </a>. </p> {% endif %} </div> {% endif %} </div> {% endif %} </div> views/storefront/shortcode/reviewSummary.twig 0000777 00000014233 15251226601 0015665 0 ustar 00 <div x-data="{ ...__reviewXState__(), // Spread the state from the function rawTitle: '{{ title }}', // Set the title from Twig }" id="review-summary-container" class="rvx-container rvx-mx-auto" x-init=" // Initialize the review summary await initializeReviewSummaryShortCodes({ data: '{{ data }}' }); "> <style> .rvx-review-form__star-active { fill: #ecbb09; } .rvx-review-form__star-inactive { fill: gray; } </style> <!-- Title --> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> <div id="rvx-review-summary" class="rvx-flex rvx-justify-between rvx-items-center"> <div class="rvx-space-y-space8"> <div class="rvx-flex rvx-gap-space12 rvx-items-center"> <div class="rvx-flex"> <p x-text="reviewAggregationData?.data?.aggregation?.total_avg_review" class="rvx-rating-out-of rvx-mb-[0px!important] rvx-flex rvx-items-baseline rvx-gap-space5 !rvx-text-[40px] rvx-font-bold rvx-leading-[38px] rvx-font-nunito rvx-text-neutral-800"> </p> <span class="rvx-rating !rvx-text-[24px] rvx-font-normal rvx-leading-[38px] rvx-font-nunito rvx-text-neutral-400"> /5 </span> </div> <div x-show="reviewSettingsData?.data?.setting?.widget_settings.display_badges" class="rvx-rating-badge rvx-bg-green-500 rvx-flex rvx-items-center rvx-rounded-sm rvx-w-[123px]" style="clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%)"> <span class="material-symbols-rounded rvx-fill-white rvx-text-white rvx-rating-badge__icon">grade</span> <span class="rvx-rating-badge__text rvx-text-white !rvx-text-[15.38px] rvx-font-nunito rvx-font-normal rvx-leading-[24.168px]"> Very Good</span> </div> </div> <template x-if="reviewAggregationData?.data?.aggregation.total_avg_review"> <div x-data="{ reviewAverage: reviewAggregationData?.data?.aggregation.total_avg_review, totalRating: 5 }" class="review rvx-flex rvx-gap-2 rvx-mb-2"> <template x-for="star in totalRating" :key="star"> <div> <!-- Full star --> <template x-if="isFullStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-active" width="24px" height="24px" viewBox="0 0 24 24"> <path :fill="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Partial star --> <template x-if="isHalfStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-active-half" width="24" height="24" viewBox="0 0 24 24"> <defs> <linearGradient :id="`grad-${star}`"> <!-- dynamic offset --> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" :stop-color="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" /> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" stop-color="grey" /> </linearGradient> </defs> <path :fill="`url(#grad-${star})`" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Empty star --> <template x-if="isFullEmptyStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-inactive rvx-fill-neutral-600" fill="none" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> </div> </template> </div> </template> <p class="rvx-total-review !rvx-text-[17.577px] rvx-font-normal rvx-leading-[28.562px]"> <span>Total</span> <span x-text="reviewAggregationData?.data?.aggregation?.total_reviews"></span> reviews </p> </div> <div class="rvx-h-[1px] rvx-line-separator rvx-w-[155px] !rvx-bg-neutral-300" style="transform: rotate(90deg)"></div> {% include "storefront/widget/Features/Aggregations/aggregations.twig" %} </div> </div> views/storefront/shortcode/reviewsStarCount.twig 0000777 00000006100 15251226601 0016327 0 ustar 00 <div x-data="{ rawTitle: '{{ title }}', info: '{{ info ?? 'default' }}'.trim().toLowerCase(), average: parseFloat('{{ data.starCount }}') || 0, totalRating: 5, stars: [], displayMap: { 'stars': ['stars'], 'rating': ['rating'], 'count': ['count'], 'text': ['text'], 'default': ['stars','rating','count','text'], 'stars_rating': ['stars','rating'], 'count_text': ['count','text'], 'rating_count': ['rating','count'], 'rating_count_text': ['rating','count','text'], 'stars_count': ['stars','count'], 'stars_count_text': ['stars','count','text'], }, has(type) { return this.displayMap[this.info]?.includes(type) || false; }, init() { this.stars = []; for (let i = 0; i < this.totalRating; i++) { let fill = Math.min(Math.max(this.average - i, 0), 1); // between 0.0 and 1.0 this.stars.push(fill); } } }" x-init="init()" id="review-star-container" class="rvx-container rvx-mx-auto" > <!-- Title --> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> <div id="rvx-review-star-count" class="rvx-flex rvx-gap-1 rvx-items-center"> <!-- Stars --> <template x-if="has('stars')"> <div class="rvx-flex rvx-gap-space2" style="margin-left:1px;margin-top:-3px;" :title="`${average} out of 5 stars`"> <template x-for="(fill,i) in stars" :key="i"> <svg class="rvx-w-5 rvx-h-5" width="24px" height="24px" viewBox="0 0 24 24"> <defs> <linearGradient :id="`gradi-${i}`"> <stop :offset="`${fill*100}%`" stop-color="#f5c800" /> <stop :offset="`${fill*100}%`" stop-color="#808080" /> </linearGradient> </defs> <path :fill="`url(#gradi-${i})`" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> </div> </template> <!-- Numeric rating --> <span x-show="has('rating')" class="rvx-text-[18px] rvx-text-neutral-900">{{ data.starCount }}</span> <!-- Review count --> <span x-show="has('count')" class="rvx-text-[17px] rvx-text-neutral-800 rvx-font-normal">({{ data.reviewsCount }})</span> <!-- Review text --> <span x-show="has('text')" class="rvx-text-[17px] rvx-text-neutral-700 rvx-font-normal">Reviews</span> </div> </div> views/storefront/shortcode/reviewStats.twig 0000777 00000013712 15251226601 0015327 0 ustar 00 <div x-data="{ ...__reviewXState__(), // Spread the state from the function rawTitle: '{{ title }}', // Set the title from Twig }" id="review-stats-container" class="rvx-container rvx-mx-auto" x-init=" // Initialize the review stats await initializeReviewStatsShortCodes({ data: '{{ data }}' }); "> <style> .rvx-review-stats__star-active { fill: #ecbb09; } .rvx-review-stats__star-inactive { fill: gray; } </style> <!-- Title --> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> <div id="rvx-review-stats" class="rvx-flex rvx-justify-between rvx-items-center"> <div class="rvx-space-y-space8"> <div class="rvx-flex rvx-gap-space12 rvx-items-center"> <div class="rvx-flex"> <p x-text="reviewAggregationData?.data?.aggregation?.total_avg_review" class="rvx-rating-out-of rvx-mb-[0px!important] rvx-flex rvx-items-baseline rvx-gap-space5 !rvx-text-[40px] rvx-font-bold rvx-leading-[38px] rvx-font-nunito rvx-text-neutral-800"> </p> <span class="rvx-rating !rvx-text-[24px] rvx-font-normal rvx-leading-[38px] rvx-font-nunito rvx-text-neutral-400"> /5 </span> </div> <div x-show="reviewSettingsData?.data?.setting?.widget_settings.display_badges" class="rvx-rating-badge rvx-bg-green-500 rvx-flex rvx-items-center rvx-rounded-sm rvx-w-[123px]" style="clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%)"> <span class="material-symbols-rounded rvx-fill-white rvx-text-white rvx-rating-badge__icon">grade</span> <span class="rvx-rating-badge__text rvx-text-white !rvx-text-[15.38px] rvx-font-nunito rvx-font-normal rvx-leading-[24.168px]"> Very Good</span> </div> </div> <template x-if="reviewAggregationData?.data?.aggregation?.total_avg_review"> <div x-data="{ reviewAverage: reviewAggregationData?.data?.aggregation.total_avg_review, totalRating: 5 }" class="review rvx-flex rvx-gap-2 rvx-mb-2"> <template x-for="star in totalRating" :key="star"> <div> <!-- Full star --> <template x-if="isFullStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-active" width="24px" height="24px" viewBox="0 0 24 24"> <path :fill="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Partial star --> <template x-if="isHalfStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-active-half" width="24" height="24" viewBox="0 0 24 24"> <defs> <linearGradient :id="`grad-${star}`"> <!-- dynamic offset --> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" :stop-color="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" /> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" stop-color="grey" /> </linearGradient> </defs> <path :fill="`url(#grad-${star})`" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Empty star --> <template x-if="isFullEmptyStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-inactive rvx-fill-neutral-600" fill="none" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> </div> </template> </div> </template> <p class="rvx-total-review !rvx-text-[17.577px] rvx-font-normal rvx-leading-[28.562px]"> <span>Total</span> <span x-text="reviewAggregationData?.data?.aggregation?.total_reviews"></span> reviews </p> </div> </div> </div> views/storefront/shortcode/reviewGraph.twig 0000777 00000001503 15251226601 0015265 0 ustar 00 <div x-data="{ ...__reviewXState__(), // Spread the state from the function rawTitle: '{{ title }}', // Set the title from Twig showTitle: true // Default to true, will be evaluated in x-init }" id="review-graph-container" class="rvx-container rvx-mx-auto" x-init=" // Initialize the review graph await initializeReviewGraphShortCodes({ data: '{{ data }}' }); "> <!-- Title --> <h2 x-show="rawTitle !== 'false'" x-cloak class="rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]" x-text="rawTitle"> </h2> <div id="rvx-review-graph" class="rvx-flex rvx-justify-between rvx-items-center"> {% include "storefront/widget/Features/Aggregations/aggregations.twig" %} </div> </div> views/storefront/widget/Components/UnVerifyUserPlaceholder.twig 0000777 00000000473 15251226601 0021176 0 ustar 00 <div class="rvx-bg-neutral-100 rvx-py-space24 rvx-px-space16 rvx-rounded-md rvx-text-center rvx-mt-space16"> <p class="!rvx-text-[16px] rvx-font-nunito rvx-font-semibold rvx-leading-[26px]"> {{__('Only logged in customers who have purchased this product may leave a review', 'reviewx')}} </p> </div> views/storefront/widget/Components/EmptyPlaceholder.twig 0000777 00000000544 15251226601 0017665 0 ustar 00 <p class="!rvx-text-[18px] rvx-font-nunito rvx-font-semibold rvx-leading-[29px]"> {{__('There are no reviews yet.', 'reviewx')}} </p> <p class="!rvx-text-[18px] rvx-font-nunito rvx-font-semibold rvx-leading-[29px]">{{__('Be the first to review ', 'reviewx')}}“<span x-text="reviewAggregationData?.data?.product.title"></span> ”</p> views/storefront/widget/Components/Skeleton/ReviewListSkeleton.twig 0000777 00000002443 15251226601 0022012 0 ustar 00 <div class="rvx-grid rvx-grid-cols-[repeat(auto-fill,minmax(240px,1fr))] rvx-gap-space12"> <template x-for="loader in 2"> <div class="rvx-flex rvx-animate-pulse rvx-space-x-4 rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md"> <div class="rvx-flex-1 rvx-space-y-6 rvx-py-1"> <div class="rvx-space-y-3"> <div class="rvx-grid rvx-grid-cols-8 rvx-items-center rvx-gap-space12"> <div class="rvx-col-span-2 rvx-size-10 rvx-rounded-full rvx-bg-gray-200"></div> <div class="rvx-col-span-6 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-space-y-3"> <div class="rvx-grid rvx-grid-cols-3 rvx-gap-4"> <div class="rvx-col-span-2 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-col-span-1 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> </div> </div> </template> </div> views/storefront/widget/Components/Skeleton/SummarySkeleton.twig 0000777 00000005671 15251226601 0021360 0 ustar 00 <div class="rvx-animate-pulse rvx-space-y-4"> <div class="rvx-flex rvx-items-center rvx-gap-space12 rvx-p-space16 rvx-rounded-md rvx-bg-neutral-100"> <div class="rvx-w-full rvx-space-y-3"> <div class="rvx-h-[38px] rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-flex rvx-gap-space12"> <div class="rvx-size-[20px] rvx-rounded-full rvx-bg-gray-200"></div> <div class="rvx-size-[20px] rvx-rounded-full rvx-bg-gray-200"></div> <div class="rvx-size-[20px] rvx-rounded-full rvx-bg-gray-200"></div> <div class="rvx-size-[20px] rvx-rounded-full rvx-bg-gray-200"></div> <div class="rvx-size-[20px] rvx-rounded-full rvx-bg-gray-200"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-w-full rvx-space-y-space16"> <div class=" rvx-rounded-md"> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class=" rvx-rounded-md"> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class=" rvx-rounded-md"> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class=" rvx-rounded-md"> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class=" rvx-rounded-md"> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> </div> </div> <div class="rvx-rounded rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md rvx-my-space16"> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-flex rvx-justify-between rvx-gap-space12 rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md"> <div class="rvx-space-y-2 rvx-w-full"> <div class="rvx-h-2 rvx-w-[50px] rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-space-y-2 rvx-w-full"> <div class="rvx-h-2 rvx-w-[50px] rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-space-y-2 rvx-w-full"> <div class="rvx-h-2 rvx-w-[50px] rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> </div> <div class="rvx-flex rvx-justify-between rvx-items-center rvx-gap-space12 rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md rvx-my-space16"> <div class="rvx-flex rvx-gap-space12 rvx-w-full"> <div class="rvx-h-[30px] rvx-rounded rvx-bg-gray-200 rvx-w-full"></div> <div class="rvx-h-[30px] rvx-rounded rvx-bg-gray-200 rvx-w-full"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200 rvx-w-full"></div> </div> </div> views/storefront/widget/Components/Skeleton/LoadMoreReviewListSkeleton.twig 0000777 00000003104 15251226601 0023430 0 ustar 00 <style> .rvx-columns-box { -moz-column-break-inside: avoid; break-inside: avoid; } </style> <div :class="`${layoutView === 'masonry' && 'rvx-masonry-layout' } ${layoutView === 'grid' && 'rvx-grid rvx-grid-cols-[repeat(auto-fill,minmax(320px,1fr))] rvx-gap-space12'} ${layoutView === 'list' && 'rvx-space-y-space12'} rvx-review-wrapper`"> <template x-for="loader in 4"> <div class="rvx-flex rvx-animate-pulse rvx-space-x-4 rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md rvx-columns-box"> <div class="rvx-flex-1 rvx-space-y-6 rvx-py-1"> <div class="rvx-space-y-3"> <div class="rvx-grid rvx-grid-cols-8 rvx-items-center rvx-gap-space12"> <div class="rvx-col-span-2 rvx-size-10 rvx-rounded-full rvx-bg-gray-200"></div> <div class="rvx-col-span-6 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-space-y-3"> <div class="rvx-grid rvx-grid-cols-3 rvx-gap-4"> <div class="rvx-col-span-2 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> <div class="rvx-col-span-1 rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> <div class="rvx-h-2 rvx-rounded rvx-bg-gray-200"></div> </div> </div> </div> </template> </div> views/storefront/widget/Components/RecommendedBanner.twig 0000777 00000012152 15251226601 0017772 0 ustar 00 <div x-show="reviewAggregationData?.data?.aggregation?.recommnendation_count" class="rvx-flex rvx-recommendation-count rvx-items-center rvx-gap-space8 rvx-bg-neutral-100 rvx-rounded-md rvx-p-space8 rvx-my-space16"> <div class="rvx-bg-white rvx-rounded-full rvx-size-[31px] rvx-grid rvx-place-items-center"> <svg class="rvx-mb-[5px]" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7419 9.05682H7.23595C7.1217 9.05686 7.0106 9.01934 6.91976 8.95003C6.82893 8.88072 6.76341 8.78347 6.73328 8.67326C6.70315 8.56304 6.7101 8.44599 6.75304 8.34011C6.79598 8.23423 6.87254 8.1454 6.97093 8.08732C8.93417 6.92725 9.95395 5.57402 10.0885 3.95033C10.1354 3.38683 10.6373 2.93673 11.207 2.94418C11.7883 2.95347 12.333 3.1865 12.7409 3.60041C13.1491 4.01471 13.3741 4.56333 13.3743 5.14517V5.32041C13.3743 6.74172 12.9533 7.64796 12.1766 8.82307C12.1291 8.89492 12.0645 8.95388 11.9887 8.99467C11.9128 9.03546 11.828 9.05682 11.7419 9.05682Z" fill="#FFB159"/> <path d="M17.2642 9.64713C17.2642 8.74706 16.5319 8.01477 15.6318 8.01477H7.236C7.14271 8.01477 7.05112 8.0398 6.97087 8.08729C6.38151 8.43576 5.78643 8.72262 5.30828 8.95318C5.1415 9.03357 4.98398 9.10953 4.84071 9.18115C4.75417 9.22442 4.6814 9.29093 4.63054 9.37324C4.57967 9.45554 4.55273 9.55038 4.55273 9.64713V16.3155C4.55273 16.4122 4.57967 16.5071 4.63054 16.5894C4.6814 16.6717 4.75417 16.7382 4.84071 16.7814C6.94574 17.8338 8.69554 17.9611 10.736 17.9611C11.052 17.9611 11.3752 17.958 11.7075 17.9549C12.075 17.9514 12.455 17.9478 12.8534 17.9478H14.5003C15.4004 17.9478 16.1327 17.2156 16.1327 16.3155C16.1327 16.0128 16.0499 15.7292 15.9058 15.4859C16.3748 15.1988 16.6884 14.6817 16.6884 14.0927C16.6884 13.79 16.6056 13.5064 16.4615 13.2632C16.9305 12.976 17.2441 12.4589 17.2441 11.8699C17.2441 11.4465 17.0821 11.0603 16.8168 10.77C17.1057 10.4656 17.2642 10.0686 17.2642 9.64713Z" fill="#FFC889"/> <path d="M16.1797 5.10413H15.0683C14.7806 5.10413 14.5473 4.87086 14.5473 4.58317C14.5473 4.29547 14.7806 4.0622 15.0683 4.0622H16.1797C16.4674 4.0622 16.7006 4.29547 16.7006 4.58317C16.7006 4.87086 16.4674 5.10413 16.1797 5.10413ZM8.39994 5.10413H7.28854C7.00085 5.10413 6.76758 4.87086 6.76758 4.58317C6.76758 4.29547 7.00085 4.0622 7.28854 4.0622H8.39994C8.68763 4.0622 8.9209 4.29547 8.9209 4.58317C8.9209 4.87086 8.6877 5.10413 8.39994 5.10413ZM10.0675 2.21675C9.88746 2.21675 9.71239 2.12333 9.61592 1.9562L9.06022 0.993699C8.91636 0.744554 9.00174 0.425903 9.25088 0.282073C9.50003 0.138209 9.81868 0.223592 9.96251 0.472737L10.5182 1.43524C10.6621 1.68439 10.5767 2.00304 10.3275 2.14687C10.2485 2.19266 10.1589 2.21676 10.0675 2.21675ZM13.4007 2.21675C13.3094 2.21677 13.2197 2.19266 13.1407 2.14687C12.8916 2.003 12.8062 1.68439 12.95 1.43524L13.5057 0.472737C13.6496 0.223592 13.9682 0.13814 14.2174 0.282073C14.4665 0.425938 14.5519 0.744554 14.408 0.993699L13.8523 1.9562C13.7559 2.12333 13.5808 2.21675 13.4007 2.21675Z" fill="#29CCB1"/> <path d="M3.36419 15.2108V17.9545H2.32227V15.2108C2.32227 14.9232 2.55567 14.6898 2.84323 14.6898C3.13078 14.6898 3.36419 14.9232 3.36419 15.2108Z" fill="#6694FF"/> <path d="M16.1797 5.10413H15.0683C14.7806 5.10413 14.5473 4.87086 14.5473 4.58317C14.5473 4.29547 14.7806 4.0622 15.0683 4.0622H16.1797C16.4674 4.0622 16.7006 4.29547 16.7006 4.58317C16.7006 4.87086 16.4674 5.10413 16.1797 5.10413ZM8.39994 5.10413H7.28854C7.00085 5.10413 6.76758 4.87086 6.76758 4.58317C6.76758 4.29547 7.00085 4.0622 7.28854 4.0622H8.39994C8.68763 4.0622 8.9209 4.29547 8.9209 4.58317C8.9209 4.87086 8.6877 5.10413 8.39994 5.10413ZM10.0675 2.21675C9.88746 2.21675 9.71239 2.12333 9.61592 1.9562L9.06022 0.993699C8.91636 0.744554 9.00174 0.425903 9.25088 0.282073C9.50003 0.138209 9.81868 0.223592 9.96251 0.472737L10.5182 1.43524C10.6621 1.68439 10.5767 2.00304 10.3275 2.14687C10.2485 2.19266 10.1589 2.21676 10.0675 2.21675ZM13.4007 2.21675C13.3094 2.21677 13.2197 2.19266 13.1407 2.14687C12.8916 2.003 12.8062 1.68439 12.95 1.43524L13.5057 0.472737C13.6496 0.223592 13.9682 0.13814 14.2174 0.282073C14.4665 0.425938 14.5519 0.744554 14.408 0.993699L13.8523 1.9562C13.7559 2.12333 13.5808 2.21675 13.4007 2.21675Z" fill="#4CAF50"/> <path d="M3.36419 15.2108V17.9545H2.32227V15.2108C2.32227 14.9232 2.55567 14.6898 2.84323 14.6898C3.13078 14.6898 3.36419 14.9232 3.36419 15.2108Z" fill="#6694FF"/> <path d="M5.06612 8.01477H0.620572C0.333016 8.01477 0.0996094 8.24818 0.0996094 8.53573V17.4268C0.0996094 17.7147 0.333016 17.9478 0.620572 17.9544H3.95472C4.59341 17.9478 5.14738 17.5793 5.41517 17.0437C5.52858 16.8177 5.58746 16.5683 5.58708 16.3154V8.53573C5.58708 8.24814 5.35367 8.01477 5.06612 8.01477Z" fill="#2265FF"/> <path d="M3.36419 15.1761V17.9546H2.32227V15.1761C2.32227 14.8886 2.55567 14.6552 2.84323 14.6552C3.13078 14.6552 3.36419 14.8886 3.36419 15.1761Z" fill="#6694FF"/> </svg> </div> <p class="!rvx-text-[14px] rvx-text-neutral-800 !rvx-font-nunito"> <span x-text="reviewAggregationData?.data?.aggregation?.recommnendation_count"></span> {{__('Persons recommended this product', 'reviewx')}} </p> </div> views/storefront/widget/Features/MultriCriteriaAggregation/index.twig 0000777 00000006704 15251226601 0022277 0 ustar 00 <template x-if="reviewSettingsData?.data?.setting?.review_settings?.reviews?.multicriteria?.enable"> <div class="rvx-grid rvx-grid-cols-12 rvx-w-full rvx-gap-space16 rvx-mb-space16 rvx-aggregation-multicriteria"> <template x-for="criteria in formatMultiCriteriaAggregations"> <div class="rvx-col-span-4 rvx-flex rvx-gap-space16 rvx-w-full rvx-aggregation-multicriteria__row-outer"> <div class="rvx-grid rvx-grid-cols-12 rvx-gap-space8 rvx-w-full rvx-aggregation-multicriteria__row-inner"> <div class="rvx-col-span-8 rvx-w-full rvx-pb-[6px] rvx-aggregation-multicriteria__name"> <span x-text="criteria?.name" class="rvx-text-[14px] rvx-font-nunito"></span> <div class="rvx-w-full rvx-relative rvx-aggregation__progressbar"> <div class="rvx-bg-[#D9D9D9] rvx-rounded-full rvx-aggregation__progressbar-inactive" :style="{height: `12px`}"></div> <div class="rvx-bg-primary rvx-rounded-full rvx-absolute rvx-top-0 rvx-left-0 rvx-aggregation__progressbar-active" :style="{width: `${criteria?.percent}%`, height: `12px`, background: `${reviewSettingsData?.data?.setting?.widget_settings.brand_color_code}`}"> </div> </div> </div> <div class="rvx-col-span-4 rvx-flex rvx-justify-center rvx-items-center rvx-gap-space5 rvx-self-end rvx-aggregation-multicriteria__total"> <span x-text="criteria.total" class="rvx-text-[12px] rvx-font-nunito rvx-pt-[5px]"></span> <svg class="rvx-aggregation-multicriteria__star" width="16" height="16" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.9998 17.5001L6.53314 20.7667C6.2887 20.9001 6.04981 20.9556 5.81648 20.9334C5.58314 20.9112 5.37759 20.8334 5.19981 20.7001C5.02203 20.5667 4.8887 20.3834 4.79981 20.1501C4.71092 19.9167 4.69981 19.6778 4.76648 19.4334L6.19981 13.3334L1.36648 9.23339C1.16648 9.05561 1.04426 8.85005 0.999811 8.61672C0.955367 8.38339 0.966478 8.15561 1.03314 7.93339C1.09981 7.71116 1.22203 7.52783 1.39981 7.38339C1.57759 7.23894 1.79981 7.15561 2.06648 7.13339L8.39981 6.56672L10.8998 0.76672C11.0109 0.522275 11.1665 0.338942 11.3665 0.21672C11.5665 0.0944973 11.7776 0.0333862 11.9998 0.0333862C12.222 0.0333862 12.4331 0.0944973 12.6331 0.21672C12.8331 0.338942 12.9887 0.522275 13.0998 0.76672L15.5998 6.60005L21.9331 7.13339C22.1998 7.15561 22.422 7.2445 22.5998 7.40005C22.7776 7.55561 22.8998 7.7445 22.9665 7.96672C23.0331 8.18894 23.0387 8.41116 22.9831 8.63339C22.9276 8.85561 22.7998 9.05561 22.5998 9.23339L17.7998 13.3334L19.2331 19.4334C19.2998 19.6778 19.2887 19.9167 19.1998 20.1501C19.1109 20.3834 18.9776 20.5667 18.7998 20.7001C18.622 20.8334 18.4165 20.9112 18.1831 20.9334C17.9498 20.9556 17.7109 20.9001 17.4665 20.7667L11.9998 17.5001Z" :fill="`${reviewSettingsData?.data?.setting?.widget_settings?.star_color_code}`"/> </svg> </div> </div> </div> </template> </div> </template> <div x-show="reviewSettingsData?.data?.setting?.review_settings?.reviews?.multicriteria?.enable" class="rvx-w-full rvx-h-[2px] rvx-bg-neutral-100 rvx-rounded-full rvx-mb-space40"></div> views/storefront/widget/Features/Aggregations/aggregations.twig 0000777 00000007556 15251226601 0021153 0 ustar 00 <style> .rvx-table table tbody > tr:nth-child(odd) > td, table tbody > tr:nth-child(odd) > th { background: none; } </style> <table class="rvx-w-full rvx-table !rvx-border-none"> <tbody class=""> <template x-for="(stat, i) in formatAggregations"> <tr class="rvx-aggregation__row !rvx-font-nunito !rvx-border-none !rvx-bg-transparent !rvx-leading-normal"> <td class="rvx-text-[14px] rvx-flex rvx-gap-space5 rvx-items-center rvx-align-middle !rvx-p-0 !rvx-pb-space8 !rvx-pr-space8 rvx-aggregation__rating !rvx-bg-transparent !rvx-border-none"> <span x-text="stat.rating" class="rvx-text-[14px] rvx-pt-[2px] rvx-font-nunito rvx-text-neutral-800 rvx-font-semibold"></span> <svg class="rvx-aggregation__rating-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <mask id="mask0_2499_19750" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20"> <rect width="20" height="20" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_2499_19750)"> <path d="M9.99909 14.0627L6.58242 16.1043C6.42964 16.1877 6.28034 16.2224 6.13451 16.2085C5.98867 16.1946 5.8602 16.146 5.74909 16.0627C5.63798 15.9793 5.55464 15.8647 5.49909 15.7189C5.44353 15.5731 5.43659 15.4238 5.47826 15.271L6.37409 11.4585L3.35326 8.896C3.22826 8.78488 3.15187 8.65641 3.12409 8.51058C3.09631 8.36475 3.10326 8.22238 3.14492 8.0835C3.18659 7.94461 3.26298 7.83002 3.37409 7.73975C3.4852 7.64947 3.62409 7.59738 3.79076 7.5835L7.74909 7.22933L9.31159 3.60433C9.38103 3.45155 9.47826 3.33697 9.60326 3.26058C9.72826 3.18419 9.8602 3.146 9.99909 3.146C10.138 3.146 10.2699 3.18419 10.3949 3.26058C10.5199 3.33697 10.6171 3.45155 10.6866 3.60433L12.2491 7.25016L16.2074 7.5835C16.3741 7.59738 16.513 7.65294 16.6241 7.75016C16.7352 7.84739 16.8116 7.96544 16.8533 8.10433C16.8949 8.24322 16.8984 8.38211 16.8637 8.521C16.8289 8.65988 16.7491 8.78488 16.6241 8.896L13.6241 11.4585L14.5199 15.271C14.5616 15.4238 14.5546 15.5731 14.4991 15.7189C14.4435 15.8647 14.3602 15.9793 14.2491 16.0627C14.138 16.146 14.0095 16.1946 13.8637 16.2085C13.7178 16.2224 13.5685 16.1877 13.4158 16.1043L9.99909 14.0627Z" :fill="`${reviewSettingsData?.data?.setting?.widget_settings.star_color_code}`"/> </g> </svg> </td> <td class="rvx-w-full !rvx-p-0 !rvx-pb-space8 rvx-align-middle !rvx-border-none !rvx-bg-transparent "> <div class="rvx-w-full rvx-relative rvx-aggregation__progressbar"> <div class="rvx-bg-[#D9D9D9] rvx-rounded-full rvx-aggregation__progressbar-inactive" :style="{ height: `8px` }"></div> <div class="rvx-bg-primary rvx-rounded-full rvx-absolute rvx-top-0 rvx-left-0 rvx-aggregation__progressbar-active" :style="{ width: `${stat?.percent}%`, height: `8px`, background: `${reviewSettingsData?.data?.setting?.widget_settings.brand_color_code}` }"> </div> </div> </td> <td class="!rvx-p-0 !rvx-px-space8 !rvx-pb-space8 rvx-align-middle !rvx-border-none rvx-aggregation__total-rating !rvx-bg-transparent"> <span x-text="stat.total" class="rvx-font-nunito rvx-text-neutral-800 rvx-font-semibold"></span> </td> <td class="!rvx-p-0 !rvx-pb-space8 rvx-align-middle !rvx-border-none rvx-aggregation__percent !rvx-bg-transparent"> <span x-text="'(' + stat?.percent + '%' + ')'" class="rvx-font-nunito rvx-text-neutral-800 rvx-font-semibold"></span> </td> </tr> </template> </tbody> </table> views/storefront/widget/Features/Aggregations/index.twig 0000777 00000013266 15251226601 0017603 0 ustar 00 <style> .rvx-aggregation-summary__star-inactive{ fill: gray; } </style> <div class="rvx-flex rvx-justify-between rvx-items-center" id="rvx-storefront-widget--aggregation__summary"> <div class="rvx-space-y-space8"> <div class="rvx-flex rvx-gap-space12 rvx-items-center"> <div class="rvx-flex rvx-items-baseline !rvx-leading-[0]"> <p x-text="reviewAggregationData?.data?.aggregation?.total_avg_review" class="rvx-rating-out-of rvx-average-rating rvx-flex rvx-items-baseline rvx-gap-space5 !rvx-text-[40px] rvx-font-bold rvx-leading-[38px] rvx-font-nunito rvx-text-neutral-800"> </p> <span class="rvx-max-rating rvx-rating-total !rvx-text-[24px] rvx-font-normal rvx-font-nunito rvx-text-neutral-400 rvx-break-normal"> /5 </span> </div> <template x-if="reviewSettingsData?.data?.setting?.widget_settings?.display_badges && Number(reviewAggregationData?.data?.aggregation?.total_avg_review) >= 4"> <div class="rvx-rating-badge rvx-bg-green-500 rvx-flex rvx-items-center rvx-rounded-sm rvx-w-[123px]" style="clip-path: polygon(0 0, 100% 0%, 88% 100%, 0% 100%)"> <span class="material-symbols-rounded rvx-fill-white rvx-text-white rvx-rating-badge__icon"> {{__('grade', 'reviewx')}} </span> <span class="rvx-rating-badge__text rvx-text-white !rvx-text-[15.38px] rvx-font-nunito rvx-font-normal rvx-leading-[24.168px]"> {{__('Very Good', 'reviewx')}} </span> </div> </template> </div> <template x-if="reviewAggregationData?.data?.aggregation.total_avg_review"> <div x-data="{ reviewAverage: reviewAggregationData?.data?.aggregation.total_avg_review, totalRating: 5 }" class="review rvx-flex rvx-gap-2 rvx-mb-2"> <template x-for="star in totalRating" :key="star"> <div> <!-- Full star --> <template x-if="isFullStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-active" width="24px" height="24px" viewBox="0 0 24 24"> <path :fill="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Partial star --> <template x-if="isHalfStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-active-half" width="24" height="24" viewBox="0 0 24 24"> <defs> <linearGradient :id="`grad-${star}`"> <!-- dynamic offset --> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" :stop-color="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" /> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" stop-color="grey" /> </linearGradient> </defs> <path :fill="`url(#grad-${star})`" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Empty star --> <template x-if="isFullEmptyStar(star, reviewAverage)"> <svg class="rvx-aggregation-summary__star-inactive rvx-fill-neutral-600" fill="none" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> </div> </template> </div> </template> <p class="rvx-total-review !rvx-text-[16px] rvx-font-normal rvx-leading-[28.562px] !rvx-font-nunito rvx-text-neutral-800"> <span>{{__('Total', 'reviewx')}}</span> <span x-text="reviewAggregationData?.data?.aggregation?.total_reviews"></span> {{__('reviews', 'reviewx')}} </p> </div> <div class="rvx-h-[1px] rvx-line-separator rvx-w-[155px] !rvx-bg-neutral-300" style="transform: rotate(90deg)"></div> {% include "storefront/widget/Features/Aggregations/aggregations.twig" %} </div> views/storefront/widget/Features/Reviews/ReviewsAllLayout.twig 0000777 00000004056 15251226601 0020756 0 ustar 00 <style> .rvx-masonry-layout { columns: 4 320px; column-gap: 16px; } .rvx-columns-box { -moz-column-break-inside: avoid; break-inside: avoid; display: inline-block; /* Prevents breaking */ width: 100%; /* Ensures full width in column */ } .rvx-review-card{ margin-bottom: 16px; } .rvx-review-wrapper .rvx-review-card:last-child { margin-bottom: 0; } </style> <div :class="`${layoutView === 'masonry' && 'rvx-masonry-layout' } ${layoutView === 'grid' && 'rvx-grid rvx-grid-cols-[repeat(auto-fill,minmax(320px,1fr))] rvx-gap-space12'} ${layoutView === 'list' && 'rvx-space-y-space12'} rvx-review-wrapper`"> <template x-for="review in reviewsAllData?.data?.reviews"> <div class="rvx-rounded-md rvx-shadow-100 rvx-bg-neutral-100 rvx-columns-box rvx-review-card" :class="`${(layoutView === 'masonry' || layoutView === 'grid') ? '' : 'rvx-py-space16 rvx-pl-space16 rvx-pr-[47px]'} ${review?.is_highlighted ? 'rvx-bg-primary-10 rvx-border rvx-border-l-4 rvx-border-primary-50 rvx-border-solid' : 'rvx-bg-neutral-100'}`"> {% include 'storefront/widget/Features/Reviews/ReviewAllCard.twig' %} </div> </template> </div> <div x-show="isLoadMoreAllReviews" class="rvx-my-space24" > {% include "storefront/widget/Components/Skeleton/LoadMoreReviewListSkeleton.twig" %} </div> <div x-show="!isLoadMoreAllReviews && reviewsAllData?.data?.meta.next_cursor" class="rvx-grid rvx-place-content-center rvx-mt-space20"> <button class="rvx-border-neutral-600 rvx-text-neutral-800 hover:rvx-border-neutral-600 hover:rvx-text-white rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-font-semibold focus:rvx-bg-transparent rvx-bg-transparent disabled:!rvx-cursor-not-allowed" @click="loadMoreReviewAllHandler" :loader="fetchReviewsIsLoading" :disabled="fetchReviewsIsLoading"> {{__('Load More Reviews', 'reviewx')}} </button> </div> views/storefront/widget/Features/Reviews/Modals/ReviewSuccessModal.twig 0000777 00000016350 15251226601 0022471 0 ustar 00 <!--x-init="init()" @keydown.escape.window="close" @click.away="close"--> <div x-data="__rvxReviewSuccessModalComponent__()" x-init="init()" x-cloak x-show="showReviewSuccessModal"> <!-- Modal Overlay --> <div x-show="showReviewSuccessModal" x-transition:enter="rvx-transition-opacity rvx-ease-out rvx-duration-300" x-transition:enter-start="rvx-opacity-0" x-transition:enter-end="rvx-opacity-100" x-transition:leave="rvx-transition-opacity rvx-ease-in rvx-duration-200" x-transition:leave-start="rvx-opacity-100" x-transition:leave-end="rvx-opacity-0" class="rvx-fixed rvx-inset-0 rvx-bg-black/25 rvx-z-10"></div> <!-- Modal Content --> <div x-show="showReviewSuccessModal" x-transition:enter="rvx-transition rvx-transform rvx-ease-out rvx-duration-300" x-transition:enter-start="rvx-scale-95 rvx-opacity-0" x-transition:enter-end="rvx-scale-100 rvx-opacity-100" x-transition:leave="rvx-transition rvx-transform rvx-ease-in rvx-duration-200" x-transition:leave-start="rvx-scale-100 rvx-opacity-100" x-transition:leave-end="rvx-scale-95 rvx-opacity-0" class="rvx-fixed rvx-inset-0 rvx-flex rvx-items-center rvx-justify-center rvx-z-20"> <div class="rvx-bg-white rvx-rounded-lg rvx-p-4 rvx-shadow-xl rvx-w-[548px] rvx-relative rvx-overflow-hidden"> <div class="rvx-bg-[#D9D9D9] rvx-overflow-hidden rvx-absolute rvx-top-0 rvx-left-0 rvx-w-full"> <div :style="{ width: progress + '%' }" class="progress rvx-bg-primary-70 rvx-h-2"></div> </div> <div class="rvx-bg-white rvx-rounded-lg rvx-px-space12"> <div class="rvx-my-[80px] rvx-m-auto"> <svg class="rvx-text-center rvx-w-full" width="80" height="80" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.7419 9.05682H7.23595C7.1217 9.05686 7.0106 9.01934 6.91976 8.95003C6.82893 8.88072 6.76341 8.78347 6.73328 8.67326C6.70315 8.56304 6.7101 8.44599 6.75304 8.34011C6.79598 8.23423 6.87254 8.1454 6.97093 8.08732C8.93417 6.92725 9.95395 5.57402 10.0885 3.95033C10.1354 3.38683 10.6373 2.93673 11.207 2.94418C11.7883 2.95347 12.333 3.1865 12.7409 3.60041C13.1491 4.01471 13.3741 4.56333 13.3743 5.14517V5.32041C13.3743 6.74172 12.9533 7.64796 12.1766 8.82307C12.1291 8.89492 12.0645 8.95388 11.9887 8.99467C11.9128 9.03546 11.828 9.05682 11.7419 9.05682Z" fill="#FFB159"/> <path d="M17.2642 9.64713C17.2642 8.74706 16.5319 8.01477 15.6318 8.01477H7.236C7.14271 8.01477 7.05112 8.0398 6.97087 8.08729C6.38151 8.43576 5.78643 8.72262 5.30828 8.95318C5.1415 9.03357 4.98398 9.10953 4.84071 9.18115C4.75417 9.22442 4.6814 9.29093 4.63054 9.37324C4.57967 9.45554 4.55273 9.55038 4.55273 9.64713V16.3155C4.55273 16.4122 4.57967 16.5071 4.63054 16.5894C4.6814 16.6717 4.75417 16.7382 4.84071 16.7814C6.94574 17.8338 8.69554 17.9611 10.736 17.9611C11.052 17.9611 11.3752 17.958 11.7075 17.9549C12.075 17.9514 12.455 17.9478 12.8534 17.9478H14.5003C15.4004 17.9478 16.1327 17.2156 16.1327 16.3155C16.1327 16.0128 16.0499 15.7292 15.9058 15.4859C16.3748 15.1988 16.6884 14.6817 16.6884 14.0927C16.6884 13.79 16.6056 13.5064 16.4615 13.2632C16.9305 12.976 17.2441 12.4589 17.2441 11.8699C17.2441 11.4465 17.0821 11.0603 16.8168 10.77C17.1057 10.4656 17.2642 10.0686 17.2642 9.64713Z" fill="#FFC889"/> <path d="M16.1797 5.10413H15.0683C14.7806 5.10413 14.5473 4.87086 14.5473 4.58317C14.5473 4.29547 14.7806 4.0622 15.0683 4.0622H16.1797C16.4674 4.0622 16.7006 4.29547 16.7006 4.58317C16.7006 4.87086 16.4674 5.10413 16.1797 5.10413ZM8.39994 5.10413H7.28854C7.00085 5.10413 6.76758 4.87086 6.76758 4.58317C6.76758 4.29547 7.00085 4.0622 7.28854 4.0622H8.39994C8.68763 4.0622 8.9209 4.29547 8.9209 4.58317C8.9209 4.87086 8.6877 5.10413 8.39994 5.10413ZM10.0675 2.21675C9.88746 2.21675 9.71239 2.12333 9.61592 1.9562L9.06022 0.993699C8.91636 0.744554 9.00174 0.425903 9.25088 0.282073C9.50003 0.138209 9.81868 0.223592 9.96251 0.472737L10.5182 1.43524C10.6621 1.68439 10.5767 2.00304 10.3275 2.14687C10.2485 2.19266 10.1589 2.21676 10.0675 2.21675ZM13.4007 2.21675C13.3094 2.21677 13.2197 2.19266 13.1407 2.14687C12.8916 2.003 12.8062 1.68439 12.95 1.43524L13.5057 0.472737C13.6496 0.223592 13.9682 0.13814 14.2174 0.282073C14.4665 0.425938 14.5519 0.744554 14.408 0.993699L13.8523 1.9562C13.7559 2.12333 13.5808 2.21675 13.4007 2.21675Z" fill="#29CCB1"/> <path d="M3.36419 15.2108V17.9545H2.32227V15.2108C2.32227 14.9232 2.55567 14.6898 2.84323 14.6898C3.13078 14.6898 3.36419 14.9232 3.36419 15.2108Z" fill="#6694FF"/> <path d="M16.1797 5.10413H15.0683C14.7806 5.10413 14.5473 4.87086 14.5473 4.58317C14.5473 4.29547 14.7806 4.0622 15.0683 4.0622H16.1797C16.4674 4.0622 16.7006 4.29547 16.7006 4.58317C16.7006 4.87086 16.4674 5.10413 16.1797 5.10413ZM8.39994 5.10413H7.28854C7.00085 5.10413 6.76758 4.87086 6.76758 4.58317C6.76758 4.29547 7.00085 4.0622 7.28854 4.0622H8.39994C8.68763 4.0622 8.9209 4.29547 8.9209 4.58317C8.9209 4.87086 8.6877 5.10413 8.39994 5.10413ZM10.0675 2.21675C9.88746 2.21675 9.71239 2.12333 9.61592 1.9562L9.06022 0.993699C8.91636 0.744554 9.00174 0.425903 9.25088 0.282073C9.50003 0.138209 9.81868 0.223592 9.96251 0.472737L10.5182 1.43524C10.6621 1.68439 10.5767 2.00304 10.3275 2.14687C10.2485 2.19266 10.1589 2.21676 10.0675 2.21675ZM13.4007 2.21675C13.3094 2.21677 13.2197 2.19266 13.1407 2.14687C12.8916 2.003 12.8062 1.68439 12.95 1.43524L13.5057 0.472737C13.6496 0.223592 13.9682 0.13814 14.2174 0.282073C14.4665 0.425938 14.5519 0.744554 14.408 0.993699L13.8523 1.9562C13.7559 2.12333 13.5808 2.21675 13.4007 2.21675Z" fill="#4CAF50"/> <path d="M3.36419 15.2108V17.9545H2.32227V15.2108C2.32227 14.9232 2.55567 14.6898 2.84323 14.6898C3.13078 14.6898 3.36419 14.9232 3.36419 15.2108Z" fill="#6694FF"/> <path d="M5.06612 8.01477H0.620572C0.333016 8.01477 0.0996094 8.24818 0.0996094 8.53573V17.4268C0.0996094 17.7147 0.333016 17.9478 0.620572 17.9544H3.95472C4.59341 17.9478 5.14738 17.5793 5.41517 17.0437C5.52858 16.8177 5.58746 16.5683 5.58708 16.3154V8.53573C5.58708 8.24814 5.35367 8.01477 5.06612 8.01477Z" fill="#2265FF"/> <path d="M3.36419 15.1761V17.9546H2.32227V15.1761C2.32227 14.8886 2.55567 14.6552 2.84323 14.6552C3.13078 14.6552 3.36419 14.8886 3.36419 15.1761Z" fill="#6694FF"/> </svg> <!-- <span class="material-symbols-rounded !rvx-text-[60px] rvx-text-center rvx-w-full">thumb_up</span>--> <div class="rvx-space-y-space16 rvx-w-full rvx-text-center"> <h2 class="rvx-text-neutral-700"> {{__('Thanks for your review!', 'reviewx')}} </h2> <p class="rvx-text-neutral-700">{{__('Your feedback helps us improve our service.', 'reviewx')}}</p> </div> </div> </div> </div> </div> </div> <style> .progress { transition: width 0.1s linear; } </style> views/storefront/widget/Features/Reviews/Modals/ReviewDetailModal.twig 0000777 00000131545 15251226601 0022267 0 ustar 00 <template x-if="showReviewDetailsModal"> <div x-data="reviewDetailsModal({ selectedReviewDetails })" x-show="showReviewDetailsModal" id="rvx-review-details" class="rvx-fixed rvx-top-0 rvx-left-0 rvx-z-[99] rvx-flex rvx-items-center rvx-justify-center rvx-w-screen rvx-h-screen" x-cloak> <div x-show="showReviewDetailsModal" x-transition:enter="rvx-ease-out rvx-duration-300" x-transition:enter-start="rvx-opacity-0" x-transition:enter-end="rvx-opacity-100" x-transition:leave="rvx-ease-in rvx-duration-300" x-transition:leave-start="rvx-opacity-100" x-transition:leave-end="rvx-opacity-0" @click="showReviewDetailsModal=false" class="rvx-absolute rvx-inset-0 rvx-w-full rvx-h-full rvx-bg-black rvx-bg-opacity-40"></div> <div x-show="showReviewDetailsModal" x-transition:enter="rvx-ease-out rvx-duration-300" x-transition:enter-start="rvx-opacity-0 rvx-translate-y-4 sm:rvx-translate-y-0 sm:rvx-scale-95" x-transition:enter-end="rvx-opacity-100 rvx-translate-y-0 sm:rvx-scale-100" x-transition:leave="rvx-ease-in rvx-duration-200" x-transition:leave-start="rvx-opacity-100 rvx-translate-y-0 sm:rvx-scale-100" x-transition:leave-end="rvx-opacity-0 rvx-translate-y-4 sm:rvx-translate-y-0 sm:rvx-scale-95" class="rvx-relative rvx-rounded-lg rvx-w-[360px] md:rvx-w-[980px] rvx-h-[557px] rvx-max-h-[557px] rvx-shadow-xl"> <div class="rvx-w-full rvx-h-full rvx-relative"> <div class="rvx-grid rvx-grid-cols-12 rvx-rounded-lg rvx-h-full"> <div class="rvx-col-span-12 md:rvx-col-span-5 rvx-bg-[#EFEFEF] rvx-grid rvx-place-items-center rvx-rounded-t-lg sm:rvx-rounded-t-none md:rvx-rounded-l-lg"> <template x-if="currentPreviewImage"> <span> <img x-show="currentPreviewImage && getFileType(currentPreviewImage).isImage" :src="currentPreviewImage" alt="test" class="rvx-w-full rvx-h-[150px] sm:rvx-h-auto rvx-object-cover " /> <video x-show="currentPreviewImage && getFileType(currentPreviewImage).isVideo" :key="currentPreviewImage" :src="currentPreviewImage" width="100%" height="200" controls class="rvx-h-[150px] sm:rvx-h-auto"> </video> </span> </template> <span x-show="!selectedReviewDetails?.attachments.length" class="material-symbols-rounded !rvx-text-[150px] rvx-text-neutral-700 rvx-pointer-events-none"> {{__('gallery_thumbnail', 'reviewx')}}</span> </div> <div class="rvx-col-span-12 md:rvx-col-span-7 rvx-flex rvx-flex-col rvx-bg-white rvx-px-space16 rvx-py-space8 sm:rvx-py-space24 rvx-relative md:rvx-rounded-r-lg"> <!-- Reviewer info --> <div class="sm:rvx-py-space12"> <div class="rvx-flex rvx-gap-space8 rvx-review-user"> <div x-show="reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <div x-data="avatarComponent({src: '', alt: selectedReviewDetails.reviewer_name})" x-show="!selectedReviewDetails.is_anonymous" class="rvx-grid rvx-place-content-center rvx-overflow-hidden rvx-size-[40px] sm:rvx-size-[56px] rvx-text-[32px] rvx-bg-white rvx-border rvx-border-solid rvx-border-neutral-400 rvx-rounded-full rvx-review-user__avatar"> <template x-if="showImage()"> <img @error="onError" :src="src" :alt="alt" class="rvx-review-user__avatar-img"> </template> <template x-if="!showImage()"> <div class="rvx-review-user__avatar-fallback rvx-flex rvx-justify-center rvx-items-center rvx-text-neutral rvx-font-nunito"> <span x-text="alt.charAt(0).toUpperCase()"></span> </div> </template> </div> <div x-show="selectedReviewDetails.is_anonymous" class="rvx-grid rvx-place-content-center rvx-overflow-hidden rvx-size-[40px] sm:rvx-size-[56px] rvx-text-[32px] rvx-bg-white rvx-border rvx-border-solid rvx-border-neutral-400 rvx-rounded-full rvx-review-user__avatar"> <svg class="rvx-review-user__avatar-img" xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M30.61 24.52a17.16 17.16 0 0 0-25.22 0a1.5 1.5 0 0 0-.39 1v6A1.5 1.5 0 0 0 6.5 33h23a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-.39-.98" class="clr-i-solid clr-i-solid-path-1"/><circle cx="18" cy="10" r="7" fill="currentColor" class="clr-i-solid clr-i-solid-path-2"/><path fill="none" d="M0 0h36v36H0z"/></svg> </div> </div> <div x-show="!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <div class="rvx-grid rvx-place-content-center rvx-overflow-hidden rvx-size-[40px] rvx-bg-white rvx-review-user__avatar !rvx-border-[1px] !rvx-border-neutral-300 rvx-rounded-full rvx-border-solid"> <svg class="rvx-review-user__avatar-img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48"><path fill="#cfd8dc" d="M5 19h38v19H5z"/><path fill="#b0bec5" d="M5 38h38v4H5z"/><path fill="#455a64" d="M27 24h12v18H27z"/><path fill="#e3f2fd" d="M9 24h14v11H9z"/><path fill="#1e88e5" d="M10 25h12v9H10z"/><path fill="#90a4ae" d="M36.5 33.5c-.3 0-.5.2-.5.5v2c0 .3.2.5.5.5s.5-.2.5-.5v-2c0-.3-.2-.5-.5-.5"/><g fill="#558b2f"><circle cx="24" cy="19" r="3"/><circle cx="36" cy="19" r="3"/><circle cx="12" cy="19" r="3"/></g><path fill="#7cb342" d="M40 6H8c-1.1 0-2 .9-2 2v3h36V8c0-1.1-.9-2-2-2m-19 5h6v8h-6zm16 0h-5l1 8h6zm-26 0h5l-1 8H9z"/><g fill="#ffa000"><circle cx="30" cy="19" r="3"/><path d="M45 19c0 1.7-1.3 3-3 3s-3-1.3-3-3s1.3-3 3-3z"/><circle cx="18" cy="19" r="3"/><path d="M3 19c0 1.7 1.3 3 3 3s3-1.3 3-3s-1.3-3-3-3z"/></g><path fill="#ffc107" d="M32 11h-5v8h6zm10 0h-5l2 8h6zm-26 0h5v8h-6zM6 11h5l-2 8H3z"/></svg> </div> </div> <div> <div class="rvx-flex rvx-items-center rvx-gap-space12"> <div x-show="reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <p x-show="!selectedReviewDetails.is_anonymous" x-text="censorReviewerName({isCensor: reviewSettingsData?.data.setting?.review_settings?.reviews.censor_reviewer_name, str: selectedReviewDetails.reviewer_name})" class="!rvx-text-[16px] rvx-font-semibold rvx-leading-[32px] rvx-text-neutral-900 rvx-review-user__name"> </p> <p x-show="selectedReviewDetails.is_anonymous" class="!rvx-text-[20px] rvx-font-semibold rvx-leading-[32px] rvx-text-neutral-900 rvx-review-user__name"> {{__('Anonymous', 'reviewx')}} </p> {# <p x-show="!selectedReviewDetails.is_anonymous"#} {# x-text="selectedReviewDetails.reviewer_name"#} {# class="!rvx-text-[20px] rvx-font-semibold rvx-leading-[32px] rvx-text-neutral-800 rvx-review-user__name">#} {# </p>#} {# <p x-show="selectedReviewDetails.is_anonymous"#} {# class="!rvx-text-[20px] rvx-font-semibold rvx-leading-[32px] rvx-text-neutral-800 rvx-review-user__name">#} {# {{__('Anonymous', 'reviewx')}}#} {# </p>#} </div> <div x-show="!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <p class="rvx-text-[20px] rvx-font-semibold rvx-leading-[32px] rvx-review-user__name"> {{__('Shopper', 'reviewx')}} </p> </div> <p x-show="reviewSettingsData?.data.setting?.review_settings.reviews.show_verified_badge && selectedReviewDetails?.is_verified" class="rvx-flex rvx-items-center rvx-text-success rvx-gap-space5 !rvx-text-[14px] rvx-review-user__name"> <span class="material-symbols-rounded rvx-text-[16px]">{{__('check_circle', 'reviewx')}}</span> {{__('Verified', 'reviewx')}} </p> <template x-if="reviewSettingsData?.data.setting.review_settings.reviews.show_reviewer_country && selectedReviewDetails?.reviewer_flag"> <div x-data="__rvxTooltipComponent__()" x-init="initial()" class="rvx-relative"> <div x-ref="tooltip" x-show="tooltipVisible" :class="{ 'rvx-top-[-15px] left-1/2 -rvx-translate-x-1/2 -rvx-mt-0.5 -rvx-translate-y-full' : tooltipPosition === 'top', 'rvx-top-1/2 -rvx-translate-y-1/2 -rvx-ml-0.5 rvx-left-0 -rvx-translate-x-full' : tooltipPosition === 'left', 'rvx-bottom-[-20px] -rvx-translate-x-1/2 -rvx-mb-0.5 rvx-translate-y-full' : tooltipPosition === 'bottom', 'rvx-top-1/2 -rvx-translate-y-1/2 -rvx-mr-0.5 rvx-right-0 rvx-translate-x-full' : tooltipPosition === 'right' }" class="rvx-absolute rvx-w-auto rvx-text-sm" x-cloak> <div x-show="tooltipVisible" x-transition class="rvx-relative rvx-px-2 rvx-py-1 rvx-text-white rvx-bg-black rvx-rounded rvx-bg-opacity-90"> <p x-text="selectedReviewDetails?.reviewer_country_short_name" class="rvx-flex-shrink-0 rvx-block rvx-text-xs rvx-whitespace-nowrap"></p> <div x-ref="tooltipArrow" x-show="tooltipArrow" :class="{ 'rvx-bottom-0 -rvx-translate-x-1/2 rvx-left-1/2 rvx-w-2.5 rvx-translate-y-full' : tooltipPosition == 'top', 'rvx-right-0 -rvx-translate-y-1/2 rvx-top-1/2 h-2.5 -rvx-mt-px rvx-translate-x-full' : tooltipPosition == 'left', 'rvx-top-0 -rvx-translate-x-1/2 rvx-left-1/2 rvx-w-2.5 -rvx-translate-y-full' : tooltipPosition == 'bottom', 'rvx-left-0 -rvx-translate-y-1/2 rvx-top-1/2 rvx-h-2.5 -rvx-mt-px -rvx-translate-x-full' : tooltipPosition == 'right' }" class="rvx-absolute rvx-inline-flex rvx-items-center rvx-justify-center rvx-overflow-hidden"> <div :class="{ 'rvx-origin-top-left -rvx-rotate-45' : tooltipPosition == 'top', 'rvx-origin-top-left rvx-rotate-45' : tooltipPosition == 'left', 'rvx-origin-bottom-left rvx-rotate-45' : tooltipPosition == 'bottom', 'rvx-origin-top-right -rvx-rotate-45' : tooltipPosition == 'right' }" class="rvx-w-1.5 rvx-h-1.5 rvx-transform rvx-bg-black rvx-bg-opacity-90"></div> </div> </div> </div> <div x-ref="content"> <img :src="selectedReviewDetails?.reviewer_flag" alt="flag" width="22" height="26"> </div> </div> </template> </div> <template x-if="Number(selectedReviewDetails.rating)"> <div x-data="{ reviewAverage: Number(selectedReviewDetails.rating), totalRating: 5 }" class="review rvx-flex rvx-gap-2 rvx-mb-2"> <template x-for="star in totalRating" :key="star"> <div> <!-- Full star --> <template x-if="isFullStar(star, reviewAverage)"> <svg class="rvx-reviewer__star-active" width="20px" height="20px" viewBox="0 0 24 24"> <path :fill="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Partial star --> <template x-if="isHalfStar(star, reviewAverage)"> <svg class="rvx-reviewer__star-half" width="20" height="20" viewBox="0 0 24 24"> <defs> <linearGradient :id="`grad-${star}`"> <!-- dynamic offset --> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" :stop-color="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" /> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" stop-color="grey" /> </linearGradient> </defs> <path :fill="`url(#grad-${star})`" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Empty star --> <template x-if="isFullEmptyStar(star, reviewAverage)"> <svg class="rvx-reviewer__star-inactive rvx-fill-neutral-600" fill="none" width="20px" height="20px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> </div> </template> </div> </template> </div> </div> <!-- Multi-Criteria --> <template x-if="reviewSettingsData?.data.setting?.review_settings.reviews.multicriteria.enable"> <div class="rvx-space-y-space12 rvx-gap-space16"> <template x-for="(rating, star) in createMultiCriteriaRatingObject({ criterias: reviewSettingsData?.data.setting.review_settings.reviews.multicriteria.criterias, criteriaStats: selectedReviewDetails.criterias, existingRating: Number(selectedReviewDetails.rating) } )" :key="rating.key"> <div class="rvx-grid rvx-grid-cols-12 rvx-gap-[26px]"> <div class="rvx-col-span-3 rvx-space-y-[20px]"> <p x-text="rating.name" class="rvx-font-semibold rvx-text-neutral-800 rvx-review-form__multicriteria--name"></p> </div> <div class="rvx-col-span-9 rvx-flex rvx-gap-space5 rvx-items-center"> <template x-for="star in 5" :key="star"> <div> <!-- Full star --> <template x-if="isFullStar(star, rating.rating)"> <svg class="rvx-review-details-modal__star-active" :fill="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Half star --> <template x-if="isHalfStar(star, rating.rating)"> <svg class="rvx-review-details-modal__star-active-half" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> <defs> <linearGradient id="grad"> <stop offset="50%" :stop-color="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" /> <stop offset="50%" stop-color="grey" /> </linearGradient> </defs> <path fill="url(#grad)" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Empty star --> <template x-if="isFullEmptyStar(star, rating.rating)"> <svg class="rvx-review-details-modal__star-inactive" fill="none" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> </div> </template> </div> </div> </template> </div> </template> </div> <!-- Review info --> <div class="rvx-font-nunito rvx-h-[270px] rvx-overflow-y-auto"> <!-- Product Info --> <div class="rvx-flex rvx-justify-between rvx-items-center rvx-gap-space12 rvx-mb-space12"> <p class="!rvx-text-[20px] rvx-text-neutral-800 rvx-font-semibold rvx-leading-[32px] rvx-review-info__title" x-text="selectedReviewDetails.title"> </p> <p class="!rvx-text-[12px] rvx-text-neutral-600" x-text="selectedReviewDetails.created_at"> </p> </div> <!-- feedback --> <p class="!rvx-text-[16px] rvx-leading-[22px] rvx-text-neutral-700 rvx-review-info__feedback" x-text="selectedReviewDetails.feedback"> </p> <!-- feedback images --> <div x-show="selectedReviewDetails?.attachments?.length" class="rvx-flex rvx-gap-space12 rvx-mt-space24 rvx-mb-space16"> <template x-for="file in selectedReviewDetails?.attachments"> <div class="rvx-size-[80px]"> <img @click="previewImageHandler(file)" x-show="getFileType(file).isImage" :src="file" alt="test" class="!rvx-size-[80px] rvx-cursor-pointer rvx-object-cover !rvx-rounded-md" /> <video @click="previewImageHandler(file)" x-show="getFileType(file).isVideo" width="80" height="80" class="!rvx-size-[80px] rvx-cursor-pointer rvx-object-cover !rvx-rounded-md"> <source :src="file"> </video> </div> </template> </div> <!-- owner reply--> <div x-show="selectedReviewDetails?.reply" class="rvx-mb-space20 rvx-mt-space16 rvx-review-owner-replay"> <div class="rvx-flex rvx-gap-space5"> <span class="material-symbols-rounded rvx-text-[20px] rvx-review-owner-replay__icon"> {{__('reply', 'reviewx')}} </span> <p class="!rvx-text-[14px] rvx-font-semibold rvx-text-neutral-800 rvx-leading-[22px] rvx-review-owner-replay__owner-name"> {{__('Shop owner', 'reviewx')}} <span class="rvx-font-normal rvx-leading-[22px] rvx-review-owner-replay__text"> {{__('replied', 'reviewx')}}</span> <span class="rvx-font-normal rvx-leading-[22px] rvx-ml-space5 rvx-review-owner-replay__date" x-text="selectedReviewDetails.replied_at"></span> </p> </div> <p class="!rvx-text-[14px] rvx-leading-[22px] rvx-review-owner-replay__feedback" x-text="truncateString(selectedReviewDetails?.reply, 300)"></p> </div> </div> <!-- Help info --> <div class="rvx-font-nunito rvx-flex rvx-items-center rvx-gap-space8 rvx-absolute rvx-bottom-0 rvx-left-[20px] rvx-right-[20px]" :class="`${reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.enabled ? 'rvx-justify-between' : 'rvx-justify-end'}`"> <template x-if="reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.enabled"> <div x-data="reviewHelpInfoComponent()" class="rvx-flex rvx-justify-end rvx-gap-space8 rvx-items-center rvx-pr-space16 rvx-pb-space16 rvx-review-footer"> <p class="!rvx-text-[14px] !rvx-text-neutral-700 rvx-review-footer__text">{{__('Was this helpful', 'reviewx')}}</p> <!-- @click="storeFrontStore.likeDislikeHandler({ uid: review.wp_unique_id, preference: LIKE_DISLIKE_PREFERENCE.LIKES })"--> <p class="!rvx-text-[14px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-duration-150 rvx-review-footer__thumbs"> <svg @click="likeDislikeHandler({ uid: selectedReviewDetails.wp_unique_id, preference: 1 })" class="rvx-cursor-pointer hover:rvx-bg-neutral-200 hover:rvx-rounded rvx-mb-[3px] rvx-review-footer__thumbs--like-icon " width="20" height="18" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_420_27618" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21"> <rect y="0.948242" width="20" height="20" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_420_27618)"> <path d="M17.5 7.9482C17.875 7.9482 18.2188 8.10098 18.5312 8.40654C18.8438 8.71209 19 9.05931 19 9.4482V10.6357C19 10.7468 18.9896 10.8475 18.9688 10.9378C18.9479 11.0281 18.9167 11.1218 18.875 11.219L16.3958 17.0315C16.2847 17.3093 16.1042 17.5315 15.8542 17.6982C15.6042 17.8649 15.3194 17.9482 15 17.9482H7C6.58333 17.9482 6.22917 17.8058 5.9375 17.5211C5.64583 17.2364 5.5 16.8788 5.5 16.4482V8.5732C5.5 8.36487 5.54167 8.16695 5.625 7.97945C5.70833 7.79195 5.81944 7.62876 5.95833 7.48987L10.1458 3.30237C10.3958 3.05237 10.7014 2.89265 11.0625 2.8232C11.4236 2.75376 11.7292 2.79542 11.9792 2.9482C12.2986 3.12876 12.5035 3.39265 12.5938 3.73987C12.684 4.08709 12.6944 4.42737 12.625 4.7607L12 7.9482H17.5ZM2.5 17.9482C2.09722 17.9482 1.74653 17.7989 1.44792 17.5003C1.14931 17.2017 1 16.851 1 16.4482V9.4482C1 9.04542 1.14931 8.69473 1.44792 8.39612C1.74653 8.09751 2.09722 7.9482 2.5 7.9482C2.90278 7.9482 3.25347 8.09751 3.55208 8.39612C3.85069 8.69473 4 9.04542 4 9.4482V16.4482C4 16.851 3.85069 17.2017 3.55208 17.5003C3.25347 17.7989 2.90278 17.9482 2.5 17.9482Z" :fill="selectedReviewDetails.preference?.preference === 1 ? '#757575' : '#E0E0E0'" /> </g> </svg> <span x-text="selectedReviewDetails.likes"></span> </p> <!-- @click="storeFrontStore.likeDislikeHandler({ uid: review.wp_unique_id, preference: LIKE_DISLIKE_PREFERENCE.DISLIKES })"--> <p class="!rvx-text-[14px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-review-footer__thumbs"> <svg @click="likeDislikeHandler({ uid: selectedReviewDetails.wp_unique_id, preference: 2 })" class="rvx-cursor-pointer rvx-rotate-thumbs-down hover:rvx-bg-neutral-200 hover:rvx-rounded rvx-mt-[3px] rvx-review-footer__thumbs--dislike-icon" width="20" height="18" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_420_27618" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21"> <rect y="0.948242" width="20" height="20" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_420_27618)"> <path d="M17.5 7.9482C17.875 7.9482 18.2188 8.10098 18.5312 8.40654C18.8438 8.71209 19 9.05931 19 9.4482V10.6357C19 10.7468 18.9896 10.8475 18.9688 10.9378C18.9479 11.0281 18.9167 11.1218 18.875 11.219L16.3958 17.0315C16.2847 17.3093 16.1042 17.5315 15.8542 17.6982C15.6042 17.8649 15.3194 17.9482 15 17.9482H7C6.58333 17.9482 6.22917 17.8058 5.9375 17.5211C5.64583 17.2364 5.5 16.8788 5.5 16.4482V8.5732C5.5 8.36487 5.54167 8.16695 5.625 7.97945C5.70833 7.79195 5.81944 7.62876 5.95833 7.48987L10.1458 3.30237C10.3958 3.05237 10.7014 2.89265 11.0625 2.8232C11.4236 2.75376 11.7292 2.79542 11.9792 2.9482C12.2986 3.12876 12.5035 3.39265 12.5938 3.73987C12.684 4.08709 12.6944 4.42737 12.625 4.7607L12 7.9482H17.5ZM2.5 17.9482C2.09722 17.9482 1.74653 17.7989 1.44792 17.5003C1.14931 17.2017 1 16.851 1 16.4482V9.4482C1 9.04542 1.14931 8.69473 1.44792 8.39612C1.74653 8.09751 2.09722 7.9482 2.5 7.9482C2.90278 7.9482 3.25347 8.09751 3.55208 8.39612C3.85069 8.69473 4 9.04542 4 9.4482V16.4482C4 16.851 3.85069 17.2017 3.55208 17.5003C3.25347 17.7989 2.90278 17.9482 2.5 17.9482Z" :fill="selectedReviewDetails.preference?.preference === 2 ? '#757575' : '#E0E0E0'" /> </g> </svg> <span x-text="selectedReviewDetails.dislikes"></span> </p> </div> </template> <template x-if="reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_sharing"> <div x-data="{dropdownOpen: false}" class="rvx-relative"> <span @click="dropdownOpen=true" class="material-symbols-rounded rvx-cursor-pointer !rvx-text-[20px] !rvx-text-neutral-700 hover:rvx-bg-neutral-200 hover:rvx-rounded">share</span> <div x-show="dropdownOpen" @click.away="dropdownOpen=false" x-transition:enter="rvx-ease-out rvx-duration-200" x-transition:enter-start="-rvx-translate-y-2" x-transition:enter-end="rvx-translate-y-0" class="rvx-absolute rvx-top-0 rvx-z-50 rvx-w-56 rvx-mt-space16 -rvx-right-[50px]" x-cloak> <div class="rvx-p-1 rvx-mt-1 rvx-text-sm rvx-bg-white rvx-border rvx-rounded-md rvx-shadow-md rvx-border-neutral-200/70 rvx-text-neutral-700"> <a :href="selectedReviewDetails.socials.facebook" class="rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M23 12C23 5.92485 18.0751 1 12 1C5.92485 1 1 5.92485 1 12C1 17.4904 5.02253 22.0411 10.2812 22.8663V15.1797H7.48827V12H10.2812V9.57654C10.2812 6.81967 11.9234 5.29687 14.4361 5.29687C15.6396 5.29687 16.8984 5.51171 16.8984 5.51171V8.21873H15.5113C14.1449 8.21873 13.7187 9.06666 13.7187 9.93656V12H16.7695L16.2818 15.1797H13.7187V22.8663C18.9774 22.0411 23 17.4904 23 12Z" fill="#424242"/> <path d="M16.2818 15.1797L16.7695 12H13.7187V9.93656C13.7187 9.06666 14.1449 8.21873 15.5113 8.21873H16.8984V5.51171C16.8984 5.51171 15.6396 5.29687 14.4361 5.29687C11.9234 5.29687 10.2812 6.81967 10.2812 9.57654V12H7.48827V15.1797H10.2812V22.8663C10.8413 22.9542 11.4153 23 12 23C12.5847 23 13.1587 22.9542 13.7187 22.8663V15.1797H16.2818Z" fill="white"/> </svg> <p>{{__('Facebook', 'reviewx')}}</p> </a> <a :href="selectedReviewDetails.socials.twitter" class="rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.3173 2.06018H21.6747L14.3414 10.4979L23 21.9397H16.1968L10.8956 15.004L4.7992 21.9397H1.44177L9.30522 12.9277L1 2.06018H7.97992L12.7952 8.42163L18.3173 2.06018ZM17.1245 19.9076H18.9799L6.96386 3.95978H4.93173L17.1245 19.9076Z" fill="#424242"/> </svg> <p>{{__('X (Twitter)', 'reviewx')}}</p> </a> <a :href="selectedReviewDetails.socials.linkedin" class="rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M19.745 19.6689H16.4853V14.6143C16.4853 13.409 16.4636 11.8574 14.7899 11.8574C13.0922 11.8574 12.8324 13.1706 12.8324 14.5266V19.6685H9.57269V9.2743H12.702V10.6948H12.7458C13.059 10.1646 13.5115 9.72844 14.0553 9.43276C14.599 9.13709 15.2135 8.99297 15.8334 9.01575C19.1373 9.01575 19.7464 11.1675 19.7464 13.9668L19.745 19.6689ZM5.89466 7.85348C5.52052 7.85354 5.15476 7.74376 4.84365 7.538C4.53253 7.33225 4.29003 7.03976 4.1468 6.69754C4.00356 6.35531 3.96602 5.97872 4.03895 5.61538C4.11187 5.25203 4.29198 4.91826 4.55648 4.65627C4.82099 4.39427 5.15802 4.21582 5.52495 4.14349C5.89188 4.07115 6.27223 4.10818 6.61791 4.24988C6.96359 4.39158 7.25907 4.6316 7.46698 4.93958C7.67489 5.24756 7.78591 5.60967 7.78597 5.98012C7.78602 6.22609 7.73713 6.46966 7.6421 6.69692C7.54708 6.92418 7.40779 7.13069 7.23217 7.30464C7.05654 7.4786 6.84802 7.6166 6.61853 7.71077C6.38904 7.80494 6.14307 7.85343 5.89466 7.85348ZM7.52451 19.6689H4.26141V9.2743H7.52451V19.6689ZM21.3701 1.11013H2.62341C2.19791 1.10537 1.78789 1.26808 1.48349 1.56249C1.17908 1.85689 1.00519 2.25892 1 2.68022V21.3193C1.00502 21.7408 1.1788 22.1431 1.4832 22.4379C1.78759 22.7326 2.1977 22.8956 2.62341 22.8911H21.3701C21.7967 22.8964 22.208 22.7339 22.5135 22.4391C22.8191 22.1444 22.9941 21.7417 23 21.3193V2.67888C22.9939 2.25674 22.8188 1.85426 22.5132 1.55985C22.2076 1.26545 21.7965 1.10321 21.3701 1.10878" fill="#424242"/> <path d="M19.745 19.6689H16.4853V14.6143C16.4853 13.409 16.4636 11.8574 14.7899 11.8574C13.0922 11.8574 12.8324 13.1706 12.8324 14.5266V19.6685H9.57269V9.2743H12.702V10.6948H12.7458C13.059 10.1646 13.5115 9.72844 14.0553 9.43276C14.599 9.13709 15.2135 8.99297 15.8334 9.01575C19.1373 9.01575 19.7464 11.1675 19.7464 13.9668L19.745 19.6689Z" fill="white"/> <path d="M5.89466 7.85348C5.52052 7.85354 5.15476 7.74376 4.84365 7.538C4.53253 7.33225 4.29003 7.03976 4.1468 6.69754C4.00356 6.35531 3.96602 5.97872 4.03895 5.61538C4.11187 5.25203 4.29198 4.91826 4.55648 4.65627C4.82099 4.39427 5.15802 4.21582 5.52495 4.14349C5.89188 4.07115 6.27223 4.10818 6.61791 4.24988C6.96359 4.39158 7.25907 4.6316 7.46698 4.93958C7.67489 5.24756 7.78591 5.60967 7.78597 5.98012C7.78602 6.22609 7.73713 6.46966 7.6421 6.69692C7.54708 6.92418 7.40779 7.13069 7.23217 7.30464C7.05654 7.4786 6.84802 7.6166 6.61853 7.71077C6.38904 7.80494 6.14307 7.85343 5.89466 7.85348Z" fill="white"/> <path d="M7.52451 19.6689H4.26141V9.2743H7.52451V19.6689Z" fill="white"/> </svg> <p> {{__('LinkedIn', 'reviewx')}}</p> </a> <a :href="selectedReviewDetails.socials.reddit" class="rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 1C5.92508 1 1 5.92508 1 12C1 15.0379 2.23148 17.7879 4.2218 19.7782L2.12664 21.8734C1.7107 22.2893 2.00547 23 2.59328 23H12C18.0749 23 23 18.0749 23 12C23 5.92508 18.0749 1 12 1Z" fill="#424242"/> <path d="M14.2378 6.18719C14.4286 6.99586 15.1548 7.59828 16.0219 7.59828C17.0342 7.59828 17.8549 6.77758 17.8549 5.76523C17.8549 4.75289 17.0342 3.93219 16.0219 3.93219C15.1367 3.93219 14.3985 4.55953 14.2266 5.39398C12.7442 5.55297 11.5866 6.81023 11.5866 8.33391C11.5866 8.33734 11.5866 8.33992 11.5866 8.34336C9.97445 8.41125 8.50234 8.87016 7.33359 9.59461C6.89961 9.25859 6.35477 9.05836 5.76352 9.05836C4.34469 9.05836 3.19484 10.2082 3.19484 11.627C3.19484 12.6566 3.79984 13.5434 4.67383 13.9534C4.75891 16.9354 8.0082 19.3339 12.0052 19.3339C16.0021 19.3339 19.2557 16.9328 19.3365 13.9482C20.2036 13.5357 20.8034 12.6514 20.8034 11.6279C20.8034 10.2091 19.6536 9.05922 18.2348 9.05922C17.6461 9.05922 17.1038 9.25773 16.6707 9.59117C15.4916 8.86156 14.0032 8.40266 12.3747 8.34164C12.3747 8.33906 12.3747 8.33734 12.3747 8.33476C12.3747 7.24336 13.1859 6.33758 14.2378 6.18891V6.18719ZM7.23047 13.2573C7.27344 12.3257 7.89219 11.6107 8.61148 11.6107C9.33078 11.6107 9.88078 12.3661 9.83781 13.2977C9.79484 14.2292 9.25773 14.5678 8.53758 14.5678C7.81742 14.5678 7.1875 14.1888 7.23047 13.2573ZM15.3997 11.6107C16.1198 11.6107 16.7386 12.3257 16.7807 13.2573C16.8237 14.1888 16.1929 14.5678 15.4736 14.5678C14.7543 14.5678 14.2163 14.2301 14.1734 13.2977C14.1304 12.3661 14.6795 11.6107 15.3997 11.6107ZM14.5437 15.4126C14.6787 15.4263 14.7646 15.5664 14.7122 15.6919C14.2696 16.7498 13.2246 17.4931 12.0052 17.4931C10.7857 17.4931 9.74156 16.7498 9.29812 15.6919C9.2457 15.5664 9.33164 15.4263 9.46656 15.4126C10.2572 15.3327 11.1123 15.2888 12.0052 15.2888C12.898 15.2888 13.7523 15.3327 14.5437 15.4126Z" fill="white"/> </svg> <p>{{__('Reddit', 'reviewx')}}</p> </a> <a :href="selectedReviewDetails.socials.copylink" class="rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z" fill="#424242"/> </svg> <p>{{__('Copy Link', 'reviewx')}}</p> </a> </div> </div> </div> </template> </div> </div> </div> <div @click="close()" class="rvx-absolute rvx-top-[10px] rvx-right-[-23px] rvx-size-space24 rvx-bg-neutral-300 rvx-rounded-sm rvx-cursor-pointer rvx-flex rvx-justify-center rvx-items-center hover:rvx-bg-neutral-200 rvx-transform"> <span class="material-symbols-rounded rvx-text-[20px] rvx-text-center rvx-w-full">{{__('close', 'reviewx')}}</span> </div> </div> </div> </div> </template> <script> function reviewDetailsModal({ selectedReviewDetails }) { {# console.log('selectedReviewDetails', selectedReviewDetails) #} return { selectedReviewDetails, currentPreviewImage: selectedReviewDetails?.attachments[0] || null, close() { this.showReviewDetailsModal= false // this.$dispatch('notify-close-review-details-modal'); }, previewImageHandler(url) { this.currentPreviewImage = url; }, }; } </script> <style> .rvx-rotate-thumbs-down { transform: rotate(180deg); } .rvx-review-details-modal__star-active{ fill: #ecbb09; } .rvx-review-details-modal__star-inactive{ fill: gray; } </style> views/storefront/widget/Features/Reviews/ReviewerInfo.twig 0000777 00000030701 15251226601 0020103 0 ustar 00 <div class="rvx-flex rvx-gap-space8 rvx-review-user"> <div x-show="reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <div x-data="avatarComponent({src: '', alt: review.reviewer_name})" x-show="!review.is_anonymous" class="rvx-grid rvx-place-content-center rvx-overflow-hidden rvx-size-[40px] rvx-bg-white !rvx-border-[1px] !rvx-border-neutral-300 rvx-rounded-full rvx-border-solid rvx-review-user__avatar"> <template x-if="showImage()"> <img @error="onError" :src="src" :alt="alt" class="rvx-review-user__avatar-img"> </template> <template x-if="!showImage()"> <div class="rvx-review-user__avatar-fallback rvx-flex rvx-justify-center rvx-items-center rvx-text-neutral rvx-font-nunito rvx-border"> <span x-text="alt.charAt(0).toUpperCase()"></span> </div> </template> </div> <div x-show="review.is_anonymous" class="rvx-grid rvx-place-content-center rvx-overflow-hidden rvx-size-[40px] rvx-bg-white rvx-review-user__avatar !rvx-border-[1px] !rvx-border-neutral-300 rvx-rounded-full rvx-border-solid"> <svg class="rvx-review-user__avatar-img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 36 36"><path fill="currentColor" d="M30.61 24.52a17.16 17.16 0 0 0-25.22 0a1.5 1.5 0 0 0-.39 1v6A1.5 1.5 0 0 0 6.5 33h23a1.5 1.5 0 0 0 1.5-1.5v-6a1.5 1.5 0 0 0-.39-.98" class="clr-i-solid clr-i-solid-path-1"/><circle cx="18" cy="10" r="7" fill="currentColor" class="clr-i-solid clr-i-solid-path-2"/><path fill="none" d="M0 0h36v36H0z"/></svg> </div> </div> <div x-show="!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <div class="rvx-grid rvx-place-content-center rvx-overflow-hidden rvx-size-[40px] rvx-bg-white rvx-review-user__avatar !rvx-border-[1px] !rvx-border-neutral-300 rvx-rounded-full rvx-border-solid"> {# <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m21.914 9.73l-.48-1.66l-1.11-3.17a2.8 2.8 0 0 0-1-1.36a2.74 2.74 0 0 0-1.62-.52H6.234a2.8 2.8 0 0 0-2.65 1.88l-1.13 3.21l-.46 1.62a.8.8 0 0 0 0 .21a3.85 3.85 0 0 0 2.06 3.39v4.83a2.8 2.8 0 0 0 .82 2a2.84 2.84 0 0 0 2 .82h10.28a2.8 2.8 0 0 0 2.81-2.81v-4.83a3.74 3.74 0 0 0 1.35-1.18a3.8 3.8 0 0 0 .7-2.21a1.5 1.5 0 0 0-.1-.22m-6.89 8.4h-6.17a1 1 0 1 1 0-2h6.17a1 1 0 0 1 0 2m5-6.85c-.282.399-.68.7-1.14.86a2.3 2.3 0 0 1-2.08-.31a2.34 2.34 0 0 1-.99-1.86a.75.75 0 1 0-1.5 0v.05a2.4 2.4 0 0 1-.14.74a2.4 2.4 0 0 1-.86 1.12a2.27 2.27 0 0 1-1.33.43a2.32 2.32 0 0 1-2.2-1.57a2 2 0 0 1-.14-.73a.75.75 0 0 0-1.5 0a2.36 2.36 0 0 1-.99 1.87a2.33 2.33 0 0 1-1.35.43a2.6 2.6 0 0 1-.77-.14a2.28 2.28 0 0 1-1.13-.85a2.33 2.33 0 0 1-.42-1.24l.41-1.48l1.11-3.16a1.31 1.31 0 0 1 1.24-.88h11.47c.27.004.535.088.76.24c.219.16.383.383.47.64l1.1 3.12l.43 1.52a2.35 2.35 0 0 1-.47 1.2z"/></svg>#} <svg class="rvx-review-user__avatar-img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48"><path fill="#cfd8dc" d="M5 19h38v19H5z"/><path fill="#b0bec5" d="M5 38h38v4H5z"/><path fill="#455a64" d="M27 24h12v18H27z"/><path fill="#e3f2fd" d="M9 24h14v11H9z"/><path fill="#1e88e5" d="M10 25h12v9H10z"/><path fill="#90a4ae" d="M36.5 33.5c-.3 0-.5.2-.5.5v2c0 .3.2.5.5.5s.5-.2.5-.5v-2c0-.3-.2-.5-.5-.5"/><g fill="#558b2f"><circle cx="24" cy="19" r="3"/><circle cx="36" cy="19" r="3"/><circle cx="12" cy="19" r="3"/></g><path fill="#7cb342" d="M40 6H8c-1.1 0-2 .9-2 2v3h36V8c0-1.1-.9-2-2-2m-19 5h6v8h-6zm16 0h-5l1 8h6zm-26 0h5l-1 8H9z"/><g fill="#ffa000"><circle cx="30" cy="19" r="3"/><path d="M45 19c0 1.7-1.3 3-3 3s-3-1.3-3-3s1.3-3 3-3z"/><circle cx="18" cy="19" r="3"/><path d="M3 19c0 1.7 1.3 3 3 3s3-1.3 3-3s-1.3-3-3-3z"/></g><path fill="#ffc107" d="M32 11h-5v8h6zm10 0h-5l2 8h6zm-26 0h5v8h-6zM6 11h5l-2 8H3z"/></svg> </div> </div> <div class="rvx-w-full"> <div class="rvx-flex rvx-flex-wrap rvx-items-center rvx-justify-between rvx-font-nunito"> <div class="rvx-flex rvx-flex-wrap rvx-items-center rvx-font-nunito rvx-gap-space8"> <div x-show="reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <p x-show="!review.is_anonymous" x-text="layoutView === 'list' ? censorReviewerName({isCensor: reviewSettingsData?.data.setting?.review_settings?.reviews.censor_reviewer_name, str: review.reviewer_name}) : showDisplayReviewerName({haveVerifiedBadge: (reviewSettingsData?.data.setting?.review_settings?.reviews?.show_verified_badge && review?.is_verified), showCountryFlg: reviewSettingsData?.data.setting.review_settings.reviews.show_reviewer_country, str: review.reviewer_name, isCensor: reviewSettingsData?.data.setting?.review_settings?.reviews.censor_reviewer_name})" class="!rvx-text-[14px] rvx-font-semibold rvx-leading-[22px] rvx-text-neutral-800 rvx-review-user__name"> </p> <p x-show="review.is_anonymous" class="!rvx-text-[14px] rvx-font-semibold rvx-leading-[22px] rvx-text-neutral-800 rvx-review-user__name"> {{__('Anonymous', 'reviewx')}} </p> </div> <div x-show="!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name"> <p class="rvx-text-[14px] rvx-font-semibold rvx-leading-[22px] rvx-text-neutral-800 rvx-review-user__name"> {{__('Shopper', 'reviewx')}} </p> </div> <template x-if="reviewSettingsData?.data.setting.review_settings.reviews.show_reviewer_country && review?.reviewer_flag"> <div x-data="__rvxTooltipComponent__()" x-init="initial()" class="rvx-relative rvx-px-space8"> <div x-ref="tooltip" x-show="tooltipVisible" :class="{ 'rvx-top-[-15px] left-1/2 -rvx-translate-x-1/2 -rvx-mt-0.5 -rvx-translate-y-full' : tooltipPosition === 'top', 'rvx-top-1/2 -rvx-translate-y-1/2 -rvx-ml-0.5 rvx-left-0 -rvx-translate-x-full' : tooltipPosition === 'left', 'rvx-bottom-[-20px] -rvx-translate-x-1/2 -rvx-mb-0.5 rvx-translate-y-full' : tooltipPosition === 'bottom', 'rvx-top-1/2 -rvx-translate-y-1/2 -rvx-mr-0.5 rvx-right-0 rvx-translate-x-full' : tooltipPosition === 'right' }" class="rvx-absolute rvx-w-auto rvx-text-sm" x-cloak> <div x-show="tooltipVisible" x-transition class="rvx-relative rvx-px-2 rvx-py-1 rvx-text-white rvx-bg-black rvx-rounded rvx-bg-opacity-90"> <p x-text="review?.reviewer_country_short_name" class="rvx-flex-shrink-0 rvx-block rvx-text-[12px] rvx-whitespace-nowrap"></p> {# <div x-ref="tooltipArrow" x-show="tooltipArrow"#} {# :class="{#} {# 'rvx-bottom-0 -rvx-translate-x-1/2 rvx-left-1/2 rvx-w-2.5 rvx-translate-y-full' : tooltipPosition == 'top',#} {# 'rvx-right-0 -rvx-translate-y-1/2 rvx-top-1/2 h-2.5 -rvx-mt-px rvx-translate-x-full' : tooltipPosition == 'left',#} {# 'rvx-top-0 -rvx-translate-x-1/2 rvx-left-1/2 rvx-w-2.5 -rvx-translate-y-full' : tooltipPosition == 'bottom',#} {# 'rvx-left-0 -rvx-translate-y-1/2 rvx-top-1/2 rvx-h-2.5 -rvx-mt-px -rvx-translate-x-full' : tooltipPosition == 'right' }"#} {# class="rvx-absolute rvx-inline-flex rvx-items-center rvx-justify-center rvx-overflow-hidden">#} {# <div :class="{ 'rvx-origin-top-left -rvx-rotate-45' : tooltipPosition == 'top', 'rvx-origin-top-left rvx-rotate-45' : tooltipPosition == 'left', 'rvx-origin-bottom-left rvx-rotate-45' : tooltipPosition == 'bottom', 'rvx-origin-top-right -rvx-rotate-45' : tooltipPosition == 'right' }" class="rvx-w-1.5 rvx-h-1.5 rvx-transform rvx-bg-black rvx-bg-opacity-90"></div>#} {# </div>#} </div> </div> <div x-ref="content" class="rvx-leading-[0px]"> <img :src="review?.reviewer_flag" alt="flag" width="22" height="26"> </div> </div> </template> </div> <p x-show="reviewSettingsData?.data.setting?.review_settings.reviews.show_verified_badge && review?.is_verified" class="rvx-flex rvx-items-center rvx-text-success rvx-gap-space5 !rvx-text-[12px] rvx-review-user__verify"> <span class="material-symbols-rounded-fill rvx-text-[16px]"> {{__('check_circle', 'reviewx')}}</span> {{__('Verified', 'reviewx')}} </p> </div> <template x-if="Number(review.rating)"> <div x-data="{ reviewAverage: Number(review.rating), totalRating: 5 }" class="review rvx-flex rvx-gap-[4px]"> <template x-for="star in totalRating" :key="star"> <div> <!-- Full star --> <template x-if="isFullStar(star, reviewAverage)"> <svg class="rvx-reviewer__star-active" width="20px" height="20px" viewBox="0 0 24 24"> <path :fill="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Partial star --> <template x-if="isHalfStar(star, reviewAverage)"> <svg class="rvx-reviewer__star-half" width="20" height="20" viewBox="0 0 24 24"> <defs> <linearGradient :id="`grad-${star}`"> <!-- dynamic offset --> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" :stop-color="reviewSettingsData?.data?.setting?.widget_settings?.star_color_code" /> <stop :offset="`${Math.floor(((reviewAverage - (star-1)) * 100))}%`" stop-color="grey" /> </linearGradient> </defs> <path :fill="`url(#grad-${star})`" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> <!-- Empty star --> <template x-if="isFullEmptyStar(star, reviewAverage)"> <svg class="rvx-reviewer__star-inactive rvx-fill-neutral-600" fill="none" width="20px" height="20px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> </template> </div> </template> </div> </template> </div> </div> views/storefront/widget/Features/Reviews/OwnerReply.twig 0000777 00000002432 15251226601 0017605 0 ustar 00 <div x-show="review?.reply" class="rvx-mb-space20 rvx-review-owner-replay"> <div class="rvx-flex rvx-items-center rvx-gap-space5 rvx-mt-space8 rvx-mb-space8"> <span class="material-symbols-rounded rvx-text-[20px] rvx-review-owner-replay__icon"> {{__('reply', 'reviewx')}} </span> <div x-show="review?.shop_icon_url" class="rvx-flex rvx-justify-center rvx-items-center rvx-bg-white rvx-border-solid !rvx-border-[1px] !rvx-border-neutral-300 rvx-rounded-full rvx-size-[24px]"> <img :src="review.shop_icon_url" alt="store icon" width="16" height="16"> </div> <p class="!rvx-text-[16px] rvx-font-semibold rvx-text-neutral-700 rvx-leading-[22px] rvx-review-owner-replay__owner-name"> {{__('Shop owner', 'reviewx')}} <span class="rvx-leading-[22px] rvx-text-neutral-400 rvx-font-normal rvx-review-owner-replay__text"> {{__('replied', 'reviewx')}} </span> <span class="rvx-font-normal rvx-leading-[22px] rvx-ml-space5 rvx-review-owner-replay__date" x-text="review.replied_at"></span> </p> </div> <p class="!rvx-text-[14px] rvx-leading-[22px] rvx-review-owner-replay__feedback" x-text="truncateString(review?.reply, 300)"></p> </div> views/storefront/widget/Features/Reviews/ReviewAllCard.twig 0000777 00000006737 15251226601 0020177 0 ustar 00 <template x-if="layoutView === 'masonry' && review?.attachments?.length"> <div class="rvx-relative"> <img x-show="getFileType(review.attachments[0]).isImage" :src="review.attachments[0]" alt="test" class="!rvx-w-full !rvx-max-h-[166px] !rvx-h-[166px] rvx-object-cover !rvx-rounded-t-lg rvx-rounded-none" /> <video x-show="getFileType(review.attachments[0]).isVideo" width="100%" height="200"> <source :src="review.attachments[0]"> </video> <template x-if="isHaveMultipleAttachment(review.attachments.length, 1)"> <div class="rvx-flex rvx-items-center rvx-gap-space5 rvx-bg-[#212121B2] rvx-rounded-md rvx-p-space5 rvx-absolute rvx-top-[10px] rvx-right-[10px] rvx-text-white rvx-cursor-pointer"> <span class="!rvx-text-[10px]"> + <span x-text="review.attachments.length - 1 "></span> </span> <span class="material-symbols-rounded rvx-text-[16px]">photo_library</span> </div> </template> </div> </template> <div class="rvx-cursor-pointer rvx-review-inner rvx-p-space16"> <div class="rvx-review-card__body !rvx-break-words rvx-space-y-space12" @click="selectedReviewDetailsHandler(review)"> {% include 'storefront/widget/Features/Reviews/ReviewerInfo.twig' %} <div class="rvx-font-nunito rvx-review-info"> <!-- Review Info --> <p class="!rvx-text-[12px] rvx-text-neutral-500 rvx-review-info__date" x-text="review.created_at"> </p> <p x-show="reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_titles" class="!rvx-text-[16px] rvx-text-neutral-800 rvx-font-semibold rvx-leading-[28px] rvx-mb-space12 rvx-review-info__title" x-text="review.title"> </p> <div class="rvx-space-y-space12"> <!-- feedback --> <p class="!rvx-text-[16px] rvx-leading-[22px] rvx-text-neutral-700 rvx-mb-space12 rvx-review-info__feedback" x-text="layoutView === 'list' ? review.feedback : layoutView === 'grid' ? truncateString(review.feedback, 184) : truncateString(review.feedback, 300)"></p> <!-- feedback images --> <template x-if="layoutView !== 'masonry' && review.attachments?.length"> <div class="rvx-flex rvx-gap-space16 rvx-mb-space12 rvx-flex-wrap rvx-review-info__images"> <template x-for="file in review.attachments"> <div> <img x-show="getFileType(file).isImage" :src="file" alt="test" class="rvx-col-span-4 !rvx-rounded-md rvx-object-cover" :class="`${layoutView === 'grid' ? '!rvx-size-[48px]' : '!rvx-size-[80px]'}`" /> <video x-show="getFileType(file).isVideo" width="80" height="80" class="rvx-col-span-4 !rvx-rounded-md rvx-object-cover" :class="`${layoutView === 'grid' ? '!rvx-size-[48px]' : '!rvx-size-[80px]'}`"> <source :src="file"> </video> </div> </template> </div> </template> <!-- owner replied --> {% include 'storefront/widget/Features/Reviews/OwnerReply.twig' %} </div> </div> </div> <!-- Help info --> {% include 'storefront/widget/Features/Reviews/ReviewHelpInfo.twig' %} </div> views/storefront/widget/Features/Reviews/ReviewHelpInfo.twig 0000777 00000042144 15251226601 0020371 0 ustar 00 <style> .rvx-rotate-thumbs-down { transform: rotate(180deg); } </style> <div class="rvx-flex rvx-items-center rvx-gap-space8 rvx-font-nunito" :class="`${reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.enabled ? 'rvx-justify-between' : 'rvx-justify-end'}`"> <template x-if="reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.enabled"> <div x-data="reviewHelpInfoComponent()" class="rvx-flex rvx-items-center rvx-gap-space8 rvx-review-footer" style="padding-top:8px;padding-bottom:2px;"> <p class="!rvx-text-[14px] !rvx-text-neutral-600 rvx-review-footer__text"> {{__('Was this helpful', 'reviewx')}}</p> <template x-if="reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.options.allow_likes"> <p class="!rvx-text-[15px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-duration-150 rvx-review-footer__thumbs"> <svg @click="likeDislikeHandler({ uid: review.wp_unique_id, preference: 1 })" class="rvx-cursor-pointer hover:rvx-bg-neutral-200 hover:rvx-rounded rvx-mb-[3px] rvx-review-footer__thumbs--like-icon " width="20" height="18" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_420_27618" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21"> <rect y="0.948242" width="20" height="20" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_420_27618)"> <path d="M17.5 7.9482C17.875 7.9482 18.2188 8.10098 18.5312 8.40654C18.8438 8.71209 19 9.05931 19 9.4482V10.6357C19 10.7468 18.9896 10.8475 18.9688 10.9378C18.9479 11.0281 18.9167 11.1218 18.875 11.219L16.3958 17.0315C16.2847 17.3093 16.1042 17.5315 15.8542 17.6982C15.6042 17.8649 15.3194 17.9482 15 17.9482H7C6.58333 17.9482 6.22917 17.8058 5.9375 17.5211C5.64583 17.2364 5.5 16.8788 5.5 16.4482V8.5732C5.5 8.36487 5.54167 8.16695 5.625 7.97945C5.70833 7.79195 5.81944 7.62876 5.95833 7.48987L10.1458 3.30237C10.3958 3.05237 10.7014 2.89265 11.0625 2.8232C11.4236 2.75376 11.7292 2.79542 11.9792 2.9482C12.2986 3.12876 12.5035 3.39265 12.5938 3.73987C12.684 4.08709 12.6944 4.42737 12.625 4.7607L12 7.9482H17.5ZM2.5 17.9482C2.09722 17.9482 1.74653 17.7989 1.44792 17.5003C1.14931 17.2017 1 16.851 1 16.4482V9.4482C1 9.04542 1.14931 8.69473 1.44792 8.39612C1.74653 8.09751 2.09722 7.9482 2.5 7.9482C2.90278 7.9482 3.25347 8.09751 3.55208 8.39612C3.85069 8.69473 4 9.04542 4 9.4482V16.4482C4 16.851 3.85069 17.2017 3.55208 17.5003C3.25347 17.7989 2.90278 17.9482 2.5 17.9482Z" :fill="review.preference?.preference === 1 ? '#757575' : '#E0E0E0'" /> </g> </svg> <span x-text="review.likes"></span> </p> </template> <template x-if="reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.options.allow_dislikes"> <div class="rvx-gap-[3px] rvx-flex rvx-items-center"> <p class="!rvx-text-[15px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-duration-150 rvx-review-footer__thumbs"> <svg @click="likeDislikeHandler({ uid: review.wp_unique_id, preference: 1 })" class="rvx-cursor-pointer hover:rvx-bg-neutral-200 hover:rvx-rounded rvx-mb-[3px] rvx-review-footer__thumbs--like-icon " width="20" height="18" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_420_27618" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21"> <rect y="0.948242" width="20" height="20" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_420_27618)"> <path d="M17.5 7.9482C17.875 7.9482 18.2188 8.10098 18.5312 8.40654C18.8438 8.71209 19 9.05931 19 9.4482V10.6357C19 10.7468 18.9896 10.8475 18.9688 10.9378C18.9479 11.0281 18.9167 11.1218 18.875 11.219L16.3958 17.0315C16.2847 17.3093 16.1042 17.5315 15.8542 17.6982C15.6042 17.8649 15.3194 17.9482 15 17.9482H7C6.58333 17.9482 6.22917 17.8058 5.9375 17.5211C5.64583 17.2364 5.5 16.8788 5.5 16.4482V8.5732C5.5 8.36487 5.54167 8.16695 5.625 7.97945C5.70833 7.79195 5.81944 7.62876 5.95833 7.48987L10.1458 3.30237C10.3958 3.05237 10.7014 2.89265 11.0625 2.8232C11.4236 2.75376 11.7292 2.79542 11.9792 2.9482C12.2986 3.12876 12.5035 3.39265 12.5938 3.73987C12.684 4.08709 12.6944 4.42737 12.625 4.7607L12 7.9482H17.5ZM2.5 17.9482C2.09722 17.9482 1.74653 17.7989 1.44792 17.5003C1.14931 17.2017 1 16.851 1 16.4482V9.4482C1 9.04542 1.14931 8.69473 1.44792 8.39612C1.74653 8.09751 2.09722 7.9482 2.5 7.9482C2.90278 7.9482 3.25347 8.09751 3.55208 8.39612C3.85069 8.69473 4 9.04542 4 9.4482V16.4482C4 16.851 3.85069 17.2017 3.55208 17.5003C3.25347 17.7989 2.90278 17.9482 2.5 17.9482Z" :fill="review.preference?.preference === 1 ? '#757575' : '#E0E0E0'" /> </g> </svg> <span x-text="review.likes"></span> </p> <p class="!rvx-text-[14px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-review-footer__thumbs"> <svg @click="likeDislikeHandler({ uid: review.wp_unique_id, preference: 2 })" class="rvx-cursor-pointer rvx-rotate-thumbs-down hover:rvx-bg-neutral-200 hover:rvx-rounded rvx-mt-[3px] rvx-review-footer__thumbs--dislike-icon" width="20" height="18" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_420_27618" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="21"> <rect y="0.948242" width="20" height="20" fill="#D9D9D9" /> </mask> <g mask="url(#mask0_420_27618)"> <path d="M17.5 7.9482C17.875 7.9482 18.2188 8.10098 18.5312 8.40654C18.8438 8.71209 19 9.05931 19 9.4482V10.6357C19 10.7468 18.9896 10.8475 18.9688 10.9378C18.9479 11.0281 18.9167 11.1218 18.875 11.219L16.3958 17.0315C16.2847 17.3093 16.1042 17.5315 15.8542 17.6982C15.6042 17.8649 15.3194 17.9482 15 17.9482H7C6.58333 17.9482 6.22917 17.8058 5.9375 17.5211C5.64583 17.2364 5.5 16.8788 5.5 16.4482V8.5732C5.5 8.36487 5.54167 8.16695 5.625 7.97945C5.70833 7.79195 5.81944 7.62876 5.95833 7.48987L10.1458 3.30237C10.3958 3.05237 10.7014 2.89265 11.0625 2.8232C11.4236 2.75376 11.7292 2.79542 11.9792 2.9482C12.2986 3.12876 12.5035 3.39265 12.5938 3.73987C12.684 4.08709 12.6944 4.42737 12.625 4.7607L12 7.9482H17.5ZM2.5 17.9482C2.09722 17.9482 1.74653 17.7989 1.44792 17.5003C1.14931 17.2017 1 16.851 1 16.4482V9.4482C1 9.04542 1.14931 8.69473 1.44792 8.39612C1.74653 8.09751 2.09722 7.9482 2.5 7.9482C2.90278 7.9482 3.25347 8.09751 3.55208 8.39612C3.85069 8.69473 4 9.04542 4 9.4482V16.4482C4 16.851 3.85069 17.2017 3.55208 17.5003C3.25347 17.7989 2.90278 17.9482 2.5 17.9482Z" :fill="review.preference?.preference === 2 ? '#757575' : '#E0E0E0'" /> </g> </svg> <span x-text="review.dislikes"></span> </p> </div> </template> </div> </template> <template x-if="reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_sharing"> <div x-data="{dropdownOpen: false, successCopy: false}" class="!rvx-leading-[0]"> <span @click="dropdownOpen=true" class="material-symbols-rounded rvx-cursor-pointer !rvx-text-[18px] !rvx-text-neutral-600 hover:rvx-text-neutral-800 hover:rvx-rounded">share</span> {# -rvx-right-[50px]#} <div x-show="dropdownOpen" @click.away="dropdownOpen=false" x-transition:enter="rvx-ease-out rvx-duration-200" x-transition:enter-start="-rvx-translate-y-2" x-transition:enter-end="rvx-translate-y-0" class="rvx-absolute rvx-top-[136px] rvx-left-[20px] rvx-bottom-0 rvx-z-50 rvx-w-56 rvx-mt-space16" x-cloak> <div class="rvx-p-1 rvx-mt-1 rvx-text-sm rvx-bg-white rvx-border rvx-rounded-md rvx-shadow-md rvx-border-neutral-200/70 rvx-text-neutral-700"> <a :href="review.socials?.facebook" class="rvx-flex rvx-items-center rvx-gap-space5 !rvx-text-neutral-700 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M23 12C23 5.92485 18.0751 1 12 1C5.92485 1 1 5.92485 1 12C1 17.4904 5.02253 22.0411 10.2812 22.8663V15.1797H7.48827V12H10.2812V9.57654C10.2812 6.81967 11.9234 5.29687 14.4361 5.29687C15.6396 5.29687 16.8984 5.51171 16.8984 5.51171V8.21873H15.5113C14.1449 8.21873 13.7187 9.06666 13.7187 9.93656V12H16.7695L16.2818 15.1797H13.7187V22.8663C18.9774 22.0411 23 17.4904 23 12Z" fill="#424242"/> <path d="M16.2818 15.1797L16.7695 12H13.7187V9.93656C13.7187 9.06666 14.1449 8.21873 15.5113 8.21873H16.8984V5.51171C16.8984 5.51171 15.6396 5.29687 14.4361 5.29687C11.9234 5.29687 10.2812 6.81967 10.2812 9.57654V12H7.48827V15.1797H10.2812V22.8663C10.8413 22.9542 11.4153 23 12 23C12.5847 23 13.1587 22.9542 13.7187 22.8663V15.1797H16.2818Z" fill="white"/> </svg> <p> {{__('Facebook', 'reviewx')}}</p> </a> <a :href="review.socials?.twitter" class="rvx-flex rvx-items-center rvx-gap-space5 !rvx-text-neutral-700 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M18.3173 2.06018H21.6747L14.3414 10.4979L23 21.9397H16.1968L10.8956 15.004L4.7992 21.9397H1.44177L9.30522 12.9277L1 2.06018H7.97992L12.7952 8.42163L18.3173 2.06018ZM17.1245 19.9076H18.9799L6.96386 3.95978H4.93173L17.1245 19.9076Z" fill="#424242"/> </svg> <p> {{__('X (Twitter)', 'reviewx')}}</p> </a> <a :href="review.socials?.linkedin" class="rvx-flex rvx-items-center rvx-gap-space5 !rvx-text-neutral-700 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M19.745 19.6689H16.4853V14.6143C16.4853 13.409 16.4636 11.8574 14.7899 11.8574C13.0922 11.8574 12.8324 13.1706 12.8324 14.5266V19.6685H9.57269V9.2743H12.702V10.6948H12.7458C13.059 10.1646 13.5115 9.72844 14.0553 9.43276C14.599 9.13709 15.2135 8.99297 15.8334 9.01575C19.1373 9.01575 19.7464 11.1675 19.7464 13.9668L19.745 19.6689ZM5.89466 7.85348C5.52052 7.85354 5.15476 7.74376 4.84365 7.538C4.53253 7.33225 4.29003 7.03976 4.1468 6.69754C4.00356 6.35531 3.96602 5.97872 4.03895 5.61538C4.11187 5.25203 4.29198 4.91826 4.55648 4.65627C4.82099 4.39427 5.15802 4.21582 5.52495 4.14349C5.89188 4.07115 6.27223 4.10818 6.61791 4.24988C6.96359 4.39158 7.25907 4.6316 7.46698 4.93958C7.67489 5.24756 7.78591 5.60967 7.78597 5.98012C7.78602 6.22609 7.73713 6.46966 7.6421 6.69692C7.54708 6.92418 7.40779 7.13069 7.23217 7.30464C7.05654 7.4786 6.84802 7.6166 6.61853 7.71077C6.38904 7.80494 6.14307 7.85343 5.89466 7.85348ZM7.52451 19.6689H4.26141V9.2743H7.52451V19.6689ZM21.3701 1.11013H2.62341C2.19791 1.10537 1.78789 1.26808 1.48349 1.56249C1.17908 1.85689 1.00519 2.25892 1 2.68022V21.3193C1.00502 21.7408 1.1788 22.1431 1.4832 22.4379C1.78759 22.7326 2.1977 22.8956 2.62341 22.8911H21.3701C21.7967 22.8964 22.208 22.7339 22.5135 22.4391C22.8191 22.1444 22.9941 21.7417 23 21.3193V2.67888C22.9939 2.25674 22.8188 1.85426 22.5132 1.55985C22.2076 1.26545 21.7965 1.10321 21.3701 1.10878" fill="#424242"/> <path d="M19.745 19.6689H16.4853V14.6143C16.4853 13.409 16.4636 11.8574 14.7899 11.8574C13.0922 11.8574 12.8324 13.1706 12.8324 14.5266V19.6685H9.57269V9.2743H12.702V10.6948H12.7458C13.059 10.1646 13.5115 9.72844 14.0553 9.43276C14.599 9.13709 15.2135 8.99297 15.8334 9.01575C19.1373 9.01575 19.7464 11.1675 19.7464 13.9668L19.745 19.6689Z" fill="white"/> <path d="M5.89466 7.85348C5.52052 7.85354 5.15476 7.74376 4.84365 7.538C4.53253 7.33225 4.29003 7.03976 4.1468 6.69754C4.00356 6.35531 3.96602 5.97872 4.03895 5.61538C4.11187 5.25203 4.29198 4.91826 4.55648 4.65627C4.82099 4.39427 5.15802 4.21582 5.52495 4.14349C5.89188 4.07115 6.27223 4.10818 6.61791 4.24988C6.96359 4.39158 7.25907 4.6316 7.46698 4.93958C7.67489 5.24756 7.78591 5.60967 7.78597 5.98012C7.78602 6.22609 7.73713 6.46966 7.6421 6.69692C7.54708 6.92418 7.40779 7.13069 7.23217 7.30464C7.05654 7.4786 6.84802 7.6166 6.61853 7.71077C6.38904 7.80494 6.14307 7.85343 5.89466 7.85348Z" fill="white"/> <path d="M7.52451 19.6689H4.26141V9.2743H7.52451V19.6689Z" fill="white"/> </svg> <p> {{__('LinkedIn', 'reviewx')}}</p> </a> <a :href="review.socials?.reddit" class="rvx-flex rvx-items-center rvx-gap-space5 !rvx-text-neutral-700 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 1C5.92508 1 1 5.92508 1 12C1 15.0379 2.23148 17.7879 4.2218 19.7782L2.12664 21.8734C1.7107 22.2893 2.00547 23 2.59328 23H12C18.0749 23 23 18.0749 23 12C23 5.92508 18.0749 1 12 1Z" fill="#424242"/> <path d="M14.2378 6.18719C14.4286 6.99586 15.1548 7.59828 16.0219 7.59828C17.0342 7.59828 17.8549 6.77758 17.8549 5.76523C17.8549 4.75289 17.0342 3.93219 16.0219 3.93219C15.1367 3.93219 14.3985 4.55953 14.2266 5.39398C12.7442 5.55297 11.5866 6.81023 11.5866 8.33391C11.5866 8.33734 11.5866 8.33992 11.5866 8.34336C9.97445 8.41125 8.50234 8.87016 7.33359 9.59461C6.89961 9.25859 6.35477 9.05836 5.76352 9.05836C4.34469 9.05836 3.19484 10.2082 3.19484 11.627C3.19484 12.6566 3.79984 13.5434 4.67383 13.9534C4.75891 16.9354 8.0082 19.3339 12.0052 19.3339C16.0021 19.3339 19.2557 16.9328 19.3365 13.9482C20.2036 13.5357 20.8034 12.6514 20.8034 11.6279C20.8034 10.2091 19.6536 9.05922 18.2348 9.05922C17.6461 9.05922 17.1038 9.25773 16.6707 9.59117C15.4916 8.86156 14.0032 8.40266 12.3747 8.34164C12.3747 8.33906 12.3747 8.33734 12.3747 8.33476C12.3747 7.24336 13.1859 6.33758 14.2378 6.18891V6.18719ZM7.23047 13.2573C7.27344 12.3257 7.89219 11.6107 8.61148 11.6107C9.33078 11.6107 9.88078 12.3661 9.83781 13.2977C9.79484 14.2292 9.25773 14.5678 8.53758 14.5678C7.81742 14.5678 7.1875 14.1888 7.23047 13.2573ZM15.3997 11.6107C16.1198 11.6107 16.7386 12.3257 16.7807 13.2573C16.8237 14.1888 16.1929 14.5678 15.4736 14.5678C14.7543 14.5678 14.2163 14.2301 14.1734 13.2977C14.1304 12.3661 14.6795 11.6107 15.3997 11.6107ZM14.5437 15.4126C14.6787 15.4263 14.7646 15.5664 14.7122 15.6919C14.2696 16.7498 13.2246 17.4931 12.0052 17.4931C10.7857 17.4931 9.74156 16.7498 9.29812 15.6919C9.2457 15.5664 9.33164 15.4263 9.46656 15.4126C10.2572 15.3327 11.1123 15.2888 12.0052 15.2888C12.898 15.2888 13.7523 15.3327 14.5437 15.4126Z" fill="white"/> </svg> <p> {{__('Reddit', 'reviewx')}}</p> </a> <div x-data="copyClipboardComponent()" @click="copyClipboard(review.socials?.copylink)" class="rvx-flex rvx-items-center rvx-cursor-pointer !rvx-text-neutral-700 rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M9 18C8.45 18 7.97917 17.8042 7.5875 17.4125C7.19583 17.0208 7 16.55 7 16V4C7 3.45 7.19583 2.97917 7.5875 2.5875C7.97917 2.19583 8.45 2 9 2H18C18.55 2 19.0208 2.19583 19.4125 2.5875C19.8042 2.97917 20 3.45 20 4V16C20 16.55 19.8042 17.0208 19.4125 17.4125C19.0208 17.8042 18.55 18 18 18H9ZM9 16H18V4H9V16ZM5 22C4.45 22 3.97917 21.8042 3.5875 21.4125C3.19583 21.0208 3 20.55 3 20V6H5V20H16V22H5Z" fill="#424242"/> </svg> <span> {{__('Copy Link', 'reviewx')}}</span> <div x-show="copySuccess" @click.away="copySuccess = false" class="rvx-fixed rvx-bottom-3 rvx-right-3 rvx-z-20 rvx-max-w-sm rvx-overflow-hidden rvx-bg-green-100 rvx-border rvx-border-green-300 rvx-rounded"> <p class="rvx-p-3 rvx-flex rvx-items-center rvx-justify-center rvx-text-green-600">Copied to Clipboard</p> </div> </div> </div> </div> </div> </template> </div> views/storefront/widget/Features/Reviews/ReviewCard.twig 0000777 00000007121 15251226601 0017532 0 ustar 00 <template x-if="layoutView === 'masonry' && review?.attachments?.length"> <div class="rvx-relative"> <img x-show="getFileType(review.attachments[0]).isImage" :src="review.attachments[0]" alt="test" class="!rvx-w-full !rvx-max-h-[166px] !rvx-h-[166px] rvx-object-cover !rvx-rounded-t-lg rvx-rounded-none" /> <video x-show="getFileType(review.attachments[0]).isVideo" width="100%" height="200"> <source :src="review.attachments[0]"> </video> <template x-if="isHaveMultipleAttachment(review.attachments.length, 1)"> <div class="rvx-flex rvx-items-center rvx-gap-space5 rvx-bg-[#212121B2] rvx-rounded-md rvx-p-space5 rvx-absolute rvx-top-[10px] rvx-right-[10px] rvx-text-white rvx-cursor-pointer"> <span class="!rvx-text-[10px]"> + <span x-text="review.attachments.length - 1 "></span> </span> <span class="material-symbols-rounded rvx-text-[16px]">photo_library</span> </div> </template> </div> </template> <div class="rvx-cursor-pointer rvx-review-inner rvx-p-space16"> <div class="rvx-review-card__body !rvx-break-words rvx-space-y-space12" @click="selectedReviewDetailsHandler(review)"> {% include 'storefront/widget/Features/Reviews/ReviewerInfo.twig' %} <div class="rvx-font-nunito rvx-review-info"> <!-- Review Info --> <p class="!rvx-text-[12px] rvx-text-neutral-500 rvx-review-info__date" x-text="review.created_at"> </p> <p x-show="reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_titles" class="!rvx-text-[16px] rvx-text-neutral-800 rvx-font-semibold rvx-leading-[28px] rvx-mb-space12 rvx-review-info__title" x-text="review.title"> </p> <div class="rvx-space-y-space12"> <!-- feedback --> <p class="!rvx-text-[16px] rvx-leading-[32px] rvx-text-neutral-700 rvx-mb-space12 rvx-review-info__feedback" x-text="layoutView === 'list' ? review.feedback : layoutView === 'grid' ? truncateString(review.feedback, 184) : truncateString(review.feedback, 300)"></p> <!-- feedback images --> <template x-if="layoutView !== 'masonry' && review.attachments?.length"> <div class="rvx-flex rvx-gap-space16 rvx-mb-space12 rvx-flex-wrap rvx-review-info__images"> <template x-for="file in review.attachments"> <div> <img @click.stop="selectedReviewDetailsHandler(review, file)" x-show="getFileType(file).isImage" :src="file" alt="test" class="rvx-col-span-4 !rvx-rounded-md rvx-object-cover" :class="`${layoutView === 'grid' ? '!rvx-size-[48px]' : '!rvx-size-[80px]'}`" /> <video @click.stop="selectedReviewDetailsHandler(review, file)" x-show="getFileType(file).isVideo" width="80" height="80" class="rvx-col-span-4 !rvx-rounded-md rvx-object-cover" :class="`${layoutView === 'grid' ? '!rvx-size-[48px]' : '!rvx-size-[80px]'}`"> <source :src="file"> </video> </div> </template> </div> </template> <!-- owner replied --> {% include 'storefront/widget/Features/Reviews/OwnerReply.twig' %} </div> </div> </div> <!-- Help info --> {% include 'storefront/widget/Features/Reviews/ReviewHelpInfo.twig' %} </div> views/storefront/widget/Features/Reviews/ReviewsLayout.twig 0000777 00000004034 15251226601 0020321 0 ustar 00 <style> .rvx-masonry-layout { columns: 4 320px; column-gap: 16px; } .rvx-columns-box { -moz-column-break-inside: avoid; break-inside: avoid; display: inline-block; /* Prevents breaking */ width: 100%; /* Ensures full width in column */ } .rvx-review-card{ margin-bottom: 16px; } .rvx-review-wrapper .rvx-review-card:last-child { margin-bottom: 0; } </style> <div :class="`${layoutView === 'masonry' && 'rvx-masonry-layout' } ${layoutView === 'grid' && 'rvx-grid rvx-grid-cols-[repeat(auto-fill,minmax(320px,1fr))] rvx-gap-space12'} ${layoutView === 'list' && 'rvx-space-y-space12'} rvx-review-wrapper`"> <template x-for="review in reviewsData?.data?.reviews"> <div class="rvx-rounded-md rvx-shadow-100 rvx-bg-neutral-100 rvx-columns-box rvx-review-card" :class="`${(layoutView === 'masonry' || layoutView === 'grid') ? '' : 'rvx-py-space16 rvx-pl-space16 rvx-pr-[47px]'} ${review?.is_highlighted ? 'rvx-bg-primary-10 rvx-border rvx-border-l-4 rvx-border-primary-50 rvx-border-solid' : 'rvx-bg-neutral-100'}`"> {% include 'storefront/widget/Features/Reviews/ReviewCard.twig' %} </div> </template> </div> <div x-show="isLoadMoreReviews" class="rvx-my-space24" > {% include "storefront/widget/Components/Skeleton/LoadMoreReviewListSkeleton.twig" %} </div> <div x-show="!isLoadMoreReviews && reviewsData?.data?.meta.next_cursor" class="rvx-grid rvx-place-content-center rvx-mt-space20"> <button class="rvx-border-neutral-600 rvx-text-neutral-800 hover:rvx-border-neutral-600 hover:rvx-text-white rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-font-semibold focus:rvx-bg-transparent rvx-bg-transparent disabled:!rvx-cursor-not-allowed" @click="loadMoreReviewHandler" :loader="fetchReviewsIsLoading" :disabled="fetchReviewsIsLoading"> {{__('Load More Reviews', 'reviewx')}} </button> </div> views/storefront/widget/Features/Reviews/Filter/ReviewAllFilterShortcode.twig 0000777 00000031466 15251226601 0023650 0 ustar 00 <div x-data="__rvxReviewFilterComponent__" x-init="init()" class="rvx-flex rvx-items-center rvx-justify-between rvx-box-border rvx-gap-space12 rvx-mb-space16" id="rvx-review-filter"> <div class="rvx-flex rvx-gap-space12"> <!-- Filter options--> <div class="rvx-relative rvx-inline-block rvx-text-left"> <!-- Menu Button --> <button @click="openFilterOptions = !openFilterOptions" class="rvx-outline-none focus:rvx-outline-none rvx-review-filter__button rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-bg-transparent hover:rvx-bg-transparent focus:rvx-bg-transparent disabled:!rvx-cursor-not-allowed rvx-flex rvx-justify-center rvx-items-center rvx-gap-space8 !rvx-border-neutral-400 rvx-text-neutral-800 hover:rvx-text-neutral-800 focus:rvx-text-neutral-800 rvx-font-semibold hover:rvx-border-neutral-600 !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter__icon">{{__('filter_alt', 'reviewx')}}</span> {{__('Filter', 'reviewx')}} </button> <div class="rvx-absolute rvx-size-[20px] rvx-bg-primary rvx-text-white rvx-rounded-full rvx-text-[12px] -rvx-top-[10px] rvx-right-0 rvx-grid rvx-place-items-center rvx-px-space8" x-show="selectFilterCount" x-text="selectFilterCount">{{__('10', 'reviewx')}}</div> <!-- Menu Items --> <div x-show="openFilterOptions" @click.outside="openFilterOptions = false" x-transition:enter="rvx-transition rvx-ease-out rvx-duration-100" x-transition:enter-start="rvx-transform rvx-scale-95 rvx-opacity-0" x-transition:enter-end="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave="rvx-transition rvx-ease-in rvx-duration-75" x-transition:leave-start="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave-end="rvx-transform rvx-scale-95 rvx-opacity-0" class="rvx-absolute rvx-z-10 rvx-mt-2 rvx-w-[250px] rvx-origin-top-right rvx-divide-y rvx-divide-gray-100 rvx-rounded-md rvx-bg-white rvx-shadow-lg rvx-ring-1 rvx-ring-black/5 focus:rvx-outline-none rvx-review-filter-wrapper"> <div class="rvx-w-[272px] rvx-max-w-[272px] !rvx-p-space16 rvx-bg-white rvx-review-filter__wrapper-inner !rvx-border rvx-border-solid !rvx-border-[#d9d9d9]"> <p class="rvx-font-semibold rvx-review-filter-wrapper__title !rvx-font-nunito">{{__('Filter by', 'reviewx')}}</p> <div class="rvx-space-y-space16 rvx-mt-[8px] rvx-review-filter-wrapper__outer"> <div> <p class="rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__rating--text !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter-wrapper__rating-inner--icon">{{__('star', 'reviewx')}}</span> {{__('Rating', 'reviewx')}} </p> <div class="rvx-review-filter-wrapper__rating-wrapper rvx-space-y-space16 rvx-ml-space12"> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-all" type="radio" value="all" x-model="selectFilterByRating"> <label for="rating-all" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('All Rating','reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-4" type="radio" value="4" x-model="selectFilterByRating"> <label for="rating-4" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('4 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-3" type="radio" value="3" x-model="selectFilterByRating"> <label for="rating-3" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('3 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-2" type="radio" value="2" x-model="selectFilterByRating"> <label for="rating-2" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('2 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-1" type="radio" value="1" x-model="selectFilterByRating"> <label for="rating-1" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('1 Star & above', 'reviewx')}}</label> </div> </div> </div> <div> <p class="rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__attachment--text !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter-wrapper__attachment-inner--icon"> {{__('attach_file', 'reviewx')}}</span> {{__('Attachments', 'reviewx')}} </p> <div class="rvx-review-filter-wrapper__attachment-wrapper rvx-space-y-space16 rvx-ml-space12"> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-with_attachment" type="radio" value="with_attachment" x-model="selectFilterByAttachment"> <label for="attachment-with_attachment" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-o">{{__('With Attachment', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-without_attachment" type="radio" value="without_attachment" x-model="selectFilterByAttachment"> <label for="attachment-without_attachment" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Without Attachment', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-both" type="radio" value="both" x-model="selectFilterByAttachment"> <label for="attachment-both" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Both', 'reviewx')}}</label> </div> </div> </div> </div> <div class="rvx-flex rvx-items-center rvx-justify-between rvx-gap-space20 rvx-mt-space24 rvx-review-filter-wrapper__footer"> <button class="rvx-border-neutral-600 rvx-text-neutral-800 rvx-font-semibold hover:rvx-text-white hover:rvx-border-neutral-400 hover:!rvx-bg-neutral-400 rvx-text-[14px] rvx-rounded-lg rvx-p-[9px] rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-review-filter-wrapper__footer-reset-button !rvx-font-nunito" @click="filterResetHandler">{{__('Reset filters', 'reviewx')}} </button> <button @click="applyFilterHandler" class="rvx-bg-primary rvx-rounded-lg rvx-p-[9px] rvx-leading-[22px] rvx-text-white rvx-cursor-pointer rvx-font-nunito rvx-border-none hover:rvx-bg-primary disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-font-semibold rvx-text-[14px] rvx-review-filter-wrapper__footer-save-button focus:rvx-outline-none focus:rvx-bg-primary !rvx-font-nunito">{{__('Apply', 'reviewx')}}</button> </div> </div> </div> </div> <!-- Sort Options--> <div class="rvx-relative rvx-inline-block rvx-text-left"> <button @click="openSortOptions = !openSortOptions" class="rvx-outline-none focus:rvx-outline-none rvx-review-sort__button rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-bg-transparent hover:rvx-bg-transparent focus:rvx-bg-transparent disabled:!rvx-cursor-not-allowed rvx-flex rvx-justify-center rvx-items-center rvx-gap-space8 !rvx-border-neutral-400 rvx-text-neutral-800 focus:rvx-text-neutral-800 rvx-font-semibold hover:rvx-border-neutral-600 hover:rvx-text-neutral-600"> <span class="material-symbols-rounded rvx-review-sort__icon">{{__('swap_vert', 'reviewx')}}</span> {{__('Sort By', 'reviewx')}} </button> <div x-show="openSortOptions" @click.outside="openSortOptions = false" x-transition:enter="rvx-transition rvx-ease-out rvx-duration-100" x-transition:enter-start="rvx-transform rvx-scale-95 rvx-opacity-0" x-transition:enter-end="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave="rvx-transition rvx-ease-in rvx-duration-75" x-transition:leave-start="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave-end="rvx-transform rvx-scale-95 rvx-opacity-0" class="rvx-absolute rvx-z-10 rvx-mt-2 !rvx-w-[250px] rvx-origin-top-right rvx-divide-y rvx-divide-gray-100 rvx-rounded-md rvx-bg-white rvx-shadow-lg rvx-ring-1 rvx-ring-black/5 focus:rvx-outline-none rvx-review-sort-wrapper"> <div class="rvx-space-y-space16 rvx-p-space12 rvx-review-sort-wrapper__outer !rvx-border rvx-border-solid !rvx-border-[#d9d9d9]"> <div class="rvx-review-sort-wrapper__inner"> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_asc" type="radio" value="rating_asc" x-model="selectSortBy"> <label for="rating-rating_asc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Ascending', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_desc" type="radio" value="rating_desc" x-model="selectSortBy"> <label for="rating-rating_desc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Descending', 'reviewx')}}</label> </div> </div> <div class="rvx-review-sort-wrapper__inner"> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-newest_first" type="radio" value="newest_first" x-model="selectSortBy"> <label for="rating-newest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Newest first', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-oldest_first" type="radio" value="oldest_first" x-model="selectSortBy"> <label for="rating-oldest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Oldest first', 'reviewx')}}</label> </div> </div> </div> </div> </div> </div> </div> views/storefront/widget/Features/Reviews/Filter/ReviewFilterShortcode.twig 0000777 00000033147 15251226601 0023215 0 ustar 00 <div x-data="__rvxReviewFilterComponent__" x-init="init()" class="rvx-flex rvx-items-center rvx-justify-between rvx-box-border rvx-gap-space12 rvx-mb-space16" id="rvx-review-filter"> <div class="rvx-flex rvx-gap-space12"> <!-- Filter options--> <div class="rvx-relative rvx-inline-block rvx-text-left"> <!-- Menu Button --> <button @click="openFilterOptions = !openFilterOptions" class="rvx-outline-none focus:rvx-outline-none rvx-review-filter__button rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-bg-transparent hover:rvx-bg-transparent focus:rvx-bg-transparent disabled:!rvx-cursor-not-allowed rvx-flex rvx-justify-center rvx-items-center rvx-gap-space8 !rvx-border-neutral-400 rvx-text-neutral-800 hover:rvx-text-neutral-800 focus:rvx-text-neutral-800 rvx-font-semibold hover:rvx-border-neutral-600 !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter__icon">{{__('filter_alt', 'reviewx')}}</span> {{__('Filter', 'reviewx')}} </button> <div class="rvx-absolute rvx-size-[20px] rvx-bg-primary rvx-text-white rvx-rounded-full rvx-text-[12px] -rvx-top-[10px] rvx-right-0 rvx-grid rvx-place-items-center rvx-px-space8" x-show="selectFilterCount" x-text="selectFilterCount">{{__('10', 'reviewx')}}</div> <!-- Menu Items --> <div x-show="openFilterOptions" @click.outside="openFilterOptions = false" x-transition:enter="rvx-transition rvx-ease-out rvx-duration-100" x-transition:enter-start="rvx-transform rvx-scale-95 rvx-opacity-0" x-transition:enter-end="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave="rvx-transition rvx-ease-in rvx-duration-75" x-transition:leave-start="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave-end="rvx-transform rvx-scale-95 rvx-opacity-0" class="rvx-absolute rvx-z-10 rvx-mt-2 rvx-w-[250px] rvx-origin-top-right rvx-divide-y rvx-divide-gray-100 rvx-rounded-md rvx-bg-white rvx-shadow-lg rvx-ring-1 rvx-ring-black/5 focus:rvx-outline-none rvx-review-filter-wrapper"> <div class="rvx-w-[272px] rvx-max-w-[272px] !rvx-p-space16 rvx-bg-white rvx-review-filter__wrapper-inner !rvx-border rvx-border-solid !rvx-border-[#d9d9d9]"> <p class="rvx-font-semibold rvx-review-filter-wrapper__title !rvx-font-nunito">{{__('Filter by', 'reviewx')}}</p> <div class="rvx-space-y-space16 rvx-mt-[8px] rvx-review-filter-wrapper__outer"> <div> <p class="rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__rating--text !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter-wrapper__rating-inner--icon">{{__('star', 'reviewx')}}</span> {{__('Rating', 'reviewx')}} </p> <div class="rvx-review-filter-wrapper__rating-wrapper rvx-space-y-space16 rvx-ml-space12"> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-all" type="radio" value="all" x-model="selectFilterByRating"> <label for="rating-all" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('All Rating','reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-4" type="radio" value="4" x-model="selectFilterByRating"> <label for="rating-4" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('4 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-3" type="radio" value="3" x-model="selectFilterByRating"> <label for="rating-3" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('3 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-2" type="radio" value="2" x-model="selectFilterByRating"> <label for="rating-2" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('2 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-1" type="radio" value="1" x-model="selectFilterByRating"> <label for="rating-1" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('1 Star & above', 'reviewx')}}</label> </div> </div> </div> <div> <p class="rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__attachment--text !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter-wrapper__attachment-inner--icon"> {{__('attach_file', 'reviewx')}}</span> {{__('Attachments', 'reviewx')}} </p> <div class="rvx-review-filter-wrapper__attachment-wrapper rvx-space-y-space16 rvx-ml-space12"> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-with_attachment" type="radio" value="with_attachment" x-model="selectFilterByAttachment"> <label for="attachment-with_attachment" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-o">{{__('With Attachment', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-without_attachment" type="radio" value="without_attachment" x-model="selectFilterByAttachment"> <label for="attachment-without_attachment" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Without Attachment', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-both" type="radio" value="both" x-model="selectFilterByAttachment"> <label for="attachment-both" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Both', 'reviewx')}}</label> </div> </div> </div> </div> <div class="rvx-flex rvx-items-center rvx-justify-between rvx-gap-space20 rvx-mt-space24 rvx-review-filter-wrapper__footer"> <button class="rvx-border-neutral-600 rvx-text-neutral-800 rvx-font-semibold hover:rvx-text-white hover:rvx-border-neutral-400 hover:!rvx-bg-neutral-400 rvx-text-[14px] rvx-rounded-lg rvx-p-[9px] rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-review-filter-wrapper__footer-reset-button !rvx-font-nunito" @click="filterResetHandler">{{__('Reset filters', 'reviewx')}} </button> <button @click="applyFilterHandler" class="rvx-bg-primary rvx-rounded-lg rvx-p-[9px] rvx-leading-[22px] rvx-text-white rvx-cursor-pointer rvx-font-nunito rvx-border-none hover:rvx-bg-primary disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-font-semibold rvx-text-[14px] rvx-review-filter-wrapper__footer-save-button focus:rvx-outline-none focus:rvx-bg-primary !rvx-font-nunito">{{__('Apply', 'reviewx')}}</button> </div> </div> </div> </div> <!-- Sort Options--> <div class="rvx-relative rvx-inline-block rvx-text-left"> <button @click="openSortOptions = !openSortOptions" class="rvx-outline-none focus:rvx-outline-none rvx-review-sort__button rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-bg-transparent hover:rvx-bg-transparent focus:rvx-bg-transparent disabled:!rvx-cursor-not-allowed rvx-flex rvx-justify-center rvx-items-center rvx-gap-space8 !rvx-border-neutral-400 rvx-text-neutral-800 focus:rvx-text-neutral-800 rvx-font-semibold hover:rvx-border-neutral-600 hover:rvx-text-neutral-600"> <span class="material-symbols-rounded rvx-review-sort__icon">{{__('swap_vert', 'reviewx')}}</span> {{__('Sort By', 'reviewx')}} </button> <div x-show="openSortOptions" @click.outside="openSortOptions = false" x-transition:enter="rvx-transition rvx-ease-out rvx-duration-100" x-transition:enter-start="rvx-transform rvx-scale-95 rvx-opacity-0" x-transition:enter-end="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave="rvx-transition rvx-ease-in rvx-duration-75" x-transition:leave-start="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave-end="rvx-transform rvx-scale-95 rvx-opacity-0" class="rvx-absolute rvx-z-10 rvx-mt-2 !rvx-w-[250px] rvx-origin-top-right rvx-divide-y rvx-divide-gray-100 rvx-rounded-md rvx-bg-white rvx-shadow-lg rvx-ring-1 rvx-ring-black/5 focus:rvx-outline-none rvx-review-sort-wrapper"> <div class="rvx-space-y-space16 rvx-p-space12 rvx-review-sort-wrapper__outer !rvx-border rvx-border-solid !rvx-border-[#d9d9d9]"> <div class="rvx-review-sort-wrapper__inner"> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_asc" type="radio" value="rating_asc" x-model="selectSortBy"> <label for="rating-rating_asc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Ascending', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_desc" type="radio" value="rating_desc" x-model="selectSortBy"> <label for="rating-rating_desc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Descending', 'reviewx')}}</label> </div> </div> <div class="rvx-review-sort-wrapper__inner"> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-newest_first" type="radio" value="newest_first" x-model="selectSortBy"> <label for="rating-newest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Newest first', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-oldest_first" type="radio" value="oldest_first" x-model="selectSortBy"> <label for="rating-oldest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Oldest first', 'reviewx')}}</label> </div> </div> </div> </div> </div> </div> {% if attributes.form == "on" %} <template x-if="reviewSettingsData?.data?.setting?.review_settings?.reviews?.review_submission_policy?.options.anyone"> <a href="#rvx-review-form__wrapper" class="!rvx-no-underline" > <button :style="`background: ${reviewSettingsData?.data?.setting?.widget_settings?.brand_color_code}; color: ${reviewSettingsData?.data?.setting?.widget_settings?.button_font_color_code};`" class="rvx-bg-primary rvx-text-white rvx-rounded-lg rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-border-none disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-font-semibold rvx-review-write__button">{{__('Write a Review', 'reviewx')}}</button> </a> </template> {% endif %} </div> views/storefront/widget/Features/Reviews/Filter/ReviewFilter.twig 0000777 00000042031 15251226601 0021332 0 ustar 00 <div x-data="__rvxReviewFilterComponent__" x-init="init()" class="rvx-flex rvx-items-center rvx-justify-between rvx-box-border rvx-gap-space12 rvx-mb-space16" id="rvx-review-filter"> <div class="rvx-flex rvx-gap-space12"> <!-- Filter options --> <div class="rvx-relative rvx-inline-block rvx-text-left" x-show="reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.filter_options.by_media || reviewSettingsData?.data.setting?.widget_settings.filter_and_sort_options.filter_options.by_rating"> <!-- Menu Button --> <button @click="openFilterOptions = !openFilterOptions" class="rvx-outline-none focus:rvx-outline-none rvx-review-filter__button rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-bg-transparent hover:rvx-bg-transparent focus:rvx-bg-transparent disabled:!rvx-cursor-not-allowed rvx-flex rvx-justify-center rvx-items-center rvx-gap-space8 !rvx-border-neutral-400 rvx-text-neutral-800 hover:rvx-text-neutral-800 focus:rvx-text-neutral-800 rvx-font-semibold hover:rvx-border-neutral-600 !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter__icon">{{__('filter_alt', 'reviewx')}}</span> {{__('Filter', 'reviewx')}} </button> <div class="rvx-absolute rvx-size-[20px] rvx-bg-primary rvx-text-white rvx-rounded-full rvx-text-[12px] -rvx-top-[10px] rvx-right-0 rvx-grid rvx-place-items-center rvx-px-space8" x-show="selectFilterCount" x-text="selectFilterCount">{{__('10', 'reviewx')}}</div> <!-- Menu Items --> <div x-show="openFilterOptions" @click.outside="openFilterOptions = false" x-transition:enter="rvx-transition rvx-ease-out rvx-duration-100" x-transition:enter-start="rvx-transform rvx-scale-95 rvx-opacity-0" x-transition:enter-end="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave="rvx-transition rvx-ease-in rvx-duration-75" x-transition:leave-start="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave-end="rvx-transform rvx-scale-95 rvx-opacity-0" class="rvx-absolute rvx-z-10 rvx-mt-2 rvx-w-[250px] rvx-origin-top-right rvx-divide-y rvx-divide-gray-100 rvx-rounded-md rvx-bg-white rvx-shadow-lg rvx-ring-1 rvx-ring-black/5 focus:rvx-outline-none rvx-review-filter-wrapper"> <div class="rvx-w-[272px] rvx-max-w-[272px] !rvx-p-space16 rvx-bg-white rvx-review-filter__wrapper-inner !rvx-border rvx-border-solid !rvx-border-[#d9d9d9]"> <p class="rvx-font-semibold rvx-review-filter-wrapper__title !rvx-font-nunito">{{__('Filter by', 'reviewx')}}</p> <div class="rvx-space-y-space16 rvx-mt-[8px] rvx-review-filter-wrapper__outer"> <div x-show="reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.filter_options.by_rating" class="rvx-review-filter-wrapper__rating"> <p class="rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__rating--text !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter-wrapper__rating-inner--icon">{{__('star', 'reviewx')}}</span> {{__('Rating', 'reviewx')}} </p> <div class="rvx-review-filter-wrapper__rating-wrapper rvx-space-y-space16 rvx-ml-space12"> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-all" type="radio" value="all" x-model="selectFilterByRating"> <label for="rating-all" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('All Rating','reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-4" type="radio" value="4" x-model="selectFilterByRating"> <label for="rating-4" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('4 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-3" type="radio" value="3" x-model="selectFilterByRating"> <label for="rating-3" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('3 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-2" type="radio" value="2" x-model="selectFilterByRating"> <label for="rating-2" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('2 Star & above', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-1" type="radio" value="1" x-model="selectFilterByRating"> <label for="rating-1" class="rvx-review-filter__wrapper__rating--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('1 Star & above', 'reviewx')}}</label> </div> </div> </div> <div x-show="reviewSettingsData?.data.setting?.widget_settings.filter_and_sort_options.filter_options.by_media" class="rvx-review-filter-wrapper__attachment"> <p class="rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__attachment--text !rvx-font-nunito"> <span class="material-symbols-rounded rvx-review-filter-wrapper__attachment-inner--icon"> {{__('attach_file', 'reviewx')}}</span> {{__('Attachments', 'reviewx')}} </p> <div class="rvx-review-filter-wrapper__attachment-wrapper rvx-space-y-space16 rvx-ml-space12"> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-with_attachment" type="radio" value="with_attachment" x-model="selectFilterByAttachment"> <label for="attachment-with_attachment" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-o">{{__('With Attachment', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-without_attachment" type="radio" value="without_attachment" x-model="selectFilterByAttachment"> <label for="attachment-without_attachment" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Without Attachment', 'reviewx')}}</label> </div> <div class="rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center"> <input id="attachment-both" type="radio" value="both" x-model="selectFilterByAttachment"> <label for="attachment-both" class="rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Both', 'reviewx')}}</label> </div> </div> </div> </div> <div class="rvx-flex rvx-items-center rvx-justify-between rvx-gap-space20 rvx-mt-space24 rvx-review-filter-wrapper__footer"> <button class="rvx-border-neutral-600 rvx-text-neutral-800 rvx-font-semibold hover:rvx-text-white hover:rvx-border-neutral-400 hover:!rvx-bg-neutral-400 rvx-text-[14px] rvx-rounded-lg rvx-p-[9px] rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-review-filter-wrapper__footer-reset-button !rvx-font-nunito" @click="filterResetHandler">{{__('Reset filters', 'reviewx')}} </button> <button @click="applyFilterHandler" class="rvx-bg-primary rvx-rounded-lg rvx-p-[9px] rvx-leading-[22px] rvx-text-white rvx-cursor-pointer rvx-font-nunito rvx-border-none hover:rvx-bg-primary disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-font-semibold rvx-text-[14px] rvx-review-filter-wrapper__footer-save-button focus:rvx-outline-none focus:rvx-bg-primary !rvx-font-nunito">{{__('Apply', 'reviewx')}}</button> </div> </div> </div> </div> <!-- Sort Options--> <div class="rvx-relative rvx-inline-block rvx-text-left" x-show="reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.sort_options.by_rating || reviewSettingsData?.data.setting?.widget_settings.filter_and_sort_options.sort_options.by_time"> <button @click="openSortOptions = !openSortOptions" class="rvx-outline-none focus:rvx-outline-none rvx-review-sort__button rvx-rounded-lg !rvx-border rvx-border-solid rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-bg-transparent hover:rvx-bg-transparent focus:rvx-bg-transparent disabled:!rvx-cursor-not-allowed rvx-flex rvx-justify-center rvx-items-center rvx-gap-space8 !rvx-border-neutral-400 rvx-text-neutral-800 focus:rvx-text-neutral-800 rvx-font-semibold hover:rvx-border-neutral-600 hover:rvx-text-neutral-600"> <span class="material-symbols-rounded rvx-review-sort__icon">{{__('swap_vert', 'reviewx')}}</span> {{__('Sort By', 'reviewx')}} </button> <div x-show="openSortOptions" @click.outside="openSortOptions = false" x-transition:enter="rvx-transition rvx-ease-out rvx-duration-100" x-transition:enter-start="rvx-transform rvx-scale-95 rvx-opacity-0" x-transition:enter-end="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave="rvx-transition rvx-ease-in rvx-duration-75" x-transition:leave-start="rvx-transform rvx-scale-100 rvx-opacity-100" x-transition:leave-end="rvx-transform rvx-scale-95 rvx-opacity-0" class="rvx-absolute rvx-z-10 rvx-mt-2 !rvx-w-[250px] rvx-origin-top-right rvx-divide-y rvx-divide-gray-100 rvx-rounded-md rvx-bg-white rvx-shadow-lg rvx-ring-1 rvx-ring-black/5 focus:rvx-outline-none rvx-review-sort-wrapper"> <div class="rvx-w-[272px] rvx-max-w-[272px] !rvx-p-space16 rvx-bg-white rvx-review-filter__wrapper-inner !rvx-border rvx-border-solid !rvx-border-[#d9d9d9]"> <template x-if="reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.sort_options.by_rating && reviewSettingsData?.data.setting?.widget_settings.filter_and_sort_options.sort_options.by_time"> <div class="rvx-review-sort-wrapper__inner"> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_asc" type="radio" value="rating_asc" x-model="selectSortBy"> <label for="rating-rating_asc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Ascending', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_desc" type="radio" value="rating_desc" x-model="selectSortBy"> <label for="rating-rating_desc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Descending', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-newest_first" type="radio" value="newest_first" x-model="selectSortBy"> <label for="rating-newest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Newest first', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-oldest_first" type="radio" value="oldest_first" x-model="selectSortBy"> <label for="rating-oldest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Oldest first', 'reviewx')}}</label> </div> </div> </template> <template x-if="reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.sort_options.by_rating && !reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.sort_options.by_time"> <div class="rvx-review-sort-wrapper__inner"> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_asc" type="radio" value="rating_asc" x-model="selectSortBy"> <label for="rating-rating_asc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Ascending', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-rating_desc" type="radio" value="rating_desc" x-model="selectSortBy"> <label for="rating-rating_desc" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Rating Descending', 'reviewx')}}</label> </div> </div> </template> <template x-if="reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.sort_options.by_time && !reviewSettingsData?.data?.setting?.widget_settings.filter_and_sort_options.sort_options.by_rating"> <div class="rvx-review-sort-wrapper__inner"> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-newest_first" type="radio" value="newest_first" x-model="selectSortBy"> <label for="rating-newest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Newest first', 'reviewx')}}</label> </div> <div class="rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="rating-oldest_first" type="radio" value="oldest_first" x-model="selectSortBy"> <label for="rating-oldest_first" class="rvx-review-sort__wrapper--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0">{{__('Oldest first', 'reviewx')}}</label> </div> </div> </template> </div> </div> </div> </div> <template x-if="reviewSettingsData?.data?.setting?.review_settings?.reviews?.review_submission_policy?.options.anyone"> <a href="#rvx-review-form__wrapper" class="!rvx-no-underline" > <button :style="`background: ${reviewSettingsData?.data?.setting?.widget_settings?.brand_color_code}; color: ${reviewSettingsData?.data?.setting?.widget_settings?.button_font_color_code};`" class="rvx-bg-primary rvx-text-white rvx-rounded-lg rvx-py-[9px] rvx-px-space16 rvx-leading-[22px] rvx-cursor-pointer rvx-font-nunito rvx-text-normal rvx-border-none disabled:!rvx-cursor-not-allowed disabled:rvx-bg-neutral-400 rvx-font-semibold rvx-review-write__button">{{__('Write a Review', 'reviewx')}}</button> </a> </template> </div> views/storefront/widget/Features/ReviewForm/MediaUpload.twig 0000777 00000005745 15251226601 0020336 0 ustar 00 <div x-data="__rvxMediaUploadComponent__()" @notify-review-added.window="clearAll" class="rvx-flex rvx-flex-wrap rvx-gap-space16"> <label for="add-review-upload-media" class="rvx-block rvx-py-[11px] rvx-px-[9px] rvx-rounded-md rvx-cursor-pointer rvx-text-center rvx-box-border rvx-self-baseline rvx-review-form__attachment--upload rvx-border-2 rvx-border-solid rvx-border-transparent" :class="`${isDragging ? 'rvx-bg-neutral-100 !rvx-border-neutral-600 rvx-border-dashed' : 'rvx-bg-neutral-200'}`" @dragenter.prevent="dragEnterHandler" @dragover.prevent="dragEnterHandler" @dragleave.prevent="dragLeaveHandler" @drop.prevent="dropHandler"> <input type="file" @change="onUpload" :multiple="multiple" :accept="accept" :disabled="disabled" id="add-review-upload-media" class="!rvx-hidden"> <span class="material-symbols-rounded rvx-block rvx-mb-space5 rvx-review-form__attachment--upload--icon">{{__('backup', 'reviewx')}}</span> <span x-show="ready && (isPhotoReviewsAllowed || isVideoReviewsAllowed)" class="!rvx-text-[12px] rvx-block rvx-review-form__attachment--upload--text !rvx-font-nunito"> <span x-show="isPhotoReviewsAllowed && !isVideoReviewsAllowed"> {{ __('Upload Photo', 'reviewx') }} </span> <span x-show="isVideoReviewsAllowed && !isPhotoReviewsAllowed"> {{ __('Upload Video', 'reviewx') }} </span> <span x-show="isPhotoReviewsAllowed && isVideoReviewsAllowed"> {{ __('Upload Photo / Video', 'reviewx') }} </span> </span> <span class="!rvx-text-[12px] !rvx-font-nunito rvx-block rvx-review-form__attachment--upload--count"> <span x-text="files.urls.length"></span>/<span x-text="maxFileCount"></span> </span> </label> <p x-show="maxFileCountError" class="rvx-text-[12px] rvx-text-danger !rvx-font-nunito" x-text="maxFileCountError"></p> <p x-show="maxFileSizeError" class="rvx-text-[12px] rvx-text-danger !rvx-font-nunito" x-text="maxFileSizeError"></p> <template x-for="(file, index) in files.urls"> <div class="rvx-relative"> <div x-show="file.type === 'image'"> <img class="!rvx-size-[80px] rvx-rounded-md rvx-object-cover rvx-object-top" :src="file.path ?? ''" alt="uploaded images"/> </div> <div x-show="file.type === 'video'"> <video :src="file.path" class="!rvx-size-[80px] rvx-rounded-md rvx-object-cover rvx-object-top"></video> <!-- <img :src="file.path ?? ''" alt="uploaded images"/>--> </div> <span @click="remove(index)" class="material-symbols-rounded rvx-absolute rvx-top-0 rvx-right-0 rvx-cursor-pointer rvx-text-danger-700 rvx-bg-white hover:rvx-bg-danger-50 rvx-rounded-[4px] !rvx-text-[20px]"> {{__('delete', 'reviewx')}}</span> </div> </template> </div> views/storefront/widget/Features/ReviewForm/index.twig 0000777 00000043167 15251226601 0017261 0 ustar 00 <style> #rvx-review-form__wrapper .rvx-review-form p, #rvx-review-form__wrapper .rvx-review-form label { margin: 0; } .rvx-review-form__footer [type=submit], button { display: flex; justify-content: center; width: 100%; border: none; padding: 9px 16px; } .rvx-ui__input { background: white; box-shadow: none; line-height: 0; box-sizing: border-box; } .rvx-ui__input:focus { background: white; box-shadow: none; } .rvx-ui__input:hover { background: white; box-shadow: none; } .rvx-ui__textarea { background: white; box-shadow: none; box-sizing: border-box; } .rvx-ui__textarea:hover { background: white; box-shadow: none; } </style> <div id="rvx-review-form__wrapper" class="rvx-max-w-[548px] rvx-mx-auto rvx-rounded-md rvx-p-space24 rvx-bg-neutral-100 rvx-mt-space40"> <form class="rvx-mb-0 rvx-review-form" @submit.prevent="reviewSubmitHandler()"> <h2 class="!rvx-text-[24px] rvx-text-neutral-800 rvx-font-nunito rvx-font-semibold rvx-leading-[38px] !rvx-m-0 rvx-review-form__title !rvx-block" x-text="rvxAttributes.formLevelData?.write_a_review"> </h2> <div class="rvx-h-[1px] rvx-bg-neutral-300 rvx-mb-space16 rvx-mt-space8 rvx-review-form__line"></div> <div class="rvx-space-y-[20px] rvx-review-form__inner"> <div class="rvx-flex rvx-items-center rvx-gap-space16 rvx-review-form__product"> <div class=""> <img class="!rvx-size-[64px] rvx-object-cover rvx-rounded-md rvx-bg-white rvx-review-form__product--image" :src="`${reviewAggregationData?.data?.product?.image ?? 'https://cdn.reviewx.io/product_placeholder.jpg'}`" :alt="`${reviewAggregationData?.data?.product?.title ?? ''}`" /> </div> <h2 x-text="truncateString(reviewAggregationData?.data?.product.title ?? '', 40)" class="first:!rvx-block !rvx-block !rvx-text-[24px] rvx-font-nunito rvx-text-neutral-800 !rvx-m-0 rvx-font-semibold rvx-leading-[38px] rvx-review-form__product--title"> </h2> </div> <template x-if="reviewSettingsData?.data.setting?.review_settings.reviews.multicriteria.enable && multiCriteriaRatings.length"> <div class="rvx-space-y-[20px] rvx-review-form__multicriteria"> <template x-for="(rating, index) in multiCriteriaRatings" :key="rating.key"> <div class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px]"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p x-text="rating.name" class="rvx-font-semibold rvx-text-neutral-800 !rvx-font-nunito rvx-review-form__multicriteria--name rvx-text-[16px]"> </p> </div> <div class="rvx-col-span-4 rvx-flex rvx-gap-space5 rvx-items-center"> <div x-data="__rvxMultiCriteriaRatingComponent__(rating, index)" class="review rvx-flex rvx-gap-2 rvx-mb-2"> {% for i in 1..5 %} <svg @click="selectCriteriaStars({{ i }})" class="rvx-cursor-pointer" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"> <path :class="getCriteriaStarsClass({{ i }})" :fill="reviewSettingsData?.data?.setting?.widget_settings.star_color_code ?? 'none'" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> {% endfor %} </div> </div> </div> </template> </div> </template> <template x-if="!reviewSettingsData?.data.setting?.review_settings.reviews.multicriteria.enable"> <div class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px] rvx-review-form__rating"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p class="rvx-font-semibold !rvx-text-neutral-800 rvx-review-form__rating--name !rvx-font-nunito rvx-text-[16px]" x-text="rvxAttributes.formLevelData?.text_rating_star_title"> </p> </div> <div class="rvx-col-span-4"> <div x-data="__rvxStarRatingComponent__()" class="review rvx-flex rvx-gap-2 rvx-mb-2"> {% for i in 1..5 %} <svg @click="selectStars({{ i }})" class="rvx-cursor-pointer" width="24px" height="24px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path :class="getStarClass({{ i }})" :fill="reviewSettingsData?.data?.setting?.widget_settings.star_color_code ?? 'none'" d="M22,10.1c0.1-0.5-0.3-1.1-0.8-1.1l-5.7-0.8L12.9,3c-0.1-0.2-0.2-0.3-0.4-0.4C12,2.3,11.4,2.5,11.1,3L8.6,8.2L2.9,9C2.6,9,2.4,9.1,2.3,9.3c-0.4,0.4-0.4,1,0,1.4l4.1,4l-1,5.7c0,0.2,0,0.4,0.1,0.6c0.3,0.5,0.9,0.7,1.4,0.4l5.1-2.7l5.1,2.7c0.1,0.1,0.3,0.1,0.5,0.1v0c0.1,0,0.1,0,0.2,0c0.5-0.1,0.9-0.6,0.8-1.2l-1-5.7l4.1-4C21.9,10.5,22,10.3,22,10.1z" /> </svg> {% endfor %} </div> </div> </div> </template> <div class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px] rvx-review-form__title" x-show="reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_titles"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p class="rvx-text-[16px] !rvx-font-nunito rvx-font-semibold rvx-text-neutral-800 rvx-review-form__title--name" x-text="rvxAttributes.formLevelData?.text_review_title"> </p> </div> <div class="rvx-col-span-4"> <input x-model="newReview.title" @input="checkValidity('isValidReviewTitle')" :placeholder="rvxAttributes.formLevelData?.placeholder_review_title" id="review-title" class="rvx-review-form__title--input rvx-ui__input rvx-font-nunito rvx-w-full !rvx-py-[9px] !rvx-px-[12px] !rvx-leading-[0] !rvx-text-[16px] focus:!rvx-outline-none focus:!rvx-ring focus:!rvx-ring-primary-20 rvx-border rvx-border-solid rvx-rounded-md placeholder:rvx-text-neutral-400" :class="`${storeFrontValidation.isValidReviewTitle ? '!rvx-border-danger' : '!rvx-border-neutral-500'}`" /> <p x-show="storeFrontValidation.isValidReviewTitle" class="!rvx-text-[12px] rvx-text-danger rvx-mt-space5 !rvx-font-nunito">Please Insert Review Title</p> </div> </div> <div class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px] rvx-review-form__description"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p class="rvx-text-[16px] rvx-font-semibold rvx-text-neutral-800 rvx-review-form__description--title !rvx-font-nunito" x-text="rvxAttributes.formLevelData?.text_review_description"> </p> </div> <div class="rvx-col-span-4"> <textarea x-model="newReview.feedback" @input="checkValidity('isValidReviewFeedback')" :placeholder="rvxAttributes.formLevelData?.placeholder_review_description" class="rvx-review-form__feedback--textarea rvx-ui__textarea rvx-resize-none rvx-px-space12 rvx-py-[9px] rvx-rounded-md rvx-w-full focus:!rvx-outline-none rvx-font-nunito placeholder:rvx-text-neutral-400 focus:!rvx-ring focus:!rvx-ring-primary-20 rvx-text-[16px] rvx-h-[114px] !rvx-border !rvx-border-solid" :class="`${storeFrontValidation.isValidReviewFeedback ? '!rvx-border-danger' : '!rvx-border-neutral-500'}`" ></textarea> <p x-show="storeFrontValidation.isValidReviewFeedback" class="!rvx-text-[12px] rvx-text-danger rvx-mt-space5 !rvx-font-nunito">Please Insert Review Feedback</p> </div> </div> <template x-if="!isRvxUserLoggedIn"> <div class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px] rvx-review-form__user"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p class="rvx-font-semibold rvx-text-neutral-800 rvx-review-form__user--name !rvx-font-nunito" x-text="rvxAttributes.formLevelData?.text_full_name"> </p> </div> <div class="rvx-col-span-4"> <!-- --> <input x-model="newReview.reviewer_name" @input="checkValidity('isValidReviewerName')" :placeholder="rvxAttributes.formLevelData?.placeholder_full_name" id="full-name" class="rvx-review-form__user--input rvx-ui__input rvx-w-full !rvx-py-[9px] !rvx-px-[12px] !rvx-leading-[0] !rvx-text-[16px] focus:!rvx-outline-none focus:!rvx-ring focus:!rvx-ring-primary-20 rvx-border rvx-border-solid rvx-rounded-md rvx-font-nunito placeholder:rvx-text-neutral-400" :class="`${storeFrontValidation.isValidReviewerName ? '!rvx-border-danger' : '!rvx-border-neutral-500'}`" /> <p x-show="storeFrontValidation.isValidReviewerName" class="!rvx-text-[12px] rvx-text-danger rvx-mt-space5 !rvx-font-nunito">Please Insert Your Name</p> </div> </div> </template> <div x-show="!isRvxUserLoggedIn" class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px] rvx-review-form__email"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p class="rvx-font-semibold rvx-text-neutral-800 rvx-review-form__email--name !rvx-font-nunito" x-text="rvxAttributes.formLevelData?.text_email_name"> </p> </div> <div class="rvx-col-span-4"> <input x-model="newReview.reviewer_email" @input="checkValidity('isValidReviewerEmail')" :placeholder="rvxAttributes.formLevelData?.placeholder_email_name" id="email-address" type="email" class="rvx-review-form__email--input rvx-ui__input rvx-w-full !rvx-py-[9px] !rvx-px-[12px] !rvx-leading-[0] !rvx-text-[16px] focus:!rvx-outline-none focus:!rvx-ring focus:!rvx-ring-primary-20 !rvx-border-neutral-500 rvx-border !rvx-border-solid !rvx-rounded-md rvx-font-nunito placeholder:rvx-text-neutral-400 !rvx-shadow-none" :class="`${storeFrontValidation.isValidReviewerEmail ? '!rvx-border-danger' : '!rvx-border-neutral-500'}`" /> <p x-show="storeFrontValidation.isValidReviewerEmail" class="!rvx-text-[12px] rvx-text-danger rvx-mt-space5 !rvx-font-nunito">Please Insert Your Email</p> </div> </div> <template x-if="reviewSettingsData?.data?.setting?.review_settings?.reviews?.photo_reviews_allowed || reviewSettingsData?.data?.setting?.review_settings?.reviews?.video_reviews_allowed"> <div class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px] rvx-review-form__attachment"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p class="rvx-font-semibold rvx-text-neutral-800 rvx-review-form__attachment--name !rvx-font-nunito" x-text="rvxAttributes.formLevelData?.text_attachment_title"> </p> </div> <div class="rvx-col-span-4"> <div class="rvx-review-form__attachment--inner"> {% include "storefront/widget/Features/ReviewForm/MediaUpload.twig" %} </div> </div> </div> </template> <div class="rvx-grid rvx-grid-cols-6 rvx-gap-[26px] rvx-review-form__recommended" x-show="reviewSettingsData?.data?.setting?.review_settings.reviews.allow_recommendations"> <div class="rvx-col-span-2 rvx-space-y-[20px]"> <p class="rvx-font-semibold rvx-text-neutral-800 rvx-review-form__recommended--name !rvx-font-nunito" x-text="rvxAttributes.formLevelData?.text_recommended_title"> </p> </div> <div x-show="reviewSettingsData?.data.setting?.review_settings.reviews.allow_recommendations" class="rvx-col-span-4 rvx-flex rvx-gap-space8"> <div class="rvx-flex rvx-items-center rvx-gap-space5"> <input x-model="newReview.is_recommended" id="recommended-yes" value="true" type="radio"> <label for="recommended-yes" class="rvx-m-0 !rvx-font-nunito">{{__('Yes', 'reviewx')}}</label> </div> <div class="rvx-flex rvx-items-center rvx-gap-space5"> <input x-model="newReview.is_recommended" id="recommended-no" value="false" type="radio"> <label for="recommended-no" class="rvx-m-0 !rvx-font-nunito">{{__('No', 'reviewx')}}</label> </div> </div> </div> <div x-show="reviewSettingsData?.data?.setting?.review_settings?.reviews?.anonymous_reviews_allowed" class="rvx-grid rvx-grid-cols-6"> <div class="rvx-col-span-2"></div> <div class="rvx-col-span-4 rvx-flex rvx-gap-space8 rvx-items-center"> <input id="is_anonymous" x-model="newReview.is_anonymous" type="checkbox" /> <label for="is_anonymous" x-text="rvxAttributes.formLevelData?.text_mark_as_anonymous" class="rvx-font-normal rvx-review-form__mark-anonymous !rvx-font-nunito"> </label> </div> </div> <div x-show="reviewSettingsData?.data.setting?.review_settings.reviews.show_consent_checkbox?.enabled" class="rvx-grid rvx-grid-cols-6"> <div class="rvx-col-span-2"></div> <div class="rvx-col-span-4 rvx-flex rvx-gap-space8 rvx-items-center"> {# @change="checkValidity('isAcceptConsent')"#} <input id="consent" x-model="newReview.consent" type="checkbox" /> <label for="consent" class="rvx-font-normal rvx-review-form__consent--content" x-text="reviewSettingsData?.data.setting?.review_settings.reviews.show_consent_checkbox?.content"></label> </div> </div> <div class="rvx-review-form__footer rvx-box-border"> <p x-show="storeFrontValidation.isNotRobot" class="!rvx-text-[12px] rvx-text-center rvx-text-danger rvx-mb-space5">Failed reCAPTCHA validation.</p> <p x-show="storeFrontValidation.reviewSubmitFailed" class="!rvx-text-[12px] rvx-text-center rvx-text-danger rvx-mb-space5">Failed to Submit Review.</p> <p x-show="storeFrontValidation.isAcceptConsent" class="!rvx-text-[12px] rvx-text-center rvx-text-danger rvx-mb-space5">Before Submit Review Please Accept Consent.</p> <button type="submit" :disabled="isReviewSubmitting" class="rvx-w-full rvx-text-[16px] rvx-text-neutral-700 !rvx-leading-[24px] rvx-font-semibold rvx-flex rvx-justify-content-center rvx-items-center rvx-gap-2 rvx-whitespace-nowrap rvx-tracking-wide rvx-transition hover:rvx-opacity-75 focus-visible:rvx-outline focus-visible:rvx-outline-2 focus-visible:rvx-outline-offset-2 focus-visible:rvx-outline-black active:rvx-opacity-100 active:rvx-outline-offset-0 disabled:rvx-opacity-75 rvx-cursor-pointer disabled:rvx-cursor-not-allowed rvx-border-none rvx-review-form__submit--button !rvx-max-w-full !rvx-font-nunito !rvx-capitalize rvx-mb-0" :style="`background: ${reviewSettingsData?.data?.setting?.widget_settings?.brand_color_code}; color: ${reviewSettingsData?.data?.setting?.widget_settings?.button_font_color_code};`"> <svg x-show="isReviewSubmitting" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="rvx-size-5 rvx-animate-spin motion-reduce:rvx-animate-none rvx-review-form__submit--button--spin" :fill="`${reviewSettingsData?.data?.setting?.widget_settings?.button_font_color_code}`"> <path opacity="0.25" d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" /> <path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" /> </svg> {{__('Submit Review', 'reviewx')}} </button> </div> </div> </form> </div> views/storefront/widget/index.twig 0000777 00000007522 15251226601 0013411 0 ustar 00 <style> #rvx-storefront-widget p { margin: 0; } #rvx-storefront-widget .rvx-review-info p { margin-bottom: 5px; } [x-cloak] { display: none !important; } </style> <div id="rvx-storefront-widget" x-data="{ ...__reviewXState__(), isRvxUserLoggedIn: '{{ user_is_logged_in }}' }" x-init="await initialize({data: '{{ data }}', formLevelData: '{{ formLevelData }}'})" @notify-attachment="notifyAttachmentAdded($event.detail.reviewAttachFiles)" @notify-close-success-modal="showReviewSuccessModal = false" @notify-like-dislike="await fetchReviews({productId: rvxAttributes.product.id})"> <div x-show="fetchReviewsSettingsIsLoading" class="rvx-mb-space16"> {% include "storefront/widget/Components/Skeleton/SummarySkeleton.twig" %} </div> <template x-if="!fetchReviewsSettingsIsLoading" x-cloak> <div class="rvx-mt-6"> {% include "storefront/widget/Features/Aggregations/index.twig" %} {% include "storefront/widget/Components/RecommendedBanner.twig" %} <div class="rvx-w-full rvx-h-[2px] rvx-bg-neutral-100 rvx-rounded-full" :class="`${!reviewSettingsData?.data?.setting?.review_settings?.reviews?.multicriteria?.enable ? 'rvx-mb-space40' : 'rvx-mb-space12'}`"></div> {% include "storefront/widget/Features/MultriCriteriaAggregation/index.twig" %} </div> </template> <template x-if="haveReviews || isFiltering"> <div> {% include 'storefront/widget/Features/Reviews/Filter/ReviewFilter.twig' %} </div> </template> <template x-if="fetchReviewsIsLoading"> {% include "storefront/widget/Components/Skeleton/ReviewListSkeleton.twig" %} </template> <template x-if="haveReviews && !fetchReviewsIsLoading && !fetchReviewsSettingsIsLoading" x-cloak> <div> {% include "storefront/widget/Features/Reviews/ReviewsLayout.twig" %} {% include "storefront/widget/Features/Reviews/Modals/ReviewDetailModal.twig" %} </div> </template> <template x-if="!haveReviews && !fetchReviewsIsLoading" x-cloak> <div class="rvx-bg-neutral-100 rvx-py-[64px] rvx-px-space24 rvx-rounded-md rvx-text-center"> {% include "storefront/widget/Components/EmptyPlaceholder.twig" %} </div> </template> {% include "storefront/widget/Features/Reviews/Modals/ReviewSuccessModal.twig" %} <div x-show="!fetchReviewsIsLoading || !fetchReviewsSettingsIsLoading" x-cloak> {% if not requireSignIn or (requireSignIn and user_is_logged_in) %} {% if not wooVerificationRequired or (wooVerificationRequired and user_is_logged_in and isVerifiedCustomer) %} {% include "storefront/widget/Features/ReviewForm/index.twig" %} {% else %} {% include "storefront/widget/Components/UnVerifyUserPlaceholder.twig" %} {% endif %} {% else %} <div class="rvx-grid rvx-place-content-center rvx-rounded-md rvx-mt-space20 rvx-p-space6 rvx-bg-neutral-200 rvx-h-[186px]"> <p class="rvx-text-gray-600"> Please <a href="{{ login_url }}" class="rvx-text-blue-500 hover:rvx-text-blue-700 rvx-font-semibold rvx-underline"> log in </a> to submit a review. </p> {% if registration_enabled %} <p class="rvx-text-gray-600"> Don't have an account? <a href="{{ register_url }}" class="rvx-text-green-500 hover:rvx-text-green-700 rvx-font-semibold rvx-underline"> Register here </a>. </p> {% endif %} </div> {% endif %} </div> </div> assets/admin.css 0000777 00000003721 15251226601 0007662 0 ustar 00 /*@tailwind base;*/ .\!rvx-m-0 { margin: 0px !important } .rvx-my-space16 { margin-top: 16px; margin-bottom: 16px } .rvx-flex { display: flex } .rvx-cursor-pointer { cursor: pointer } .rvx-items-center { align-items: center } .rvx-gap-space16 { gap: 16px } .rvx-rounded-md { border-radius: 0.375rem } .rvx-border { border-width: 1px } .rvx-border-4 { border-width: 4px } .rvx-border-solid { border-style: solid } .rvx-border-primary { --tw-border-opacity: 1; border-color: rgb(0 67 221 / var(--tw-border-opacity)) } .\!rvx-border-l-primary { --tw-border-opacity: 1 !important; border-left-color: rgb(0 67 221 / var(--tw-border-opacity)) !important } .rvx-bg-primary { --tw-bg-opacity: 1; background-color: rgb(0 67 221 / var(--tw-bg-opacity)) } .rvx-p-space8 { padding: 8px } .\!rvx-py-space8 { padding-top: 8px !important; padding-bottom: 8px !important } .rvx-px-space16 { padding-left: 16px; padding-right: 16px } .rvx-font-medium { font-weight: 500 } .rvx-text-neutral-700 { --tw-text-opacity: 1; color: rgb(97 97 97 / var(--tw-text-opacity)) } .rvx-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .rvx-no-underline { text-decoration-line: none } /* Custom Scrollbar */ .rvx-scrollbar::-webkit-scrollbar { width: 6px; /* Width of the scrollbar */ height: 8px; /* Height of the scrollbar (for horizontal scrolling) */ } .rvx-scrollbar::-webkit-scrollbar-track { background: #f0f0f0; /* Track background color */ } .rvx-scrollbar::-webkit-scrollbar-thumb { background: #acabab; /* Thumb color */ border-radius: 4px; /* Rounded corners */ } .rvx-scrollbar::-webkit-scrollbar-thumb:hover { background: #857e7e; /* Hover color */ } .hover\:rvx-bg-primary-100:hover { --tw-bg-opacity: 1; background-color: rgb(0 57 187 / var(--tw-bg-opacity)) } .hover\:rvx-text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } assets/logo/ReviewX_dash_icon_white.png 0000777 00000035726 15251226601 0014340 0 ustar 00 �PNG IHDR �g�� pHYs �� 9�iTXtXML:com.adobe.xmp <?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c138 79.159824, 2016/09/14-01:09:01 "> <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"> <rdf:Description rdf:about="" xmlns:xmp="http://ns.adobe.com/xap/1.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:photoshop="http://ns.adobe.com/photoshop/1.0/" xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/" xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#" xmlns:tiff="http://ns.adobe.com/tiff/1.0/" xmlns:exif="http://ns.adobe.com/exif/1.0/"> <xmp:CreatorTool>Adobe Photoshop CC 2017 (Windows)</xmp:CreatorTool> <xmp:CreateDate>2020-03-04T11:29:31+06:00</xmp:CreateDate> <xmp:ModifyDate>2020-03-04T15:32:46+06:00</xmp:ModifyDate> <xmp:MetadataDate>2020-03-04T15:32:46+06:00</xmp:MetadataDate> <dc:format>image/png</dc:format> <photoshop:ColorMode>3</photoshop:ColorMode> <xmpMM:InstanceID>xmp.iid:a853072d-72ec-fe49-a6b0-b558631e0950</xmpMM:InstanceID> <xmpMM:DocumentID>xmp.did:78d82102-2e6b-e944-966c-5bc5a198a7f3</xmpMM:DocumentID> <xmpMM:OriginalDocumentID>xmp.did:78d82102-2e6b-e944-966c-5bc5a198a7f3</xmpMM:OriginalDocumentID> <xmpMM:History> <rdf:Seq> <rdf:li rdf:parseType="Resource"> <stEvt:action>created</stEvt:action> <stEvt:instanceID>xmp.iid:78d82102-2e6b-e944-966c-5bc5a198a7f3</stEvt:instanceID> <stEvt:when>2020-03-04T11:29:31+06:00</stEvt:when> <stEvt:softwareAgent>Adobe Photoshop CC 2017 (Windows)</stEvt:softwareAgent> </rdf:li> <rdf:li rdf:parseType="Resource"> <stEvt:action>saved</stEvt:action> <stEvt:instanceID>xmp.iid:a853072d-72ec-fe49-a6b0-b558631e0950</stEvt:instanceID> <stEvt:when>2020-03-04T15:32:46+06:00</stEvt:when> <stEvt:softwareAgent>Adobe Photoshop CC 2017 (Windows)</stEvt:softwareAgent> <stEvt:changed>/</stEvt:changed> </rdf:li> </rdf:Seq> </xmpMM:History> <tiff:Orientation>1</tiff:Orientation> <tiff:XResolution>720000/10000</tiff:XResolution> <tiff:YResolution>720000/10000</tiff:YResolution> <tiff:ResolutionUnit>2</tiff:ResolutionUnit> <exif:ColorSpace>65535</exif:ColorSpace> <exif:PixelXDimension>16</exif:PixelXDimension> <exif:PixelYDimension>19</exif:PixelYDimension> </rdf:Description> </rdf:RDF> </x:xmpmeta> <?xpacket end="w"?>Fd) cHRM z% �� �� �� u0 �` :� o�_�F rIDATxڔ�=H Q�?W�F�MH %6�A��Y �0��hgi#�I��ZM��T)V�B@,U �`d��4H������ � �=�p��}��R�����i�>�4p|��q��tM�/��I�����ʼn�W��%u88 �_It���Z��z+�>Q� �AmT�E�C�y�Ԣ���Q������3TR�gju1 ^g'5�/9` ��Gv<��o�i;��5A^�U �s� �P �r� :��:�s�Ѓ:�Q���z�ު��L6�m����Oob�;|R�c�*���U_� P՟A�V��Mu,���q��U�����3�Q*Ѥ�,IH5�t͆`G��vVj�R)���,J��9.��*p�/� X'��x�0 IEND�B`� assets/widget.css 0000777 00000105073 15251226601 0010060 0 ustar 00 /*@tailwind base;*/ .rvx-container { width: 100% } @media (min-width: 640px) { .rvx-container { max-width: 640px } } @media (min-width: 768px) { .rvx-container { max-width: 768px } } @media (min-width: 1024px) { .rvx-container { max-width: 1024px } } @media (min-width: 1280px) { .rvx-container { max-width: 1280px } } @media (min-width: 1536px) { .rvx-container { max-width: 1536px } } .rvx-pointer-events-none { pointer-events: none } .rvx-fixed { position: fixed } .rvx-absolute { position: absolute } .rvx-relative { position: relative } .rvx-inset-0 { inset: 0px } .-rvx-right-\[50px\] { right: -50px } .-rvx-top-\[10px\] { top: -10px } .rvx-bottom-0 { bottom: 0px } .rvx-bottom-3 { bottom: 0.75rem } .rvx-bottom-\[-20px\] { bottom: -20px } .rvx-left-0 { left: 0px } .rvx-left-1\/2 { left: 50% } .rvx-left-\[20px\] { left: 20px } .rvx-right-0 { right: 0px } .rvx-right-3 { right: 0.75rem } .rvx-right-\[-23px\] { right: -23px } .rvx-right-\[10px\] { right: 10px } .rvx-right-\[20px\] { right: 20px } .rvx-top-0 { top: 0px } .rvx-top-1\/2 { top: 50% } .rvx-top-\[-15px\] { top: -15px } .rvx-top-\[10px\] { top: 10px } .rvx-top-\[136px\] { top: 136px } .rvx-z-10 { z-index: 10 } .rvx-z-20 { z-index: 20 } .rvx-z-50 { z-index: 50 } .rvx-z-\[99\] { z-index: 99 } .rvx-col-span-1 { grid-column: span 1 / span 1 } .rvx-col-span-12 { grid-column: span 12 / span 12 } .rvx-col-span-2 { grid-column: span 2 / span 2 } .rvx-col-span-3 { grid-column: span 3 / span 3 } .rvx-col-span-4 { grid-column: span 4 / span 4 } .rvx-col-span-6 { grid-column: span 6 / span 6 } .rvx-col-span-8 { grid-column: span 8 / span 8 } .rvx-col-span-9 { grid-column: span 9 / span 9 } .\!rvx-m-0 { margin: 0px !important } .rvx-m-0 { margin: 0px } .rvx-m-auto { margin: auto } .rvx-mx-auto { margin-left: auto; margin-right: auto } .rvx-my-\[80px\] { margin-top: 80px; margin-bottom: 80px } .rvx-my-space16 { margin-top: 16px; margin-bottom: 16px } .rvx-my-space24 { margin-top: 24px; margin-bottom: 24px } .-rvx-mb-0 { margin-bottom: -0px } .-rvx-mb-0\.5 { margin-bottom: -0.125rem } .-rvx-ml-0 { margin-left: -0px } .-rvx-ml-0\.5 { margin-left: -0.125rem } .-rvx-mr-0 { margin-right: -0px } .-rvx-mr-0\.5 { margin-right: -0.125rem } .-rvx-mt-0 { margin-top: -0px } .-rvx-mt-0\.5 { margin-top: -0.125rem } .-rvx-mt-px { margin-top: -1px } .rvx-mb-0 { margin-bottom: 0px } .rvx-mb-2 { margin-bottom: 0.5rem } .rvx-mb-4 { margin-bottom: 1rem } .rvx-mb-\[0px\!important\] { margin-bottom: 0px !important } .rvx-mb-\[10px\!important\] { margin-bottom: 10px !important } .rvx-mb-\[3px\] { margin-bottom: 3px } .rvx-mb-\[5px\!important\] { margin-bottom: 5px !important } .rvx-mb-\[5px\] { margin-bottom: 5px } .rvx-mb-space12 { margin-bottom: 12px } .rvx-mb-space16 { margin-bottom: 16px } .rvx-mb-space20 { margin-bottom: 20px } .rvx-mb-space40 { margin-bottom: 40px } .rvx-mb-space5 { margin-bottom: 5px } .rvx-ml-2 { margin-left: 0.5rem } .rvx-ml-space12 { margin-left: 12px } .rvx-ml-space5 { margin-left: 5px } .rvx-mr-4 { margin-right: 1rem } .rvx-mt-1 { margin-top: 0.25rem } .rvx-mt-2 { margin-top: 0.5rem } .rvx-mt-6 { margin-top: 1.5rem } .rvx-mt-\[3px\] { margin-top: 3px } .rvx-mt-\[5px\!important\] { margin-top: 5px !important } .rvx-mt-\[8px\] { margin-top: 8px } .rvx-mt-space16 { margin-top: 16px } .rvx-mt-space20 { margin-top: 20px } .rvx-mt-space24 { margin-top: 24px } .rvx-mt-space40 { margin-top: 40px } .rvx-mt-space5 { margin-top: 5px } .rvx-mt-space8 { margin-top: 8px } .rvx-box-border { box-sizing: border-box } .\!rvx-block { display: block !important } .rvx-block { display: block } .rvx-inline-block { display: inline-block } .rvx-flex { display: flex } .rvx-inline-flex { display: inline-flex } .rvx-table { display: table } .rvx-grid { display: grid } .\!rvx-hidden { display: none !important } .\!rvx-size-\[48px\] { width: 48px !important; height: 48px !important } .\!rvx-size-\[64px\] { width: 64px !important; height: 64px !important } .\!rvx-size-\[80px\] { width: 80px !important; height: 80px !important } .rvx-size-10 { width: 2.5rem; height: 2.5rem } .rvx-size-5 { width: 1.25rem; height: 1.25rem } .rvx-size-\[20px\] { width: 20px; height: 20px } .rvx-size-\[24px\] { width: 24px; height: 24px } .rvx-size-\[31px\] { width: 31px; height: 31px } .rvx-size-\[40px\] { width: 40px; height: 40px } .rvx-size-\[80px\] { width: 80px; height: 80px } .rvx-size-space24 { width: 24px; height: 24px } .\!rvx-h-\[166px\] { height: 166px !important } .rvx-h-1 { height: 0.25rem } .rvx-h-1\.5 { height: 0.375rem } .rvx-h-12 { height: 3rem } .rvx-h-2 { height: 0.5rem } .rvx-h-2\.5 { height: 0.625rem } .rvx-h-5 { height: 1.25rem } .rvx-h-\[114px\] { height: 114px } .rvx-h-\[150px\] { height: 150px } .rvx-h-\[186px\] { height: 186px } .rvx-h-\[1px\] { height: 1px } .rvx-h-\[270px\] { height: 270px } .rvx-h-\[2px\] { height: 2px } .rvx-h-\[30px\] { height: 30px } .rvx-h-\[38px\] { height: 38px } .rvx-h-\[557px\] { height: 557px } .rvx-h-full { height: 100% } .rvx-h-screen { height: 100vh } .\!rvx-max-h-\[166px\] { max-height: 166px !important } .rvx-max-h-\[557px\] { max-height: 557px } .\!rvx-w-\[250px\] { width: 250px !important } .\!rvx-w-full { width: 100% !important } .rvx-w-1 { width: 0.25rem } .rvx-w-1\.5 { width: 0.375rem } .rvx-w-12 { width: 3rem } .rvx-w-2 { width: 0.5rem } .rvx-w-2\.5 { width: 0.625rem } .rvx-w-5 { width: 1.25rem } .rvx-w-56 { width: 14rem } .rvx-w-\[123px\] { width: 123px } .rvx-w-\[155px\] { width: 155px } .rvx-w-\[250px\] { width: 250px } .rvx-w-\[272px\] { width: 272px } .rvx-w-\[300px\] { width: 300px } .rvx-w-\[50px\] { width: 50px } .rvx-w-\[548px\] { width: 548px } .rvx-w-auto { width: auto } .rvx-w-full { width: 100% } .rvx-w-screen { width: 100vw } .\!rvx-max-w-full { max-width: 100% !important } .rvx-max-w-\[272px\] { max-width: 272px } .rvx-max-w-\[548px\] { max-width: 548px } .rvx-max-w-sm { max-width: 24rem } .rvx-flex-1 { flex: 1 1 0% } .rvx-flex-shrink-0 { flex-shrink: 0 } .rvx-origin-bottom-left { transform-origin: bottom left } .rvx-origin-top-left { transform-origin: top left } .rvx-origin-top-right { transform-origin: top right } .-rvx-translate-x-1\/2 { --tw-translate-x: -50%; 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)) } .-rvx-translate-x-full { --tw-translate-x: -100%; 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)) } .-rvx-translate-y-1\/2 { --tw-translate-y: -50%; 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)) } .-rvx-translate-y-2 { --tw-translate-y: -0.5rem; 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)) } .-rvx-translate-y-full { --tw-translate-y: -100%; 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)) } .rvx-translate-x-full { --tw-translate-x: 100%; 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)) } .rvx-translate-y-0 { --tw-translate-y: 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)) } .rvx-translate-y-4 { --tw-translate-y: 1rem; 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)) } .rvx-translate-y-full { --tw-translate-y: 100%; 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)) } .-rvx-rotate-45 { --tw-rotate: -45deg; 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)) } .rvx-rotate-45 { --tw-rotate: 45deg; 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)) } .rvx-scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; 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)) } .rvx-scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; 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)) } .rvx-transform { 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)) } @keyframes rvx-pulse { 50% { opacity: .5 } } .rvx-animate-pulse { animation: rvx-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite } @keyframes rvx-spin { to { transform: rotate(360deg) } } .rvx-animate-spin { animation: rvx-spin 1s linear infinite } .rvx-cursor-pointer { cursor: pointer } .rvx-resize-none { resize: none } .rvx-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)) } .rvx-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) } .rvx-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) } .rvx-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) } .rvx-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) } .rvx-grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) } .rvx-grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) } .rvx-grid-cols-\[repeat\(auto-fill\,minmax\(320px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill,minmax(320px,1fr)) } .rvx-flex-col { flex-direction: column } .rvx-flex-wrap { flex-wrap: wrap } .rvx-place-content-center { place-content: center } .rvx-place-items-center { place-items: center } .rvx-items-center { align-items: center } .rvx-items-baseline { align-items: baseline } .rvx-justify-end { justify-content: flex-end } .rvx-justify-center { justify-content: center } .rvx-justify-between { justify-content: space-between } .rvx-gap-0 { gap: 0px } .rvx-gap-1 { gap: 0.25rem } .rvx-gap-2 { gap: 0.5rem } .rvx-gap-4 { gap: 1rem } .rvx-gap-6 { gap: 1.5rem } .rvx-gap-\[26px\] { gap: 26px } .rvx-gap-\[3px\] { gap: 3px } .rvx-gap-\[4px\] { gap: 4px } .rvx-gap-space12 { gap: 12px } .rvx-gap-space16 { gap: 16px } .rvx-gap-space20 { gap: 20px } .rvx-gap-space5 { gap: 5px } .rvx-gap-space8 { gap: 8px } .rvx-space-x-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) } .rvx-space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) } .rvx-space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)) } .rvx-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)) } .rvx-space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) } .rvx-space-y-\[20px\] > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(20px * var(--tw-space-y-reverse)) } .rvx-space-y-space12 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(12px * var(--tw-space-y-reverse)) } .rvx-space-y-space16 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(16px * var(--tw-space-y-reverse)) } .rvx-space-y-space8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(8px * var(--tw-space-y-reverse)) } .rvx-divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) } .rvx-divide-gray-100 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(243 244 246 / var(--tw-divide-opacity)) } .rvx-self-end { align-self: flex-end } .rvx-self-baseline { align-self: baseline } .rvx-overflow-hidden { overflow: hidden } .rvx-overflow-y-auto { overflow-y: auto } .rvx-whitespace-nowrap { white-space: nowrap } .rvx-break-normal { overflow-wrap: normal; word-break: normal } .\!rvx-break-words { overflow-wrap: break-word !important } .\!rvx-rounded-md { border-radius: 0.375rem !important } .rvx-rounded { border-radius: 0.25rem } .rvx-rounded-\[4px\] { border-radius: 4px } .rvx-rounded-full { border-radius: 9999px } .rvx-rounded-lg { border-radius: 0.5rem } .rvx-rounded-md { border-radius: 0.375rem } .rvx-rounded-none { border-radius: 0px } .rvx-rounded-sm { border-radius: 0.125rem } .\!rvx-rounded-t-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important } .rvx-rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem } .\!rvx-border { border-width: 1px !important } .\!rvx-border-\[1px\] { border-width: 1px !important } .rvx-border { border-width: 1px } .rvx-border-2 { border-width: 2px } .rvx-border-l-4 { border-left-width: 4px } .\!rvx-border-solid { border-style: solid !important } .rvx-border-solid { border-style: solid } .rvx-border-dashed { border-style: dashed } .\!rvx-border-none { border-style: none !important } .rvx-border-none { border-style: none } .\!rvx-border-\[\#d9d9d9\] { --tw-border-opacity: 1 !important; border-color: rgb(217 217 217 / var(--tw-border-opacity)) !important } .\!rvx-border-danger { --tw-border-opacity: 1 !important; border-color: rgb(213 0 0 / var(--tw-border-opacity)) !important } .\!rvx-border-neutral-300 { --tw-border-opacity: 1 !important; border-color: rgb(224 224 224 / var(--tw-border-opacity)) !important } .\!rvx-border-neutral-400 { --tw-border-opacity: 1 !important; border-color: rgb(189 189 189 / var(--tw-border-opacity)) !important } .\!rvx-border-neutral-500 { --tw-border-opacity: 1 !important; border-color: rgb(158 158 158 / var(--tw-border-opacity)) !important } .\!rvx-border-neutral-600 { --tw-border-opacity: 1 !important; border-color: rgb(117 117 117 / var(--tw-border-opacity)) !important } .rvx-border-green-300 { --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity)) } .rvx-border-neutral-200\/70 { border-color: rgb(238 238 238 / 0.7) } .rvx-border-neutral-400 { --tw-border-opacity: 1; border-color: rgb(189 189 189 / var(--tw-border-opacity)) } .rvx-border-neutral-600 { --tw-border-opacity: 1; border-color: rgb(117 117 117 / var(--tw-border-opacity)) } .rvx-border-primary-50 { --tw-border-opacity: 1; border-color: rgb(102 148 255 / var(--tw-border-opacity)) } .rvx-border-transparent { border-color: transparent } .\!rvx-bg-neutral-300 { --tw-bg-opacity: 1 !important; background-color: rgb(224 224 224 / var(--tw-bg-opacity)) !important } .\!rvx-bg-transparent { background-color: transparent !important } .rvx-bg-\[\#212121B2\] { background-color: #212121B2 } .rvx-bg-\[\#D9D9D9\] { --tw-bg-opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity)) } .rvx-bg-\[\#EFEFEF\] { --tw-bg-opacity: 1; background-color: rgb(239 239 239 / var(--tw-bg-opacity)) } .rvx-bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)) } .rvx-bg-black\/25 { background-color: rgb(0 0 0 / 0.25) } .rvx-bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity)) } .rvx-bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) } .rvx-bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)) } .rvx-bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity)) } .rvx-bg-neutral-100 { --tw-bg-opacity: 1; background-color: rgb(245 245 245 / var(--tw-bg-opacity)) } .rvx-bg-neutral-200 { --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity)) } .rvx-bg-neutral-300 { --tw-bg-opacity: 1; background-color: rgb(224 224 224 / var(--tw-bg-opacity)) } .rvx-bg-primary { --tw-bg-opacity: 1; background-color: rgb(0 67 221 / var(--tw-bg-opacity)) } .rvx-bg-primary-10 { --tw-bg-opacity: 1; background-color: rgb(238 243 255 / var(--tw-bg-opacity)) } .rvx-bg-primary-70 { --tw-bg-opacity: 1; background-color: rgb(34 101 255 / var(--tw-bg-opacity)) } .rvx-bg-transparent { background-color: transparent } .rvx-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) } .rvx-bg-opacity-40 { --tw-bg-opacity: 0.4 } .rvx-bg-opacity-90 { --tw-bg-opacity: 0.9 } .rvx-fill-current { fill: currentColor } .rvx-fill-neutral-600 { fill: #757575 } .rvx-fill-white { fill: #fff } .rvx-object-cover { -o-object-fit: cover; object-fit: cover } .rvx-object-top { -o-object-position: top; object-position: top } .\!rvx-p-0 { padding: 0px !important } .\!rvx-p-space16 { padding: 16px !important } .rvx-p-1 { padding: 0.25rem } .rvx-p-3 { padding: 0.75rem } .rvx-p-4 { padding: 1rem } .rvx-p-6 { padding: 1.5rem } .rvx-p-\[9px\] { padding: 9px } .rvx-p-space12 { padding: 12px } .rvx-p-space16 { padding: 16px } .rvx-p-space24 { padding: 24px } .rvx-p-space5 { padding: 5px } .rvx-p-space8 { padding: 8px } .\!rvx-px-\[12px\] { padding-left: 12px !important; padding-right: 12px !important } .\!rvx-px-space8 { padding-left: 8px !important; padding-right: 8px !important } .\!rvx-py-\[9px\] { padding-top: 9px !important; padding-bottom: 9px !important } .rvx-px-2 { padding-left: 0.5rem; padding-right: 0.5rem } .rvx-px-4 { padding-left: 1rem; padding-right: 1rem } .rvx-px-\[9px\] { padding-left: 9px; padding-right: 9px } .rvx-px-space12 { padding-left: 12px; padding-right: 12px } .rvx-px-space16 { padding-left: 16px; padding-right: 16px } .rvx-px-space24 { padding-left: 24px; padding-right: 24px } .rvx-px-space8 { padding-left: 8px; padding-right: 8px } .rvx-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem } .rvx-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem } .rvx-py-\[11px\] { padding-top: 11px; padding-bottom: 11px } .rvx-py-\[64px\] { padding-top: 64px; padding-bottom: 64px } .rvx-py-\[9px\] { padding-top: 9px; padding-bottom: 9px } .rvx-py-space16 { padding-top: 16px; padding-bottom: 16px } .rvx-py-space24 { padding-top: 24px; padding-bottom: 24px } .rvx-py-space8 { padding-top: 8px; padding-bottom: 8px } .\!rvx-pb-space8 { padding-bottom: 8px !important } .\!rvx-pr-space8 { padding-right: 8px !important } .rvx-pb-\[6px\] { padding-bottom: 6px } .rvx-pb-space16 { padding-bottom: 16px } .rvx-pl-space16 { padding-left: 16px } .rvx-pr-\[47px\] { padding-right: 47px } .rvx-pr-space16 { padding-right: 16px } .rvx-pt-\[2px\] { padding-top: 2px } .rvx-pt-\[5px\] { padding-top: 5px } .rvx-text-left { text-align: left } .rvx-text-center { text-align: center } .rvx-align-middle { vertical-align: middle } .\!rvx-font-nunito { font-family: Nunito Sans, sans-serif !important } .rvx-font-nunito { font-family: Nunito Sans, sans-serif } .\!rvx-text-\[10px\] { font-size: 10px !important } .\!rvx-text-\[12px\] { font-size: 12px !important } .\!rvx-text-\[14px\] { font-size: 14px !important } .\!rvx-text-\[15\.38px\] { font-size: 15.38px !important } .\!rvx-text-\[150px\] { font-size: 150px !important } .\!rvx-text-\[16px\] { font-size: 16px !important } .\!rvx-text-\[17\.577px\] { font-size: 17.577px !important } .\!rvx-text-\[18px\] { font-size: 18px !important } .\!rvx-text-\[20px\] { font-size: 20px !important } .\!rvx-text-\[24px\] { font-size: 24px !important } .\!rvx-text-\[40px\] { font-size: 40px !important } .\!rvx-text-\[60px\] { font-size: 60px !important } .rvx-text-\[12px\] { font-size: 12px } .rvx-text-\[14px\] { font-size: 14px } .rvx-text-\[16px\] { font-size: 16px } .rvx-text-\[17\.577px\] { font-size: 17.577px } .rvx-text-\[20px\] { font-size: 20px } .rvx-text-\[32px\] { font-size: 32px } .rvx-text-lg { font-size: 1.125rem; line-height: 1.75rem } .rvx-text-normal { font-size: 16px } .rvx-text-sm { font-size: 0.875rem; line-height: 1.25rem } .rvx-text-xs { font-size: 0.75rem; line-height: 1rem } .\!rvx-font-normal { font-weight: 400 !important } .rvx-font-bold { font-weight: 700 } .rvx-font-normal { font-weight: 400 } .rvx-font-semibold { font-weight: 600 } .\!rvx-capitalize { text-transform: capitalize !important } .\!rvx-leading-\[0\] { line-height: 0 !important } .\!rvx-leading-\[0px\] { line-height: 0px !important } .\!rvx-leading-\[24px\] { line-height: 24px !important } .\!rvx-leading-normal { line-height: 1.5 !important } .rvx-leading-\[0px\] { line-height: 0px } .rvx-leading-\[22px\] { line-height: 22px } .rvx-leading-\[24\.168px\] { line-height: 24.168px } .rvx-leading-\[24px\] { line-height: 24px } .rvx-leading-\[26px\] { line-height: 26px } .rvx-leading-\[28\.562px\] { line-height: 28.562px } .rvx-leading-\[29px\] { line-height: 29px } .rvx-leading-\[32px\] { line-height: 32px } .rvx-leading-\[38px\] { line-height: 38px } .rvx-tracking-wide { letter-spacing: 0.025em } .\!rvx-text-neutral-600 { --tw-text-opacity: 1 !important; color: rgb(117 117 117 / var(--tw-text-opacity)) !important } .\!rvx-text-neutral-700 { --tw-text-opacity: 1 !important; color: rgb(97 97 97 / var(--tw-text-opacity)) !important } .\!rvx-text-neutral-800 { --tw-text-opacity: 1 !important; color: rgb(66 66 66 / var(--tw-text-opacity)) !important } .rvx-text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)) } .rvx-text-danger { --tw-text-opacity: 1; color: rgb(213 0 0 / var(--tw-text-opacity)) } .rvx-text-danger-700 { --tw-text-opacity: 1; color: rgb(211 47 47 / var(--tw-text-opacity)) } .rvx-text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)) } .rvx-text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)) } .rvx-text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)) } .rvx-text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)) } .rvx-text-neutral { --tw-text-opacity: 1; color: rgb(189 189 189 / var(--tw-text-opacity)) } .rvx-text-neutral-400 { --tw-text-opacity: 1; color: rgb(189 189 189 / var(--tw-text-opacity)) } .rvx-text-neutral-600 { --tw-text-opacity: 1; color: rgb(117 117 117 / var(--tw-text-opacity)) } .rvx-text-neutral-700 { --tw-text-opacity: 1; color: rgb(97 97 97 / var(--tw-text-opacity)) } .rvx-text-neutral-800 { --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity)) } .rvx-text-neutral-900 { --tw-text-opacity: 1; color: rgb(33 33 33 / var(--tw-text-opacity)) } .rvx-text-success { --tw-text-opacity: 1; color: rgb(0 153 0 / var(--tw-text-opacity)) } .rvx-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .rvx-text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)) } .rvx-underline { text-decoration-line: underline } .\!rvx-no-underline { text-decoration-line: none !important } .rvx-no-underline { text-decoration-line: none } .rvx-opacity-0 { opacity: 0 } .rvx-opacity-100 { opacity: 1 } .\!rvx-shadow-none { --tw-shadow: 0 0 #0000 !important; --tw-shadow-colored: 0 0 #0000 !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important } .rvx-shadow-100 { --tw-shadow: 0px 4px 4px -2px rgba(24, 39, 75, 0.08), 0px 2px 4px -2px rgba(24, 39, 75, 0.12); --tw-shadow-colored: 0px 4px 4px -2px var(--tw-shadow-color), 0px 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .rvx-shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .rvx-shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .rvx-shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .rvx-outline-none { outline: 2px solid transparent; outline-offset: 2px } .rvx-ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } .rvx-ring-black\/5 { --tw-ring-color: rgb(0 0 0 / 0.05) } .rvx-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } .rvx-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } .rvx-transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms } .rvx-duration-100 { transition-duration: 100ms } .rvx-duration-150 { transition-duration: 150ms } .rvx-duration-200 { transition-duration: 200ms } .rvx-duration-300 { transition-duration: 300ms } .rvx-duration-75 { transition-duration: 75ms } .rvx-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) } .rvx-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) } /* Custom Scrollbar */ .rvx-scrollbar::-webkit-scrollbar { width: 6px; /* Width of the scrollbar */ height: 8px; /* Height of the scrollbar (for horizontal scrolling) */ } .rvx-scrollbar::-webkit-scrollbar-track { background: #f0f0f0; /* Track background color */ } .rvx-scrollbar::-webkit-scrollbar-thumb { background: #acabab; /* Thumb color */ border-radius: 4px; /* Rounded corners */ } .rvx-scrollbar::-webkit-scrollbar-thumb:hover { background: #857e7e; /* Hover color */ } .placeholder\:rvx-text-neutral-400::-moz-placeholder { --tw-text-opacity: 1; color: rgb(189 189 189 / var(--tw-text-opacity)) } .placeholder\:rvx-text-neutral-400::placeholder { --tw-text-opacity: 1; color: rgb(189 189 189 / var(--tw-text-opacity)) } .first\:\!rvx-block:first-child { display: block !important } .hover\:rvx-rounded:hover { border-radius: 0.25rem } .hover\:rvx-border-neutral-400:hover { --tw-border-opacity: 1; border-color: rgb(189 189 189 / var(--tw-border-opacity)) } .hover\:rvx-border-neutral-600:hover { --tw-border-opacity: 1; border-color: rgb(117 117 117 / var(--tw-border-opacity)) } .hover\:\!rvx-bg-neutral-400:hover { --tw-bg-opacity: 1 !important; background-color: rgb(189 189 189 / var(--tw-bg-opacity)) !important } .hover\:rvx-bg-\[\#EEF3FF\]:hover { --tw-bg-opacity: 1; background-color: rgb(238 243 255 / var(--tw-bg-opacity)) } .hover\:rvx-bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity)) } .hover\:rvx-bg-danger-50:hover { --tw-bg-opacity: 1; background-color: rgb(255 235 238 / var(--tw-bg-opacity)) } .hover\:rvx-bg-neutral-200:hover { --tw-bg-opacity: 1; background-color: rgb(238 238 238 / var(--tw-bg-opacity)) } .hover\:rvx-bg-primary:hover { --tw-bg-opacity: 1; background-color: rgb(0 67 221 / var(--tw-bg-opacity)) } .hover\:rvx-bg-transparent:hover { background-color: transparent } .hover\:rvx-text-blue-700:hover { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity)) } .hover\:rvx-text-green-700:hover { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity)) } .hover\:rvx-text-neutral-600:hover { --tw-text-opacity: 1; color: rgb(117 117 117 / var(--tw-text-opacity)) } .hover\:rvx-text-neutral-800:hover { --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity)) } .hover\:rvx-text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)) } .hover\:rvx-opacity-75:hover { opacity: 0.75 } .hover\:rvx-shadow-lg:hover { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .focus\:rvx-bg-primary:focus { --tw-bg-opacity: 1; background-color: rgb(0 67 221 / var(--tw-bg-opacity)) } .focus\:rvx-bg-transparent:focus { background-color: transparent } .focus\:rvx-text-neutral-800:focus { --tw-text-opacity: 1; color: rgb(66 66 66 / var(--tw-text-opacity)) } .focus\:\!rvx-outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important } .focus\:rvx-outline-none:focus { outline: 2px solid transparent; outline-offset: 2px } .focus\:\!rvx-ring:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important } .focus\:\!rvx-ring-primary-20:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(204 219 255 / var(--tw-ring-opacity)) !important } .focus-visible\:rvx-outline:focus-visible { outline-style: solid } .focus-visible\:rvx-outline-2:focus-visible { outline-width: 2px } .focus-visible\:rvx-outline-offset-2:focus-visible { outline-offset: 2px } .focus-visible\:rvx-outline-black:focus-visible { outline-color: #000 } .active\:rvx-opacity-100:active { opacity: 1 } .active\:rvx-outline-offset-0:active { outline-offset: 0px } .disabled\:\!rvx-cursor-not-allowed:disabled { cursor: not-allowed !important } .disabled\:rvx-cursor-not-allowed:disabled { cursor: not-allowed } .disabled\:rvx-bg-neutral-400:disabled { --tw-bg-opacity: 1; background-color: rgb(189 189 189 / var(--tw-bg-opacity)) } .disabled\:rvx-opacity-75:disabled { opacity: 0.75 } @media (prefers-reduced-motion: reduce) { .motion-reduce\:rvx-animate-none { animation: none } } @media (min-width: 640px) { .sm\:rvx-size-\[56px\] { width: 56px; height: 56px } .sm\:rvx-h-auto { height: auto } .sm\:rvx-translate-y-0 { --tw-translate-y: 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)) } .sm\:rvx-scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; 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)) } .sm\:rvx-scale-95 { --tw-scale-x: .95; --tw-scale-y: .95; 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)) } .sm\:rvx-rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px } .sm\:rvx-py-space12 { padding-top: 12px; padding-bottom: 12px } .sm\:rvx-py-space24 { padding-top: 24px; padding-bottom: 24px } } @media (min-width: 768px) { .md\:rvx-col-span-5 { grid-column: span 5 / span 5 } .md\:rvx-col-span-7 { grid-column: span 7 / span 7 } .md\:rvx-w-\[980px\] { width: 980px } .md\:rvx-rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem } .md\:rvx-rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem } } assets/font.css 0000777 00000010066 15251226601 0007540 0 ustar 00 /* cyrillic-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0oMImSLYBIv1o4X1M8cce4E9RKdmwp.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0oMImSLYBIv1o4X1M8cce4E91Kdmwp.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0oMImSLYBIv1o4X1M8cce4E9ZKdmwp.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0oMImSLYBIv1o4X1M8cce4E9dKdmwp.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito Sans'; font-style: italic; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0oMImSLYBIv1o4X1M8cce4E9lKdg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0qMImSLYBIv1o4X1M8ccewI9tScg.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0qMImSLYBIv1o4X1M8cce5I9tScg.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0qMImSLYBIv1o4X1M8cceyI9tScg.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0qMImSLYBIv1o4X1M8ccezI9tScg.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito Sans'; font-style: normal; font-weight: 200 1000; font-stretch: 75% 125%; font-display: swap; src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } assets/builder/assets/reviewxreviewlist-active.svg 0000777 00000002612 15251226601 0016607 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st1" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st1" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/rvx-product-tabs-active.svg 0000777 00000002711 15251226601 0016224 0 ustar 00 <?xml version="1.0" encoding="UTF-8"?> <svg width="59px" height="33px" viewBox="0 0 59 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --> <title>product-tabs-blue</title> <desc>Created with Sketch.</desc> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Icons" transform="translate(-365.000000, -196.000000)"> <rect id="Rectangle-3-Copy-6" fill="#577E9C" x="371" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3-Copy-7" fill="#386689" x="388" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3-Copy-8" fill="#386689" x="405" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-Copy-13" fill="#577E9C" x="371" y="212" width="47" height="2" rx="1"></rect> <rect id="Rectangle-Copy-14" fill="#577E9C" x="371" y="217" width="47" height="2" rx="1"></rect> <rect id="Rectangle-Copy-15" fill="#577E9C" x="371" y="222" width="24" height="2" rx="1"></rect> <rect id="Rectangle" fill="#577E9C" x="391" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#577E9C" x="408" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#386689" x="374" y="204" width="7" height="2" rx="1"></rect> </g> </g> </svg> assets/builder/assets/reviewxstats-active.svg 0000777 00000002612 15251226601 0015550 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st1" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st1" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/reviewxsummary.svg 0000777 00000002612 15251226601 0014636 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st2" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st3" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/reviewxreviewlist.svg 0000777 00000002612 15251226601 0015336 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st2" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st3" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/reviewxstats.svg 0000777 00000002612 15251226601 0014277 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st2" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st3" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/css/rvx-product-tabs.css 0000777 00000000000 15251226601 0015521 0 ustar 00 assets/builder/assets/css/rvx-woo-reviews.css 0000777 00000000000 15251226601 0015400 0 ustar 00 assets/builder/assets/reviewxcriteriagraph.svg 0000777 00000002612 15251226601 0015765 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st2" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st3" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/rvx-woo-reviews.svg 0000777 00000002627 15251226601 0014640 0 ustar 00 <?xml version="1.0" encoding="UTF-8"?> <svg width="59px" height="33px" viewBox="0 0 59 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --> <title>product-tabs</title> <desc>Created with Sketch.</desc> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Icons" transform="translate(-235.000000, -196.000000)"> <rect id="Rectangle-3" fill="#60666A" x="241" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3" fill="#4E555A" x="258" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3" fill="#4E555A" x="275" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle" fill="#60666A" x="241" y="212" width="47" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="241" y="217" width="47" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="241" y="222" width="24" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="261" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="278" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#4E555A" x="244" y="204" width="7" height="2" rx="1"></rect> </g> </g> </svg> assets/builder/assets/rvx-product-tabs.svg 0000777 00000002627 15251226601 0014761 0 ustar 00 <?xml version="1.0" encoding="UTF-8"?> <svg width="59px" height="33px" viewBox="0 0 59 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --> <title>product-tabs</title> <desc>Created with Sketch.</desc> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Icons" transform="translate(-235.000000, -196.000000)"> <rect id="Rectangle-3" fill="#60666A" x="241" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3" fill="#4E555A" x="258" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3" fill="#4E555A" x="275" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle" fill="#60666A" x="241" y="212" width="47" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="241" y="217" width="47" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="241" y="222" width="24" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="261" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#60666A" x="278" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#4E555A" x="244" y="204" width="7" height="2" rx="1"></rect> </g> </g> </svg> assets/builder/assets/reviewxsummary-active.svg 0000777 00000002612 15251226601 0016107 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st1" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st1" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/reviewxcriteriagraph-active.svg 0000777 00000002612 15251226601 0017236 0 ustar 00 <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 70 38.6" style="enable-background:new 0 0 70 38.6;" xml:space="preserve"> <style type="text/css"> .st0{fill:#4E555B;} .st1{fill:#386689;} .st2{fill:#414950;} .st3{fill:#707980;} .st4{fill:#484F56;} .st5{fill:#70797F;} .st6{fill:#577E9C;} .st7{fill:#4D5860;} .st8{fill:#424C53;} .st9{fill:#60676E;} .st10{fill:#60666B;} .st11{fill:#434A51;} .st12{fill:#565C62;} .st13{fill:#5E6469;} .st14{fill:#485056;} .st15{fill:#787F86;} </style> <g> <path class="st1" d="M50.6,6.1H19.4c-3.2,0-5.7,2.6-5.7,5.7v15.1c0,3.2,2.6,5.7,5.7,5.7h31.1c3.2,0,5.7-2.6,5.7-5.7V11.8 C56.3,8.6,53.7,6.1,50.6,6.1z M52.2,26.8c0,0.9-0.8,1.7-1.7,1.7H19.4c-0.9,0-1.7-0.8-1.7-1.7V11.8c0-0.9,0.8-1.7,1.7-1.7h31.1 c0.9,0,1.7,0.8,1.7,1.7V26.8z"/> <path class="st1" d="M40.1,17.2l-2.9-0.4l-1.3-2.6c-0.2-0.3-0.5-0.6-0.9-0.6s-0.7,0.2-0.9,0.6l-1.3,2.6l-2.9,0.4 c-0.4,0.1-0.7,0.3-0.8,0.7c-0.1,0.4,0,0.8,0.3,1l2.1,2L31,23.8c-0.1,0.4,0.1,0.8,0.4,1c0.2,0.1,0.4,0.2,0.6,0.2 c0.2,0,0.3,0,0.5-0.1l2.6-1.3l2.6,1.3c0.1,0.1,0.3,0.1,0.5,0.1c0.2,0,0.4-0.1,0.6-0.2c0.3-0.2,0.5-0.6,0.4-1L38.5,21l2.1-2 c0.3-0.3,0.4-0.7,0.3-1C40.7,17.5,40.4,17.3,40.1,17.2z"/> </g> </svg> assets/builder/assets/rvx-woo-reviews-active.svg 0000777 00000002711 15251226601 0016103 0 ustar 00 <?xml version="1.0" encoding="UTF-8"?> <svg width="59px" height="33px" viewBox="0 0 59 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 52.4 (67378) - http://www.bohemiancoding.com/sketch --> <title>product-tabs-blue</title> <desc>Created with Sketch.</desc> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Icons" transform="translate(-365.000000, -196.000000)"> <rect id="Rectangle-3-Copy-6" fill="#577E9C" x="371" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3-Copy-7" fill="#386689" x="388" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-3-Copy-8" fill="#386689" x="405" y="201" width="13" height="8" rx="2"></rect> <rect id="Rectangle-Copy-13" fill="#577E9C" x="371" y="212" width="47" height="2" rx="1"></rect> <rect id="Rectangle-Copy-14" fill="#577E9C" x="371" y="217" width="47" height="2" rx="1"></rect> <rect id="Rectangle-Copy-15" fill="#577E9C" x="371" y="222" width="24" height="2" rx="1"></rect> <rect id="Rectangle" fill="#577E9C" x="391" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#577E9C" x="408" y="204" width="7" height="2" rx="1"></rect> <rect id="Rectangle" fill="#386689" x="374" y="204" width="7" height="2" rx="1"></rect> </g> </g> </svg> assets/icon.font.css 0000777 00000002373 15251226601 0010471 0 ustar 00 /* Icon font */ @font-face { font-family: 'Material Symbols Rounded'; font-style: normal; font-weight: 100 700; /* src: url('../fonts/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2') format('woff2'); */ src: url('//fonts.gstatic.com/s/materialsymbolsrounded/v173/sykg-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190Fjzag.woff2') format('woff2'); } .material-symbols-rounded { font-family: 'Material Symbols Rounded'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .material-symbols-rounded-fill { font-family: 'Material Symbols Rounded'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24 } assets/tailwind.css 0000777 00000001074 15251226601 0010404 0 ustar 00 /*@tailwind base;*/ @tailwind components; @tailwind utilities; /* Custom Scrollbar */ .rvx-scrollbar::-webkit-scrollbar { width: 6px; /* Width of the scrollbar */ height: 8px; /* Height of the scrollbar (for horizontal scrolling) */ } .rvx-scrollbar::-webkit-scrollbar-track { background: #f0f0f0; /* Track background color */ } .rvx-scrollbar::-webkit-scrollbar-thumb { background: #acabab; /* Thumb color */ border-radius: 4px; /* Rounded corners */ } .rvx-scrollbar::-webkit-scrollbar-thumb:hover { background: #857e7e; /* Hover color */ } js/multiCriteriaRatingComponent.js 0000777 00000001632 15251226601 0013374 0 ustar 00 function __rvxMultiCriteriaRatingComponent__(rating, index) { return { selectedStars: 5, // Set initially selected stars selectCriteriaStars(star) { this.selectedStars = star; rating.rating = star; }, getCriteriaStarsClass(star) { return [ star <= this.selectedStars ? 'rvx-review-form__star-active' : 'rvx-fill-neutral-600 rvx-review-form__star-inactive' ]; } } } function __rvxStarRatingComponent__() { return { selectedStars: 5, // Set initially selected stars selectStars(star) { this.selectedStars = star; this.newReview.rating = star }, getStarClass(star) { return [ star <= this.selectedStars ? 'rvx-review-form__star-active' : 'rvx-fill-neutral-600 rvx-review-form__star-inactive' ]; } } } js/rvx_user_access_script.js 0000777 00000000111 15251226601 0012300 0 ustar 00 window.__rvxUserAccess = rvxUserAccess; window.__rvxLocals = rvx_locals; js/mediaUploadComponent.js 0000777 00000010314 15251226601 0011633 0 ustar 00 function __rvxMediaUploadComponent__(){ return { isDragging: false, multiple: true, isPhotoReviewsAllowed: false, isVideoReviewsAllowed: false, // accept: 'image/*,video/*', accept: 'image/*', disabled: false, files: { urls: [], blobFiles: [], }, maxFileCountError: null, maxFileSizeError: null, maxFileCount: 5, // Set max file count (adjust as needed) maxFileSize: 10, // Set max file size in MB (adjust as needed) init() { this.isPhotoReviewsAllowed = this.reviewSettingsData?.data?.setting?.review_settings?.reviews?.photo_reviews_allowed ?? false; this.isVideoReviewsAllowed = this.reviewSettingsData?.data?.setting?.review_settings?.reviews?.video_reviews_allowed ?? false; // console.log('isPhotoReviewsAllowed:', this.isPhotoReviewsAllowed); // console.log('isVideoReviewsAllowed:', this.isVideoReviewsAllowed); if(this.isPhotoReviewsAllowed && !this.isVideoReviewsAllowed){ this.accept = 'image/*' } if(this.isVideoReviewsAllowed && !this.isPhotoReviewsAllowed){ this.accept = 'video/*' } if(this.isVideoReviewsAllowed && this.isPhotoReviewsAllowed){ this.accept = 'image/*,video/*' } this.ready = true; this.clearAll(); // Clear files on init this.$nextTick(() => { this.notifyFiles(); // Notify parent components about the state of files }); }, // formatAcceptHandler(){}, // Drag-and-drop handlers dragEnterHandler() { this.isDragging = true; }, dragLeaveHandler() { this.isDragging = false; }, dropHandler(e) { const fileList = e.dataTransfer?.files; if (fileList?.length) { this.handleFiles(fileList); this.dragLeaveHandler(); } }, notifyFiles() { this.$dispatch('notify-attachment',{ reviewAttachFiles: this.files }); }, // File upload (input and drop) handling onUpload(event) { const target = event.target; // console.log('target.files', target?.files) if (target.files) { this.handleFiles(target.files); this.notifyFiles() } }, handleFiles(fileList) { const newFiles = Array.from(fileList); // Reset error states this.maxFileCountError = null; this.maxFileSizeError = null; // Check file count constraint if (this.maxFileCount && this.files.blobFiles.length + newFiles.length > this.maxFileCount) { this.maxFileCountError = `Cannot upload more than ${this.maxFileCount} files.`; return; } // Check file size constraint const maxFileSizeBytes = this.maxFileSize ? this.maxFileSize * 1024 * 1024 : null; const overSizedFiles = newFiles.filter( (file) => maxFileSizeBytes && file.size > maxFileSizeBytes ); if (overSizedFiles.length > 0) { this.maxFileSizeError = `Some files exceed the maximum size of ${this.maxFileSize} MB.`; return; } this.files.blobFiles.push(...newFiles); this.files.urls.push(...this.createObjectURLs(newFiles)); }, createObjectURLs(files) { return files.map((file) => ({ path: URL.createObjectURL(file), type: file.type.startsWith('image') ? 'image' : 'video', })); }, remove(index) { URL.revokeObjectURL(this.files.urls[index].path); this.files.blobFiles.splice(index, 1); this.files.urls.splice(index, 1); this.notifyFiles() }, clearAll() { this.files.urls.forEach((file) => URL.revokeObjectURL(file.path)); this.files.blobFiles = []; this.files.urls = []; this.notifyFiles() } } } js/eventDispatch/notify/index.js 0000777 00000000151 15251226601 0012742 0 ustar 00 function notifyReviewModalClose() { console.log('this =====', this) console.log('review added') } js/alpine.js 0000777 00000324523 15251226601 0007006 0 ustar 00 (() => { // packages/alpinejs/src/scheduler.js var flushPending = false; var flushing = false; var queue = []; var lastFlushedIndex = -1; function scheduler(callback) { queueJob(callback); } function queueJob(job) { if (!queue.includes(job)) queue.push(job); queueFlush(); } function dequeueJob(job) { let index = queue.indexOf(job); if (index !== -1 && index > lastFlushedIndex) queue.splice(index, 1); } function queueFlush() { if (!flushing && !flushPending) { flushPending = true; queueMicrotask(flushJobs); } } function flushJobs() { flushPending = false; flushing = true; for (let i = 0; i < queue.length; i++) { queue[i](); lastFlushedIndex = i; } queue.length = 0; lastFlushedIndex = -1; flushing = false; } // packages/alpinejs/src/reactivity.js var reactive; var effect; var release; var raw; var shouldSchedule = true; function disableEffectScheduling(callback) { shouldSchedule = false; callback(); shouldSchedule = true; } function setReactivityEngine(engine) { reactive = engine.reactive; release = engine.release; effect = (callback) => engine.effect(callback, { scheduler: (task) => { if (shouldSchedule) { scheduler(task); } else { task(); } } }); raw = engine.raw; } function overrideEffect(override) { effect = override; } function elementBoundEffect(el) { let cleanup2 = () => { }; let wrappedEffect = (callback) => { let effectReference = effect(callback); if (!el._x_effects) { el._x_effects = /* @__PURE__ */ new Set(); el._x_runEffects = () => { el._x_effects.forEach((i) => i()); }; } el._x_effects.add(effectReference); cleanup2 = () => { if (effectReference === void 0) return; el._x_effects.delete(effectReference); release(effectReference); }; return effectReference; }; return [wrappedEffect, () => { cleanup2(); }]; } function watch(getter, callback) { let firstTime = true; let oldValue; let effectReference = effect(() => { let value = getter(); JSON.stringify(value); if (!firstTime) { queueMicrotask(() => { callback(value, oldValue); oldValue = value; }); } else { oldValue = value; } firstTime = false; }); return () => release(effectReference); } // packages/alpinejs/src/mutation.js var onAttributeAddeds = []; var onElRemoveds = []; var onElAddeds = []; function onElAdded(callback) { onElAddeds.push(callback); } function onElRemoved(el, callback) { if (typeof callback === "function") { if (!el._x_cleanups) el._x_cleanups = []; el._x_cleanups.push(callback); } else { callback = el; onElRemoveds.push(callback); } } function onAttributesAdded(callback) { onAttributeAddeds.push(callback); } function onAttributeRemoved(el, name, callback) { if (!el._x_attributeCleanups) el._x_attributeCleanups = {}; if (!el._x_attributeCleanups[name]) el._x_attributeCleanups[name] = []; el._x_attributeCleanups[name].push(callback); } function cleanupAttributes(el, names) { if (!el._x_attributeCleanups) return; Object.entries(el._x_attributeCleanups).forEach(([name, value]) => { if (names === void 0 || names.includes(name)) { value.forEach((i) => i()); delete el._x_attributeCleanups[name]; } }); } function cleanupElement(el) { if (el._x_cleanups) { while (el._x_cleanups.length) el._x_cleanups.pop()(); } } var observer = new MutationObserver(onMutate); var currentlyObserving = false; function startObservingMutations() { observer.observe(document, { subtree: true, childList: true, attributes: true, attributeOldValue: true }); currentlyObserving = true; } function stopObservingMutations() { flushObserver(); observer.disconnect(); currentlyObserving = false; } var queuedMutations = []; function flushObserver() { let records = observer.takeRecords(); queuedMutations.push(() => records.length > 0 && onMutate(records)); let queueLengthWhenTriggered = queuedMutations.length; queueMicrotask(() => { if (queuedMutations.length === queueLengthWhenTriggered) { while (queuedMutations.length > 0) queuedMutations.shift()(); } }); } function mutateDom(callback) { if (!currentlyObserving) return callback(); stopObservingMutations(); let result = callback(); startObservingMutations(); return result; } var isCollecting = false; var deferredMutations = []; function deferMutations() { isCollecting = true; } function flushAndStopDeferringMutations() { isCollecting = false; onMutate(deferredMutations); deferredMutations = []; } function onMutate(mutations) { if (isCollecting) { deferredMutations = deferredMutations.concat(mutations); return; } let addedNodes = /* @__PURE__ */ new Set(); let removedNodes = /* @__PURE__ */ new Set(); let addedAttributes = /* @__PURE__ */ new Map(); let removedAttributes = /* @__PURE__ */ new Map(); for (let i = 0; i < mutations.length; i++) { if (mutations[i].target._x_ignoreMutationObserver) continue; if (mutations[i].type === "childList") { mutations[i].addedNodes.forEach((node) => node.nodeType === 1 && addedNodes.add(node)); mutations[i].removedNodes.forEach((node) => node.nodeType === 1 && removedNodes.add(node)); } if (mutations[i].type === "attributes") { let el = mutations[i].target; let name = mutations[i].attributeName; let oldValue = mutations[i].oldValue; let add2 = () => { if (!addedAttributes.has(el)) addedAttributes.set(el, []); addedAttributes.get(el).push({ name, value: el.getAttribute(name) }); }; let remove = () => { if (!removedAttributes.has(el)) removedAttributes.set(el, []); removedAttributes.get(el).push(name); }; if (el.hasAttribute(name) && oldValue === null) { add2(); } else if (el.hasAttribute(name)) { remove(); add2(); } else { remove(); } } } removedAttributes.forEach((attrs, el) => { cleanupAttributes(el, attrs); }); addedAttributes.forEach((attrs, el) => { onAttributeAddeds.forEach((i) => i(el, attrs)); }); for (let node of removedNodes) { if (addedNodes.has(node)) continue; onElRemoveds.forEach((i) => i(node)); } addedNodes.forEach((node) => { node._x_ignoreSelf = true; node._x_ignore = true; }); for (let node of addedNodes) { if (removedNodes.has(node)) continue; if (!node.isConnected) continue; delete node._x_ignoreSelf; delete node._x_ignore; onElAddeds.forEach((i) => i(node)); node._x_ignore = true; node._x_ignoreSelf = true; } addedNodes.forEach((node) => { delete node._x_ignoreSelf; delete node._x_ignore; }); addedNodes = null; removedNodes = null; addedAttributes = null; removedAttributes = null; } // packages/alpinejs/src/scope.js function scope(node) { return mergeProxies(closestDataStack(node)); } function addScopeToNode(node, data2, referenceNode) { node._x_dataStack = [data2, ...closestDataStack(referenceNode || node)]; return () => { node._x_dataStack = node._x_dataStack.filter((i) => i !== data2); }; } function closestDataStack(node) { if (node._x_dataStack) return node._x_dataStack; if (typeof ShadowRoot === "function" && node instanceof ShadowRoot) { return closestDataStack(node.host); } if (!node.parentNode) { return []; } return closestDataStack(node.parentNode); } function mergeProxies(objects) { return new Proxy({ objects }, mergeProxyTrap); } var mergeProxyTrap = { ownKeys({ objects }) { return Array.from( new Set(objects.flatMap((i) => Object.keys(i))) ); }, has({ objects }, name) { if (name == Symbol.unscopables) return false; return objects.some( (obj) => Object.prototype.hasOwnProperty.call(obj, name) || Reflect.has(obj, name) ); }, get({ objects }, name, thisProxy) { if (name == "toJSON") return collapseProxies; return Reflect.get( objects.find( (obj) => Reflect.has(obj, name) ) || {}, name, thisProxy ); }, set({ objects }, name, value, thisProxy) { const target = objects.find( (obj) => Object.prototype.hasOwnProperty.call(obj, name) ) || objects[objects.length - 1]; const descriptor = Object.getOwnPropertyDescriptor(target, name); if (descriptor?.set && descriptor?.get) return descriptor.set.call(thisProxy, value) || true; return Reflect.set(target, name, value); } }; function collapseProxies() { let keys = Reflect.ownKeys(this); return keys.reduce((acc, key) => { acc[key] = Reflect.get(this, key); return acc; }, {}); } // packages/alpinejs/src/interceptor.js function initInterceptors(data2) { let isObject2 = (val) => typeof val === "object" && !Array.isArray(val) && val !== null; let recurse = (obj, basePath = "") => { Object.entries(Object.getOwnPropertyDescriptors(obj)).forEach(([key, { value, enumerable }]) => { if (enumerable === false || value === void 0) return; if (typeof value === "object" && value !== null && value.__v_skip) return; let path = basePath === "" ? key : `${basePath}.${key}`; if (typeof value === "object" && value !== null && value._x_interceptor) { obj[key] = value.initialize(data2, path, key); } else { if (isObject2(value) && value !== obj && !(value instanceof Element)) { recurse(value, path); } } }); }; return recurse(data2); } function interceptor(callback, mutateObj = () => { }) { let obj = { initialValue: void 0, _x_interceptor: true, initialize(data2, path, key) { return callback(this.initialValue, () => get(data2, path), (value) => set(data2, path, value), path, key); } }; mutateObj(obj); return (initialValue) => { if (typeof initialValue === "object" && initialValue !== null && initialValue._x_interceptor) { let initialize = obj.initialize.bind(obj); obj.initialize = (data2, path, key) => { let innerValue = initialValue.initialize(data2, path, key); obj.initialValue = innerValue; return initialize(data2, path, key); }; } else { obj.initialValue = initialValue; } return obj; }; } function get(obj, path) { return path.split(".").reduce((carry, segment) => carry[segment], obj); } function set(obj, path, value) { if (typeof path === "string") path = path.split("."); if (path.length === 1) obj[path[0]] = value; else if (path.length === 0) throw error; else { if (obj[path[0]]) return set(obj[path[0]], path.slice(1), value); else { obj[path[0]] = {}; return set(obj[path[0]], path.slice(1), value); } } } // packages/alpinejs/src/magics.js var magics = {}; function magic(name, callback) { magics[name] = callback; } function injectMagics(obj, el) { Object.entries(magics).forEach(([name, callback]) => { let memoizedUtilities = null; function getUtilities() { if (memoizedUtilities) { return memoizedUtilities; } else { let [utilities, cleanup2] = getElementBoundUtilities(el); memoizedUtilities = { interceptor, ...utilities }; onElRemoved(el, cleanup2); return memoizedUtilities; } } Object.defineProperty(obj, `$${name}`, { get() { return callback(el, getUtilities()); }, enumerable: false }); }); return obj; } // packages/alpinejs/src/utils/error.js function tryCatch(el, expression, callback, ...args) { try { return callback(...args); } catch (e) { handleError(e, el, expression); } } function handleError(error2, el, expression = void 0) { error2 = Object.assign( error2 ?? { message: "No error message given." }, { el, expression } ); console.warn(`Alpine Expression Error: ${error2.message} ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el); setTimeout(() => { throw error2; }, 0); } // packages/alpinejs/src/evaluator.js var shouldAutoEvaluateFunctions = true; function dontAutoEvaluateFunctions(callback) { let cache = shouldAutoEvaluateFunctions; shouldAutoEvaluateFunctions = false; let result = callback(); shouldAutoEvaluateFunctions = cache; return result; } function evaluate(el, expression, extras = {}) { let result; evaluateLater(el, expression)((value) => result = value, extras); return result; } function evaluateLater(...args) { return theEvaluatorFunction(...args); } var theEvaluatorFunction = normalEvaluator; function setEvaluator(newEvaluator) { theEvaluatorFunction = newEvaluator; } function normalEvaluator(el, expression) { let overriddenMagics = {}; injectMagics(overriddenMagics, el); let dataStack = [overriddenMagics, ...closestDataStack(el)]; let evaluator = typeof expression === "function" ? generateEvaluatorFromFunction(dataStack, expression) : generateEvaluatorFromString(dataStack, expression, el); return tryCatch.bind(null, el, expression, evaluator); } function generateEvaluatorFromFunction(dataStack, func) { return (receiver = () => { }, { scope: scope2 = {}, params = [] } = {}) => { let result = func.apply(mergeProxies([scope2, ...dataStack]), params); runIfTypeOfFunction(receiver, result); }; } var evaluatorMemo = {}; function generateFunctionFromString(expression, el) { if (evaluatorMemo[expression]) { return evaluatorMemo[expression]; } let AsyncFunction = Object.getPrototypeOf(async function() { }).constructor; let rightSideSafeExpression = /^[\n\s]*if.*\(.*\)/.test(expression.trim()) || /^(let|const)\s/.test(expression.trim()) ? `(async()=>{ ${expression} })()` : expression; const safeAsyncFunction = () => { try { let func2 = new AsyncFunction( ["__self", "scope"], `with (scope) { __self.result = ${rightSideSafeExpression} }; __self.finished = true; return __self.result;` ); Object.defineProperty(func2, "name", { value: `[Alpine] ${expression}` }); return func2; } catch (error2) { handleError(error2, el, expression); return Promise.resolve(); } }; let func = safeAsyncFunction(); evaluatorMemo[expression] = func; return func; } function generateEvaluatorFromString(dataStack, expression, el) { let func = generateFunctionFromString(expression, el); return (receiver = () => { }, { scope: scope2 = {}, params = [] } = {}) => { func.result = void 0; func.finished = false; let completeScope = mergeProxies([scope2, ...dataStack]); if (typeof func === "function") { let promise = func(func, completeScope).catch((error2) => handleError(error2, el, expression)); if (func.finished) { runIfTypeOfFunction(receiver, func.result, completeScope, params, el); func.result = void 0; } else { promise.then((result) => { runIfTypeOfFunction(receiver, result, completeScope, params, el); }).catch((error2) => handleError(error2, el, expression)).finally(() => func.result = void 0); } } }; } function runIfTypeOfFunction(receiver, value, scope2, params, el) { if (shouldAutoEvaluateFunctions && typeof value === "function") { let result = value.apply(scope2, params); if (result instanceof Promise) { result.then((i) => runIfTypeOfFunction(receiver, i, scope2, params)).catch((error2) => handleError(error2, el, value)); } else { receiver(result); } } else if (typeof value === "object" && value instanceof Promise) { value.then((i) => receiver(i)); } else { receiver(value); } } // packages/alpinejs/src/directives.js var prefixAsString = "x-"; function prefix(subject = "") { return prefixAsString + subject; } function setPrefix(newPrefix) { prefixAsString = newPrefix; } var directiveHandlers = {}; function directive(name, callback) { directiveHandlers[name] = callback; return { before(directive2) { if (!directiveHandlers[directive2]) { console.warn(String.raw`Cannot find directive \`${directive2}\`. \`${name}\` will use the default order of execution`); return; } const pos = directiveOrder.indexOf(directive2); directiveOrder.splice(pos >= 0 ? pos : directiveOrder.indexOf("DEFAULT"), 0, name); } }; } function directiveExists(name) { return Object.keys(directiveHandlers).includes(name); } function directives(el, attributes, originalAttributeOverride) { attributes = Array.from(attributes); if (el._x_virtualDirectives) { let vAttributes = Object.entries(el._x_virtualDirectives).map(([name, value]) => ({ name, value })); let staticAttributes = attributesOnly(vAttributes); vAttributes = vAttributes.map((attribute) => { if (staticAttributes.find((attr) => attr.name === attribute.name)) { return { name: `x-bind:${attribute.name}`, value: `"${attribute.value}"` }; } return attribute; }); attributes = attributes.concat(vAttributes); } let transformedAttributeMap = {}; let directives2 = attributes.map(toTransformedAttributes((newName, oldName) => transformedAttributeMap[newName] = oldName)).filter(outNonAlpineAttributes).map(toParsedDirectives(transformedAttributeMap, originalAttributeOverride)).sort(byPriority); return directives2.map((directive2) => { return getDirectiveHandler(el, directive2); }); } function attributesOnly(attributes) { return Array.from(attributes).map(toTransformedAttributes()).filter((attr) => !outNonAlpineAttributes(attr)); } var isDeferringHandlers = false; var directiveHandlerStacks = /* @__PURE__ */ new Map(); var currentHandlerStackKey = Symbol(); function deferHandlingDirectives(callback) { isDeferringHandlers = true; let key = Symbol(); currentHandlerStackKey = key; directiveHandlerStacks.set(key, []); let flushHandlers = () => { while (directiveHandlerStacks.get(key).length) directiveHandlerStacks.get(key).shift()(); directiveHandlerStacks.delete(key); }; let stopDeferring = () => { isDeferringHandlers = false; flushHandlers(); }; callback(flushHandlers); stopDeferring(); } function getElementBoundUtilities(el) { let cleanups = []; let cleanup2 = (callback) => cleanups.push(callback); let [effect3, cleanupEffect] = elementBoundEffect(el); cleanups.push(cleanupEffect); let utilities = { Alpine: alpine_default, effect: effect3, cleanup: cleanup2, evaluateLater: evaluateLater.bind(evaluateLater, el), evaluate: evaluate.bind(evaluate, el) }; let doCleanup = () => cleanups.forEach((i) => i()); return [utilities, doCleanup]; } function getDirectiveHandler(el, directive2) { let noop = () => { }; let handler4 = directiveHandlers[directive2.type] || noop; let [utilities, cleanup2] = getElementBoundUtilities(el); onAttributeRemoved(el, directive2.original, cleanup2); let fullHandler = () => { if (el._x_ignore || el._x_ignoreSelf) return; handler4.inline && handler4.inline(el, directive2, utilities); handler4 = handler4.bind(handler4, el, directive2, utilities); isDeferringHandlers ? directiveHandlerStacks.get(currentHandlerStackKey).push(handler4) : handler4(); }; fullHandler.runCleanups = cleanup2; return fullHandler; } var startingWith = (subject, replacement) => ({ name, value }) => { if (name.startsWith(subject)) name = name.replace(subject, replacement); return { name, value }; }; var into = (i) => i; function toTransformedAttributes(callback = () => { }) { return ({ name, value }) => { let { name: newName, value: newValue } = attributeTransformers.reduce((carry, transform) => { return transform(carry); }, { name, value }); if (newName !== name) callback(newName, name); return { name: newName, value: newValue }; }; } var attributeTransformers = []; function mapAttributes(callback) { attributeTransformers.push(callback); } function outNonAlpineAttributes({ name }) { return alpineAttributeRegex().test(name); } var alpineAttributeRegex = () => new RegExp(`^${prefixAsString}([^:^.]+)\\b`); function toParsedDirectives(transformedAttributeMap, originalAttributeOverride) { return ({ name, value }) => { let typeMatch = name.match(alpineAttributeRegex()); let valueMatch = name.match(/:([a-zA-Z0-9\-_:]+)/); let modifiers = name.match(/\.[^.\]]+(?=[^\]]*$)/g) || []; let original = originalAttributeOverride || transformedAttributeMap[name] || name; return { type: typeMatch ? typeMatch[1] : null, value: valueMatch ? valueMatch[1] : null, modifiers: modifiers.map((i) => i.replace(".", "")), expression: value, original }; }; } var DEFAULT = "DEFAULT"; var directiveOrder = [ "ignore", "ref", "data", "id", "anchor", "bind", "init", "for", "model", "modelable", "transition", "show", "if", DEFAULT, "teleport" ]; function byPriority(a, b) { let typeA = directiveOrder.indexOf(a.type) === -1 ? DEFAULT : a.type; let typeB = directiveOrder.indexOf(b.type) === -1 ? DEFAULT : b.type; return directiveOrder.indexOf(typeA) - directiveOrder.indexOf(typeB); } // packages/alpinejs/src/utils/dispatch.js function dispatch(el, name, detail = {}) { el.dispatchEvent( new CustomEvent(name, { detail, bubbles: true, // Allows events to pass the shadow DOM barrier. composed: true, cancelable: true }) ); } // packages/alpinejs/src/utils/walk.js function walk(el, callback) { if (typeof ShadowRoot === "function" && el instanceof ShadowRoot) { Array.from(el.children).forEach((el2) => walk(el2, callback)); return; } let skip = false; callback(el, () => skip = true); if (skip) return; let node = el.firstElementChild; while (node) { walk(node, callback, false); node = node.nextElementSibling; } } // packages/alpinejs/src/utils/warn.js function warn(message, ...args) { console.warn(`Alpine Warning: ${message}`, ...args); } // packages/alpinejs/src/lifecycle.js var started = false; function start() { if (started) warn("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."); started = true; if (!document.body) warn("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"); dispatch(document, "alpine:init"); dispatch(document, "alpine:initializing"); startObservingMutations(); onElAdded((el) => initTree(el, walk)); onElRemoved((el) => destroyTree(el)); onAttributesAdded((el, attrs) => { directives(el, attrs).forEach((handle) => handle()); }); let outNestedComponents = (el) => !closestRoot(el.parentElement, true); Array.from(document.querySelectorAll(allSelectors().join(","))).filter(outNestedComponents).forEach((el) => { initTree(el); }); dispatch(document, "alpine:initialized"); setTimeout(() => { warnAboutMissingPlugins(); }); } var rootSelectorCallbacks = []; var initSelectorCallbacks = []; function rootSelectors() { return rootSelectorCallbacks.map((fn) => fn()); } function allSelectors() { return rootSelectorCallbacks.concat(initSelectorCallbacks).map((fn) => fn()); } function addRootSelector(selectorCallback) { rootSelectorCallbacks.push(selectorCallback); } function addInitSelector(selectorCallback) { initSelectorCallbacks.push(selectorCallback); } function closestRoot(el, includeInitSelectors = false) { return findClosest(el, (element) => { const selectors = includeInitSelectors ? allSelectors() : rootSelectors(); if (selectors.some((selector) => element.matches(selector))) return true; }); } function findClosest(el, callback) { if (!el) return; if (callback(el)) return el; if (el._x_teleportBack) el = el._x_teleportBack; if (!el.parentElement) return; return findClosest(el.parentElement, callback); } function isRoot(el) { return rootSelectors().some((selector) => el.matches(selector)); } var initInterceptors2 = []; function interceptInit(callback) { initInterceptors2.push(callback); } function initTree(el, walker = walk, intercept = () => { }) { deferHandlingDirectives(() => { walker(el, (el2, skip) => { intercept(el2, skip); initInterceptors2.forEach((i) => i(el2, skip)); directives(el2, el2.attributes).forEach((handle) => handle()); el2._x_ignore && skip(); }); }); } function destroyTree(root, walker = walk) { walker(root, (el) => { cleanupAttributes(el); cleanupElement(el); }); } function warnAboutMissingPlugins() { let pluginDirectives = [ ["ui", "dialog", ["[x-dialog], [x-popover]"]], ["anchor", "anchor", ["[x-anchor]"]], ["sort", "sort", ["[x-sort]"]] ]; pluginDirectives.forEach(([plugin2, directive2, selectors]) => { if (directiveExists(directive2)) return; selectors.some((selector) => { if (document.querySelector(selector)) { warn(`found "${selector}", but missing ${plugin2} plugin`); return true; } }); }); } // packages/alpinejs/src/nextTick.js var tickStack = []; var isHolding = false; function nextTick(callback = () => { }) { queueMicrotask(() => { isHolding || setTimeout(() => { releaseNextTicks(); }); }); return new Promise((res) => { tickStack.push(() => { callback(); res(); }); }); } function releaseNextTicks() { isHolding = false; while (tickStack.length) tickStack.shift()(); } function holdNextTicks() { isHolding = true; } // packages/alpinejs/src/utils/classes.js function setClasses(el, value) { if (Array.isArray(value)) { return setClassesFromString(el, value.join(" ")); } else if (typeof value === "object" && value !== null) { return setClassesFromObject(el, value); } else if (typeof value === "function") { return setClasses(el, value()); } return setClassesFromString(el, value); } function setClassesFromString(el, classString) { let split = (classString2) => classString2.split(" ").filter(Boolean); let missingClasses = (classString2) => classString2.split(" ").filter((i) => !el.classList.contains(i)).filter(Boolean); let addClassesAndReturnUndo = (classes) => { el.classList.add(...classes); return () => { el.classList.remove(...classes); }; }; classString = classString === true ? classString = "" : classString || ""; return addClassesAndReturnUndo(missingClasses(classString)); } function setClassesFromObject(el, classObject) { let split = (classString) => classString.split(" ").filter(Boolean); let forAdd = Object.entries(classObject).flatMap(([classString, bool]) => bool ? split(classString) : false).filter(Boolean); let forRemove = Object.entries(classObject).flatMap(([classString, bool]) => !bool ? split(classString) : false).filter(Boolean); let added = []; let removed = []; forRemove.forEach((i) => { if (el.classList.contains(i)) { el.classList.remove(i); removed.push(i); } }); forAdd.forEach((i) => { if (!el.classList.contains(i)) { el.classList.add(i); added.push(i); } }); return () => { removed.forEach((i) => el.classList.add(i)); added.forEach((i) => el.classList.remove(i)); }; } // packages/alpinejs/src/utils/styles.js function setStyles(el, value) { if (typeof value === "object" && value !== null) { return setStylesFromObject(el, value); } return setStylesFromString(el, value); } function setStylesFromObject(el, value) { let previousStyles = {}; Object.entries(value).forEach(([key, value2]) => { previousStyles[key] = el.style[key]; if (!key.startsWith("--")) { key = kebabCase(key); } el.style.setProperty(key, value2); }); setTimeout(() => { if (el.style.length === 0) { el.removeAttribute("style"); } }); return () => { setStyles(el, previousStyles); }; } function setStylesFromString(el, value) { let cache = el.getAttribute("style", value); el.setAttribute("style", value); return () => { el.setAttribute("style", cache || ""); }; } function kebabCase(subject) { return subject.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(); } // packages/alpinejs/src/utils/once.js function once(callback, fallback = () => { }) { let called = false; return function() { if (!called) { called = true; callback.apply(this, arguments); } else { fallback.apply(this, arguments); } }; } // packages/alpinejs/src/directives/x-transition.js directive("transition", (el, { value, modifiers, expression }, { evaluate: evaluate2 }) => { if (typeof expression === "function") expression = evaluate2(expression); if (expression === false) return; if (!expression || typeof expression === "boolean") { registerTransitionsFromHelper(el, modifiers, value); } else { registerTransitionsFromClassString(el, expression, value); } }); function registerTransitionsFromClassString(el, classString, stage) { registerTransitionObject(el, setClasses, ""); let directiveStorageMap = { "enter": (classes) => { el._x_transition.enter.during = classes; }, "enter-start": (classes) => { el._x_transition.enter.start = classes; }, "enter-end": (classes) => { el._x_transition.enter.end = classes; }, "leave": (classes) => { el._x_transition.leave.during = classes; }, "leave-start": (classes) => { el._x_transition.leave.start = classes; }, "leave-end": (classes) => { el._x_transition.leave.end = classes; } }; directiveStorageMap[stage](classString); } function registerTransitionsFromHelper(el, modifiers, stage) { registerTransitionObject(el, setStyles); let doesntSpecify = !modifiers.includes("in") && !modifiers.includes("out") && !stage; let transitioningIn = doesntSpecify || modifiers.includes("in") || ["enter"].includes(stage); let transitioningOut = doesntSpecify || modifiers.includes("out") || ["leave"].includes(stage); if (modifiers.includes("in") && !doesntSpecify) { modifiers = modifiers.filter((i, index) => index < modifiers.indexOf("out")); } if (modifiers.includes("out") && !doesntSpecify) { modifiers = modifiers.filter((i, index) => index > modifiers.indexOf("out")); } let wantsAll = !modifiers.includes("opacity") && !modifiers.includes("scale"); let wantsOpacity = wantsAll || modifiers.includes("opacity"); let wantsScale = wantsAll || modifiers.includes("scale"); let opacityValue = wantsOpacity ? 0 : 1; let scaleValue = wantsScale ? modifierValue(modifiers, "scale", 95) / 100 : 1; let delay = modifierValue(modifiers, "delay", 0) / 1e3; let origin = modifierValue(modifiers, "origin", "center"); let property = "opacity, transform"; let durationIn = modifierValue(modifiers, "duration", 150) / 1e3; let durationOut = modifierValue(modifiers, "duration", 75) / 1e3; let easing = `cubic-bezier(0.4, 0.0, 0.2, 1)`; if (transitioningIn) { el._x_transition.enter.during = { transformOrigin: origin, transitionDelay: `${delay}s`, transitionProperty: property, transitionDuration: `${durationIn}s`, transitionTimingFunction: easing }; el._x_transition.enter.start = { opacity: opacityValue, transform: `scale(${scaleValue})` }; el._x_transition.enter.end = { opacity: 1, transform: `scale(1)` }; } if (transitioningOut) { el._x_transition.leave.during = { transformOrigin: origin, transitionDelay: `${delay}s`, transitionProperty: property, transitionDuration: `${durationOut}s`, transitionTimingFunction: easing }; el._x_transition.leave.start = { opacity: 1, transform: `scale(1)` }; el._x_transition.leave.end = { opacity: opacityValue, transform: `scale(${scaleValue})` }; } } function registerTransitionObject(el, setFunction, defaultValue = {}) { if (!el._x_transition) el._x_transition = { enter: { during: defaultValue, start: defaultValue, end: defaultValue }, leave: { during: defaultValue, start: defaultValue, end: defaultValue }, in(before = () => { }, after = () => { }) { transition(el, setFunction, { during: this.enter.during, start: this.enter.start, end: this.enter.end }, before, after); }, out(before = () => { }, after = () => { }) { transition(el, setFunction, { during: this.leave.during, start: this.leave.start, end: this.leave.end }, before, after); } }; } window.Element.prototype._x_toggleAndCascadeWithTransitions = function(el, value, show, hide) { const nextTick2 = document.visibilityState === "visible" ? requestAnimationFrame : setTimeout; let clickAwayCompatibleShow = () => nextTick2(show); if (value) { if (el._x_transition && (el._x_transition.enter || el._x_transition.leave)) { el._x_transition.enter && (Object.entries(el._x_transition.enter.during).length || Object.entries(el._x_transition.enter.start).length || Object.entries(el._x_transition.enter.end).length) ? el._x_transition.in(show) : clickAwayCompatibleShow(); } else { el._x_transition ? el._x_transition.in(show) : clickAwayCompatibleShow(); } return; } el._x_hidePromise = el._x_transition ? new Promise((resolve, reject) => { el._x_transition.out(() => { }, () => resolve(hide)); el._x_transitioning && el._x_transitioning.beforeCancel(() => reject({ isFromCancelledTransition: true })); }) : Promise.resolve(hide); queueMicrotask(() => { let closest = closestHide(el); if (closest) { if (!closest._x_hideChildren) closest._x_hideChildren = []; closest._x_hideChildren.push(el); } else { nextTick2(() => { let hideAfterChildren = (el2) => { let carry = Promise.all([ el2._x_hidePromise, ...(el2._x_hideChildren || []).map(hideAfterChildren) ]).then(([i]) => i?.()); delete el2._x_hidePromise; delete el2._x_hideChildren; return carry; }; hideAfterChildren(el).catch((e) => { if (!e.isFromCancelledTransition) throw e; }); }); } }); }; function closestHide(el) { let parent = el.parentNode; if (!parent) return; return parent._x_hidePromise ? parent : closestHide(parent); } function transition(el, setFunction, { during, start: start2, end } = {}, before = () => { }, after = () => { }) { if (el._x_transitioning) el._x_transitioning.cancel(); if (Object.keys(during).length === 0 && Object.keys(start2).length === 0 && Object.keys(end).length === 0) { before(); after(); return; } let undoStart, undoDuring, undoEnd; performTransition(el, { start() { undoStart = setFunction(el, start2); }, during() { undoDuring = setFunction(el, during); }, before, end() { undoStart(); undoEnd = setFunction(el, end); }, after, cleanup() { undoDuring(); undoEnd(); } }); } function performTransition(el, stages) { let interrupted, reachedBefore, reachedEnd; let finish = once(() => { mutateDom(() => { interrupted = true; if (!reachedBefore) stages.before(); if (!reachedEnd) { stages.end(); releaseNextTicks(); } stages.after(); if (el.isConnected) stages.cleanup(); delete el._x_transitioning; }); }); el._x_transitioning = { beforeCancels: [], beforeCancel(callback) { this.beforeCancels.push(callback); }, cancel: once(function() { while (this.beforeCancels.length) { this.beforeCancels.shift()(); } ; finish(); }), finish }; mutateDom(() => { stages.start(); stages.during(); }); holdNextTicks(); requestAnimationFrame(() => { if (interrupted) return; let duration = Number(getComputedStyle(el).transitionDuration.replace(/,.*/, "").replace("s", "")) * 1e3; let delay = Number(getComputedStyle(el).transitionDelay.replace(/,.*/, "").replace("s", "")) * 1e3; if (duration === 0) duration = Number(getComputedStyle(el).animationDuration.replace("s", "")) * 1e3; mutateDom(() => { stages.before(); }); reachedBefore = true; requestAnimationFrame(() => { if (interrupted) return; mutateDom(() => { stages.end(); }); releaseNextTicks(); setTimeout(el._x_transitioning.finish, duration + delay); reachedEnd = true; }); }); } function modifierValue(modifiers, key, fallback) { if (modifiers.indexOf(key) === -1) return fallback; const rawValue = modifiers[modifiers.indexOf(key) + 1]; if (!rawValue) return fallback; if (key === "scale") { if (isNaN(rawValue)) return fallback; } if (key === "duration" || key === "delay") { let match = rawValue.match(/([0-9]+)ms/); if (match) return match[1]; } if (key === "origin") { if (["top", "right", "left", "center", "bottom"].includes(modifiers[modifiers.indexOf(key) + 2])) { return [rawValue, modifiers[modifiers.indexOf(key) + 2]].join(" "); } } return rawValue; } // packages/alpinejs/src/clone.js var isCloning = false; function skipDuringClone(callback, fallback = () => { }) { return (...args) => isCloning ? fallback(...args) : callback(...args); } function onlyDuringClone(callback) { return (...args) => isCloning && callback(...args); } var interceptors = []; function interceptClone(callback) { interceptors.push(callback); } function cloneNode(from, to) { interceptors.forEach((i) => i(from, to)); isCloning = true; dontRegisterReactiveSideEffects(() => { initTree(to, (el, callback) => { callback(el, () => { }); }); }); isCloning = false; } var isCloningLegacy = false; function clone(oldEl, newEl) { if (!newEl._x_dataStack) newEl._x_dataStack = oldEl._x_dataStack; isCloning = true; isCloningLegacy = true; dontRegisterReactiveSideEffects(() => { cloneTree(newEl); }); isCloning = false; isCloningLegacy = false; } function cloneTree(el) { let hasRunThroughFirstEl = false; let shallowWalker = (el2, callback) => { walk(el2, (el3, skip) => { if (hasRunThroughFirstEl && isRoot(el3)) return skip(); hasRunThroughFirstEl = true; callback(el3, skip); }); }; initTree(el, shallowWalker); } function dontRegisterReactiveSideEffects(callback) { let cache = effect; overrideEffect((callback2, el) => { let storedEffect = cache(callback2); release(storedEffect); return () => { }; }); callback(); overrideEffect(cache); } // packages/alpinejs/src/utils/bind.js function bind(el, name, value, modifiers = []) { if (!el._x_bindings) el._x_bindings = reactive({}); el._x_bindings[name] = value; name = modifiers.includes("camel") ? camelCase(name) : name; switch (name) { case "value": bindInputValue(el, value); break; case "style": bindStyles(el, value); break; case "class": bindClasses(el, value); break; case "selected": case "checked": bindAttributeAndProperty(el, name, value); break; default: bindAttribute(el, name, value); break; } } function bindInputValue(el, value) { if (el.type === "radio") { if (el.attributes.value === void 0) { el.value = value; } if (window.fromModel) { if (typeof value === "boolean") { el.checked = safeParseBoolean(el.value) === value; } else { el.checked = checkedAttrLooseCompare(el.value, value); } } } else if (el.type === "checkbox") { if (Number.isInteger(value)) { el.value = value; } else if (!Array.isArray(value) && typeof value !== "boolean" && ![null, void 0].includes(value)) { el.value = String(value); } else { if (Array.isArray(value)) { el.checked = value.some((val) => checkedAttrLooseCompare(val, el.value)); } else { el.checked = !!value; } } } else if (el.tagName === "SELECT") { updateSelect(el, value); } else { if (el.value === value) return; el.value = value === void 0 ? "" : value; } } function bindClasses(el, value) { if (el._x_undoAddedClasses) el._x_undoAddedClasses(); el._x_undoAddedClasses = setClasses(el, value); } function bindStyles(el, value) { if (el._x_undoAddedStyles) el._x_undoAddedStyles(); el._x_undoAddedStyles = setStyles(el, value); } function bindAttributeAndProperty(el, name, value) { bindAttribute(el, name, value); setPropertyIfChanged(el, name, value); } function bindAttribute(el, name, value) { if ([null, void 0, false].includes(value) && attributeShouldntBePreservedIfFalsy(name)) { el.removeAttribute(name); } else { if (isBooleanAttr(name)) value = name; setIfChanged(el, name, value); } } function setIfChanged(el, attrName, value) { if (el.getAttribute(attrName) != value) { el.setAttribute(attrName, value); } } function setPropertyIfChanged(el, propName, value) { if (el[propName] !== value) { el[propName] = value; } } function updateSelect(el, value) { const arrayWrappedValue = [].concat(value).map((value2) => { return value2 + ""; }); Array.from(el.options).forEach((option) => { option.selected = arrayWrappedValue.includes(option.value); }); } function camelCase(subject) { return subject.toLowerCase().replace(/-(\w)/g, (match, char) => char.toUpperCase()); } function checkedAttrLooseCompare(valueA, valueB) { return valueA == valueB; } function safeParseBoolean(rawValue) { if ([1, "1", "true", "on", "yes", true].includes(rawValue)) { return true; } if ([0, "0", "false", "off", "no", false].includes(rawValue)) { return false; } return rawValue ? Boolean(rawValue) : null; } function isBooleanAttr(attrName) { const booleanAttributes = [ "disabled", "checked", "required", "readonly", "open", "selected", "autofocus", "itemscope", "multiple", "novalidate", "allowfullscreen", "allowpaymentrequest", "formnovalidate", "autoplay", "controls", "loop", "muted", "playsinline", "default", "ismap", "reversed", "async", "defer", "nomodule" ]; return booleanAttributes.includes(attrName); } function attributeShouldntBePreservedIfFalsy(name) { return !["aria-pressed", "aria-checked", "aria-expanded", "aria-selected"].includes(name); } function getBinding(el, name, fallback) { if (el._x_bindings && el._x_bindings[name] !== void 0) return el._x_bindings[name]; return getAttributeBinding(el, name, fallback); } function extractProp(el, name, fallback, extract = true) { if (el._x_bindings && el._x_bindings[name] !== void 0) return el._x_bindings[name]; if (el._x_inlineBindings && el._x_inlineBindings[name] !== void 0) { let binding = el._x_inlineBindings[name]; binding.extract = extract; return dontAutoEvaluateFunctions(() => { return evaluate(el, binding.expression); }); } return getAttributeBinding(el, name, fallback); } function getAttributeBinding(el, name, fallback) { let attr = el.getAttribute(name); if (attr === null) return typeof fallback === "function" ? fallback() : fallback; if (attr === "") return true; if (isBooleanAttr(name)) { return !![name, "true"].includes(attr); } return attr; } // packages/alpinejs/src/utils/debounce.js function debounce(func, wait) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; func.apply(context, args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); }; } // packages/alpinejs/src/utils/throttle.js function throttle(func, limit) { let inThrottle; return function() { let context = this, args = arguments; if (!inThrottle) { func.apply(context, args); inThrottle = true; setTimeout(() => inThrottle = false, limit); } }; } // packages/alpinejs/src/entangle.js function entangle({ get: outerGet, set: outerSet }, { get: innerGet, set: innerSet }) { let firstRun = true; let outerHash; let innerHash; let reference = effect(() => { let outer = outerGet(); let inner = innerGet(); if (firstRun) { innerSet(cloneIfObject(outer)); firstRun = false; } else { let outerHashLatest = JSON.stringify(outer); let innerHashLatest = JSON.stringify(inner); if (outerHashLatest !== outerHash) { innerSet(cloneIfObject(outer)); } else if (outerHashLatest !== innerHashLatest) { outerSet(cloneIfObject(inner)); } else { } } outerHash = JSON.stringify(outerGet()); innerHash = JSON.stringify(innerGet()); }); return () => { release(reference); }; } function cloneIfObject(value) { return typeof value === "object" ? JSON.parse(JSON.stringify(value)) : value; } // packages/alpinejs/src/plugin.js function plugin(callback) { let callbacks = Array.isArray(callback) ? callback : [callback]; callbacks.forEach((i) => i(alpine_default)); } // packages/alpinejs/src/store.js var stores = {}; var isReactive = false; function store(name, value) { if (!isReactive) { stores = reactive(stores); isReactive = true; } if (value === void 0) { return stores[name]; } stores[name] = value; if (typeof value === "object" && value !== null && value.hasOwnProperty("init") && typeof value.init === "function") { stores[name].init(); } initInterceptors(stores[name]); } function getStores() { return stores; } // packages/alpinejs/src/binds.js var binds = {}; function bind2(name, bindings) { let getBindings = typeof bindings !== "function" ? () => bindings : bindings; if (name instanceof Element) { return applyBindingsObject(name, getBindings()); } else { binds[name] = getBindings; } return () => { }; } function injectBindingProviders(obj) { Object.entries(binds).forEach(([name, callback]) => { Object.defineProperty(obj, name, { get() { return (...args) => { return callback(...args); }; } }); }); return obj; } function applyBindingsObject(el, obj, original) { let cleanupRunners = []; while (cleanupRunners.length) cleanupRunners.pop()(); let attributes = Object.entries(obj).map(([name, value]) => ({ name, value })); let staticAttributes = attributesOnly(attributes); attributes = attributes.map((attribute) => { if (staticAttributes.find((attr) => attr.name === attribute.name)) { return { name: `x-bind:${attribute.name}`, value: `"${attribute.value}"` }; } return attribute; }); directives(el, attributes, original).map((handle) => { cleanupRunners.push(handle.runCleanups); handle(); }); return () => { while (cleanupRunners.length) cleanupRunners.pop()(); }; } // packages/alpinejs/src/datas.js var datas = {}; function data(name, callback) { datas[name] = callback; } function injectDataProviders(obj, context) { Object.entries(datas).forEach(([name, callback]) => { Object.defineProperty(obj, name, { get() { return (...args) => { return callback.bind(context)(...args); }; }, enumerable: false }); }); return obj; } // packages/alpinejs/src/alpine.js var Alpine = { get reactive() { return reactive; }, get release() { return release; }, get effect() { return effect; }, get raw() { return raw; }, version: "3.14.1", flushAndStopDeferringMutations, dontAutoEvaluateFunctions, disableEffectScheduling, startObservingMutations, stopObservingMutations, setReactivityEngine, onAttributeRemoved, onAttributesAdded, closestDataStack, skipDuringClone, onlyDuringClone, addRootSelector, addInitSelector, interceptClone, addScopeToNode, deferMutations, mapAttributes, evaluateLater, interceptInit, setEvaluator, mergeProxies, extractProp, findClosest, onElRemoved, closestRoot, destroyTree, interceptor, // INTERNAL: not public API and is subject to change without major release. transition, // INTERNAL setStyles, // INTERNAL mutateDom, directive, entangle, throttle, debounce, evaluate, initTree, nextTick, prefixed: prefix, prefix: setPrefix, plugin, magic, store, start, clone, // INTERNAL cloneNode, // INTERNAL bound: getBinding, $data: scope, watch, walk, data, bind: bind2 }; var alpine_default = Alpine; // node_modules/@vue/shared/dist/shared.esm-bundler.js function makeMap(str, expectsLowerCase) { const map = /* @__PURE__ */ Object.create(null); const list = str.split(","); for (let i = 0; i < list.length; i++) { map[list[i]] = true; } return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val]; } var specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`; var isBooleanAttr2 = /* @__PURE__ */ makeMap(specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`); var EMPTY_OBJ = true ? Object.freeze({}) : {}; var EMPTY_ARR = true ? Object.freeze([]) : []; var hasOwnProperty = Object.prototype.hasOwnProperty; var hasOwn = (val, key) => hasOwnProperty.call(val, key); var isArray = Array.isArray; var isMap = (val) => toTypeString(val) === "[object Map]"; var isString = (val) => typeof val === "string"; var isSymbol = (val) => typeof val === "symbol"; var isObject = (val) => val !== null && typeof val === "object"; var objectToString = Object.prototype.toString; var toTypeString = (value) => objectToString.call(value); var toRawType = (value) => { return toTypeString(value).slice(8, -1); }; var isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key; var cacheStringFunction = (fn) => { const cache = /* @__PURE__ */ Object.create(null); return (str) => { const hit = cache[str]; return hit || (cache[str] = fn(str)); }; }; var camelizeRE = /-(\w)/g; var camelize = cacheStringFunction((str) => { return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : ""); }); var hyphenateRE = /\B([A-Z])/g; var hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase()); var capitalize = cacheStringFunction((str) => str.charAt(0).toUpperCase() + str.slice(1)); var toHandlerKey = cacheStringFunction((str) => str ? `on${capitalize(str)}` : ``); var hasChanged = (value, oldValue) => value !== oldValue && (value === value || oldValue === oldValue); // node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js var targetMap = /* @__PURE__ */ new WeakMap(); var effectStack = []; var activeEffect; var ITERATE_KEY = Symbol(true ? "iterate" : ""); var MAP_KEY_ITERATE_KEY = Symbol(true ? "Map key iterate" : ""); function isEffect(fn) { return fn && fn._isEffect === true; } function effect2(fn, options = EMPTY_OBJ) { if (isEffect(fn)) { fn = fn.raw; } const effect3 = createReactiveEffect(fn, options); if (!options.lazy) { effect3(); } return effect3; } function stop(effect3) { if (effect3.active) { cleanup(effect3); if (effect3.options.onStop) { effect3.options.onStop(); } effect3.active = false; } } var uid = 0; function createReactiveEffect(fn, options) { const effect3 = function reactiveEffect() { if (!effect3.active) { return fn(); } if (!effectStack.includes(effect3)) { cleanup(effect3); try { enableTracking(); effectStack.push(effect3); activeEffect = effect3; return fn(); } finally { effectStack.pop(); resetTracking(); activeEffect = effectStack[effectStack.length - 1]; } } }; effect3.id = uid++; effect3.allowRecurse = !!options.allowRecurse; effect3._isEffect = true; effect3.active = true; effect3.raw = fn; effect3.deps = []; effect3.options = options; return effect3; } function cleanup(effect3) { const { deps } = effect3; if (deps.length) { for (let i = 0; i < deps.length; i++) { deps[i].delete(effect3); } deps.length = 0; } } var shouldTrack = true; var trackStack = []; function pauseTracking() { trackStack.push(shouldTrack); shouldTrack = false; } function enableTracking() { trackStack.push(shouldTrack); shouldTrack = true; } function resetTracking() { const last = trackStack.pop(); shouldTrack = last === void 0 ? true : last; } function track(target, type, key) { if (!shouldTrack || activeEffect === void 0) { return; } let depsMap = targetMap.get(target); if (!depsMap) { targetMap.set(target, depsMap = /* @__PURE__ */ new Map()); } let dep = depsMap.get(key); if (!dep) { depsMap.set(key, dep = /* @__PURE__ */ new Set()); } if (!dep.has(activeEffect)) { dep.add(activeEffect); activeEffect.deps.push(dep); if (activeEffect.options.onTrack) { activeEffect.options.onTrack({ effect: activeEffect, target, type, key }); } } } function trigger(target, type, key, newValue, oldValue, oldTarget) { const depsMap = targetMap.get(target); if (!depsMap) { return; } const effects = /* @__PURE__ */ new Set(); const add2 = (effectsToAdd) => { if (effectsToAdd) { effectsToAdd.forEach((effect3) => { if (effect3 !== activeEffect || effect3.allowRecurse) { effects.add(effect3); } }); } }; if (type === "clear") { depsMap.forEach(add2); } else if (key === "length" && isArray(target)) { depsMap.forEach((dep, key2) => { if (key2 === "length" || key2 >= newValue) { add2(dep); } }); } else { if (key !== void 0) { add2(depsMap.get(key)); } switch (type) { case "add": if (!isArray(target)) { add2(depsMap.get(ITERATE_KEY)); if (isMap(target)) { add2(depsMap.get(MAP_KEY_ITERATE_KEY)); } } else if (isIntegerKey(key)) { add2(depsMap.get("length")); } break; case "delete": if (!isArray(target)) { add2(depsMap.get(ITERATE_KEY)); if (isMap(target)) { add2(depsMap.get(MAP_KEY_ITERATE_KEY)); } } break; case "set": if (isMap(target)) { add2(depsMap.get(ITERATE_KEY)); } break; } } const run = (effect3) => { if (effect3.options.onTrigger) { effect3.options.onTrigger({ effect: effect3, target, key, type, newValue, oldValue, oldTarget }); } if (effect3.options.scheduler) { effect3.options.scheduler(effect3); } else { effect3(); } }; effects.forEach(run); } var isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`); var builtInSymbols = new Set(Object.getOwnPropertyNames(Symbol).map((key) => Symbol[key]).filter(isSymbol)); var get2 = /* @__PURE__ */ createGetter(); var readonlyGet = /* @__PURE__ */ createGetter(true); var arrayInstrumentations = /* @__PURE__ */ createArrayInstrumentations(); function createArrayInstrumentations() { const instrumentations = {}; ["includes", "indexOf", "lastIndexOf"].forEach((key) => { instrumentations[key] = function(...args) { const arr = toRaw(this); for (let i = 0, l = this.length; i < l; i++) { track(arr, "get", i + ""); } const res = arr[key](...args); if (res === -1 || res === false) { return arr[key](...args.map(toRaw)); } else { return res; } }; }); ["push", "pop", "shift", "unshift", "splice"].forEach((key) => { instrumentations[key] = function(...args) { pauseTracking(); const res = toRaw(this)[key].apply(this, args); resetTracking(); return res; }; }); return instrumentations; } function createGetter(isReadonly = false, shallow = false) { return function get3(target, key, receiver) { if (key === "__v_isReactive") { return !isReadonly; } else if (key === "__v_isReadonly") { return isReadonly; } else if (key === "__v_raw" && receiver === (isReadonly ? shallow ? shallowReadonlyMap : readonlyMap : shallow ? shallowReactiveMap : reactiveMap).get(target)) { return target; } const targetIsArray = isArray(target); if (!isReadonly && targetIsArray && hasOwn(arrayInstrumentations, key)) { return Reflect.get(arrayInstrumentations, key, receiver); } const res = Reflect.get(target, key, receiver); if (isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) { return res; } if (!isReadonly) { track(target, "get", key); } if (shallow) { return res; } if (isRef(res)) { const shouldUnwrap = !targetIsArray || !isIntegerKey(key); return shouldUnwrap ? res.value : res; } if (isObject(res)) { return isReadonly ? readonly(res) : reactive2(res); } return res; }; } var set2 = /* @__PURE__ */ createSetter(); function createSetter(shallow = false) { return function set3(target, key, value, receiver) { let oldValue = target[key]; if (!shallow) { value = toRaw(value); oldValue = toRaw(oldValue); if (!isArray(target) && isRef(oldValue) && !isRef(value)) { oldValue.value = value; return true; } } const hadKey = isArray(target) && isIntegerKey(key) ? Number(key) < target.length : hasOwn(target, key); const result = Reflect.set(target, key, value, receiver); if (target === toRaw(receiver)) { if (!hadKey) { trigger(target, "add", key, value); } else if (hasChanged(value, oldValue)) { trigger(target, "set", key, value, oldValue); } } return result; }; } function deleteProperty(target, key) { const hadKey = hasOwn(target, key); const oldValue = target[key]; const result = Reflect.deleteProperty(target, key); if (result && hadKey) { trigger(target, "delete", key, void 0, oldValue); } return result; } function has(target, key) { const result = Reflect.has(target, key); if (!isSymbol(key) || !builtInSymbols.has(key)) { track(target, "has", key); } return result; } function ownKeys(target) { track(target, "iterate", isArray(target) ? "length" : ITERATE_KEY); return Reflect.ownKeys(target); } var mutableHandlers = { get: get2, set: set2, deleteProperty, has, ownKeys }; var readonlyHandlers = { get: readonlyGet, set(target, key) { if (true) { console.warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target); } return true; }, deleteProperty(target, key) { if (true) { console.warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target); } return true; } }; var toReactive = (value) => isObject(value) ? reactive2(value) : value; var toReadonly = (value) => isObject(value) ? readonly(value) : value; var toShallow = (value) => value; var getProto = (v) => Reflect.getPrototypeOf(v); function get$1(target, key, isReadonly = false, isShallow = false) { target = target[ "__v_raw" /* RAW */ ]; const rawTarget = toRaw(target); const rawKey = toRaw(key); if (key !== rawKey) { !isReadonly && track(rawTarget, "get", key); } !isReadonly && track(rawTarget, "get", rawKey); const { has: has2 } = getProto(rawTarget); const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; if (has2.call(rawTarget, key)) { return wrap(target.get(key)); } else if (has2.call(rawTarget, rawKey)) { return wrap(target.get(rawKey)); } else if (target !== rawTarget) { target.get(key); } } function has$1(key, isReadonly = false) { const target = this[ "__v_raw" /* RAW */ ]; const rawTarget = toRaw(target); const rawKey = toRaw(key); if (key !== rawKey) { !isReadonly && track(rawTarget, "has", key); } !isReadonly && track(rawTarget, "has", rawKey); return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey); } function size(target, isReadonly = false) { target = target[ "__v_raw" /* RAW */ ]; !isReadonly && track(toRaw(target), "iterate", ITERATE_KEY); return Reflect.get(target, "size", target); } function add(value) { value = toRaw(value); const target = toRaw(this); const proto = getProto(target); const hadKey = proto.has.call(target, value); if (!hadKey) { target.add(value); trigger(target, "add", value, value); } return this; } function set$1(key, value) { value = toRaw(value); const target = toRaw(this); const { has: has2, get: get3 } = getProto(target); let hadKey = has2.call(target, key); if (!hadKey) { key = toRaw(key); hadKey = has2.call(target, key); } else if (true) { checkIdentityKeys(target, has2, key); } const oldValue = get3.call(target, key); target.set(key, value); if (!hadKey) { trigger(target, "add", key, value); } else if (hasChanged(value, oldValue)) { trigger(target, "set", key, value, oldValue); } return this; } function deleteEntry(key) { const target = toRaw(this); const { has: has2, get: get3 } = getProto(target); let hadKey = has2.call(target, key); if (!hadKey) { key = toRaw(key); hadKey = has2.call(target, key); } else if (true) { checkIdentityKeys(target, has2, key); } const oldValue = get3 ? get3.call(target, key) : void 0; const result = target.delete(key); if (hadKey) { trigger(target, "delete", key, void 0, oldValue); } return result; } function clear() { const target = toRaw(this); const hadItems = target.size !== 0; const oldTarget = true ? isMap(target) ? new Map(target) : new Set(target) : void 0; const result = target.clear(); if (hadItems) { trigger(target, "clear", void 0, void 0, oldTarget); } return result; } function createForEach(isReadonly, isShallow) { return function forEach(callback, thisArg) { const observed = this; const target = observed[ "__v_raw" /* RAW */ ]; const rawTarget = toRaw(target); const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; !isReadonly && track(rawTarget, "iterate", ITERATE_KEY); return target.forEach((value, key) => { return callback.call(thisArg, wrap(value), wrap(key), observed); }); }; } function createIterableMethod(method, isReadonly, isShallow) { return function(...args) { const target = this[ "__v_raw" /* RAW */ ]; const rawTarget = toRaw(target); const targetIsMap = isMap(rawTarget); const isPair = method === "entries" || method === Symbol.iterator && targetIsMap; const isKeyOnly = method === "keys" && targetIsMap; const innerIterator = target[method](...args); const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive; !isReadonly && track(rawTarget, "iterate", isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY); return { // iterator protocol next() { const { value, done } = innerIterator.next(); return done ? { value, done } : { value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value), done }; }, // iterable protocol [Symbol.iterator]() { return this; } }; }; } function createReadonlyMethod(type) { return function(...args) { if (true) { const key = args[0] ? `on key "${args[0]}" ` : ``; console.warn(`${capitalize(type)} operation ${key}failed: target is readonly.`, toRaw(this)); } return type === "delete" ? false : this; }; } function createInstrumentations() { const mutableInstrumentations2 = { get(key) { return get$1(this, key); }, get size() { return size(this); }, has: has$1, add, set: set$1, delete: deleteEntry, clear, forEach: createForEach(false, false) }; const shallowInstrumentations2 = { get(key) { return get$1(this, key, false, true); }, get size() { return size(this); }, has: has$1, add, set: set$1, delete: deleteEntry, clear, forEach: createForEach(false, true) }; const readonlyInstrumentations2 = { get(key) { return get$1(this, key, true); }, get size() { return size(this, true); }, has(key) { return has$1.call(this, key, true); }, add: createReadonlyMethod( "add" /* ADD */ ), set: createReadonlyMethod( "set" /* SET */ ), delete: createReadonlyMethod( "delete" /* DELETE */ ), clear: createReadonlyMethod( "clear" /* CLEAR */ ), forEach: createForEach(true, false) }; const shallowReadonlyInstrumentations2 = { get(key) { return get$1(this, key, true, true); }, get size() { return size(this, true); }, has(key) { return has$1.call(this, key, true); }, add: createReadonlyMethod( "add" /* ADD */ ), set: createReadonlyMethod( "set" /* SET */ ), delete: createReadonlyMethod( "delete" /* DELETE */ ), clear: createReadonlyMethod( "clear" /* CLEAR */ ), forEach: createForEach(true, true) }; const iteratorMethods = ["keys", "values", "entries", Symbol.iterator]; iteratorMethods.forEach((method) => { mutableInstrumentations2[method] = createIterableMethod(method, false, false); readonlyInstrumentations2[method] = createIterableMethod(method, true, false); shallowInstrumentations2[method] = createIterableMethod(method, false, true); shallowReadonlyInstrumentations2[method] = createIterableMethod(method, true, true); }); return [ mutableInstrumentations2, readonlyInstrumentations2, shallowInstrumentations2, shallowReadonlyInstrumentations2 ]; } var [mutableInstrumentations, readonlyInstrumentations, shallowInstrumentations, shallowReadonlyInstrumentations] = /* @__PURE__ */ createInstrumentations(); function createInstrumentationGetter(isReadonly, shallow) { const instrumentations = shallow ? isReadonly ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly ? readonlyInstrumentations : mutableInstrumentations; return (target, key, receiver) => { if (key === "__v_isReactive") { return !isReadonly; } else if (key === "__v_isReadonly") { return isReadonly; } else if (key === "__v_raw") { return target; } return Reflect.get(hasOwn(instrumentations, key) && key in target ? instrumentations : target, key, receiver); }; } var mutableCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(false, false) }; var readonlyCollectionHandlers = { get: /* @__PURE__ */ createInstrumentationGetter(true, false) }; function checkIdentityKeys(target, has2, key) { const rawKey = toRaw(key); if (rawKey !== key && has2.call(target, rawKey)) { const type = toRawType(target); console.warn(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`); } } var reactiveMap = /* @__PURE__ */ new WeakMap(); var shallowReactiveMap = /* @__PURE__ */ new WeakMap(); var readonlyMap = /* @__PURE__ */ new WeakMap(); var shallowReadonlyMap = /* @__PURE__ */ new WeakMap(); function targetTypeMap(rawType) { switch (rawType) { case "Object": case "Array": return 1; case "Map": case "Set": case "WeakMap": case "WeakSet": return 2; default: return 0; } } function getTargetType(value) { return value[ "__v_skip" /* SKIP */ ] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value)); } function reactive2(target) { if (target && target[ "__v_isReadonly" /* IS_READONLY */ ]) { return target; } return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap); } function readonly(target) { return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap); } function createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) { if (!isObject(target)) { if (true) { console.warn(`value cannot be made reactive: ${String(target)}`); } return target; } if (target[ "__v_raw" /* RAW */ ] && !(isReadonly && target[ "__v_isReactive" /* IS_REACTIVE */ ])) { return target; } const existingProxy = proxyMap.get(target); if (existingProxy) { return existingProxy; } const targetType = getTargetType(target); if (targetType === 0) { return target; } const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers); proxyMap.set(target, proxy); return proxy; } function toRaw(observed) { return observed && toRaw(observed[ "__v_raw" /* RAW */ ]) || observed; } function isRef(r) { return Boolean(r && r.__v_isRef === true); } // packages/alpinejs/src/magics/$nextTick.js magic("nextTick", () => nextTick); // packages/alpinejs/src/magics/$dispatch.js magic("dispatch", (el) => dispatch.bind(dispatch, el)); // packages/alpinejs/src/magics/$watch.js magic("watch", (el, { evaluateLater: evaluateLater2, cleanup: cleanup2 }) => (key, callback) => { let evaluate2 = evaluateLater2(key); let getter = () => { let value; evaluate2((i) => value = i); return value; }; let unwatch = watch(getter, callback); cleanup2(unwatch); }); // packages/alpinejs/src/magics/$store.js magic("store", getStores); // packages/alpinejs/src/magics/$data.js magic("data", (el) => scope(el)); // packages/alpinejs/src/magics/$root.js magic("root", (el) => closestRoot(el)); // packages/alpinejs/src/magics/$refs.js magic("refs", (el) => { if (el._x_refs_proxy) return el._x_refs_proxy; el._x_refs_proxy = mergeProxies(getArrayOfRefObject(el)); return el._x_refs_proxy; }); function getArrayOfRefObject(el) { let refObjects = []; findClosest(el, (i) => { if (i._x_refs) refObjects.push(i._x_refs); }); return refObjects; } // packages/alpinejs/src/ids.js var globalIdMemo = {}; function findAndIncrementId(name) { if (!globalIdMemo[name]) globalIdMemo[name] = 0; return ++globalIdMemo[name]; } function closestIdRoot(el, name) { return findClosest(el, (element) => { if (element._x_ids && element._x_ids[name]) return true; }); } function setIdRoot(el, name) { if (!el._x_ids) el._x_ids = {}; if (!el._x_ids[name]) el._x_ids[name] = findAndIncrementId(name); } // packages/alpinejs/src/magics/$id.js magic("id", (el, { cleanup: cleanup2 }) => (name, key = null) => { let cacheKey = `${name}${key ? `-${key}` : ""}`; return cacheIdByNameOnElement(el, cacheKey, cleanup2, () => { let root = closestIdRoot(el, name); let id = root ? root._x_ids[name] : findAndIncrementId(name); return key ? `${name}-${id}-${key}` : `${name}-${id}`; }); }); interceptClone((from, to) => { if (from._x_id) { to._x_id = from._x_id; } }); function cacheIdByNameOnElement(el, cacheKey, cleanup2, callback) { if (!el._x_id) el._x_id = {}; if (el._x_id[cacheKey]) return el._x_id[cacheKey]; let output = callback(); el._x_id[cacheKey] = output; cleanup2(() => { delete el._x_id[cacheKey]; }); return output; } // packages/alpinejs/src/magics/$el.js magic("el", (el) => el); // packages/alpinejs/src/magics/index.js warnMissingPluginMagic("Focus", "focus", "focus"); warnMissingPluginMagic("Persist", "persist", "persist"); function warnMissingPluginMagic(name, magicName, slug) { magic(magicName, (el) => warn(`You can't use [$${magicName}] without first installing the "${name}" plugin here: https://alpinejs.dev/plugins/${slug}`, el)); } // packages/alpinejs/src/directives/x-modelable.js directive("modelable", (el, { expression }, { effect: effect3, evaluateLater: evaluateLater2, cleanup: cleanup2 }) => { let func = evaluateLater2(expression); let innerGet = () => { let result; func((i) => result = i); return result; }; let evaluateInnerSet = evaluateLater2(`${expression} = __placeholder`); let innerSet = (val) => evaluateInnerSet(() => { }, { scope: { "__placeholder": val } }); let initialValue = innerGet(); innerSet(initialValue); queueMicrotask(() => { if (!el._x_model) return; el._x_removeModelListeners["default"](); let outerGet = el._x_model.get; let outerSet = el._x_model.set; let releaseEntanglement = entangle( { get() { return outerGet(); }, set(value) { outerSet(value); } }, { get() { return innerGet(); }, set(value) { innerSet(value); } } ); cleanup2(releaseEntanglement); }); }); // packages/alpinejs/src/directives/x-teleport.js directive("teleport", (el, { modifiers, expression }, { cleanup: cleanup2 }) => { if (el.tagName.toLowerCase() !== "template") warn("x-teleport can only be used on a <template> tag", el); let target = getTarget(expression); let clone2 = el.content.cloneNode(true).firstElementChild; el._x_teleport = clone2; clone2._x_teleportBack = el; el.setAttribute("data-teleport-template", true); clone2.setAttribute("data-teleport-target", true); if (el._x_forwardEvents) { el._x_forwardEvents.forEach((eventName) => { clone2.addEventListener(eventName, (e) => { e.stopPropagation(); el.dispatchEvent(new e.constructor(e.type, e)); }); }); } addScopeToNode(clone2, {}, el); let placeInDom = (clone3, target2, modifiers2) => { if (modifiers2.includes("prepend")) { target2.parentNode.insertBefore(clone3, target2); } else if (modifiers2.includes("append")) { target2.parentNode.insertBefore(clone3, target2.nextSibling); } else { target2.appendChild(clone3); } }; mutateDom(() => { placeInDom(clone2, target, modifiers); skipDuringClone(() => { initTree(clone2); clone2._x_ignore = true; })(); }); el._x_teleportPutBack = () => { let target2 = getTarget(expression); mutateDom(() => { placeInDom(el._x_teleport, target2, modifiers); }); }; cleanup2(() => clone2.remove()); }); var teleportContainerDuringClone = document.createElement("div"); function getTarget(expression) { let target = skipDuringClone(() => { return document.querySelector(expression); }, () => { return teleportContainerDuringClone; })(); if (!target) warn(`Cannot find x-teleport element for selector: "${expression}"`); return target; } // packages/alpinejs/src/directives/x-ignore.js var handler = () => { }; handler.inline = (el, { modifiers }, { cleanup: cleanup2 }) => { modifiers.includes("self") ? el._x_ignoreSelf = true : el._x_ignore = true; cleanup2(() => { modifiers.includes("self") ? delete el._x_ignoreSelf : delete el._x_ignore; }); }; directive("ignore", handler); // packages/alpinejs/src/directives/x-effect.js directive("effect", skipDuringClone((el, { expression }, { effect: effect3 }) => { effect3(evaluateLater(el, expression)); })); // packages/alpinejs/src/utils/on.js function on(el, event, modifiers, callback) { let listenerTarget = el; let handler4 = (e) => callback(e); let options = {}; let wrapHandler = (callback2, wrapper) => (e) => wrapper(callback2, e); if (modifiers.includes("dot")) event = dotSyntax(event); if (modifiers.includes("camel")) event = camelCase2(event); if (modifiers.includes("passive")) options.passive = true; if (modifiers.includes("capture")) options.capture = true; if (modifiers.includes("window")) listenerTarget = window; if (modifiers.includes("document")) listenerTarget = document; if (modifiers.includes("debounce")) { let nextModifier = modifiers[modifiers.indexOf("debounce") + 1] || "invalid-wait"; let wait = isNumeric(nextModifier.split("ms")[0]) ? Number(nextModifier.split("ms")[0]) : 250; handler4 = debounce(handler4, wait); } if (modifiers.includes("throttle")) { let nextModifier = modifiers[modifiers.indexOf("throttle") + 1] || "invalid-wait"; let wait = isNumeric(nextModifier.split("ms")[0]) ? Number(nextModifier.split("ms")[0]) : 250; handler4 = throttle(handler4, wait); } if (modifiers.includes("prevent")) handler4 = wrapHandler(handler4, (next, e) => { e.preventDefault(); next(e); }); if (modifiers.includes("stop")) handler4 = wrapHandler(handler4, (next, e) => { e.stopPropagation(); next(e); }); if (modifiers.includes("once")) { handler4 = wrapHandler(handler4, (next, e) => { next(e); listenerTarget.removeEventListener(event, handler4, options); }); } if (modifiers.includes("away") || modifiers.includes("outside")) { listenerTarget = document; handler4 = wrapHandler(handler4, (next, e) => { if (el.contains(e.target)) return; if (e.target.isConnected === false) return; if (el.offsetWidth < 1 && el.offsetHeight < 1) return; if (el._x_isShown === false) return; next(e); }); } if (modifiers.includes("self")) handler4 = wrapHandler(handler4, (next, e) => { e.target === el && next(e); }); if (isKeyEvent(event) || isClickEvent(event)) { handler4 = wrapHandler(handler4, (next, e) => { if (isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers)) { return; } next(e); }); } listenerTarget.addEventListener(event, handler4, options); return () => { listenerTarget.removeEventListener(event, handler4, options); }; } function dotSyntax(subject) { return subject.replace(/-/g, "."); } function camelCase2(subject) { return subject.toLowerCase().replace(/-(\w)/g, (match, char) => char.toUpperCase()); } function isNumeric(subject) { return !Array.isArray(subject) && !isNaN(subject); } function kebabCase2(subject) { if ([" ", "_"].includes( subject )) return subject; return subject.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[_\s]/, "-").toLowerCase(); } function isKeyEvent(event) { return ["keydown", "keyup"].includes(event); } function isClickEvent(event) { return ["contextmenu", "click", "mouse"].some((i) => event.includes(i)); } function isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers) { let keyModifiers = modifiers.filter((i) => { return !["window", "document", "prevent", "stop", "once", "capture", "self", "away", "outside", "passive"].includes(i); }); if (keyModifiers.includes("debounce")) { let debounceIndex = keyModifiers.indexOf("debounce"); keyModifiers.splice(debounceIndex, isNumeric((keyModifiers[debounceIndex + 1] || "invalid-wait").split("ms")[0]) ? 2 : 1); } if (keyModifiers.includes("throttle")) { let debounceIndex = keyModifiers.indexOf("throttle"); keyModifiers.splice(debounceIndex, isNumeric((keyModifiers[debounceIndex + 1] || "invalid-wait").split("ms")[0]) ? 2 : 1); } if (keyModifiers.length === 0) return false; if (keyModifiers.length === 1 && keyToModifiers(e.key).includes(keyModifiers[0])) return false; const systemKeyModifiers = ["ctrl", "shift", "alt", "meta", "cmd", "super"]; const selectedSystemKeyModifiers = systemKeyModifiers.filter((modifier) => keyModifiers.includes(modifier)); keyModifiers = keyModifiers.filter((i) => !selectedSystemKeyModifiers.includes(i)); if (selectedSystemKeyModifiers.length > 0) { const activelyPressedKeyModifiers = selectedSystemKeyModifiers.filter((modifier) => { if (modifier === "cmd" || modifier === "super") modifier = "meta"; return e[`${modifier}Key`]; }); if (activelyPressedKeyModifiers.length === selectedSystemKeyModifiers.length) { if (isClickEvent(e.type)) return false; if (keyToModifiers(e.key).includes(keyModifiers[0])) return false; } } return true; } function keyToModifiers(key) { if (!key) return []; key = kebabCase2(key); let modifierToKeyMap = { "ctrl": "control", "slash": "/", "space": " ", "spacebar": " ", "cmd": "meta", "esc": "escape", "up": "arrow-up", "down": "arrow-down", "left": "arrow-left", "right": "arrow-right", "period": ".", "comma": ",", "equal": "=", "minus": "-", "underscore": "_" }; modifierToKeyMap[key] = key; return Object.keys(modifierToKeyMap).map((modifier) => { if (modifierToKeyMap[modifier] === key) return modifier; }).filter((modifier) => modifier); } // packages/alpinejs/src/directives/x-model.js directive("model", (el, { modifiers, expression }, { effect: effect3, cleanup: cleanup2 }) => { let scopeTarget = el; if (modifiers.includes("parent")) { scopeTarget = el.parentNode; } let evaluateGet = evaluateLater(scopeTarget, expression); let evaluateSet; if (typeof expression === "string") { evaluateSet = evaluateLater(scopeTarget, `${expression} = __placeholder`); } else if (typeof expression === "function" && typeof expression() === "string") { evaluateSet = evaluateLater(scopeTarget, `${expression()} = __placeholder`); } else { evaluateSet = () => { }; } let getValue = () => { let result; evaluateGet((value) => result = value); return isGetterSetter(result) ? result.get() : result; }; let setValue = (value) => { let result; evaluateGet((value2) => result = value2); if (isGetterSetter(result)) { result.set(value); } else { evaluateSet(() => { }, { scope: { "__placeholder": value } }); } }; if (typeof expression === "string" && el.type === "radio") { mutateDom(() => { if (!el.hasAttribute("name")) el.setAttribute("name", expression); }); } var event = el.tagName.toLowerCase() === "select" || ["checkbox", "radio"].includes(el.type) || modifiers.includes("lazy") ? "change" : "input"; let removeListener = isCloning ? () => { } : on(el, event, modifiers, (e) => { setValue(getInputValue(el, modifiers, e, getValue())); }); if (modifiers.includes("fill")) { if ([void 0, null, ""].includes(getValue()) || el.type === "checkbox" && Array.isArray(getValue()) || el.tagName.toLowerCase() === "select" && el.multiple) { setValue( getInputValue(el, modifiers, { target: el }, getValue()) ); } } if (!el._x_removeModelListeners) el._x_removeModelListeners = {}; el._x_removeModelListeners["default"] = removeListener; cleanup2(() => el._x_removeModelListeners["default"]()); if (el.form) { let removeResetListener = on(el.form, "reset", [], (e) => { nextTick(() => el._x_model && el._x_model.set(getInputValue(el, modifiers, { target: el }, getValue()))); }); cleanup2(() => removeResetListener()); } el._x_model = { get() { return getValue(); }, set(value) { setValue(value); } }; el._x_forceModelUpdate = (value) => { if (value === void 0 && typeof expression === "string" && expression.match(/\./)) value = ""; window.fromModel = true; mutateDom(() => bind(el, "value", value)); delete window.fromModel; }; effect3(() => { let value = getValue(); if (modifiers.includes("unintrusive") && document.activeElement.isSameNode(el)) return; el._x_forceModelUpdate(value); }); }); function getInputValue(el, modifiers, event, currentValue) { return mutateDom(() => { if (event instanceof CustomEvent && event.detail !== void 0) return event.detail !== null && event.detail !== void 0 ? event.detail : event.target.value; else if (el.type === "checkbox") { if (Array.isArray(currentValue)) { let newValue = null; if (modifiers.includes("number")) { newValue = safeParseNumber(event.target.value); } else if (modifiers.includes("boolean")) { newValue = safeParseBoolean(event.target.value); } else { newValue = event.target.value; } return event.target.checked ? currentValue.includes(newValue) ? currentValue : currentValue.concat([newValue]) : currentValue.filter((el2) => !checkedAttrLooseCompare2(el2, newValue)); } else { return event.target.checked; } } else if (el.tagName.toLowerCase() === "select" && el.multiple) { if (modifiers.includes("number")) { return Array.from(event.target.selectedOptions).map((option) => { let rawValue = option.value || option.text; return safeParseNumber(rawValue); }); } else if (modifiers.includes("boolean")) { return Array.from(event.target.selectedOptions).map((option) => { let rawValue = option.value || option.text; return safeParseBoolean(rawValue); }); } return Array.from(event.target.selectedOptions).map((option) => { return option.value || option.text; }); } else { let newValue; if (el.type === "radio") { if (event.target.checked) { newValue = event.target.value; } else { newValue = currentValue; } } else { newValue = event.target.value; } if (modifiers.includes("number")) { return safeParseNumber(newValue); } else if (modifiers.includes("boolean")) { return safeParseBoolean(newValue); } else if (modifiers.includes("trim")) { return newValue.trim(); } else { return newValue; } } }); } function safeParseNumber(rawValue) { let number = rawValue ? parseFloat(rawValue) : null; return isNumeric2(number) ? number : rawValue; } function checkedAttrLooseCompare2(valueA, valueB) { return valueA == valueB; } function isNumeric2(subject) { return !Array.isArray(subject) && !isNaN(subject); } function isGetterSetter(value) { return value !== null && typeof value === "object" && typeof value.get === "function" && typeof value.set === "function"; } // packages/alpinejs/src/directives/x-cloak.js directive("cloak", (el) => queueMicrotask(() => mutateDom(() => el.removeAttribute(prefix("cloak"))))); // packages/alpinejs/src/directives/x-init.js addInitSelector(() => `[${prefix("init")}]`); directive("init", skipDuringClone((el, { expression }, { evaluate: evaluate2 }) => { if (typeof expression === "string") { return !!expression.trim() && evaluate2(expression, {}, false); } return evaluate2(expression, {}, false); })); // packages/alpinejs/src/directives/x-text.js directive("text", (el, { expression }, { effect: effect3, evaluateLater: evaluateLater2 }) => { let evaluate2 = evaluateLater2(expression); effect3(() => { evaluate2((value) => { mutateDom(() => { el.textContent = value; }); }); }); }); // packages/alpinejs/src/directives/x-html.js directive("html", (el, { expression }, { effect: effect3, evaluateLater: evaluateLater2 }) => { let evaluate2 = evaluateLater2(expression); effect3(() => { evaluate2((value) => { mutateDom(() => { el.innerHTML = value; el._x_ignoreSelf = true; initTree(el); delete el._x_ignoreSelf; }); }); }); }); // packages/alpinejs/src/directives/x-bind.js mapAttributes(startingWith(":", into(prefix("bind:")))); var handler2 = (el, { value, modifiers, expression, original }, { effect: effect3, cleanup: cleanup2 }) => { if (!value) { let bindingProviders = {}; injectBindingProviders(bindingProviders); let getBindings = evaluateLater(el, expression); getBindings((bindings) => { applyBindingsObject(el, bindings, original); }, { scope: bindingProviders }); return; } if (value === "key") return storeKeyForXFor(el, expression); if (el._x_inlineBindings && el._x_inlineBindings[value] && el._x_inlineBindings[value].extract) { return; } let evaluate2 = evaluateLater(el, expression); effect3(() => evaluate2((result) => { if (result === void 0 && typeof expression === "string" && expression.match(/\./)) { result = ""; } mutateDom(() => bind(el, value, result, modifiers)); })); cleanup2(() => { el._x_undoAddedClasses && el._x_undoAddedClasses(); el._x_undoAddedStyles && el._x_undoAddedStyles(); }); }; handler2.inline = (el, { value, modifiers, expression }) => { if (!value) return; if (!el._x_inlineBindings) el._x_inlineBindings = {}; el._x_inlineBindings[value] = { expression, extract: false }; }; directive("bind", handler2); function storeKeyForXFor(el, expression) { el._x_keyExpression = expression; } // packages/alpinejs/src/directives/x-data.js addRootSelector(() => `[${prefix("data")}]`); directive("data", (el, { expression }, { cleanup: cleanup2 }) => { if (shouldSkipRegisteringDataDuringClone(el)) return; expression = expression === "" ? "{}" : expression; let magicContext = {}; injectMagics(magicContext, el); let dataProviderContext = {}; injectDataProviders(dataProviderContext, magicContext); let data2 = evaluate(el, expression, { scope: dataProviderContext }); if (data2 === void 0 || data2 === true) data2 = {}; injectMagics(data2, el); let reactiveData = reactive(data2); initInterceptors(reactiveData); let undo = addScopeToNode(el, reactiveData); reactiveData["init"] && evaluate(el, reactiveData["init"]); cleanup2(() => { reactiveData["destroy"] && evaluate(el, reactiveData["destroy"]); undo(); }); }); interceptClone((from, to) => { if (from._x_dataStack) { to._x_dataStack = from._x_dataStack; to.setAttribute("data-has-alpine-state", true); } }); function shouldSkipRegisteringDataDuringClone(el) { if (!isCloning) return false; if (isCloningLegacy) return true; return el.hasAttribute("data-has-alpine-state"); } // packages/alpinejs/src/directives/x-show.js directive("show", (el, { modifiers, expression }, { effect: effect3 }) => { let evaluate2 = evaluateLater(el, expression); if (!el._x_doHide) el._x_doHide = () => { mutateDom(() => { el.style.setProperty("display", "none", modifiers.includes("important") ? "important" : void 0); }); }; if (!el._x_doShow) el._x_doShow = () => { mutateDom(() => { if (el.style.length === 1 && el.style.display === "none") { el.removeAttribute("style"); } else { el.style.removeProperty("display"); } }); }; let hide = () => { el._x_doHide(); el._x_isShown = false; }; let show = () => { el._x_doShow(); el._x_isShown = true; }; let clickAwayCompatibleShow = () => setTimeout(show); let toggle = once( (value) => value ? show() : hide(), (value) => { if (typeof el._x_toggleAndCascadeWithTransitions === "function") { el._x_toggleAndCascadeWithTransitions(el, value, show, hide); } else { value ? clickAwayCompatibleShow() : hide(); } } ); let oldValue; let firstTime = true; effect3(() => evaluate2((value) => { if (!firstTime && value === oldValue) return; if (modifiers.includes("immediate")) value ? clickAwayCompatibleShow() : hide(); toggle(value); oldValue = value; firstTime = false; })); }); // packages/alpinejs/src/directives/x-for.js directive("for", (el, { expression }, { effect: effect3, cleanup: cleanup2 }) => { let iteratorNames = parseForExpression(expression); let evaluateItems = evaluateLater(el, iteratorNames.items); let evaluateKey = evaluateLater( el, // the x-bind:key expression is stored for our use instead of evaluated. el._x_keyExpression || "index" ); el._x_prevKeys = []; el._x_lookup = {}; effect3(() => loop(el, iteratorNames, evaluateItems, evaluateKey)); cleanup2(() => { Object.values(el._x_lookup).forEach((el2) => el2.remove()); delete el._x_prevKeys; delete el._x_lookup; }); }); function loop(el, iteratorNames, evaluateItems, evaluateKey) { let isObject2 = (i) => typeof i === "object" && !Array.isArray(i); let templateEl = el; evaluateItems((items) => { if (isNumeric3(items) && items >= 0) { items = Array.from(Array(items).keys(), (i) => i + 1); } if (items === void 0) items = []; let lookup = el._x_lookup; let prevKeys = el._x_prevKeys; let scopes = []; let keys = []; if (isObject2(items)) { items = Object.entries(items).map(([key, value]) => { let scope2 = getIterationScopeVariables(iteratorNames, value, key, items); evaluateKey((value2) => { if (keys.includes(value2)) warn("Duplicate key on x-for", el); keys.push(value2); }, { scope: { index: key, ...scope2 } }); scopes.push(scope2); }); } else { for (let i = 0; i < items.length; i++) { let scope2 = getIterationScopeVariables(iteratorNames, items[i], i, items); evaluateKey((value) => { if (keys.includes(value)) warn("Duplicate key on x-for", el); keys.push(value); }, { scope: { index: i, ...scope2 } }); scopes.push(scope2); } } let adds = []; let moves = []; let removes = []; let sames = []; for (let i = 0; i < prevKeys.length; i++) { let key = prevKeys[i]; if (keys.indexOf(key) === -1) removes.push(key); } prevKeys = prevKeys.filter((key) => !removes.includes(key)); let lastKey = "template"; for (let i = 0; i < keys.length; i++) { let key = keys[i]; let prevIndex = prevKeys.indexOf(key); if (prevIndex === -1) { prevKeys.splice(i, 0, key); adds.push([lastKey, i]); } else if (prevIndex !== i) { let keyInSpot = prevKeys.splice(i, 1)[0]; let keyForSpot = prevKeys.splice(prevIndex - 1, 1)[0]; prevKeys.splice(i, 0, keyForSpot); prevKeys.splice(prevIndex, 0, keyInSpot); moves.push([keyInSpot, keyForSpot]); } else { sames.push(key); } lastKey = key; } for (let i = 0; i < removes.length; i++) { let key = removes[i]; if (!!lookup[key]._x_effects) { lookup[key]._x_effects.forEach(dequeueJob); } lookup[key].remove(); lookup[key] = null; delete lookup[key]; } for (let i = 0; i < moves.length; i++) { let [keyInSpot, keyForSpot] = moves[i]; let elInSpot = lookup[keyInSpot]; let elForSpot = lookup[keyForSpot]; let marker = document.createElement("div"); mutateDom(() => { if (!elForSpot) warn(`x-for ":key" is undefined or invalid`, templateEl, keyForSpot, lookup); elForSpot.after(marker); elInSpot.after(elForSpot); elForSpot._x_currentIfEl && elForSpot.after(elForSpot._x_currentIfEl); marker.before(elInSpot); elInSpot._x_currentIfEl && elInSpot.after(elInSpot._x_currentIfEl); marker.remove(); }); elForSpot._x_refreshXForScope(scopes[keys.indexOf(keyForSpot)]); } for (let i = 0; i < adds.length; i++) { let [lastKey2, index] = adds[i]; let lastEl = lastKey2 === "template" ? templateEl : lookup[lastKey2]; if (lastEl._x_currentIfEl) lastEl = lastEl._x_currentIfEl; let scope2 = scopes[index]; let key = keys[index]; let clone2 = document.importNode(templateEl.content, true).firstElementChild; let reactiveScope = reactive(scope2); addScopeToNode(clone2, reactiveScope, templateEl); clone2._x_refreshXForScope = (newScope) => { Object.entries(newScope).forEach(([key2, value]) => { reactiveScope[key2] = value; }); }; mutateDom(() => { lastEl.after(clone2); skipDuringClone(() => initTree(clone2))(); }); if (typeof key === "object") { warn("x-for key cannot be an object, it must be a string or an integer", templateEl); } lookup[key] = clone2; } for (let i = 0; i < sames.length; i++) { lookup[sames[i]]._x_refreshXForScope(scopes[keys.indexOf(sames[i])]); } templateEl._x_prevKeys = keys; }); } function parseForExpression(expression) { let forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/; let stripParensRE = /^\s*\(|\)\s*$/g; let forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/; let inMatch = expression.match(forAliasRE); if (!inMatch) return; let res = {}; res.items = inMatch[2].trim(); let item = inMatch[1].replace(stripParensRE, "").trim(); let iteratorMatch = item.match(forIteratorRE); if (iteratorMatch) { res.item = item.replace(forIteratorRE, "").trim(); res.index = iteratorMatch[1].trim(); if (iteratorMatch[2]) { res.collection = iteratorMatch[2].trim(); } } else { res.item = item; } return res; } function getIterationScopeVariables(iteratorNames, item, index, items) { let scopeVariables = {}; if (/^\[.*\]$/.test(iteratorNames.item) && Array.isArray(item)) { let names = iteratorNames.item.replace("[", "").replace("]", "").split(",").map((i) => i.trim()); names.forEach((name, i) => { scopeVariables[name] = item[i]; }); } else if (/^\{.*\}$/.test(iteratorNames.item) && !Array.isArray(item) && typeof item === "object") { let names = iteratorNames.item.replace("{", "").replace("}", "").split(",").map((i) => i.trim()); names.forEach((name) => { scopeVariables[name] = item[name]; }); } else { scopeVariables[iteratorNames.item] = item; } if (iteratorNames.index) scopeVariables[iteratorNames.index] = index; if (iteratorNames.collection) scopeVariables[iteratorNames.collection] = items; return scopeVariables; } function isNumeric3(subject) { return !Array.isArray(subject) && !isNaN(subject); } // packages/alpinejs/src/directives/x-ref.js function handler3() { } handler3.inline = (el, { expression }, { cleanup: cleanup2 }) => { let root = closestRoot(el); if (!root._x_refs) root._x_refs = {}; root._x_refs[expression] = el; cleanup2(() => delete root._x_refs[expression]); }; directive("ref", handler3); // packages/alpinejs/src/directives/x-if.js directive("if", (el, { expression }, { effect: effect3, cleanup: cleanup2 }) => { if (el.tagName.toLowerCase() !== "template") warn("x-if can only be used on a <template> tag", el); let evaluate2 = evaluateLater(el, expression); let show = () => { if (el._x_currentIfEl) return el._x_currentIfEl; let clone2 = el.content.cloneNode(true).firstElementChild; addScopeToNode(clone2, {}, el); mutateDom(() => { el.after(clone2); skipDuringClone(() => initTree(clone2))(); }); el._x_currentIfEl = clone2; el._x_undoIf = () => { walk(clone2, (node) => { if (!!node._x_effects) { node._x_effects.forEach(dequeueJob); } }); clone2.remove(); delete el._x_currentIfEl; }; return clone2; }; let hide = () => { if (!el._x_undoIf) return; el._x_undoIf(); delete el._x_undoIf; }; effect3(() => evaluate2((value) => { value ? show() : hide(); })); cleanup2(() => el._x_undoIf && el._x_undoIf()); }); // packages/alpinejs/src/directives/x-id.js directive("id", (el, { expression }, { evaluate: evaluate2 }) => { let names = evaluate2(expression); names.forEach((name) => setIdRoot(el, name)); }); interceptClone((from, to) => { if (from._x_ids) { to._x_ids = from._x_ids; } }); // packages/alpinejs/src/directives/x-on.js mapAttributes(startingWith("@", into(prefix("on:")))); directive("on", skipDuringClone((el, { value, modifiers, expression }, { cleanup: cleanup2 }) => { let evaluate2 = expression ? evaluateLater(el, expression) : () => { }; if (el.tagName.toLowerCase() === "template") { if (!el._x_forwardEvents) el._x_forwardEvents = []; if (!el._x_forwardEvents.includes(value)) el._x_forwardEvents.push(value); } let removeListener = on(el, value, modifiers, (e) => { evaluate2(() => { }, { scope: { "$event": e }, params: [e] }); }); cleanup2(() => removeListener()); })); // packages/alpinejs/src/directives/index.js warnMissingPluginDirective("Collapse", "collapse", "collapse"); warnMissingPluginDirective("Intersect", "intersect", "intersect"); warnMissingPluginDirective("Focus", "trap", "focus"); warnMissingPluginDirective("Mask", "mask", "mask"); function warnMissingPluginDirective(name, directiveName, slug) { directive(directiveName, (el) => warn(`You can't use [x-${directiveName}] without first installing the "${name}" plugin here: https://alpinejs.dev/plugins/${slug}`, el)); } // packages/alpinejs/src/index.js alpine_default.setEvaluator(normalEvaluator); alpine_default.setReactivityEngine({ reactive: reactive2, effect: effect2, release: stop, raw: toRaw }); var src_default = alpine_default; // packages/alpinejs/builds/cdn.js window.Alpine = src_default; queueMicrotask(() => { src_default.start(); }); })(); js/helper.js 0000777 00000011436 15251226601 0007011 0 ustar 00 function formatNumber(n) { if (n < 1) return n.toString() if (n < 1e3) return n.toString() if (n >= 1e3 && n < 1e6) return +(n / 1e3).toFixed(1) + 'K' if (n >= 1e6 && n < 1e9) return +(n / 1e6).toFixed(1) + 'M' if (n >= 1e9 && n < 1e12) return +(n / 1e9).toFixed(1) + 'B' if (n >= 1e12) return +(n / 1e12).toFixed(1) + 'T' return n.toString() } function truncateString(str = '', num) { if (str?.length <= num) { return str } return str?.slice(0, num) + '...' } function truncateReviewerName({haveVerifiedBadge = false, showCountryFlg = false, str = ''}) { let showStrChar if(haveVerifiedBadge && showCountryFlg){ showStrChar = 10 } else if(haveVerifiedBadge && !showCountryFlg){ showStrChar = 10 } else if(!haveVerifiedBadge && showCountryFlg){ showStrChar = 7 }else { showStrChar = 17 } return truncateString(str, showStrChar) } function censorReviewerName({isCensor = false, str, firstChars = 1, lastChars = 1}) { if(isCensor){ if (str.length <= firstChars + lastChars) return str; // If name is too short, return it as is const firstPart = str.slice(0, firstChars); const lastPart = str.slice(-lastChars); const middle = '*'.repeat(str.length - firstChars - lastChars); return `${firstPart}${middle}${lastPart}`; } return str } function showDisplayReviewerName({haveVerifiedBadge = false, showCountryFlg = false, str = '', isCensor = false}) { let value = '' if(isCensor){ value = censorReviewerName({isCensor, str}) }else { value = str } return truncateReviewerName({ haveVerifiedBadge, showCountryFlg, str: value }); } function roundToNearestHalf(reviewAverage) { const decimal = reviewAverage % 1; if (decimal < 0.25) { return Math.floor(reviewAverage); } else if (decimal >= 0.25 && decimal < 0.75) { return Math.floor(reviewAverage) + 0.5; } else { return Math.ceil(reviewAverage); } } function isFullStar(star, reviewAverage) { // return star <= Math.floor(reviewAverage); const roundedAverage = this.roundToNearestHalf(reviewAverage); return star <= Math.floor(roundedAverage); } function isHalfStar(star, reviewAverage) { // return star === Math.floor(reviewAverage) + 1 && (reviewAverage % 1 === 0.5); const roundedAverage = this.roundToNearestHalf(reviewAverage); return star === Math.ceil(roundedAverage) && roundedAverage % 1 === 0.5; } function isFullEmptyStar(star, reviewAverage) { // return star > Math.floor(reviewAverage) + (reviewAverage % 1 === 0.5 ? 1 : 0); const roundedAverage = this.roundToNearestHalf(reviewAverage); return star > Math.ceil(roundedAverage); } function isHaveMultipleAttachment(attachmentLength, maxAttachment) { return attachmentLength > maxAttachment } function getFileExtension(url) { try { const parsedUrl = new URL(url); const pathname = parsedUrl.pathname; const extension = pathname.substring(pathname.lastIndexOf('.') + 1); return extension ? extension : ''; } catch (error) { console.error('Invalid URL:', error); return ''; } } function getFileType(url) { // Define sets of video, audio, and image extensions const videoExtensions = new Set(['mp4', 'mov', 'avi', 'mkv', 'webm']); const audioExtensions = new Set(['mp3', 'wav', 'aac', 'flac', 'ogg']); const imageExtensions = new Set(['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp', 'svg']); // Get the file extension const extension = getFileExtension(url).toLowerCase(); // Return an object indicating the type of file return { isVideo: videoExtensions.has(extension), isAudio: audioExtensions.has(extension), isImage: imageExtensions.has(extension) }; } function __rvxTooltipComponent__() { return { tooltipVisible: false, tooltipArrow: true, tooltipPosition: 'bottom', initial(){ this.$nextTick(() => { const content = this.$refs.content; // Ensure the event listeners are attached after the DOM is ready content.addEventListener('mouseenter', () => { this.tooltipVisible = true; }); content.addEventListener('mouseleave', () => { this.tooltipVisible = false; }); }); // this.$refs.content.addEventListener('mouseenter', () => { // console.log('mouseenter =====') // this.tooltipVisible = true; // }); // // this.$refs.content.addEventListener('mouseleave', () => { // console.log('mouseleave ====',) // this.tooltipVisible = false; // }); } } } js/reviewx-storefront.js 0000777 00000124316 15251226601 0011430 0 ustar 00 function __reviewXState__() { return { rvxAttributes: { // settings: { // isVerified: 'no', // }, product: { id: null, postType: 'product', }, userInfo: { isLoggedIn: null, id: null, name: null, email: null, isVerified: false, }, baseDomain: '', baseRestUrl: '', formLevelData: {} }, newReview: { rating: 5, reviewer_email: '', reviewer_name: '', is_anonymous: false, consent: false, title: '', feedback: '', is_recommended: 'true' }, isRvxUserLoggedIn: false, isRvxUserVerified: false, fetchReviewsIsLoading: true, isReviewSubmitting: false, fetchReviewsSettingsIsLoading: false, haveReviews: false, isFiltering: false, reviewsData: null, reviewsAllData: null, reviewListShortCodeData: null, reviewWithReviewIdsShortCodeData: null, reviewSettingsData: undefined, reviewAggregationData: null, isLoadMoreReviews: false, isLoadMoreAllReviews: false, layoutView: 'list', formatAggregations: [], formatMultiCriteriaAggregations: [], multiCriteriaRatings: [], attachmentFiles: [], showReviewSuccessModal: false, showReviewDetailsModal: false, selectedReviewDetails: {}, storeFrontReviewQuery: {}, storeFrontAllReviewQuery: {}, storeFrontAllReviewParams: {}, storeFrontReviewListShortcodeQuery: {}, storeFrontValidation: { isValidReviewTitle: false, isValidReviewFeedback: false, isValidReviewerName: false, isValidReviewerEmail: false, isNotRobot: false, reviewSubmitFailed: false, isAcceptConsent: false }, rvxAttributesDataSetHandler(rvxAttributes) { this.rvxAttributes = { ...this.rvxAttributes, ...rvxAttributes, baseDomain:`${rvxAttributes.domain.baseDomain}/wp-json/reviewx/api/v1/storefront`, baseRestUrl:`${rvxAttributes.domain.baseRestUrl}/api/v1/storefront` } this.isRvxUserLoggedIn = this.rvxAttributes?.userInfo?.isLoggedIn ? true : false this.isRvxUserVerified = this.rvxAttributes?.userInfo?.isVerified ? true : false }, selectedReviewDetailsHandler(review) { this.selectedReviewDetails = review this.showReviewDetailsModal = true }, appendReviews(newRes) { this.reviewsData = { ...this.reviewsData, data: { ...this.reviewsData.data, reviews: [ ...this.reviewsData.data.reviews, ...newRes.data.reviews], meta: {...this.reviewsData.data.meta, ...newRes.data.meta}, } }; }, appendAllReviews(newRes) { this.reviewsAllData = { ...this.reviewsAllData, data: { ...this.reviewsAllData.data, reviews: [ ...this.reviewsAllData.data.reviews, ...newRes.data.reviews], meta: {...this.reviewsAllData.data.meta, ...newRes.data.meta}, } }; }, async fetchReviews({query, loadMoreReview, productId}) { if(loadMoreReview){ this.isLoadMoreReviews = true }else{ this.fetchReviewsIsLoading = true; } let queryParams; if (query) { const newQuery = { ...query } queryParams = this.generateQueryParams(newQuery) } try { const url = `${this.rvxAttributes.baseRestUrl}/${productId}/reviews${queryParams ? '?' + queryParams : ''}`; const data = await fetch(url); const res = await data.json(); if (loadMoreReview && this.reviewsData?.data?.reviews?.length) { this.appendReviews(res); } else { this.reviewsData = res; this.reviewListShortCodeData = res; } if (res?.data?.reviews?.length) { this.haveReviews = true; } } catch (e) { // console.log('Error fetching reviews:', e); } finally { this.fetchReviewsIsLoading = false; this.isLoadMoreReviews = false } }, async fetchReviewsListShortcode({query, loadMoreReview, productId}) { if(loadMoreReview){ this.isLoadMoreReviews = true }else{ this.fetchReviewsIsLoading = true; } let queryParams; if (query) { const newQuery = { ...query } queryParams = this.generateQueryParams(newQuery) } try { const url = `${this.rvxAttributes.baseRestUrl}/${productId}/reviews/shortcode${queryParams ? '?' + queryParams : ''}`; // console.log('URL =====', url) const data = await fetch(url); const res = await data.json(); if (loadMoreReview && this.reviewsData?.data?.reviews?.length) { this.appendReviews(res); } else { this.reviewsData = res; this.reviewListShortCodeData = res; } if (res?.data?.reviews?.length) { this.haveReviews = true; } } catch (e) { // console.log('Error fetching reviews:', e); } finally { this.fetchReviewsIsLoading = false; this.isLoadMoreReviews = false } }, // ////////////////////////// // async fetchReviewListShortCodes(ids) { // this.fetchReviewsIsLoading = true; // const reviewListShortCodeIds = ids?.[0] // if (!reviewListShortCodeIds) return // try { // const url = `${this.rvxAttributes.baseRestUrl}/${reviewListShortCodeIds}/reviews`; // const data = await fetch(url); // const res = await data.json(); // if (!res?.data?.reviews?.length) { // this.haveReviews = true; // No more reviews available // } else { // this.reviewListShortCodeData = res; // } // } catch (e) { // console.log('Error fetching reviews:', e); // } finally { // this.fetchReviewsIsLoading = false; // } // }, // ////////////////////////// async fetchAllReviewListShortCodes({query, loadMoreReview}) { if(loadMoreReview){ this.isLoadMoreAllReviews = true }else{ this.fetchReviewsIsLoading = true; } let queryParams; if (query) { const newQuery = { ...query } queryParams = this.generateQueryParams(newQuery) } try { const params = {} // Only include if value is a non-empty string if (typeof this.storeFrontAllReviewParams?.post_type === 'string' && this.storeFrontAllReviewParams.post_type.trim() !== '') { params.post_type = this.storeFrontAllReviewParams.post_type.trim() } if (typeof this.storeFrontAllReviewParams?.sort_by === 'string' && this.storeFrontAllReviewParams.sort_by.trim() !== '') { params.sort_by = this.storeFrontAllReviewParams.sort_by.trim() } if (typeof this.storeFrontAllReviewParams?.rating === 'string' && this.storeFrontAllReviewParams.rating.trim() !== '') { params.rating = this.storeFrontAllReviewParams.rating.trim() } if (typeof this.storeFrontAllReviewParams?.attachment === 'string' && this.storeFrontAllReviewParams.attachment.trim() !== '') { params.attachment = this.storeFrontAllReviewParams.attachment.trim() } // Build query string for dynamic params const dynamicParams = new URLSearchParams(params).toString() let queryString = '' if (dynamicParams && queryParams) { queryString = `?${dynamicParams}&${queryParams}` } else if (dynamicParams) { queryString = `?${dynamicParams}` } else if (queryParams) { queryString = `?${queryParams}` } const url = `${this.rvxAttributes.baseRestUrl}/all/reviews/shortcode${queryString}` const data = await fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(query), }) const res = await data.json() if (loadMoreReview && this.reviewsAllData?.data?.reviews?.length) { this.appendAllReviews(res); } else { this.reviewsAllData = res; } if (res?.data?.reviews?.length) { this.haveReviews = true; } } catch (e) { console.log('Error fetching reviews:', e); } finally { this.fetchReviewsIsLoading = false; this.isLoadMoreAllReviews = false } }, async fetchReviewListWithIdsShortCodes(ids) { this.fetchReviewsIsLoading = true; const reviewsShortCodeIds = ids if (!reviewsShortCodeIds?.length) return const payload = { review_ids: reviewsShortCodeIds } try { const url = `${this.rvxAttributes.baseRestUrl}/widgets/short/code/reviews`; const data = await fetch(url, { method: 'POST', body: JSON.stringify(payload), headers: { 'Content-Type': 'application/json' } }); const res = await data.json(); // console.log('res =====', res) if (!res?.data?.reviews?.length) { this.haveReviews = true; // No more reviews available } else { this.reviewWithReviewIdsShortCodeData = res; } } catch (e) { console.log('Error fetching reviews:', e); } finally { this.fetchReviewsIsLoading = false; } }, loadMoreReviewHandler() { // this.isLoadMoreReviews = true; const cursor = this.reviewsData?.data?.meta?.next_cursor; if (cursor) { this.storeFrontReviewQuery = { ...this.storeFrontReviewQuery, cursor }; this.fetchReviews({ query: this.storeFrontReviewQuery, loadMoreReview: true, productId: this.rvxAttributes?.product?.id }); } }, loadMoreReviewAllHandler() { // this.isLoadMoreAllReviews = true; const cursor = this.reviewsAllData?.data?.meta?.next_cursor; if (cursor) { this.storeFrontAllReviewQuery = { ...this.storeFrontAllReviewQuery, cursor }; this.fetchAllReviewListShortCodes({ query: this.storeFrontAllReviewQuery, loadMoreReview: true, }); } }, async fetchReviewListShortcodeReviews({ query, loadMoreReview, productId }) { if (loadMoreReview) { this.isLoadMoreReviews = true; } else { this.fetchReviewsIsLoading = true; } let queryParams; if (query) { const newQuery = { ...query }; queryParams = this.generateQueryParams(newQuery); } try { const url = `${this.rvxAttributes.baseRestUrl}/${productId}/reviews${queryParams ? '?' + queryParams : ''}`; const data = await fetch(url); const res = await data.json(); if (loadMoreReview) { // Append new reviews to existing data if (this.reviewListShortCodeData?.data?.reviews) { this.reviewListShortCodeData = { ...this.reviewListShortCodeData, data: { ...this.reviewListShortCodeData.data, reviews: [...this.reviewListShortCodeData.data.reviews, ...res.data.reviews], meta: res.data.meta // Update next_cursor } }; } else { this.reviewListShortCodeData = res; } } else { // Initial load this.reviewListShortCodeData = res; } if (res?.data?.reviews?.length) { this.haveReviews = true; } } catch (e) { console.log('Error fetching reviews:', e); } finally { this.fetchReviewsIsLoading = false; this.isLoadMoreReviews = false; } }, async fetchAllReviewListShortcodeReviews({ query, loadMoreReview}) { if (loadMoreReview) { this.isLoadMoreAllReviews = true; } else { this.fetchReviewsIsLoading = true; } let queryParams; if (query) { queryParams = query; } try { const url = `${this.rvxAttributes.baseRestUrl}/all/reviews/shortcode`; const data = await fetch(url, { method: 'POST', // Use POST instead of GET headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(queryParams), }); const res = await data.json(); if (loadMoreReview) { // Append new reviews to existing data if (this.reviewListShortCodeData?.data?.reviews) { this.reviewListShortCodeData = { ...this.reviewListShortCodeData, data: { ...this.reviewListShortCodeData.data, reviews: [...this.reviewListShortCodeData.data.reviews, ...res.data.reviews], meta: res.data.meta // Update next_cursor } }; } else { this.reviewListShortCodeData = res; } } else { // Initial load this.reviewListShortCodeData = res; } if (res?.data?.reviews?.length) { this.haveReviews = true; } } catch (e) { console.log('Error fetching reviews:', e); } finally { this.fetchReviewsIsLoading = false; this.isLoadMoreAllReviews = false; } }, loadMoreReviewListShortcodeHandler() { const cursor = this.reviewListShortCodeData?.data?.meta?.next_cursor; if (cursor) { this.storeFrontReviewListShortcodeQuery = { ...this.storeFrontReviewListShortcodeQuery, cursor }; this.fetchReviewListShortcodeReviews({ query: this.storeFrontReviewListShortcodeQuery, loadMoreReview: true, productId: this.reviewListShortCodeData?.data?.reviews[0]?.product_wp_id }); console.log('Product ID: ', storeFrontReviewListShortcodeQuery); } }, loadMoreAllReviewListShortcodeHandler() { const cursor = this.reviewListShortCodeData?.data?.meta?.next_cursor; const per_page = this.reviewListShortCodeData?.data?.meta?.per_page; if (cursor) { this.storeFrontReviewListShortcodeQuery = { ...this.storeFrontReviewListShortcodeQuery, cursor, per_page }; this.fetchAllReviewListShortcodeReviews({ query: this.storeFrontReviewListShortcodeQuery, loadMoreReview: true }); console.log('Product ID: ', storeFrontReviewListShortcodeQuery); } }, async fetchReviewsSettings() { this.fetchReviewsSettingsIsLoading = true; let postType = this.rvxAttributes?.product?.postType ? this.rvxAttributes?.product?.postType : 'product'; try { const data = await fetch(`${this.rvxAttributes.baseRestUrl}/wp/settings${'?cpt_type=' + postType}`); const res = await data.json(); this.reviewSettingsData = res; this.layoutView = res?.data.setting?.widget_settings?.outline?.layout_type // console.log('Settings:', res); if (res?.data?.setting?.review_settings) { this.multiCriteriaRatings = this.createMultiCriteriaRatingObject({ criterias: res?.data.setting.review_settings.reviews.multicriteria.criterias }) } if (res.data.setting.review_settings?.reviews?.recaptcha?.enabled) { const script = document.createElement('script'); script.src = `https://www.google.com/recaptcha/api.js?render=${res.data.setting.review_settings?.reviews?.recaptcha.site_key}` document.head.appendChild(script); } } catch (e) { console.log('Error fetching settings:', e); } finally { this.fetchReviewsSettingsIsLoading = false; } }, async fetchReviewsAggregation({productId}) { // console.log('Fetching review Aggregation'); this.fetchReviewsSettingsIsLoading = true; try { const data = await fetch(`${this.rvxAttributes.baseRestUrl}/${productId}/insight`); const res = await data.json(); if (res.data?.aggregation) { this.formatAggregations = [ { rating: 5, total: res?.data?.aggregation.five.total, percent: res?.data.aggregation.five.percentage }, { rating: 4, total: res?.data?.aggregation.four.total, percent: res?.data.aggregation.four.percentage }, { rating: 3, total: res?.data?.aggregation.three.total, percent: res?.data.aggregation.three.percentage }, { rating: 2, total: res?.data?.aggregation.two.total, percent: res?.data.aggregation.two.percentage }, { rating: 1, total: res?.data?.aggregation.one.total, percent: res?.data.aggregation.one.percentage }, ] this.formatMultiCriteriaAggregations = this.formattedMultiCriteriaAggregation({ criteriaStats: res.data.criteria_stats, criterias: this.reviewSettingsData.data.setting.review_settings.reviews.multicriteria.criterias, totalAvaReview: res.data?.aggregation.total_avg_review }) } this.reviewAggregationData = res; } catch (e) { console.log('Error fetching settings:', e); } finally { this.fetchReviewsSettingsIsLoading = false; } }, formattedMultiCriteriaAggregation({criteriaStats, criterias, totalAvaReview, percentDefaultValue = 5}) { return criterias?.map((criteria) => { const total = criteriaStats[criteria.key] || 0; let modifyTotal if (total === 0 && totalAvaReview > 0) { modifyTotal = totalAvaReview } else { modifyTotal = total } const percent = (modifyTotal / percentDefaultValue) * 100; return { key: criteria.key, name: criteria.name, total: modifyTotal, // total, percent, }; }); }, createMultiCriteriaRatingObject({criterias, criteriaStats, existingRating}) { const newCriterial = criterias.map((criteria) => { if (criteriaStats) { let rating; const getRating = criteriaStats?.[criteria.key]; if (getRating) { rating = getRating; } else if (existingRating) { rating = Number(existingRating); } else { rating = 5 } return { ...criteria, rating, }; } else { return { ...criteria, rating: 5, }; } }); return newCriterial; }, notifyAttachmentAdded(files) { this.attachmentFiles = files.blobFiles }, multiCriteriaRatingsToObject(array) { return array.reduce((acc, curr) => { acc[curr.key] = curr.rating; return acc; }, {}); }, googleRecaptchaVerify() { return new Promise((resolve, reject) => { const siteKey = this.reviewSettingsData?.data?.setting.review_settings?.reviews?.recaptcha.site_key; if (!siteKey || !grecaptcha) { return reject('Recaptcha or site key is not defined'); } const baseAPIEndPoint = this.rvxAttributes.baseRestUrl grecaptcha.ready(function () { grecaptcha.execute(siteKey, {action: 'submit'}).then(async function (token) { try { const payload = { token } const data = await fetch(`${baseAPIEndPoint}/google/recaptcha/verify`, { method: 'post', body: JSON.stringify(payload), headers: { 'Content-Type': 'application/json', } }) const res = await data.json() resolve(res.result); } catch (e) { reject(e); } }).catch(function (error) { console.error('Recaptcha error:', error); reject(error); }); }); }); }, checkValidity(field) { this.storeFrontValidation[field] = !!this.newReview[field]; }, async fetchUserIPAddress() { try { const response = await fetch('https://api.ipify.org?format=json'); const data = await response.json(); // console.log('Your IP address is:', data.ip); return data.ip; } catch (error) { console.error('Error fetching IP address:', error); return null; // Handle error as needed } }, async reviewFormValidation() { let isValid = true; const allowReviewTitle = this.reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_titles this.storeFrontValidation = { isValidReviewTitle: false, isValidReviewFeedback: false, isValidReviewerName: false, isValidReviewerEmail: false, isNotRobot: false, reviewSubmitFailed: false, isAcceptConsent: false } if (this.reviewSettingsData?.data?.setting.review_settings?.reviews?.recaptcha?.enabled) { const res = await this.googleRecaptchaVerify() this.storeFrontValidation.isNotRobot = res.result; isValid = !res.result } if (this.reviewSettingsData?.data?.setting.review_settings?.reviews?.show_consent_checkbox?.enabled && !this.newReview.consent) { this.storeFrontValidation.isAcceptConsent = true; isValid = false; } if (this.isRvxUserLoggedIn) { if (allowReviewTitle && !this.newReview.title) { this.storeFrontValidation.isValidReviewTitle = true; isValid = false; } if (!this.newReview.feedback) { this.storeFrontValidation.isValidReviewFeedback = true; isValid = false; } } else { if (allowReviewTitle && !this.newReview.title) { this.storeFrontValidation.isValidReviewTitle = true; isValid = false; } if (!this.newReview.feedback) { this.storeFrontValidation.isValidReviewFeedback = true; isValid = false; } if (!this.newReview.reviewer_name) { this.storeFrontValidation.isValidReviewerName = true; isValid = false; } if (!this.newReview.reviewer_email) { this.storeFrontValidation.isValidReviewerEmail = true; isValid = false; } } return isValid }, async reviewSubmitHandler() { const result = await this.reviewFormValidation() console.log('validate result ===========', result) const userIP = await this.fetchUserIPAddress() if (!result) return this.isReviewSubmitting = true const newCriterias = this.multiCriteriaRatingsToObject(this.multiCriteriaRatings) const updatedReviewPayload = { feedback: this.newReview.feedback, reviewer_name: this.isRvxUserLoggedIn ? this.rvxAttributes.userInfo?.name : this.newReview.reviewer_name, reviewer_email: this.isRvxUserLoggedIn ? this.rvxAttributes.userInfo?.email : this.newReview.reviewer_email, user_id: this.isRvxUserLoggedIn ? this.rvxAttributes.userInfo?.id : 0, criterias: newCriterias, rating: this.newReview.rating, is_anonymous: this.newReview.is_anonymous, wp_post_id: this.reviewAggregationData?.data?.product?.wp_id, ip: userIP ?? '0.0.0.0' } if (this.reviewSettingsData?.data?.setting?.review_settings.reviews.allow_recommendations) { updatedReviewPayload.is_recommended = this.newReview.is_recommended; } if (this.reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_titles) { updatedReviewPayload.title = this.newReview.title; } if (this.reviewSettingsData?.data?.setting?.review_settings.reviews.photo_reviews_allowed && this.attachmentFiles.length) { updatedReviewPayload.attachments = this.attachmentFiles; } const payload = this.generateFormData({objectData: updatedReviewPayload}) // payload.forEach((value, key) => { // if (value instanceof File) { // console.log( // `${key}: [File] Name: ${value.name}, Size: ${value.size}, Type: ${value.type}` // ); // } else { // console.log(`${key}: ${value}`); // } // }); try { const data = await fetch(`${this.rvxAttributes.baseRestUrl}/reviews`, { method: 'post', body: payload, }) const res = await data.json() // console.log('res =====', res.code) // if(res.code) this.notifyReviewAdded() this.newReview = { rating: 5, reviewer_name: this.isRvxUserLoggedIn ? this.rvxAttributes.userInfo?.name : '', reviewer_email: this.isRvxUserLoggedIn ? this.rvxAttributes.userInfo?.email : '', is_anonymous: false, consent: false, title: '', feedback: '', is_recommended: 'true' } this.showReviewSuccessModal = true document.getElementById('rvx-storefront-widget').scrollIntoView({behavior: 'smooth'}); if(this.reviewSettingsData?.data?.setting?.review_settings?.reviews?.auto_approve_reviews){ await this.fetchReviews({productId: this.rvxAttributes?.product?.id}); } } catch (error) { console.log('error ======', error); } finally { this.isReviewSubmitting = false } }, notifyReviewAdded() { this.$dispatch('notify-review-added', {message: 'Success'}); }, generateQueryParams(params) { const queryParams = new URLSearchParams(); for (const key in params) { if (params.hasOwnProperty(key)) { let value = params[key]; // Handle array values by appending multiple times with the same key if (Array.isArray(value)) { value.forEach((item) => queryParams.append(key, item)); } else if (value !== null && value !== undefined) { // Only append non-null and non-undefined values queryParams.append(key, value); } } } return queryParams.toString(); }, isObject(value) { return ( typeof value === 'object' && value !== null && !Array.isArray(value) && !(value instanceof File) ); }, avatarComponent({src = '', alt = 'Default Name'}) { return { hasError: false, src: src, alt: alt, showImage() { return this.src && !this.hasError; }, onError() { this.hasError = true; } }; }, copyClipboardComponent() { return { copySuccess: false, copyClipboard(input) { navigator.clipboard.writeText(input) .then(() => { this.copySuccess = true; setTimeout(() => this.copySuccess = false, 1000); }) .catch(err => { console.error('Failed to copy: ', err); }); } }; }, reviewHelpInfoComponent() { return { async likeDislikeHandler({preference, uid}) { if (!this.isRvxUserLoggedIn) { this.showErrorToastMessage = true setTimeout(() => this.showErrorToastMessage = false, 1000); throw new Error('Please login first') } const payload = { preference, }; try { const res = await fetch(`${this.rvxAttributes.baseRestUrl}/reviews/${uid}/preference`, { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify(payload) }); // console.log('res ======', res) // this.$dispatch('notify-like-dislike') } catch (error) { console.log('error =======', error); // toast.error(error.response?.data?.message); } } } }, generateFormData({objectData, fileKey}) { const formData = new FormData(); const appendFormData = (key, value) => { if (value instanceof File && fileKey) { formData.append(fileKey, value); } else if (value instanceof File) { formData.append(key, value); } else if (this.isObject(value)) { for (const subKey in value) { if (Object.prototype.hasOwnProperty.call(value, subKey)) { appendFormData(`${key}[${subKey}]`, value[subKey]); } } } else if (Array.isArray(value)) { value.forEach((item, index) => { if (item instanceof File) { const fileArrayKey = fileKey ? `${fileKey}[${index}]` : `${key}[${index}]`; formData.append(fileArrayKey, item); } else if (this.isObject(item)) { for (const subKey in item) { if (Object.prototype.hasOwnProperty.call(item, subKey)) { appendFormData(`${key}[${index}][${subKey}]`, item[subKey]); } } } else { formData.append(`${key}[${index}]`, item); } }); } else { formData.append(key, value); } }; for (const key in objectData) { if (Object.prototype.hasOwnProperty.call(objectData, key)) { const value = objectData[key]; appendFormData(key, value); } } return formData; }, async initialize(data) { const parseAttData = JSON.parse(data.data) const parseFormLabels = JSON.parse(data.formLevelData) const concatValue = { ...parseAttData, formLevelData: { ...parseFormLabels } } this.rvxAttributesDataSetHandler(concatValue) try { await this.fetchReviewsSettings(); if (this.rvxAttributes?.product?.id) { await this.fetchReviewsAggregation({productId: this.rvxAttributes?.product?.id}); await this.fetchReviews({productId: this.rvxAttributes?.product?.id}); } } catch (error) { console.error('Error during initialization:', error); } }, async initializeReviewsListShortcode(data) { const parseAttData = JSON.parse(data.data) const parseFormLabels = JSON.parse(data.formLevelData) const parseAttributes = JSON.parse(data.attributes) const concatValue = { ...parseAttData, formLevelData: { ...parseFormLabels } } this.rvxAttributesDataSetHandler(concatValue) try { await this.fetchReviewsSettings(); if (this.rvxAttributes?.product?.id && (parseAttributes?.graph == 'on' || parseAttributes?.form == 'on')) { await this.fetchReviewsAggregation({productId: this.rvxAttributes?.product?.id}); } if (this.rvxAttributes?.product?.id && parseAttributes?.list == 'on') { await this.fetchReviewsListShortcode({productId: this.rvxAttributes?.product?.id}); } } catch (error) { console.error('Error during initialization:', error); } }, async initializeMyAccountReviewForm(data) { // const parseData = JSON.parse(data.data) // console.log('init 2') const parseAttData = JSON.parse(data.data) const parseFormLabels = JSON.parse(data?.formLevelData) // console.log('parseAttData', parseAttData) // console.log('parseFormLabels', parseFormLabels) const concatValue = { ...parseAttData, formLevelData: { ...parseFormLabels } } // console.log('concatValue', concatValue) this.rvxAttributesDataSetHandler(concatValue) // this.rvxAttributesDataSetHandler(parseData) try { await this.fetchReviewsSettings(); } catch (error) { console.error('Error during initialization:', error); } }, async initializeMyAccountReviewFormOnProductChange(productId) { try { // console.log('init 3') await this.fetchReviewsAggregation({productId: productId}); } catch (error) { console.error('Error during initialization:', error); } }, async initializeReviewGraphShortCodes(data) { const parseData = JSON.parse(data.data) this.rvxAttributesDataSetHandler(parseData) // console.log('init 4') try { await this.fetchReviewsSettings(); await this.fetchReviewsAggregation({productId: parseData.product.id}); } catch (error) { console.error('Error during initialization:', error); } }, // ////////////////////////// // async initializeReviewListShortCodes(data) { // const parseData = JSON.parse(data.data) // this.rvxAttributesDataSetHandler(parseData) // try { // // console.log('init 5') // await this.fetchReviewsSettings(); // await this.fetchReviewListShortCodes(parseData.ids); // } catch (error) { // console.error('Error during initialization:', error); // } // }, // /////////////////////////// async initializeAllReviewListShortCodes(data) { const parseData = JSON.parse(data.data) this.storeFrontAllReviewParams = parseData.params this.rvxAttributesDataSetHandler(parseData) try { await this.fetchReviewsSettings(); await this.fetchAllReviewListShortCodes(parseData); } catch (error) { console.error('Error during initialization:', error); } }, async initializeReviewWithReviewIdsShortCodes(data) { const parseData = JSON.parse(data.data) this.rvxAttributesDataSetHandler(parseData) try { // console.log('init 6') await this.fetchReviewsSettings(); await this.fetchReviewListWithIdsShortCodes(parseData.ids); } catch (error) { console.error('Error during initialization:', error); } }, async initializeReviewStatsShortCodes(data) { const parseData = JSON.parse(data.data) this.rvxAttributesDataSetHandler(parseData) try { // console.log('init 7') await this.fetchReviewsSettings(); await this.fetchReviewsAggregation({productId: parseData.product.id}); } catch (error) { console.error('Error during initialization:', error); } }, async initializeReviewSummaryShortCodes(data) { const parseData = JSON.parse(data.data) this.rvxAttributesDataSetHandler(parseData) try { // console.log('init 8') await this.fetchReviewsSettings(); await this.fetchReviewsAggregation({productId: parseData.product.id}); } catch (error) { console.error('Error during initialization:', error); } }, } } js/reviewFilterComponent.js 0000777 00000005517 15251226601 0012067 0 ustar 00 function __rvxReviewFilterComponent__() { return { openFilterOptions: false, openSortOptions: false, selectFilterByRating: 'all', selectFilterByAttachment: 'both', selectFilterCount: 0, selectSortBy :'newest_first', applyFilterHandler(){ const newQuery = {} this.selectFilterCount = 0 if (this.selectFilterByAttachment) { newQuery.attachment= this.selectFilterByAttachment if(this.selectFilterByAttachment !== 'both'){ this.selectFilterCount += 1 } // storeFrontReviewQueryCount.value += 1 } if (this.selectFilterByRating) { newQuery.rating = this.selectFilterByRating if(this.selectFilterByRating !== 'all'){ this.selectFilterCount += 1 } // storeFrontReviewQueryCount.value += 1 } this.storeFrontReviewQuery = { ...this.storeFrontReviewQuery, cursor: '', ...newQuery } this.isFiltering = true this.fetchReviews({query: this.storeFrontReviewQuery, productId: this.rvxAttributes?.product?.id}) this.openFilterOptions = false }, filterResetHandler(){ // Reset the selected filters to default values this.selectFilterByRating = 'all'; this.selectFilterByAttachment = 'both'; this.selectSortBy = 'newest_first'; const newQuery = { attachment: this.selectFilterByAttachment, rating: this.selectFilterByRating, sortBy: this.selectSortBy }; this.storeFrontReviewQuery = { ...this.storeFrontReviewQuery, cursor: '', ...newQuery }; this.selectFilterCount = 0 this.isFiltering = false // Fetch reviews based on the reset query this.fetchReviews({query: this.storeFrontReviewQuery, productId: this.rvxAttributes?.product?.id}); // Close the filter options UI this.openFilterOptions = false; }, init() { this.$watch('selectSortBy', (newValue, oldValue) => { if(newValue !== oldValue){ if (this.fetchReviewsIsLoading) return; this.storeFrontReviewQuery = { ...this.storeFrontReviewQuery, cursor: '', sortBy: newValue } this.fetchReviews({query: this.storeFrontReviewQuery, productId: this.rvxAttributes?.product?.id}) this.openSortOptions = false } }); }, } } js/helper/index.js 0000777 00000000000 15251226601 0010101 0 ustar 00 js/reviewSuccessModalComponent.js 0000777 00000002427 15251226601 0013224 0 ustar 00 function __rvxReviewSuccessModalComponent__() { return { duration: 1500, progress: 0, timer: null, init() { this.$watch('showReviewSuccessModal', (newValue) => { if (newValue) { this.resetTimer(); this.startTimer(); } else { this.stopTimer(); } }); }, startTimer() { const interval = 100; const steps = this.duration / interval; const stepSize = 100 / steps; let currentStep = 0; this.timer = setInterval(() => { currentStep += 1; this.progress = currentStep * stepSize; if (currentStep >= steps) { clearInterval(this.timer); this.close(); } }, interval); }, stopTimer() { if (this.timer) { clearInterval(this.timer); this.timer = null; } }, resetTimer() { this.progress = 0; this.stopTimer(); }, close() { this.stopTimer(); this.$dispatch('notify-close-success-modal'); } }; }
| ver. 1.6 |
Github
|
.
| PHP 8.1.34 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка