@sledge-app/react-instant-search 1.0.110 → 1.0.112

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

@@ -514,6 +514,11 @@ const dispatchCustomEvent = (eventName, detail) => {
   const customEvent = new CustomEvent(eventName, { bubbles: true, cancelable: true, composed: false, ...detail && { detail } });
   document.dispatchEvent(customEvent);
 };
+const setElementAttribute = ({ element, attributeName, value }) => {
+  if (element && element.hasAttribute(attributeName)) {
+    element.setAttribute(attributeName, value);
+  }
+};
 const root = "";
 const Loading = "";
 const ConfirmationPopup = "";
@@ -615,7 +620,7 @@ const Progress = ({ value, total, fillColor = "", outlineColor = "", delay = 150
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         $67824d98245208a0$export$adb584737d712b70,
         {
-          className: "ProgressIndicator",
+          className: "sledge__progress-indicator ProgressIndicator",
           style: {
             ...{ transform: `translateX(-${100 - progress}%)` },
             ...fillColor && {
@@ -2955,7 +2960,7 @@ const ProductCard = (props) => {
       product: {
         ...product,
         ...{
-          variants: variants.map((variant, index) => {
+          variants: variants == null ? void 0 : variants.map((variant, index) => {
             const isInventoryQuantity = Object.hasOwn(variants[index], "inventory_quantity") ? variants[index].inventory_quantity > 0 : false;
             const isInventoryManagement = Object.hasOwn(variants[index], "inventory_management") ? variants[index].inventory_management === null : false;
             const isInventoryPolicy = Object.hasOwn(variants[index], "inventory_policy") ? variants[index].inventory_policy === "continue" : false;
@@ -3019,10 +3024,11 @@ const ProductCard = (props) => {
       var _a2, _b2, _c2, _d;
       const parentCard = element.target.offsetParent;
       const selectedInput = parentCard.querySelector(`.sledge__product-grid-card-selected-option[data-product-id='${id}']`);
-      const setOptionAttribute = () => {
-        selectedInput.attributes[`data-selected-option${optionIndex}`].value = value;
-      };
-      setOptionAttribute();
+      setElementAttribute({
+        element: selectedInput,
+        attributeName: `data-selected-option${optionIndex}`,
+        value
+      });
       const option1 = `[data-option-1="${selectedInput.attributes["data-selected-option1"].value}"]`;
       const option2 = `${selectedInput.attributes["data-selected-option2"] ? `[data-option-2="${selectedInput.attributes["data-selected-option2"].value}"]` : ""}`;
       const selectOption = parentCard.querySelector(`select option${option1}${option2}`);
@@ -3032,10 +3038,27 @@ const ProductCard = (props) => {
       const inventoryManagement = (_c2 = selectOption.attributes["data-inventory-management"]) == null ? void 0 : _c2.value;
       const inventoryPolicy = (_d = selectOption.attributes["data-inventory-policy"]) == null ? void 0 : _d.value;
       const setOther = () => {
-        selectedInput.attributes[`data-variant-id`].value = selectOption.attributes["data-graphql-id"].value;
-        selectedInput.attributes[`data-inventory-quantity`].value = inventoryQuantity;
-        selectedInput.attributes[`data-inventory-management`].value = inventoryManagement;
-        selectedInput.attributes[`data-inventory-policy`].value = inventoryPolicy;
+        var _a3, _b3;
+        setElementAttribute({
+          element: selectedInput,
+          attributeName: "data-variant-id",
+          value: ((_b3 = (_a3 = selectOption == null ? void 0 : selectOption.attributes) == null ? void 0 : _a3["data-graphql-id"]) == null ? void 0 : _b3.value) || ""
+        });
+        setElementAttribute({
+          element: selectedInput,
+          attributeName: "data-inventory-quantity",
+          value: inventoryQuantity || ""
+        });
+        setElementAttribute({
+          element: selectedInput,
+          attributeName: "data-inventory-management",
+          value: inventoryManagement || ""
+        });
+        setElementAttribute({
+          element: selectedInput,
+          attributeName: "data-inventory-policy",
+          value: inventoryPolicy || ""
+        });
         if (variantId)
           setSelectedVariantId(variantId);
         if (inventoryQuantity)
@@ -5609,23 +5632,17 @@ const SearchResultWidget = (props) => {
       collections_all_id
     } = response;
     const { limit } = (display == null ? void 0 : display.search) || {};
-    let valueAllowedSorts = (allowed_sorts == null ? void 0 : allowed_sorts.length) ? collectionId ? allowed_sorts.map((allowed_sort) => {
+    let valueAllowedSorts = (allowed_sorts == null ? void 0 : allowed_sorts.length) ? collectionId || collections_all_id ? allowed_sorts.map((allowed_sort) => {
       const { value, ...other_allowed_sort } = allowed_sort;
+      const valueReplaced = collectionId ? String(collectionId) : String(collections_all_id);
       return {
         ...other_allowed_sort,
-        value: String(value).replaceAll(OBJECT_DATA_STRING_KEY.COLLECTION_ID, String(collectionId))
+        value: String(value).replaceAll(OBJECT_DATA_STRING_KEY.COLLECTION_ID, valueReplaced)
       };
     }) : allowed_sorts.filter((allowed_sort) => {
-      const { value, ...other_allowed_sort } = allowed_sort;
-      if (collections_all_id) {
-        return {
-          ...other_allowed_sort,
-          value: String(value).replaceAll(OBJECT_DATA_STRING_KEY.COLLECTION_ID, String(collections_all_id))
-        };
-      } else {
-        if (!String(value).includes(OBJECT_DATA_STRING_KEY.COLLECTION_ID))
-          return allowed_sort;
-      }
+      const { value } = allowed_sort;
+      if (!String(value).includes(OBJECT_DATA_STRING_KEY.COLLECTION_ID))
+        return allowed_sort;
     }) : [];
     setAllowedSorts(valueAllowedSorts);
     setIndexProduct(index_product);
@@ -5633,7 +5650,7 @@ const SearchResultWidget = (props) => {
     setDisplaySettings(display);
     setColorSwatches(colors);
     setDefaultSort(
-      (searchParams == null ? void 0 : searchParams.get(querySortBy)) ? searchParams == null ? void 0 : searchParams.get(querySortBy) : collectionId ? String(default_sort).replaceAll(OBJECT_DATA_STRING_KEY.COLLECTION_ID, String(collectionId)) : String(default_sort).includes(OBJECT_DATA_STRING_KEY.COLLECTION_ID) ? (_a2 = valueAllowedSorts[0]) == null ? void 0 : _a2.value : default_sort
+      (searchParams == null ? void 0 : searchParams.get(querySortBy)) ? searchParams == null ? void 0 : searchParams.get(querySortBy) : collectionId ? String(default_sort).replaceAll(OBJECT_DATA_STRING_KEY.COLLECTION_ID, String(collectionId)) : collections_all_id ? String(default_sort).replaceAll(OBJECT_DATA_STRING_KEY.COLLECTION_ID, String(collections_all_id)) : String(default_sort).includes(OBJECT_DATA_STRING_KEY.COLLECTION_ID) ? (_a2 = valueAllowedSorts[0]) == null ? void 0 : _a2.value : default_sort
     );
     setDefaultLimit((localStorage == null ? void 0 : localStorage.getItem(LOCAL_STORAGE_KEY.LIMIT_PRODUCT)) || limit);
     setLanguageSettings(languages);