@orderingstack/front-hooks 3.8.0 → 3.9.0

package/dist/index.es.js

@@ -1391,6 +1391,19 @@ function isProductEnabled(item, enableKeys) {
   const itemEnableKeys = enableKey.replace(/\s/g, "").split(",");
   return itemEnableKeys.some((key) => enableKeys.includes(key));
 }
+function getProductAcronym(product) {
+  var _a, _b, _c, _d, _e, _f;
+  const arrayName = (_b = (_a = product.details) == null ? void 0 : _a.literals) == null ? void 0 : _b.name.split(" ").filter((string) => string !== "");
+  if (!arrayName)
+    return "";
+  if (arrayName.length === 1) {
+    return ((_f = (_e = (_d = (_c = product.details) == null ? void 0 : _c.literals) == null ? void 0 : _d.name) == null ? void 0 : _e.slice) == null ? void 0 : _f.call(_e, 0, 2)) || "";
+  }
+  if (arrayName.length > 1) {
+    return `${arrayName[0][0]}${arrayName[1][0]}`;
+  }
+  return "";
+}
 function useAvailability(originalMenu, markOnly = false, timeZone = void 0, interval = 60) {
   const [menu, setMenu] = useState(originalMenu ? filterTimeAvailabilityOfProducts(originalMenu, timeZone, void 0, markOnly) : originalMenu);
   useInterval(checkAvailability, interval * 1e3);
@@ -3120,8 +3133,8 @@ function useCms(id, intervalSeconds = 600, withLocalStorage = true, baseUrl, ten
   const [timestamp, setTimestamp] = useState(((_b = getFromLocalStorage()) == null ? void 0 : _b.timestamp) || 0);
   const [state, setState] = useState(loadedData || null);
   const [error, setError] = useState(false);
-  function getCms() {
-    axios.get(url).then((res) => {
+  async function getCms(signal) {
+    return axios.get(url, { signal }).then((res) => {
       if (isEmpty_1(res.data)) {
         throw new Error(`CMS data '${id}' is an empty object`);
       }
@@ -3135,10 +3148,11 @@ function useCms(id, intervalSeconds = 600, withLocalStorage = true, baseUrl, ten
         saveToLocalStorage(res.data);
       }
     }).catch((e) => {
-      console.error(e);
-      setError(true);
+      if (e.code !== "ERR_CANCELED") {
+        console.error(e);
+        setError(true);
+      }
     });
-    return;
   }
   function saveToLocalStorage(data) {
     const t = new Date().valueOf();
@@ -3153,7 +3167,8 @@ function useCms(id, intervalSeconds = 600, withLocalStorage = true, baseUrl, ten
     try {
       const value = localStorage.getItem(key);
       if (value) {
-        return JSON.parse(value);
+        const val = JSON.parse(value);
+        return val;
       }
     } catch (e) {
       console.warn(e);
@@ -3161,10 +3176,22 @@ function useCms(id, intervalSeconds = 600, withLocalStorage = true, baseUrl, ten
     return null;
   }
   useEffect(() => {
+    console.log("CMS ID", id);
     if (new Date().valueOf() - timestamp > intervalSeconds * 1e3) {
-      getCms();
+      const controller = new AbortController();
+      getCms(controller.signal);
+      return () => controller.abort();
+    }
+    const val = getFromLocalStorage();
+    if (val == null ? void 0 : val.value) {
+      setState(val.value);
+      setTimestamp(val.timestamp);
+    } else {
+      const controller = new AbortController();
+      getCms(controller.signal);
+      return () => controller.abort();
     }
-  }, []);
+  }, [id]);
   useInterval(getCms, intervalSeconds * 1e3);
   return { value: state, isError: error, isLoading: !error && !state };
 }
@@ -3744,5 +3771,5 @@ function getMediaUrl(url, size = 500) {
 function useMediaUrl(url, size = 500) {
   return getMediaUrl(url, size);
 }
-export { addDiscounts, formatPrice, getGroupedBucketLines, getMediaUrl, groupOrderLines, isChannelOpen, isProductEnabled, summarizeLineDiscounts, useAvailability, useCms, useDisplayPrice, useGroupOrderLines, useInterval, useKioskChannelsAvailability, useKioskMediaCms, useKioskMediaCmsWithContext, useLocalizedVenueMedia, useMediaUrl, useMenu, useOnClickOutside, useVenueCms };
+export { addDiscounts, formatPrice, getGroupedBucketLines, getMediaUrl, getProductAcronym, groupOrderLines, isChannelOpen, isProductEnabled, summarizeLineDiscounts, useAvailability, useCms, useDisplayPrice, useGroupOrderLines, useInterval, useKioskChannelsAvailability, useKioskMediaCms, useKioskMediaCmsWithContext, useLocalizedVenueMedia, useMediaUrl, useMenu, useOnClickOutside, useVenueCms };
 //# sourceMappingURL=index.es.js.map