@orderingstack/front-hooks 3.3.0 → 3.5.0

package/dist/index.es.js

@@ -1,5 +1,6 @@
 import { useRef, useState, useEffect, useContext } from "react";
 import { ConfigContext } from "@orderingstack/ordering-core-react";
+import { useTranslation } from "react-i18next";
 function useInterval(callback, delay) {
   const savedCallback = useRef();
   const [intervalId, setIntervalId] = useState(null);
@@ -3164,6 +3165,31 @@ function useKioskMediaCms({
     isLoading
   };
 }
+function useKioskMediaCmsWithContext({
+  kioskMediaId,
+  kioskMediaType,
+  venue,
+  intervalSeconds = 600,
+  withLocalStorage = true
+}) {
+  const config = useContext(ConfigContext);
+  if (!config) {
+    throw new Error("Missing config context");
+  }
+  const {
+    i18n: { language }
+  } = useTranslation();
+  return useKioskMediaCms({
+    kioskMediaId,
+    kioskMediaType,
+    intervalSeconds,
+    withLocalStorage,
+    venue,
+    baseUrl: config.baseUrl,
+    tenant: config.tenant,
+    locale: language
+  });
+}
 function useOnClickOutside(ref, handler) {
   useEffect(() => {
     const listener = (event) => {
@@ -3180,12 +3206,12 @@ function useOnClickOutside(ref, handler) {
     };
   }, [ref, handler]);
 }
-function useKioskChannelsAvailability(channelConstrainst) {
-  const [dineInOpen, setDineInOpen] = useState(isChannelOpen(channelConstrainst == null ? void 0 : channelConstrainst.DINE_IN));
-  const [takeAwayOpen, setTakeAwayOpen] = useState(isChannelOpen(channelConstrainst == null ? void 0 : channelConstrainst.TAKE_AWAY));
+function useKioskChannelsAvailability(channelConstraints) {
+  const [dineInOpen, setDineInOpen] = useState(isChannelOpen(channelConstraints == null ? void 0 : channelConstraints.DINE_IN));
+  const [takeAwayOpen, setTakeAwayOpen] = useState(isChannelOpen(channelConstraints == null ? void 0 : channelConstraints.TAKE_AWAY));
   function checkOpen() {
-    const dineIn = isChannelOpen(channelConstrainst == null ? void 0 : channelConstrainst.DINE_IN);
-    const takeAway = isChannelOpen(channelConstrainst == null ? void 0 : channelConstrainst.TAKE_AWAY);
+    const dineIn = isChannelOpen(channelConstraints == null ? void 0 : channelConstraints.DINE_IN);
+    const takeAway = isChannelOpen(channelConstraints == null ? void 0 : channelConstraints.TAKE_AWAY);
     if (dineIn !== dineInOpen) {
       console.log("dine in open changed", dineInOpen, "=>", dineIn);
       setDineInOpen(dineIn);
@@ -3197,9 +3223,9 @@ function useKioskChannelsAvailability(channelConstrainst) {
   }
   useEffect(() => {
     checkOpen();
-  }, [channelConstrainst]);
+  }, [channelConstraints]);
   useInterval(checkOpen, 6e4);
-  return { dineInOpen, takeAwayOpen };
+  return { dineInOpen, takeAwayOpen, loaded: !!channelConstraints };
 }
 var queryString = {};
 var strictUriEncode = (str) => encodeURIComponent(str).replace(/[!'()*]/g, (x) => `%${x.charCodeAt(0).toString(16).toUpperCase()}`);
@@ -3666,5 +3692,5 @@ function addDiscounts(discounts) {
 function summarizeLineDiscounts(line) {
   return addDiscounts(line.discounts);
 }
-export { addDiscounts, getGroupedBucketLines, getMediaUrl, groupOrderLines, summarizeLineDiscounts, useAvailability, useCms, useDisplayPrice, useGroupOrderLines, useInterval, useKioskChannelsAvailability, useKioskMediaCms, useLocalizedVenueMedia, useMediaUrl, useOnClickOutside, useVenueCms };
+export { addDiscounts, getGroupedBucketLines, getMediaUrl, groupOrderLines, isChannelOpen, summarizeLineDiscounts, useAvailability, useCms, useDisplayPrice, useGroupOrderLines, useInterval, useKioskChannelsAvailability, useKioskMediaCms, useKioskMediaCmsWithContext, useLocalizedVenueMedia, useMediaUrl, useOnClickOutside, useVenueCms };
 //# sourceMappingURL=index.es.js.map