@sledge-app/react-instant-search 1.0.111 → 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)