@sledge-app/react-instant-search 1.0.17 → 1.0.19

package/dist/sledge-react-instant-search.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports, $ as $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, a as $cb5cc270b50c6fcd$export$41fb9f06171c75f4, b as $cb5cc270b50c6fcd$export$602eac185826482c, c as $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, d as $cb5cc270b50c6fcd$export$f39c2d165cd861fe, e as $cb5cc270b50c6fcd$export$21b07c8f274aebd5, f as $67824d98245208a0$export$be92b6f5f03c0fe9, g as $67824d98245208a0$export$adb584737d712b70, h as $e698a72e93240346$export$be92b6f5f03c0fe9, i as $e698a72e93240346$export$adb584737d712b70, k as $faa2e61a3361514f$export$be92b6f5f03c0fe9, l as $faa2e61a3361514f$export$13921ac0cc260818, m as $faa2e61a3361514f$export$9a58ef0d7ad3278c, n as $faa2e61a3361514f$export$6521433ed15a34db, o as $f99a8c78507165f7$export$be92b6f5f03c0fe9, p as $f99a8c78507165f7$export$6d08773d2e66f8f2, q as $f99a8c78507165f7$export$adb584737d712b70, r as $cc7e05a45900e73f$export$6d08773d2e66f8f2, s as $cc7e05a45900e73f$export$d6e5bf9c43ea9319, t as $cc7e05a45900e73f$export$c3468e2714d175fa, u as $cc7e05a45900e73f$export$be92b6f5f03c0fe9, v as $cc7e05a45900e73f$export$41fb9f06171c75f4, w as $cc7e05a45900e73f$export$4c8d1a57a761ef94, x as $cc7e05a45900e73f$export$f04a61298a47a40f, y as $cc7e05a45900e73f$export$602eac185826482c, z as $cc7e05a45900e73f$export$7c6e2c02157bb7d2, A as $cc7e05a45900e73f$export$2f60d3ec9ad468f2, B as $cc7e05a45900e73f$export$d5c6c08dc2d3ca7, C as $cc7e05a45900e73f$export$bf1aedc3039c8d63, D as motion, E as client, F as $a093c7e1ec25a057$export$2881499e37b75b9a, G as $a093c7e1ec25a057$export$be92b6f5f03c0fe9, H as $a093c7e1ec25a057$export$41fb9f06171c75f4, I as $a093c7e1ec25a057$export$602eac185826482c, J as $a093c7e1ec25a057$export$7c6e2c02157bb7d2, K as $a093c7e1ec25a057$export$21b07c8f274aebd5, L as $57acba87d6e25586$export$be92b6f5f03c0fe9, M as $57acba87d6e25586$export$d5c6c08dc2d3ca7, N as $57acba87d6e25586$export$9a4e88b92edfce6b, O as $57acba87d6e25586$export$6521433ed15a34db, P as MasonryResponsive, Q as Masonry, R as $5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, S as $5d3850c4d0b4e6c7$export$602eac185826482c, T as $5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, U as $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2 } from "./vendor-efe38901.js";
-import React__default, { createElement } from "react";
+import React__default from "react";
 import { SledgeContext } from "@sledge-app/core";
 import "react-dom";
 const ProductFilterWidget = (props) => {
@@ -1835,52 +1835,74 @@ const Rating = (props) => {
     setIsFirstLoading(true);
     handleProductRatingInfo(valueRenderProductReviewRating, true);
   }, [productId, valueRenderProductReviewRating]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__rating", onClick: handleOnClick, "data-rating-size": size, children: isFirstLoading && withSkeletonLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "230px", height: "28px", color: "lighten", rounded: "md" }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", style: { display: "none" }, id: "sledge-product-review-rating-icon-svg-store", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("symbol", { viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "sledge-product-review-icons-rating-icon-fill", children: /* @__PURE__ */ jsxRuntimeExports.jsx("g", { id: "favorite_major", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          id: "Primary fill",
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M5.00009 12L1.37609 9C0.692087 8.453 0.992087 7.353 1.86009 7.229L7.00009 7L9.19509 1.497C9.34809 1.192 9.65909 1 10.0001 1C10.3411 1 10.6521 1.193 10.8051 1.497L13.0001 7L18.1401 7.229C19.0081 7.353 19.3081 8.453 18.6241 9L15.0001 12L15.9891 17.857C16.1031 18.656 15.2731 19.254 14.5521 18.893L10.0001 16L5.44809 18.892C4.72609 19.253 3.89709 18.655 4.01109 17.856L5.00009 12Z",
-          fill: fill_color
-        }
-      ) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("symbol", { viewBox: "0 0 33 33", fill: "none", xmlns: "http://www.w3.org/2000/svg", id: "sledge-product-review-icons-rating-icon-line", children: /* @__PURE__ */ jsxRuntimeExports.jsx("g", { id: "favorite_major", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "path",
-        {
-          id: "Primary fill",
-          d: "M9.18817 19.8162L9.25542 19.4179L8.94431 19.1604L3.14591 14.3604L3.14598 14.3603L3.13673 14.3529C2.5294 13.8672 2.784 12.8955 3.54372 12.7636L11.7291 12.3989L12.1807 12.3788L12.3481 11.959L15.8472 3.18648C15.977 2.94796 16.2257 2.79961 16.4979 2.79961C16.769 2.79961 17.0185 2.94848 17.1489 3.18698L20.6478 11.959L20.8152 12.3788L21.2668 12.3989L29.4522 12.7636C30.2119 12.8955 30.4665 13.8672 29.8592 14.3529L29.8591 14.3528L29.85 14.3604L24.0516 19.1604L23.7405 19.4179L23.8077 19.8162L25.3884 29.1774C25.4834 29.8833 24.7613 30.4104 24.1224 30.1159L16.8734 25.5088L16.498 25.2702L16.1226 25.5088L8.87373 30.1141C8.23317 30.409 7.51248 29.8817 7.60746 29.1758L9.18817 19.8162Z",
-          stroke: outline_color,
-          strokeWidth: "1.4"
-        }
-      ) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("g", { id: "sledge-product-review-icons-rating-icon", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("use", { href: "#sledge-product-review-icons-rating-icon-line", className: "sledge-product-review__rating-icon-line" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("use", { href: "#sledge-product-review-icons-rating-icon-fill", className: "sledge-product-review__rating-icon-fill" })
-      ] }) })
-    ] }),
-    !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      [1, 2, 3, 4, 5].map((item, index) => {
-        let ratingValue = Math.floor(parseFloat(averageReview));
-        let getCommaValue = String(averageReview).includes(",") ? String(averageReview).split(",") : [];
-        let getCommaValueDot = String(averageReview).includes(".") ? String(averageReview).split(".") : [];
-        let isHaveCommaValue = getCommaValue.length || getCommaValueDot.length;
-        let commaValue = isHaveCommaValue ? getCommaValue[1] || getCommaValueDot[1] : 0;
-        let fillOther = "fill-0";
-        if (item > ratingValue && ratingValue + 1 === item) {
-          fillOther = `fill-${commaValue}`;
-        }
-        return /* @__PURE__ */ createElement("svg", { ...sizing, viewBox: "0 0 33 33", "data-product-review-rating-fill": item <= ratingValue ? "full" : fillOther, key: index }, /* @__PURE__ */ jsxRuntimeExports.jsx("use", { href: "#sledge-product-review-icons-rating-icon" }));
-      }),
-      withTotal ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-product-review__rating-summary-total", children: [
-        "(",
-        totalReview,
-        ")"
-      ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sledge-product-review__rating", onClick: handleOnClick, "data-rating-size": size, children: isFirstLoading && withSkeletonLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(SkeletonLoading.Item, { width: "230px", height: "28px", color: "lighten", rounded: "md" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !isLoading && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    [1, 2, 3, 4, 5].map((item, index) => {
+      let ratingValue = Math.floor(parseFloat(averageReview));
+      let getCommaValue = String(averageReview).includes(",") ? String(averageReview).split(",") : [];
+      let getCommaValueDot = String(averageReview).includes(".") ? String(averageReview).split(".") : [];
+      let isHaveCommaValue = getCommaValue.length || getCommaValueDot.length;
+      let commaValue = isHaveCommaValue ? getCommaValue[1] || getCommaValueDot[1] : 0;
+      let fillOther = "fill-0";
+      if (item > ratingValue && ratingValue + 1 === item) {
+        fillOther = `fill-${commaValue}`;
+      }
+      fillOther = item <= ratingValue ? "full" : fillOther;
+      let offset;
+      if (fillOther === "fill-0") {
+        offset = "0%";
+      }
+      if (fillOther === "fill-1") {
+        offset = "25%";
+      }
+      if (fillOther === "fill-2") {
+        offset = "35%";
+      }
+      if (fillOther === "fill-3") {
+        offset = "40%";
+      }
+      if (fillOther === "fill-4") {
+        offset = "45%";
+      }
+      if (fillOther === "fill-5") {
+        offset = "50%";
+      }
+      if (fillOther === "fill-6") {
+        offset = "60%";
+      }
+      if (fillOther === "fill-7") {
+        offset = "70%";
+      }
+      if (fillOther === "fill-8") {
+        offset = "80%";
+      }
+      if (fillOther === "fill-9") {
+        offset = "90%";
+      }
+      if (fillOther === "full") {
+        offset = "100%";
+      }
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", ...sizing, viewBox: "0 0 32 32", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("defs", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("linearGradient", { id: `rating-gradient-${fillOther}-${index}-${productId}`, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset, stopColor: fill_color }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("stop", { offset, stopColor: "transparent" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            fill: `url(#rating-gradient-${fillOther}-${index}-${productId})`,
+            d: "M9.18817 19.8162L9.25542 19.4179L8.94431 19.1604L3.14591 14.3604L3.14598 14.3603L3.13673 14.3529C2.5294 13.8672 2.784 12.8955 3.54372 12.7636L11.7291 12.3989L12.1807 12.3788L12.3481 11.959L15.8472 3.18648C15.977 2.94796 16.2257 2.79961 16.4979 2.79961C16.769 2.79961 17.0185 2.94848 17.1489 3.18698L20.6478 11.959L20.8152 12.3788L21.2668 12.3989L29.4522 12.7636C30.2119 12.8955 30.4665 13.8672 29.8592 14.3529L29.8591 14.3528L29.85 14.3604L24.0516 19.1604L23.7405 19.4179L23.8077 19.8162L25.3884 29.1774C25.4834 29.8833 24.7613 30.4104 24.1224 30.1159L16.8734 25.5088L16.498 25.2702L16.1226 25.5088L8.87373 30.1141C8.23317 30.409 7.51248 29.8817 7.60746 29.1758L9.18817 19.8162Z",
+            stroke: outline_color,
+            strokeWidth: "1.4"
+          }
+        )
+      ] });
+    }),
+    withTotal ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sledge-product-review__rating-summary-total", children: [
+      "(",
+      totalReview,
+      ")"
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})
+  ] }) }) });
 };
 const getSizing = (size) => {
   if (size === "xs") {
@@ -4970,6 +4992,9 @@ const SearchWidget = (props) => {
       return () => clearTimeout(delayDebounceFn);
     }
   }, [keyword]);
+  React__default.useEffect(() => {
+    showSearchResult ? document.body.classList.add("sledge__open-element-inset") : document.body.classList.remove("sledge__open-element-inset");
+  }, [showSearchResult]);
   const wrapperStyle = {
     maxWidth: width
   };