{"id":29789,"date":"2026-07-13T20:08:29","date_gmt":"2026-07-14T03:08:29","guid":{"rendered":"https:\/\/korea.wakooglobal.com\/?page_id=29789"},"modified":"2026-08-31T02:48:36","modified_gmt":"2026-08-31T09:48:36","slug":"review","status":"publish","type":"page","link":"https:\/\/korea.wakooglobal.com\/index.php\/review\/","title":{"rendered":"\ub9ac\ubdf0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29789\" class=\"elementor elementor-29789\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de70fbc e-con e-atomic-element e-flexbox-base e-5224be3 \" data-id=\"de70fbc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"de70fbc\" data-e-type=\"e-flexbox\" data-id=\"de70fbc\">\n    \t\t<div class=\"elementor-element elementor-element-df18a1f elementor-widget elementor-widget-heading\" data-id=\"df18a1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">REVIEW\n<\/h2>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-159f753 e-con e-atomic-element e-flexbox-base e-1df5dd4 \" data-id=\"159f753\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"159f753\" data-e-type=\"e-flexbox\" data-id=\"159f753\">\n    <div class=\"elementor-element elementor-element-a7dc4fa e-con e-atomic-element e-flexbox-base e-a7dc4fa-9e036e5 \" data-id=\"a7dc4fa\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a7dc4fa\" data-e-type=\"e-flexbox\" data-id=\"a7dc4fa\">\n    <div class=\"elementor-element elementor-element-b2ef6b9 e-con e-atomic-element e-flexbox-base e-b2ef6b9-1e46b86 \" data-id=\"b2ef6b9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b2ef6b9\" data-e-type=\"e-flexbox\" data-id=\"b2ef6b9\">\n    \t\t<div class=\"elementor-element elementor-element-db14183 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"db14183\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomInDown&quot;,&quot;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/korea.wakooglobal.com\/index.php\/review\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">REVIEW<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f9b1482 e-con e-atomic-element e-flexbox-base e-f9b1482-4df1095 \" data-id=\"f9b1482\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f9b1482\" data-e-type=\"e-flexbox\" data-id=\"f9b1482\">\n    \t\t<div class=\"elementor-element elementor-element-4096e94 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"4096e94\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomInDown&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/korea.wakooglobal.com\/index.php\/announcement\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\uacf5\uc9c0\uc0ac\ud56d<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b46ec84 e-con e-atomic-element e-flexbox-base e-b46ec84-0e76364 \" data-id=\"b46ec84\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b46ec84\" data-e-type=\"e-flexbox\" data-id=\"b46ec84\">\n    \t\t<div class=\"elementor-element elementor-element-54d95b7 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"54d95b7\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomInDown&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/korea.wakooglobal.com\/index.php\/contact-us\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\ubb38\uc758\ud558\uae30<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c3960f8 e-con e-atomic-element e-flexbox-base e-c3960f8-3306855 \" data-id=\"c3960f8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c3960f8\" data-e-type=\"e-flexbox\" data-id=\"c3960f8\">\n    \t\t<div class=\"elementor-element elementor-element-3856402 elementor-invisible elementor-widget elementor-widget-button\" data-id=\"3856402\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;zoomInDown&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/korea.wakooglobal.com\/index.php\/frequently-asked-questions\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n\n<\/div>\n<div class=\"wd-negative-gap elementor-element elementor-element-57d1c74 e-flex e-con-boxed e-con e-parent\" data-id=\"57d1c74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a6025c7 elementor-widget elementor-widget-shortcode\" data-id=\"a6025c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\n    #rvx-review-list .rvx-masonry-layout {\n        columns: 4 320px;\n        column-gap: 16px;\n    }\n    #rvx-review-list p.rvx-review-user__name {\n        margin-bottom: 0px;\n    }\n    #rvx-review-list p {\n        margin-bottom: 5px;\n    }\n    .rvx-columns-box {\n        -moz-column-break-inside: avoid;\n        break-inside: avoid;\n    }\n    #rvx-review-list .rvx-review-info p {\n        margin-bottom: 5px;\n    }\n    [x-cloak] {\n        display: none !important;\n    }\n<\/style>\n\n<div id=\"rvx-review-list\"\n     x-data=\"{\n         ...__reviewXState__(),  \/\/ Spread the state from the function\n         rawTitle: 'false',    \/\/ Set the title from Twig\n         isRvxUserLoggedIn: '',\n     }\"\n     id=\"review-list-container\" \n     class=\"rvx-container rvx-mx-auto\"\n     x-init=\"\n         \/\/ Initialize the review list\n         await initializeAllReviewListShortCodes({ data: '{&quot;post_type_enabled&quot;:1,&quot;filter&quot;:&quot;on&quot;,&quot;params&quot;:{&quot;post_type&quot;:&quot;product&quot;,&quot;sort_by&quot;:&quot;&quot;,&quot;attachment&quot;:&quot;&quot;,&quot;rating&quot;:&quot;&quot;,&quot;per_page&quot;:8},&quot;domain&quot;:{&quot;baseDomain&quot;:&quot;https:\\\/\\\/korea.wakooglobal.com&quot;,&quot;baseRestUrl&quot;:&quot;https:\\\/\\\/korea.wakooglobal.com\\\/index.php\\\/wp-json\\\/reviewx&quot;}}' });\n     \"\n     @notify-like-dislike=\"await fetchAllReviewListShortCodes()\">\n\n    <h2 x-show=\"rawTitle !== 'false'\"\n        x-cloak\n        class=\"rvx-text-1xl rvx-font-bold rvx-mb-[10px!important] rvx-mt-[5px!important]\"\n        x-text=\"rawTitle\">\n    <\/h2>\n\n    \n        <template x-if=\"haveReviews || isFiltering\">\n            <div>\n                \n<div x-data=\"__rvxReviewFilterComponent__('all_reviews')\" 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\">\n    <div class=\"rvx-flex rvx-gap-space12\">\n        <!--            Filter options-->\n        <div class=\"rvx-relative rvx-inline-block rvx-text-left\">\n            <!-- Menu Button -->\n            <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\">\n                <span class=\"material-symbols-rounded rvx-review-filter__icon\">filter_alt<\/span>  Filter\n            <\/button>\n            <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<\/div>\n            <!-- Menu Items -->\n            <div x-show=\"openFilterOptions\" @click.outside=\"openFilterOptions = false\"\n                 x-transition:enter=\"rvx-transition rvx-ease-out rvx-duration-100\"\n                 x-transition:enter-start=\"rvx-transform rvx-scale-95 rvx-opacity-0\"\n                 x-transition:enter-end=\"rvx-transform rvx-scale-100 rvx-opacity-100\"\n                 x-transition:leave=\"rvx-transition rvx-ease-in rvx-duration-75\"\n                 x-transition:leave-start=\"rvx-transform rvx-scale-100 rvx-opacity-100\"\n                 x-transition:leave-end=\"rvx-transform rvx-scale-95 rvx-opacity-0\"\n                 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\">\n                <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]\">\n                    <p class=\"rvx-font-semibold rvx-review-filter-wrapper__title !rvx-font-nunito\">Filter by<\/p>\n                    <div class=\"rvx-space-y-space16 rvx-mt-[8px] rvx-review-filter-wrapper__outer\">\n                        <div>\n                            <p class=\"rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__rating--text !rvx-font-nunito\">\n                                <span class=\"material-symbols-rounded rvx-review-filter-wrapper__rating-inner--icon\">star<\/span>\n                                Rating\n                            <\/p>\n                            <div class=\"rvx-review-filter-wrapper__rating-wrapper rvx-space-y-space16 rvx-ml-space12\">\n                                <div class=\"rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"rating-all\" type=\"radio\" value=\"all\" x-model=\"selectFilterByRating\">\n                                    <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<\/label>\n                                <\/div>\n\n                                <div class=\"rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"rating-4\" type=\"radio\" value=\"4\" x-model=\"selectFilterByRating\">\n                                    <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 &amp; above<\/label>\n                                <\/div>\n                                <div class=\"rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"rating-3\" type=\"radio\" value=\"3\" x-model=\"selectFilterByRating\">\n                                    <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 &amp; above<\/label>\n                                <\/div>\n                                <div class=\"rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"rating-2\" type=\"radio\" value=\"2\" x-model=\"selectFilterByRating\">\n                                    <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 &amp; above<\/label>\n                                <\/div>\n                                <div class=\"rvx-review-filter-wrapper__rating-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"rating-1\" type=\"radio\" value=\"1\" x-model=\"selectFilterByRating\">\n                                    <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 &amp; above<\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div>\n                            <p class=\"rvx-flex rvx-items-center rvx-gap-space8 rvx-review-filter-wrapper__attachment--text !rvx-font-nunito\">\n                                <span class=\"material-symbols-rounded rvx-review-filter-wrapper__attachment-inner--icon\">  attach_file<\/span>\n                                Attachments\n                            <\/p>\n                            <div class=\"rvx-review-filter-wrapper__attachment-wrapper rvx-space-y-space16 rvx-ml-space12\">\n                                <div class=\"rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"attachment-with_attachment\" type=\"radio\" value=\"with_attachment\" x-model=\"selectFilterByAttachment\">\n                                    <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<\/label>\n                                <\/div>\n                                <div class=\"rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"attachment-without_attachment\" type=\"radio\" value=\"without_attachment\" x-model=\"selectFilterByAttachment\">\n                                    <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<\/label>\n                                <\/div>\n                                <div class=\"rvx-review-filter-wrapper__attachment-inner rvx-flex rvx-gap-space8 rvx-items-center\">\n                                    <input id=\"attachment-both\" type=\"radio\" value=\"both\" x-model=\"selectFilterByAttachment\">\n                                    <label for=\"attachment-both\" class=\"rvx-review-filter__wrapper__attachment--radio-group__option-label !rvx-font-nunito !rvx-font-normal !rvx-m-0\">Both<\/label>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"rvx-flex rvx-items-center rvx-justify-between rvx-gap-space20 rvx-mt-space24 rvx-review-filter-wrapper__footer\">\n                        <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\n                        <\/button>\n                        <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<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Sort Options-->\n        <div class=\"rvx-relative rvx-inline-block rvx-text-left\">\n            <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\">\n                <span class=\"material-symbols-rounded rvx-review-sort__icon\">swap_vert<\/span>  Sort By\n            <\/button>\n            <div x-show=\"openSortOptions\" @click.outside=\"openSortOptions = false\"\n                 x-transition:enter=\"rvx-transition rvx-ease-out rvx-duration-100\"\n                 x-transition:enter-start=\"rvx-transform rvx-scale-95 rvx-opacity-0\"\n                 x-transition:enter-end=\"rvx-transform rvx-scale-100 rvx-opacity-100\"\n                 x-transition:leave=\"rvx-transition rvx-ease-in rvx-duration-75\"\n                 x-transition:leave-start=\"rvx-transform rvx-scale-100 rvx-opacity-100\"\n                 x-transition:leave-end=\"rvx-transform rvx-scale-95 rvx-opacity-0\"\n                 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\">\n                <div class=\"rvx-space-y-space16 rvx-p-space12 rvx-review-sort-wrapper__outer !rvx-border rvx-border-solid !rvx-border-[#d9d9d9]\">\n                    <div class=\"rvx-review-sort-wrapper__inner\">\n                        <div class=\"rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center\">\n                            <input id=\"rating-rating_asc\" type=\"radio\" value=\"rating_asc\" x-model=\"selectSortBy\">\n                            <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<\/label>\n                        <\/div>\n                        <div class=\"rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center\">\n                            <input id=\"rating-rating_desc\" type=\"radio\" value=\"rating_desc\" x-model=\"selectSortBy\">\n                            <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<\/label>\n                        <\/div>\n                    <\/div>\n                    <div class=\"rvx-review-sort-wrapper__inner\">\n                        <div class=\"rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center\">\n                            <input id=\"rating-newest_first\" type=\"radio\" value=\"newest_first\" x-model=\"selectSortBy\">\n                            <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<\/label>\n                        <\/div>\n                        <div class=\"rvx-pb-space16 rvx-flex rvx-gap-space8 rvx-items-center\">\n                            <input id=\"rating-oldest_first\" type=\"radio\" value=\"oldest_first\" x-model=\"selectSortBy\">\n                            <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<\/label>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>            <\/div>\n        <\/template>\n\n    \n    <template x-if=\"fetchReviewsIsLoading\">\n            <div class=\"rvx-grid rvx-grid-cols-[repeat(auto-fill,minmax(240px,1fr))] rvx-gap-space12\">\n    <template x-for=\"loader in 2\">\n        <div class=\"rvx-flex rvx-animate-pulse rvx-space-x-4 rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md\">\n            <div class=\"rvx-flex-1 rvx-space-y-6 rvx-py-1\">\n                <div class=\"rvx-space-y-3\">\n                    <div class=\"rvx-grid rvx-grid-cols-8 rvx-items-center rvx-gap-space12\">\n                        <div class=\"rvx-col-span-2 rvx-size-10 rvx-rounded-full rvx-bg-gray-200\"><\/div>\n                        <div class=\"rvx-col-span-6 rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                    <\/div>\n                    <div class=\"rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                <\/div>\n                <div class=\"rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                <div class=\"rvx-space-y-3\">\n                    <div class=\"rvx-grid rvx-grid-cols-3 rvx-gap-4\">\n                        <div class=\"rvx-col-span-2 rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                        <div class=\"rvx-col-span-1 rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                    <\/div>\n                    <div class=\"rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/template>\n<\/div>    <\/template>\n\n    <template x-if=\"haveReviews && !fetchReviewsIsLoading && !fetchReviewsSettingsIsLoading\" x-cloak>\n        <div>\n            \n<style>\n    .rvx-masonry-layout {\n        columns: 4 320px;\n        column-gap: 16px;\n    }\n    .rvx-columns-box {\n        -moz-column-break-inside: avoid;\n        break-inside: avoid;\n        display: inline-block; \/* Prevents breaking *\/\n        width: 100%; \/* Ensures full width in column *\/\n    }\n    .rvx-review-card{\n        margin-bottom: 16px;\n    }\n    .rvx-review-wrapper .rvx-review-card:last-child {\n        margin-bottom: 0;\n    }\n\n<\/style>\n\n<div\n    :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`\">\n    <template x-for=\"review in reviewsAllData?.data?.reviews\">\n        <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'}`\">\n            <template x-if=\"layoutView === 'masonry' && review?.attachments?.length\">\n    <div class=\"rvx-relative\">\n        <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\" \/>\n        <video x-show=\"getFileType(review.attachments[0]).isVideo\" width=\"100%\" height=\"200\">\n            <source :src=\"review.attachments[0]\">\n        <\/video>\n        <template x-if=\"isHaveMultipleAttachment(review.attachments.length, 1)\">\n            <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\">\n                <span class=\"!rvx-text-[10px]\">\n                    +\n                    <span x-text=\"review.attachments.length - 1 \"><\/span>\n                <\/span>\n                <span class=\"material-symbols-rounded rvx-text-[16px]\">photo_library<\/span>\n            <\/div>\n        <\/template>\n    <\/div>\n<\/template>\n\n<div class=\"rvx-cursor-pointer rvx-review-inner rvx-p-space16\">\n    <div class=\"rvx-review-card__body !rvx-break-words rvx-space-y-space12\" @click=\"selectedReviewDetailsHandler(review)\">\n        <div class=\"rvx-flex rvx-gap-space8 rvx-review-user\">\n    <div x-show=\"reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n        <div x-data=\"avatarComponent({src: '', alt: review.reviewer_name})\" x-show=\"!review.is_anonymous\"\n             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\">\n            <template x-if=\"showImage()\">\n                <img @error=\"onError\" :src=\"src\" :alt=\"alt\" class=\"rvx-review-user__avatar-img\">\n            <\/template>\n            <template x-if=\"!showImage()\">\n                <div class=\"rvx-review-user__avatar-fallback rvx-flex rvx-justify-center rvx-items-center rvx-text-neutral rvx-font-nunito rvx-border\">\n                    <span x-text=\"alt.charAt(0).toUpperCase()\"><\/span>\n                <\/div>\n            <\/template>\n        <\/div>\n        <div x-show=\"review.is_anonymous\"\n             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\">\n            <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>\n        <\/div>\n    <\/div>\n\n    <div x-show=\"!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n        <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\">\n            <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>\n        <\/div>\n    <\/div>\n\n\n\n    <div class=\"rvx-w-full\">\n        <div class=\"rvx-flex rvx-flex-wrap rvx-items-center rvx-justify-between rvx-font-nunito\">\n            <div class=\"rvx-flex rvx-flex-wrap rvx-items-center rvx-font-nunito rvx-gap-space8\">\n                <div x-show=\"reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n                    <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})\"\n                       class=\"!rvx-text-[14px] rvx-font-semibold rvx-leading-[22px] rvx-text-neutral-800 rvx-review-user__name\">\n                    <\/p>\n                    <p x-show=\"review.is_anonymous\"\n                       class=\"!rvx-text-[14px] rvx-font-semibold rvx-leading-[22px] rvx-text-neutral-800 rvx-review-user__name\">\n                        Anonymous\n                    <\/p>\n                <\/div>\n\n                <div x-show=\"!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n                    <p class=\"rvx-text-[14px] rvx-font-semibold rvx-leading-[22px] rvx-text-neutral-800 rvx-review-user__name\">\n                        Shopper\n                    <\/p>\n                <\/div>\n\n                <template x-if=\"reviewSettingsData?.data.setting.review_settings.reviews.show_reviewer_country && review?.reviewer_flag\">\n                    <div x-data=\"__rvxTooltipComponent__()\" x-init=\"initial()\" class=\"rvx-relative rvx-px-space8\">\n                        <div x-ref=\"tooltip\" x-show=\"tooltipVisible\"\n                             :class=\"{\n                            'rvx-top-[-15px] left-1\/2 -rvx-translate-x-1\/2 -rvx-mt-0.5 -rvx-translate-y-full' : tooltipPosition === 'top',\n                            'rvx-top-1\/2 -rvx-translate-y-1\/2 -rvx-ml-0.5 rvx-left-0 -rvx-translate-x-full' : tooltipPosition === 'left',\n                            'rvx-bottom-[-20px]  -rvx-translate-x-1\/2 -rvx-mb-0.5 rvx-translate-y-full' : tooltipPosition === 'bottom',\n                            'rvx-top-1\/2 -rvx-translate-y-1\/2 -rvx-mr-0.5 rvx-right-0 rvx-translate-x-full' : tooltipPosition === 'right'\n                            }\"\n                             class=\"rvx-absolute rvx-w-auto rvx-text-sm\" x-cloak>\n\n                            <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\">\n                                <p x-text=\"review?.reviewer_country_short_name\" class=\"rvx-flex-shrink-0 rvx-block rvx-text-[12px] rvx-whitespace-nowrap\"><\/p>\n                                                                                                                                                                                                                                \n                                                                                            <\/div>\n                        <\/div>\n                        <div x-ref=\"content\" class=\"rvx-leading-[0px]\">\n                            <img :src=\"review?.reviewer_flag\" alt=\"flag\" width=\"22\" height=\"26\">\n                        <\/div>\n                    <\/div>\n                <\/template>\n            <\/div>\n            <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\">\n                <span class=\"material-symbols-rounded-fill rvx-text-[16px]\"> check_circle<\/span>\n                Verified\n            <\/p>\n        <\/div>\n        <template x-if=\"Number(review.rating)\">\n            <div x-data=\"{\n                reviewAverage: Number(review.rating),\n                totalRating: 5\n            }\" class=\"review rvx-flex rvx-gap-[4px]\">\n\n                <template x-for=\"star in totalRating\" :key=\"star\">\n                    <div>\n                        <!-- Full star -->\n                        <template x-if=\"isFullStar(star, reviewAverage)\">\n                            <svg class=\"rvx-reviewer__star-active\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\">\n                                <path :fill=\"reviewSettingsData?.data?.setting?.widget_settings?.star_color_code\" \n                                    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\" \/>\n                            <\/svg>\n                        <\/template>\n\n                        <!-- Partial star -->\n                        <template x-if=\"isHalfStar(star, reviewAverage)\">\n                            <svg class=\"rvx-reviewer__star-half\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\">\n                                <defs>\n                                    <linearGradient :id=\"`grad-${star}`\">\n                                        <!-- dynamic offset -->\n                                        <stop :offset=\"`${Math.floor(((reviewAverage - (star-1)) * 100))}%`\" \n                                            :stop-color=\"reviewSettingsData?.data?.setting?.widget_settings?.star_color_code\" \/>\n                                        <stop :offset=\"`${Math.floor(((reviewAverage - (star-1)) * 100))}%`\" \n                                            stop-color=\"grey\" \/>\n                                    <\/linearGradient>\n                                <\/defs>\n                                <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\" \/>\n                            <\/svg>\n                        <\/template>\n\n                        <!-- Empty star -->\n                        <template x-if=\"isFullEmptyStar(star, reviewAverage)\">\n                            <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\">\n                                <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\" \/>\n                            <\/svg>\n                        <\/template>\n                    <\/div>\n                <\/template>\n                \n            <\/div>\n        <\/template>\n    <\/div>\n<\/div>\n\n\n\n\n        <div class=\"rvx-font-nunito rvx-review-info\">\n            <!-- Review Info -->\n                <p class=\"!rvx-text-[12px] rvx-text-neutral-500 rvx-review-info__date\" x-text=\"review.created_at\">\n                <\/p>\n                <p x-show=\"reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_titles\"\n                   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\">\n                <\/p>\n            <div class=\"rvx-space-y-space12\">\n                <!-- feedback -->\n                <p class=\"!rvx-text-[16px] rvx-leading-[22px] rvx-text-neutral-700 rvx-mb-space12 rvx-review-info__feedback\"\n                   x-text=\"layoutView === 'list' ? review.feedback : layoutView === 'grid' ? truncateString(review.feedback, 184) : truncateString(review.feedback, 300)\"><\/p>\n\n                <!-- feedback images -->\n                <template x-if=\"layoutView !== 'masonry' && review.attachments?.length\">\n                    <div class=\"rvx-flex rvx-gap-space16 rvx-mb-space12 rvx-flex-wrap rvx-review-info__images\">\n                        <template x-for=\"file in review.attachments\">\n                            <div>\n                                <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]'}`\" \/>\n                                <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]'}`\">\n                                    <source :src=\"file\">\n                                <\/video>\n                            <\/div>\n                        <\/template>\n                    <\/div>\n                <\/template>\n\n                <!-- owner replied -->\n                <div x-show=\"review?.reply\" class=\"rvx-mb-space20 rvx-review-owner-replay\">\n    <div class=\"rvx-flex rvx-items-center rvx-gap-space5 rvx-mt-space8 rvx-mb-space8\">\n            <span class=\"material-symbols-rounded rvx-text-[20px] rvx-review-owner-replay__icon\">\n                 reply\n              <\/span>\n\n        <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]\">\n            <img :src=\"review.shop_icon_url\" alt=\"store icon\" width=\"16\" height=\"16\">\n        <\/div>\n        <p class=\"!rvx-text-[16px] rvx-font-semibold rvx-text-neutral-700 rvx-leading-[22px] rvx-review-owner-replay__owner-name\">\n              Shop owner\n            <span class=\"rvx-leading-[22px] rvx-text-neutral-400 rvx-font-normal rvx-review-owner-replay__text\">  replied\n                <\/span>\n            <span class=\"rvx-font-normal rvx-leading-[22px] rvx-ml-space5 rvx-review-owner-replay__date\"\n                  x-text=\"review.replied_at\"><\/span>\n        <\/p>\n    <\/div>\n    <p class=\"!rvx-text-[14px] rvx-leading-[22px] rvx-review-owner-replay__feedback\"\n       x-text=\"truncateString(review?.reply, 300)\"><\/p>\n<\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n    <!-- Help info -->\n    <style>\n    .rvx-rotate-thumbs-down {\n        transform: rotate(180deg);\n    }\n<\/style>\n<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'}`\">\n    <template x-if=\"reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.enabled\">\n        <div x-data=\"reviewHelpInfoComponent()\"\n             class=\"rvx-flex rvx-items-center rvx-gap-space8 rvx-review-footer\" style=\"padding-top:8px;padding-bottom:2px;\">\n            <p class=\"!rvx-text-[14px] !rvx-text-neutral-600 rvx-review-footer__text\">  Was this helpful<\/p>\n            <template x-if=\"reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.options.allow_likes\">\n                <p class=\"!rvx-text-[15px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-duration-150 rvx-review-footer__thumbs\">\n                    <svg @click=\"likeDislikeHandler({ uid: review.wp_unique_id, preference: 1, review: review })\" 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\">\n                        <mask id=\"mask0_420_27618\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"21\">\n                            <rect y=\"0.948242\" width=\"20\" height=\"20\" fill=\"#D9D9D9\" \/>\n                        <\/mask>\n                        <g mask=\"url(#mask0_420_27618)\">\n                            <path\n                                    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\"\n                                    :fill=\"review.preference?.preference === 1 ? '#757575' : '#E0E0E0'\" \/>\n                        <\/g>\n                    <\/svg>\n                    <span x-text=\"review.likes\"><\/span>\n                <\/p>\n            <\/template>\n\n            <template x-if=\"reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.options.allow_dislikes\">\n                <div class=\"rvx-gap-[3px] rvx-flex rvx-items-center\">\n                    <p class=\"!rvx-text-[15px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-duration-150 rvx-review-footer__thumbs\">\n                        <svg @click=\"likeDislikeHandler({ uid: review.wp_unique_id, preference: 1, review: review })\" 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\">\n                            <mask id=\"mask0_420_27618\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"21\">\n                                <rect y=\"0.948242\" width=\"20\" height=\"20\" fill=\"#D9D9D9\" \/>\n                            <\/mask>\n                            <g mask=\"url(#mask0_420_27618)\">\n                                <path\n                                        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\"\n                                        :fill=\"review.preference?.preference === 1 ? '#757575' : '#E0E0E0'\" \/>\n                            <\/g>\n                        <\/svg>\n                        <span x-text=\"review.likes\"><\/span>\n                    <\/p>\n                    <p class=\"!rvx-text-[14px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-review-footer__thumbs\">\n                        <svg @click=\"likeDislikeHandler({ uid: review.wp_unique_id, preference: 2, review: review })\" 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\">\n                            <mask id=\"mask0_420_27618\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"21\">\n                                <rect y=\"0.948242\" width=\"20\" height=\"20\" fill=\"#D9D9D9\" \/>\n                            <\/mask>\n                            <g mask=\"url(#mask0_420_27618)\">\n                                <path\n                                        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\"\n                                        :fill=\"review.preference?.preference === 2 ? '#757575' : '#E0E0E0'\" \/>\n                            <\/g>\n                        <\/svg>\n                        <span x-text=\"review.dislikes\"><\/span>\n                    <\/p>\n                <\/div>\n\n            <\/template>\n        <\/div>\n    <\/template>\n    <template x-if=\"reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_sharing\">\n        <div x-data=\"{dropdownOpen: false, successCopy: false}\" class=\"!rvx-leading-[0] rvx-relative\">\n            <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>\n\n            <div x-show=\"dropdownOpen\"\n                 @click.away=\"dropdownOpen=false\"\n                 x-transition:enter=\"rvx-ease-out rvx-duration-200\"\n                 x-transition:enter-start=\"-rvx-translate-y-2\"\n                 x-transition:enter-end=\"rvx-translate-y-0\"\n                 class=\"rvx-absolute rvx-top-0 rvx-right-0 rvx-z-50 rvx-w-56 rvx-mt-space24\"\n                 x-cloak>\n                <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\">\n                    <a :href=\"getShareLink('facebook', review)\" target=\"_blank\" 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\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <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\"\/>\n                            <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\"\/>\n                        <\/svg>\n                        <p>  Facebook<\/p>\n                    <\/a>\n\n                    <a :href=\"getShareLink('twitter', review)\" target=\"_blank\" 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\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <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\"\/>\n                        <\/svg>\n                        <p>  X (Twitter)<\/p>\n                    <\/a>\n\n                    <a :href=\"getShareLink('linkedin', review)\" target=\"_blank\" 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\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <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\"\/>\n                            <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\"\/>\n                            <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\"\/>\n                            <path d=\"M7.52451 19.6689H4.26141V9.2743H7.52451V19.6689Z\" fill=\"white\"\/>\n                        <\/svg>\n                        <p>  LinkedIn<\/p>\n                    <\/a>\n\n                    <a :href=\"getShareLink('reddit', review)\" target=\"_blank\" 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\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <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\"\/>\n                            <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\"\/>\n                        <\/svg>\n                        <p> Reddit<\/p>\n                    <\/a>\n\n                    <div x-data=\"copyClipboardComponent()\" @click=\"copyClipboard(getShareLink('copylink', review))\" 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\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                            <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\"\/>\n                        <\/svg>\n                        <span> Copy Link<\/span>\n\n                        <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\">\n                            <p class=\"rvx-p-3 rvx-flex rvx-items-center rvx-justify-center rvx-text-green-600\">Copied to Clipboard<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n        <\/div>\n    <\/template>\n<\/div>\n<\/div>\n\n\n\n\n\n\n        <\/div>\n    <\/template>\n<\/div>\n\n<div x-show=\"isLoadMoreAllReviews\" class=\"rvx-my-space24\" >\n    <style>\n    .rvx-columns-box {\n        -moz-column-break-inside: avoid;\n        break-inside: avoid;\n    }\n<\/style>\n\n<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`\">\n    <template x-for=\"loader in 4\">\n        <div class=\"rvx-flex rvx-animate-pulse rvx-space-x-4 rvx-bg-neutral-100 rvx-p-space16 rvx-rounded-md rvx-columns-box\">\n            <div class=\"rvx-flex-1 rvx-space-y-6 rvx-py-1\">\n                <div class=\"rvx-space-y-3\">\n                    <div class=\"rvx-grid rvx-grid-cols-8 rvx-items-center rvx-gap-space12\">\n                        <div class=\"rvx-col-span-2 rvx-size-10 rvx-rounded-full rvx-bg-gray-200\"><\/div>\n                        <div class=\"rvx-col-span-6 rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                    <\/div>\n                    <div class=\"rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                <\/div>\n                <div class=\"rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                <div class=\"rvx-space-y-3\">\n\n                    <div class=\"rvx-grid rvx-grid-cols-3 rvx-gap-4\">\n                        <div class=\"rvx-col-span-2 rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                        <div class=\"rvx-col-span-1 rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                    <\/div>\n                    <div class=\"rvx-h-2 rvx-rounded rvx-bg-gray-200\"><\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/template>\n<\/div><\/div>\n<div x-show=\"!isLoadMoreAllReviews && reviewsAllData?.data?.meta.next_cursor\" class=\"rvx-grid rvx-place-content-center rvx-mt-space20\">\n    <button\n        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\"\n        @click=\"loadMoreReviewAllHandler\"\n        :loader=\"fetchReviewsIsLoading\"\n        :disabled=\"fetchReviewsIsLoading\">\n        Load More Reviews\n    <\/button>\n<\/div>\n                <template x-if=\"showReviewDetailsModal\">\n        <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>\n            <div x-show=\"showReviewDetailsModal\"\n                 x-transition:enter=\"rvx-ease-out rvx-duration-300\"\n                 x-transition:enter-start=\"rvx-opacity-0\"\n                 x-transition:enter-end=\"rvx-opacity-100\"\n                 x-transition:leave=\"rvx-ease-in rvx-duration-300\"\n                 x-transition:leave-start=\"rvx-opacity-100\"\n                 x-transition:leave-end=\"rvx-opacity-0\"\n                 @click=\"showReviewDetailsModal=false\" class=\"rvx-absolute rvx-inset-0 rvx-w-full rvx-h-full rvx-bg-black rvx-bg-opacity-40\"><\/div>\n            <div x-show=\"showReviewDetailsModal\"\n                 x-transition:enter=\"rvx-ease-out rvx-duration-300\"\n                 x-transition:enter-start=\"rvx-opacity-0 rvx-translate-y-4 sm:rvx-translate-y-0 sm:rvx-scale-95\"\n                 x-transition:enter-end=\"rvx-opacity-100 rvx-translate-y-0 sm:rvx-scale-100\"\n                 x-transition:leave=\"rvx-ease-in rvx-duration-200\"\n                 x-transition:leave-start=\"rvx-opacity-100 rvx-translate-y-0 sm:rvx-scale-100\"\n                 x-transition:leave-end=\"rvx-opacity-0 rvx-translate-y-4 sm:rvx-translate-y-0 sm:rvx-scale-95\"\n                 class=\"rvx-relative  rvx-rounded-lg rvx-w-[360px] md:rvx-w-[980px] rvx-h-[557px] rvx-max-h-[557px] rvx-shadow-xl\">\n                <div class=\"rvx-w-full rvx-h-full rvx-relative\">\n                    <div class=\"rvx-grid rvx-grid-cols-12 rvx-rounded-lg rvx-h-full\">\n                            <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\">\n                                <template x-if=\"currentPreviewImage\">\n                                    <span>\n                                        <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 \" \/>\n                                        <video x-show=\"currentPreviewImage && getFileType(currentPreviewImage).isVideo\" :key=\"currentPreviewImage\" :src=\"currentPreviewImage\" width=\"100%\" height=\"200\" controls class=\"rvx-h-[150px] sm:rvx-h-auto\">\n                                        <\/video>\n                                    <\/span>\n                                <\/template>\n\n                                <span x-show=\"!selectedReviewDetails?.attachments.length\" class=\"material-symbols-rounded !rvx-text-[150px] rvx-text-neutral-700 rvx-pointer-events-none\"> gallery_thumbnail<\/span>\n                            <\/div>\n\n                        <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\">\n                            <!-- Reviewer info -->\n                            <div class=\"sm:rvx-py-space12\">\n                                <div class=\"rvx-flex rvx-gap-space8 rvx-review-user\">\n                                    <div x-show=\"reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n                                        <div x-data=\"avatarComponent({src: '', alt: selectedReviewDetails.reviewer_name})\" x-show=\"!selectedReviewDetails.is_anonymous\"\n                                             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\">\n                                            <template x-if=\"showImage()\">\n                                                <img @error=\"onError\" :src=\"src\" :alt=\"alt\" class=\"rvx-review-user__avatar-img\">\n                                            <\/template>\n                                            <template x-if=\"!showImage()\">\n                                                <div class=\"rvx-review-user__avatar-fallback rvx-flex rvx-justify-center rvx-items-center rvx-text-neutral rvx-font-nunito\">\n                                                    <span x-text=\"alt.charAt(0).toUpperCase()\"><\/span>\n                                                <\/div>\n                                            <\/template>\n                                        <\/div>\n                                        <div x-show=\"selectedReviewDetails.is_anonymous\"\n                                             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\">\n                                            <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>\n                                        <\/div>\n                                    <\/div>\n                                    <div x-show=\"!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n                                        <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\">\n                                            <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>\n                                        <\/div>\n                                    <\/div>\n                                    <div>\n                                        <div class=\"rvx-flex rvx-items-center rvx-gap-space12\">\n                                            <div x-show=\"reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n\n                                                <p x-show=\"!selectedReviewDetails.is_anonymous\"\n                                                   x-text=\"censorReviewerName({isCensor: reviewSettingsData?.data.setting?.review_settings?.reviews.censor_reviewer_name, str: selectedReviewDetails.reviewer_name})\"\n                                                   class=\"!rvx-text-[16px] rvx-font-semibold rvx-leading-[32px] rvx-text-neutral-900 rvx-review-user__name\">\n                                                <\/p>\n                                                <p x-show=\"selectedReviewDetails.is_anonymous\"\n                                                   class=\"!rvx-text-[20px] rvx-font-semibold rvx-leading-[32px] rvx-text-neutral-900 rvx-review-user__name\">\n                                                    Anonymous\n                                                <\/p>\n\n                                            <\/div>\n\n                                            <div x-show=\"!reviewSettingsData?.data.setting?.review_settings?.reviews?.show_reviewer_name\">\n                                                <p class=\"rvx-text-[20px] rvx-font-semibold rvx-leading-[32px] rvx-review-user__name\">\n                                                    Shopper\n                                                <\/p>\n                                            <\/div>\n\n                                            <p x-show=\"reviewSettingsData?.data.setting?.review_settings.reviews.show_verified_badge && selectedReviewDetails?.is_verified\"\n                                               class=\"rvx-flex rvx-items-center rvx-text-success rvx-gap-space5 !rvx-text-[14px] rvx-review-user__name\">\n                                                <span class=\"material-symbols-rounded rvx-text-[16px]\">check_circle<\/span>\n                                                Verified\n                                            <\/p>\n                                            <template x-if=\"reviewSettingsData?.data.setting.review_settings.reviews.show_reviewer_country && selectedReviewDetails?.reviewer_flag\">\n                                                <div x-data=\"__rvxTooltipComponent__()\" x-init=\"initial()\" class=\"rvx-relative\">\n                                                    <div x-ref=\"tooltip\" x-show=\"tooltipVisible\"\n                                                         :class=\"{\n                        'rvx-top-[-15px] left-1\/2 -rvx-translate-x-1\/2 -rvx-mt-0.5 -rvx-translate-y-full' : tooltipPosition === 'top',\n                        'rvx-top-1\/2 -rvx-translate-y-1\/2 -rvx-ml-0.5 rvx-left-0 -rvx-translate-x-full' : tooltipPosition === 'left',\n                        'rvx-bottom-[-20px]  -rvx-translate-x-1\/2 -rvx-mb-0.5 rvx-translate-y-full' : tooltipPosition === 'bottom',\n                        'rvx-top-1\/2 -rvx-translate-y-1\/2 -rvx-mr-0.5 rvx-right-0 rvx-translate-x-full' : tooltipPosition === 'right'\n                        }\"\n                                                         class=\"rvx-absolute rvx-w-auto rvx-text-sm\" x-cloak>\n\n                                                        <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\">\n                                                            <p x-text=\"selectedReviewDetails?.reviewer_country_short_name\" class=\"rvx-flex-shrink-0 rvx-block rvx-text-xs rvx-whitespace-nowrap\"><\/p>\n                                                            <div x-ref=\"tooltipArrow\" x-show=\"tooltipArrow\"\n                                                                 :class=\"{\n                                                                 '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',\n                                                                 'rvx-top-0 -rvx-translate-x-1\/2 rvx-left-1\/2 rvx-w-2.5 -rvx-translate-y-full' : tooltipPosition == 'bottom',\n                                                                 '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' }\"\n                                                                 class=\"rvx-absolute rvx-inline-flex rvx-items-center rvx-justify-center rvx-overflow-hidden\">\n\n                                                                <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>\n                                                            <\/div>\n                                                        <\/div>\n                                                    <\/div>\n                                                    <div x-ref=\"content\">\n                                                        <img :src=\"selectedReviewDetails?.reviewer_flag\" alt=\"flag\" width=\"22\" height=\"26\">\n                                                    <\/div>\n                                                <\/div>\n                                            <\/template>\n                                        <\/div>\n                                        <template x-if=\"Number(selectedReviewDetails.rating)\">\n                                            <div x-data=\"{\n                                            reviewAverage: Number(selectedReviewDetails.rating),\n                                            totalRating: 5\n                                        }\" class=\"review rvx-flex rvx-gap-2 rvx-mb-2\">\n\n                                                <template x-for=\"star in totalRating\" :key=\"star\">\n                                                    <div>\n                                                        <!-- Full star -->\n                                                        <template x-if=\"isFullStar(star, reviewAverage)\">\n                                                            <svg class=\"rvx-reviewer__star-active\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\">\n                                                                <path :fill=\"reviewSettingsData?.data?.setting?.widget_settings?.star_color_code\" \n                                                                    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\" \/>\n                                                            <\/svg>\n                                                        <\/template>\n\n                                                        <!-- Partial star -->\n                                                        <template x-if=\"isHalfStar(star, reviewAverage)\">\n                                                            <svg class=\"rvx-reviewer__star-half\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\">\n                                                                <defs>\n                                                                    <linearGradient :id=\"`grad-${star}`\">\n                                                                        <!-- dynamic offset -->\n                                                                        <stop :offset=\"`${Math.floor(((reviewAverage - (star-1)) * 100))}%`\" \n                                                                            :stop-color=\"reviewSettingsData?.data?.setting?.widget_settings?.star_color_code\" \/>\n                                                                        <stop :offset=\"`${Math.floor(((reviewAverage - (star-1)) * 100))}%`\" \n                                                                            stop-color=\"grey\" \/>\n                                                                    <\/linearGradient>\n                                                                <\/defs>\n                                                                <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\" \/>\n                                                            <\/svg>\n                                                        <\/template>\n\n                                                        <!-- Empty star -->\n                                                        <template x-if=\"isFullEmptyStar(star, reviewAverage)\">\n                                                            <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\">\n                                                                <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\" \/>\n                                                            <\/svg>\n                                                        <\/template>\n                                                    <\/div>\n                                                <\/template>\n\n                                            <\/div>\n                                        <\/template>\n                                    <\/div>\n                                <\/div>\n                                <!-- Multi-Criteria -->\n                                <template x-if=\"reviewSettingsData?.data.setting?.review_settings.reviews.multicriteria.enable\">\n                                    <div class=\"rvx-space-y-space12 rvx-gap-space16\">\n                                        <template x-for=\"(rating, star) in createMultiCriteriaRatingObject({\n                                        criterias: reviewSettingsData?.data.setting.review_settings.reviews.multicriteria.criterias,\n                                        criteriaStats: selectedReviewDetails.criterias,\n                                         existingRating: Number(selectedReviewDetails.rating)\n                                        }\n                                        )\" :key=\"rating.key\">\n                                            <div class=\"rvx-grid rvx-grid-cols-12 rvx-gap-[26px]\">\n                                                <div class=\"rvx-col-span-3 rvx-space-y-[20px]\">\n                                                    <p x-text=\"rating.name\" class=\"rvx-font-semibold rvx-text-neutral-800 rvx-review-form__multicriteria--name\"><\/p>\n                                                <\/div>\n                                                <div class=\"rvx-col-span-9 rvx-flex rvx-gap-space5 rvx-items-center\">\n                                                    <template x-for=\"star in 5\" :key=\"star\">\n                                                        <div>\n                                                            <!-- Full star -->\n                                                            <template x-if=\"isFullStar(star, rating.rating)\">\n                                                                <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\">\n                                                                    <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\" \/>\n                                                                <\/svg>\n                                                            <\/template>\n\n                                                            <!-- Half star -->\n                                                            <template x-if=\"isHalfStar(star, rating.rating)\">\n                                                                <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\">\n                                                                    <defs>\n                                                                        <linearGradient id=\"grad\">\n                                                                            <stop offset=\"50%\" :stop-color=\"reviewSettingsData?.data?.setting?.widget_settings?.star_color_code\" \/>\n                                                                            <stop offset=\"50%\" stop-color=\"grey\" \/>\n                                                                        <\/linearGradient>\n                                                                    <\/defs>\n                                                                    <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\" \/>\n                                                                <\/svg>\n                                                            <\/template>\n\n                                                            <!-- Empty star -->\n                                                            <template x-if=\"isFullEmptyStar(star, rating.rating)\">\n                                                                <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\">\n                                                                    <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\" \/>\n                                                                <\/svg>\n                                                            <\/template>\n                                                        <\/div>\n                                                    <\/template>\n                                                <\/div>\n                                            <\/div>\n                                        <\/template>\n                                    <\/div>\n                                <\/template>\n                            <\/div>\n                            <!-- Review info -->\n                            <div class=\"rvx-font-nunito rvx-h-[270px] rvx-overflow-y-auto\">\n                                <!-- Product Info -->\n                                <div class=\"rvx-flex rvx-justify-between rvx-items-center rvx-gap-space12 rvx-mb-space12\">\n                                    <p class=\"!rvx-text-[20px] rvx-text-neutral-800 rvx-font-semibold rvx-leading-[32px] rvx-review-info__title\"\n                                       x-text=\"selectedReviewDetails.title\">\n                                    <\/p>\n\n                                    <p class=\"!rvx-text-[12px] rvx-text-neutral-600\" x-text=\"selectedReviewDetails.created_at\">\n                                    <\/p>\n                                <\/div>\n\n                                <!-- feedback -->\n                                <p class=\"!rvx-text-[16px] rvx-leading-[22px] rvx-text-neutral-700 rvx-review-info__feedback\"\n                                   x-text=\"selectedReviewDetails.feedback\">\n                                <\/p>\n\n                                <!-- feedback images -->\n                                <div x-show=\"selectedReviewDetails?.attachments?.length\" class=\"rvx-flex rvx-gap-space12 rvx-mt-space24 rvx-mb-space16\">\n                                    <template x-for=\"file in selectedReviewDetails?.attachments\">\n                                        <div class=\"rvx-size-[80px]\">\n                                            <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\" \/>\n                                            <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\">\n                                                <source :src=\"file\">\n                                            <\/video>\n                                        <\/div>\n\n                                    <\/template>\n                                <\/div>\n                                <!--                        owner reply-->\n                                <div x-show=\"selectedReviewDetails?.reply\" class=\"rvx-mb-space20 rvx-mt-space16 rvx-review-owner-replay\">\n                                    <div class=\"rvx-flex rvx-gap-space5\">\n                                <span class=\"material-symbols-rounded rvx-text-[20px] rvx-review-owner-replay__icon\">\n                                   reply\n                                  <\/span>\n                                        <p class=\"!rvx-text-[14px] rvx-font-semibold rvx-text-neutral-800 rvx-leading-[22px] rvx-review-owner-replay__owner-name\">\n                                            Shop owner\n                                            <span class=\"rvx-font-normal rvx-leading-[22px] rvx-review-owner-replay__text\"> replied<\/span>\n                                            <span class=\"rvx-font-normal rvx-leading-[22px] rvx-ml-space5 rvx-review-owner-replay__date\"\n                                                  x-text=\"selectedReviewDetails.replied_at\"><\/span>\n                                        <\/p>\n                                    <\/div>\n                                    <p class=\"!rvx-text-[14px] rvx-leading-[22px] rvx-review-owner-replay__feedback\"\n                                       x-text=\"truncateString(selectedReviewDetails?.reply, 300)\"><\/p>\n                                <\/div>\n                            <\/div>\n                            <!-- Help info -->\n                            <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'}`\">\n                                <template x-if=\"reviewSettingsData?.data?.setting?.review_settings.reviews.enable_likes_dislikes.enabled\">\n                                    <div x-data=\"reviewHelpInfoComponent()\"\n                                         class=\"rvx-flex rvx-justify-end rvx-gap-space8 rvx-items-center rvx-pr-space16 rvx-pb-space16 rvx-review-footer\">\n                                        <p class=\"!rvx-text-[14px] !rvx-text-neutral-700 rvx-review-footer__text\">Was this helpful<\/p>\n                                        <!--    @click=\"storeFrontStore.likeDislikeHandler({ uid: review.wp_unique_id, preference: LIKE_DISLIKE_PREFERENCE.LIKES })\"-->\n                                        <p class=\"!rvx-text-[14px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-duration-150 rvx-review-footer__thumbs\">\n                                            <svg @click=\"likeDislikeHandler({ uid: selectedReviewDetails.wp_unique_id, preference: 1, review: selectedReviewDetails })\" 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\">\n                                                <mask id=\"mask0_420_27618\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"21\">\n                                                    <rect y=\"0.948242\" width=\"20\" height=\"20\" fill=\"#D9D9D9\" \/>\n                                                <\/mask>\n                                                <g mask=\"url(#mask0_420_27618)\">\n                                                    <path\n                                                            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\"\n                                                            :fill=\"selectedReviewDetails.preference?.preference === 1 ? '#757575' : '#E0E0E0'\" \/>\n                                                <\/g>\n                                            <\/svg>\n                                            <span x-text=\"selectedReviewDetails.likes\"><\/span>\n                                        <\/p>\n                                        <!--    @click=\"storeFrontStore.likeDislikeHandler({ uid: review.wp_unique_id, preference: LIKE_DISLIKE_PREFERENCE.DISLIKES })\"-->\n                                        <p class=\"!rvx-text-[14px] rvx-gap-[3px] rvx-flex rvx-items-center !rvx-text-neutral-600 rvx-review-footer__thumbs\">\n                                            <svg @click=\"likeDislikeHandler({ uid: selectedReviewDetails.wp_unique_id, preference: 2, review: selectedReviewDetails })\" 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\">\n                                                <mask id=\"mask0_420_27618\" style=\"mask-type:alpha\" maskUnits=\"userSpaceOnUse\" x=\"0\" y=\"0\" width=\"20\" height=\"21\">\n                                                    <rect y=\"0.948242\" width=\"20\" height=\"20\" fill=\"#D9D9D9\" \/>\n                                                <\/mask>\n                                                <g mask=\"url(#mask0_420_27618)\">\n                                                    <path\n                                                            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\"\n                                                            :fill=\"selectedReviewDetails.preference?.preference === 2 ? '#757575' : '#E0E0E0'\" \/>\n                                                <\/g>\n                                            <\/svg>\n                                            <span x-text=\"selectedReviewDetails.dislikes\"><\/span>\n                                        <\/p>\n                                    <\/div>\n                                <\/template>\n                                <template x-if=\"reviewSettingsData?.data?.setting?.review_settings.reviews.allow_review_sharing\">\n                                    <div x-data=\"{dropdownOpen: false}\" class=\"rvx-relative\">\n                                        <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>\n\n                                        <div x-show=\"dropdownOpen\"\n                                             @click.away=\"dropdownOpen=false\"\n                                             x-transition:enter=\"rvx-ease-out rvx-duration-200\"\n                                             x-transition:enter-start=\"-rvx-translate-y-2\"\n                                             x-transition:enter-end=\"rvx-translate-y-0\"\n                                             class=\"rvx-absolute rvx-top-0 rvx-z-50 rvx-w-56 rvx-mt-space16 -rvx-right-[50px]\"\n                                             x-cloak>\n                                            <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\">\n                                                <a :href=\"getShareLink('facebook', selectedReviewDetails)\" target=\"_blank\" class=\"rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <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\"\/>\n                                                        <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\"\/>\n                                                    <\/svg>\n                                                    <p>Facebook<\/p>\n                                                <\/a>\n\n                                                <a :href=\"getShareLink('twitter', selectedReviewDetails)\" target=\"_blank\" class=\"rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <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\"\/>\n                                                    <\/svg>\n                                                    <p>X (Twitter)<\/p>\n                                                <\/a>\n\n                                                <a :href=\"getShareLink('linkedin', selectedReviewDetails)\" target=\"_blank\" class=\"rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <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\"\/>\n                                                        <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\"\/>\n                                                        <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\"\/>\n                                                        <path d=\"M7.52451 19.6689H4.26141V9.2743H7.52451V19.6689Z\" fill=\"white\"\/>\n                                                    <\/svg>\n                                                    <p> LinkedIn<\/p>\n                                                <\/a>\n\n                                                <a :href=\"getShareLink('reddit', selectedReviewDetails)\" target=\"_blank\" class=\"rvx-flex rvx-items-center rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <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\"\/>\n                                                        <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\"\/>\n                                                    <\/svg>\n                                                    <p>Reddit<\/p>\n                                                <\/a>\n\n                                                <div x-data=\"copyClipboardComponent()\" @click=\"copyClipboard(getShareLink('copylink', selectedReviewDetails))\" class=\"rvx-flex rvx-items-center rvx-cursor-pointer rvx-gap-space5 rvx-px-space16 rvx-py-space8 hover:rvx-bg-[#EEF3FF] rvx-no-underline\">\n                                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                                                        <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\"\/>\n                                                    <\/svg>\n                                                    <p>Copy Link<\/p>\n                                                    \n                                                    <div x-show=\"copySuccess\" @click.away=\"copySuccess = false\"  class=\"rvx-fixed rvx-bottom-3 rvx-right-3 rvx-z-[999] rvx-max-w-sm rvx-overflow-hidden rvx-bg-green-100 rvx-border rvx-border-green-300 rvx-rounded\">\n                                                        <p class=\"rvx-p-3 rvx-flex rvx-items-center rvx-justify-center rvx-text-green-600\">Copied to Clipboard<\/p>\n                                                    <\/div>\n                                                <\/div>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/template>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div @click=\"close()\"\n                         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\">\n                        <span class=\"material-symbols-rounded rvx-text-[20px] rvx-text-center rvx-w-full\">close<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/template>\n<script>\n    function reviewDetailsModal({ selectedReviewDetails }) {\n                return {\n            selectedReviewDetails,\n            currentPreviewImage: selectedReviewDetails?.attachments[0] || null,\n            close() {\n                this.showReviewDetailsModal= false\n                \/\/ this.$dispatch('notify-close-review-details-modal');\n            },\n            previewImageHandler(url) {\n                this.currentPreviewImage = url;\n            },\n        };\n    }\n<\/script>\n\n<style>\n    .rvx-rotate-thumbs-down {\n        transform: rotate(180deg);\n    }\n    .rvx-review-details-modal__star-active{\n        fill: #ecbb09;\n    }\n    .rvx-review-details-modal__star-inactive{\n        fill: gray;\n    }\n<\/style>        <\/div>\n    <\/template>\n\n    <template x-if=\"!haveReviews && !fetchReviewsIsLoading\" x-cloak>\n        <div class=\"rvx-bg-neutral-100 rvx-py-[64px] rvx-px-space24 rvx-rounded-md rvx-text-center\">\n            \n    <p class=\"!rvx-text-[18px] rvx-font-nunito rvx-font-semibold rvx-leading-[29px]\">\n        There are no reviews yet.\n    <\/p>\n    <p class=\"!rvx-text-[18px] rvx-font-nunito rvx-font-semibold rvx-leading-[29px]\">Be the first to review \u201c<span x-text=\"reviewAggregationData?.data?.product.title\"><\/span> \u201d<\/p>        <\/div>\n    <\/template>\n\n<\/div><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-92cd5df e-con e-atomic-element e-flexbox-base e-f538567 \" data-id=\"92cd5df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"92cd5df\" data-e-type=\"e-flexbox\" data-id=\"92cd5df\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>REVIEW REVIEW \uacf5\uc9c0\uc0ac\ud56d \ubb38\uc758\ud558\uae30 \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-29789","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"mailpoet_newsletter_max":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false,"dgwt-wcas-product-suggestion":false},"uagb_author_info":{"display_name":"wakoo_admin","author_link":"https:\/\/korea.wakooglobal.com\/author\/wakoo_admin\/"},"uagb_comment_info":0,"uagb_excerpt":"REVIEW REVIEW \uacf5\uc9c0\uc0ac\ud56d \ubb38\uc758\ud558\uae30 \uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38","_links":{"self":[{"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/29789","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/comments?post=29789"}],"version-history":[{"count":28,"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/29789\/revisions"}],"predecessor-version":[{"id":31873,"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/pages\/29789\/revisions\/31873"}],"wp:attachment":[{"href":"https:\/\/korea.wakooglobal.com\/index.php\/wp-json\/wp\/v2\/media?parent=29789"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}