mozrest-sdk-react-dev 0.3.30 → 0.3.32

package/mozrest-sdk.es.js

@@ -126253,7 +126253,7 @@ const Chart = ({
         ...info,
         name: hooks(day2.date, "YYYYMMDD").format("YYYY")
       };
-      if (day2.reservationPortal) {
+      if (day2.reservationPortal && sources2) {
         day2.reservationPortal.map((rp) => {
           const source2 = sources2.find((s2) => s2.code === rp.name);
           const sourceName = (source2 == null ? void 0 : source2.name) || rp.name;
@@ -126367,7 +126367,7 @@ const Chart = ({
             border: "1px solid var(--moz-cta-content-sec-bg)"
           }
         }), sources2.map((src) => {
-          const displayName = src.name === "Resbook" ? "Widget" : src.name;
+          const displayName = src.name === "Resbook" ? "Widget" : (src == null ? void 0 : src.hubDisplayName) || (src == null ? void 0 : src.name);
           return /* @__PURE__ */ jsx$1(Bar, {
             dataKey: src.code,
             name: displayName,
@@ -169938,37 +169938,62 @@ const CodeViewer = ({
     })]
   });
 };
+const GetWidget = async () => {
+  const responseData = await instance$1.get(
+    `/widgets`
+  );
+  const data2 = responseData.data;
+  return data2;
+};
 function Main({
   venueId
 }) {
   const {
     t: t2
   } = useTranslation();
-  const widgetKey = "6256887299abe06e10e168d0";
-  const widgetHost = "https://widget-dev.mozrest.com";
-  const widgetUrl = `${widgetHost}/?key=${widgetKey}&mzId=${venueId}`;
+  const {
+    data: data2,
+    isLoading
+  } = useFetch(GetWidget, {
+    cacheId: "widget"
+  });
+  const [widgetUrl, setWidgetUrl] = useState(null);
+  const buildWidgetUrl = (data22) => {
+    const widget2 = data22 && data22.length > 0 ? data22[0] : {
+      key: "61afa0d0b5fb12d27dfa89e3"
+    };
+    const widgetKey = widget2 == null ? void 0 : widget2.key;
+    const widgetHost = "https://widget-dev.mozrest.com";
+    const widgetUrl2 = `${widgetHost}/?key=${widgetKey}&mzId=${venueId}`;
+    setWidgetUrl(widgetUrl2);
+  };
+  useEffect(() => {
+    buildWidgetUrl(data2);
+  }, [data2]);
   const widgetCode = `<iframe 
     src="${widgetUrl}" 
     frameborder="0" 
     style="width: 100%; min-height: calc(-130px + 100vh)" 
    >
 </iframe>`;
-  return /* @__PURE__ */ jsxs(LayoutPage$1, {
+  return /* @__PURE__ */ jsx$1(LayoutPage$1, {
     header: /* @__PURE__ */ jsx$1("h1", {
       children: t2("widget")
     }),
-    children: [/* @__PURE__ */ jsx$1(CodeViewer, {
-      code: widgetCode
-    }), /* @__PURE__ */ jsx$1("div", {
-      className: styles$6.buttonContainer,
-      children: /* @__PURE__ */ jsx$1(Button$1, {
-        mode: "primary",
-        onClick: () => {
-          window.open(widgetUrl, "_blank");
-        },
-        children: t2("openWidget")
-      })
-    })]
+    children: isLoading ? /* @__PURE__ */ jsx$1(SkeletonPage, {}) : /* @__PURE__ */ jsxs(React__default.Fragment, {
+      children: [/* @__PURE__ */ jsx$1(CodeViewer, {
+        code: widgetCode
+      }), /* @__PURE__ */ jsx$1("div", {
+        className: styles$6.buttonContainer,
+        children: /* @__PURE__ */ jsx$1(Button$1, {
+          mode: "primary",
+          onClick: () => {
+            window.open(widgetUrl, "_blank");
+          },
+          children: t2("openWidget")
+        })
+      })]
+    })
   });
 }
 const skeleton = "_skeleton_1bgvx_1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mozrest-sdk-react-dev",
-  "version": "0.3.30",
+  "version": "0.3.32",
   "main": "mozrest-sdk.es.js",
   "keywords": [
     "mozrest"