@timum/booking 1.14.4 → 1.14.5

package/build/booking.js

@@ -53335,24 +53335,35 @@ function pm({
     )
   ] });
 }
-const lx = ({ showSkeleton: e, skeleton: t, height: n = "100%", children: r }) => /* @__PURE__ */ $.jsxs(
+const lx = ({ showSkeleton: e, skeleton: t, children: n }) => /* @__PURE__ */ $.jsxs(
   It,
   {
     sx: {
       width: "100%",
-      height: n,
-      position: "relative"
+      // Fill the width of parent
+      display: "inline-block",
+      // Make the container fit content
+      position: "relative",
+      // Relative position for stacking
+      overflow: "hidden"
+      // Hide overflow for skeleton
     },
     children: [
       /* @__PURE__ */ $.jsx(f2, { in: e, children: /* @__PURE__ */ $.jsx(
         It,
         {
           sx: {
+            height: "100%",
+            // Fill the height of parent
+            minHeight: n ? "0" : "auto",
+            // Allow it to collapse when there are no children
+            position: "absolute",
+            // Position skeleton absolutely
             top: "0",
-            bottom: "0",
+            // Stack it on top
             left: "0",
             right: "0",
-            position: "absolute"
+            bottom: "0"
           },
           children: t
         }
@@ -53361,13 +53372,14 @@ const lx = ({ showSkeleton: e, skeleton: t, height: n = "100%", children: r }) =
         It,
         {
           sx: {
-            top: "0",
-            bottom: "0",
-            left: "0",
-            right: "0",
-            position: "absolute"
+            height: "auto",
+            // Allow children to define height
+            position: "relative",
+            // Position relative to parent
+            zIndex: 1
+            // Ensure children are above skeleton
           },
-          children: r
+          children: n
         }
       ) })
     ]
@@ -53404,185 +53416,193 @@ function _4(e) {
     return ((D = i == null ? void 0 : i.resource) == null ? void 0 : D.uuid) !== "all-option";
   }, [(O = i == null ? void 0 : i.resource) == null ? void 0 : O.uuid]), y = () => {
     var D, L, j, z, V, P, B, Y, U, Z, J, ae, xe, ve, me, ye, Ce, Fe, De, Ze, st, Le;
-    return /* @__PURE__ */ $.jsx(lx, { showSkeleton: n, skeleton: /* @__PURE__ */ $.jsx(mBe, {}), children: /* @__PURE__ */ $.jsxs(ue, { container: !0, rowSpacing: 1, children: [
-      /* @__PURE__ */ $.jsxs(ue, { item: !0, container: !0, xs: 12, pb: 1, children: [
-        /* @__PURE__ */ $.jsx(
-          ue,
-          {
-            item: !0,
-            xs: !0,
-            zeroMinWidth: !0,
-            alignSelf: "center",
-            sx: { position: "sticky", top: 0, background: "#fff" },
-            children: /* @__PURE__ */ $.jsx(_e, { variant: "h4", component: "h2", sx: { m: 0 }, children: ((D = i == null ? void 0 : i.resource) == null ? void 0 : D.name) || t("detailsView.res_name_placeholder") })
-          }
-        ),
-        w() && /* @__PURE__ */ $.jsx(ue, { item: !0, xs: "auto", pb: 1, children: /* @__PURE__ */ $.jsx(
-          Io,
-          {
-            size: "small",
-            onClick: s,
-            color: "primary",
-            variant: "outlined",
-            sx: {
-              padding: "1px 0",
-              minWidth: "44px",
-              float: "right"
-            },
-            children: /* @__PURE__ */ $.jsx(yV, {})
-          }
-        ) })
-      ] }),
-      ((L = i == null ? void 0 : i.resource) == null ? void 0 : L.imgUrl) && /* @__PURE__ */ $.jsx(ue, { item: !0, container: !0, xs: 12, children: /* @__PURE__ */ $.jsx(
-        ue,
-        {
-          item: !0,
-          container: !0,
-          xs: 12,
-          sx: {
-            p: { xs: 0, sm: 0 },
-            mb: { xs: 1, sm: 1 },
-            minHeight: "140px",
-            maxHeight: `${l / 2}px`
-          },
-          children: /* @__PURE__ */ $.jsx(
-            lq,
-            {
-              src: (j = i == null ? void 0 : i.resource) == null ? void 0 : j.imgUrl,
-              showLoading: !0,
-              duration: 1e3,
-              fit: "scale-down",
-              wrapperSx: {
-                overflow: "hidden",
-                borderRadius: (Ne) => `${Ne.shape.borderRadius}px`
-              }
-            },
-            (z = i == null ? void 0 : i.resource) == null ? void 0 : z.imgUrl
-          )
-        }
-      ) }),
-      (((V = i == null ? void 0 : i.resource) == null ? void 0 : V.description) || ((P = i == null ? void 0 : i.resource) == null ? void 0 : P.url)) && /* @__PURE__ */ $.jsx(ue, { item: !0, container: !0, xs: 12, children: /* @__PURE__ */ $.jsxs(
-        ue,
-        {
-          item: !0,
-          container: !0,
-          xs: 12,
-          sx: {
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: "grey.300",
-            borderRadius: (Ne) => `${Ne.shape.borderRadius}px`,
-            p: { xs: 1, sm: 2 }
-          },
-          children: [
-            ((B = i == null ? void 0 : i.resource) == null ? void 0 : B.description) && /* @__PURE__ */ $.jsx(ue, { item: !0, xs: "12", children: /* @__PURE__ */ $.jsx(
-              b6e,
-              {
-                text: (Y = i == null ? void 0 : i.resource) == null ? void 0 : Y.description,
-                expanded: m,
-                doOnExpand: g
-              }
-            ) }),
-            ((U = i == null ? void 0 : i.resource) == null ? void 0 : U.url) && /* @__PURE__ */ $.jsx(
+    return /* @__PURE__ */ $.jsx(
+      lx,
+      {
+        showSkeleton: n,
+        skeleton: /* @__PURE__ */ $.jsx(mBe, {}),
+        height: l,
+        children: /* @__PURE__ */ $.jsxs(ue, { id: "details-grid", container: !0, rowSpacing: 1, children: [
+          /* @__PURE__ */ $.jsxs(ue, { item: !0, container: !0, xs: 12, pb: 1, children: [
+            /* @__PURE__ */ $.jsx(
               ue,
               {
                 item: !0,
-                xs: "12",
-                pt: (Z = i == null ? void 0 : i.resource) != null && Z.description ? 1 : 0,
-                children: /* @__PURE__ */ $.jsxs(_e, { variant: "body2", children: [
-                  t("common.website"),
-                  ":",
-                  " ",
-                  /* @__PURE__ */ $.jsx(Ju, { underline: "none", href: (J = i == null ? void 0 : i.resource) == null ? void 0 : J.url, children: t("detailsView.additional_information") })
-                ] })
+                xs: !0,
+                zeroMinWidth: !0,
+                alignSelf: "center",
+                sx: { position: "sticky", top: 0, background: "#fff" },
+                children: /* @__PURE__ */ $.jsx(_e, { variant: "h4", component: "h2", sx: { m: 0 }, children: ((D = i == null ? void 0 : i.resource) == null ? void 0 : D.name) || t("detailsView.res_name_placeholder") })
               }
-            )
-          ]
-        }
-      ) }),
-      v() && /* @__PURE__ */ $.jsx(ue, { item: !0, container: !0, xs: 12, children: /* @__PURE__ */ $.jsx(
-        ue,
-        {
-          item: !0,
-          container: !0,
-          xs: 12,
-          sx: {
-            borderWidth: "1px",
-            borderStyle: "solid",
-            borderColor: "grey.300",
-            borderRadius: (Ne) => `${Ne.shape.borderRadius}px`,
-            p: { xs: 1, sm: 2 }
-          },
-          children: /* @__PURE__ */ $.jsx(
+            ),
+            w() && /* @__PURE__ */ $.jsx(ue, { item: !0, xs: "auto", pb: 1, children: /* @__PURE__ */ $.jsx(
+              Io,
+              {
+                size: "small",
+                onClick: s,
+                color: "primary",
+                variant: "outlined",
+                sx: {
+                  padding: "1px 0",
+                  minWidth: "44px",
+                  float: "right"
+                },
+                children: /* @__PURE__ */ $.jsx(yV, {})
+              }
+            ) })
+          ] }),
+          ((L = i == null ? void 0 : i.resource) == null ? void 0 : L.imgUrl) && /* @__PURE__ */ $.jsx(ue, { item: !0, container: !0, xs: 12, children: /* @__PURE__ */ $.jsx(
             ue,
             {
               item: !0,
-              xs: "12",
-              pb: 1,
-              children: /* @__PURE__ */ $.jsx(UH, { elevation: 0, children: /* @__PURE__ */ $.jsx(
-                HH,
+              container: !0,
+              xs: 12,
+              sx: {
+                p: { xs: 0, sm: 0 },
+                mb: { xs: 1, sm: 1 },
+                minHeight: "140px",
+                maxHeight: `${l / 2}px`
+              },
+              children: /* @__PURE__ */ $.jsx(
+                lq,
                 {
-                  sx: {
-                    p: "0 !important"
-                  },
-                  children: /* @__PURE__ */ $.jsxs(_c, { dense: !0, sx: { p: 0 }, children: [
-                    ((ae = i == null ? void 0 : i.contact) == null ? void 0 : ae.name) && /* @__PURE__ */ $.jsx(Nr, { sx: { py: 0 }, disableGutters: !0, children: /* @__PURE__ */ $.jsx(Lr, { primary: (xe = i == null ? void 0 : i.contact) == null ? void 0 : xe.name }) }),
-                    ((ve = i == null ? void 0 : i.contact) == null ? void 0 : ve.email) && /* @__PURE__ */ $.jsxs(Nr, { sx: { py: 0 }, disableGutters: !0, children: [
-                      /* @__PURE__ */ $.jsx(Ks, { sx: { minWidth: "30px" }, children: /* @__PURE__ */ $.jsx(vV, { fontSize: "small" }) }),
-                      /* @__PURE__ */ $.jsx(
-                        Lr,
-                        {
-                          primary: /* @__PURE__ */ $.jsx(
-                            Ju,
+                  src: (j = i == null ? void 0 : i.resource) == null ? void 0 : j.imgUrl,
+                  showLoading: !0,
+                  duration: 1e3,
+                  fit: "scale-down",
+                  wrapperSx: {
+                    overflow: "hidden",
+                    borderRadius: (Ne) => `${Ne.shape.borderRadius}px`
+                  }
+                },
+                (z = i == null ? void 0 : i.resource) == null ? void 0 : z.imgUrl
+              )
+            }
+          ) }),
+          (((V = i == null ? void 0 : i.resource) == null ? void 0 : V.description) || ((P = i == null ? void 0 : i.resource) == null ? void 0 : P.url)) && /* @__PURE__ */ $.jsx(ue, { item: !0, container: !0, xs: 12, children: /* @__PURE__ */ $.jsxs(
+            ue,
+            {
+              item: !0,
+              container: !0,
+              xs: 12,
+              sx: {
+                borderWidth: "1px",
+                borderStyle: "solid",
+                borderColor: "grey.300",
+                borderRadius: (Ne) => `${Ne.shape.borderRadius}px`,
+                p: { xs: 1, sm: 2 }
+              },
+              children: [
+                ((B = i == null ? void 0 : i.resource) == null ? void 0 : B.description) && /* @__PURE__ */ $.jsx(ue, { item: !0, xs: "12", children: /* @__PURE__ */ $.jsx(
+                  b6e,
+                  {
+                    text: (Y = i == null ? void 0 : i.resource) == null ? void 0 : Y.description,
+                    expanded: m,
+                    doOnExpand: g
+                  }
+                ) }),
+                ((U = i == null ? void 0 : i.resource) == null ? void 0 : U.url) && /* @__PURE__ */ $.jsx(
+                  ue,
+                  {
+                    item: !0,
+                    xs: "12",
+                    pt: (Z = i == null ? void 0 : i.resource) != null && Z.description ? 1 : 0,
+                    children: /* @__PURE__ */ $.jsxs(_e, { variant: "body2", children: [
+                      t("common.website"),
+                      ":",
+                      " ",
+                      /* @__PURE__ */ $.jsx(Ju, { underline: "none", href: (J = i == null ? void 0 : i.resource) == null ? void 0 : J.url, children: t("detailsView.additional_information") })
+                    ] })
+                  }
+                )
+              ]
+            }
+          ) }),
+          v() && /* @__PURE__ */ $.jsx(ue, { item: !0, container: !0, xs: 12, children: /* @__PURE__ */ $.jsx(
+            ue,
+            {
+              item: !0,
+              container: !0,
+              xs: 12,
+              sx: {
+                borderWidth: "1px",
+                borderStyle: "solid",
+                borderColor: "grey.300",
+                borderRadius: (Ne) => `${Ne.shape.borderRadius}px`,
+                p: { xs: 1, sm: 2 }
+              },
+              children: /* @__PURE__ */ $.jsx(
+                ue,
+                {
+                  item: !0,
+                  xs: "12",
+                  pb: 1,
+                  children: /* @__PURE__ */ $.jsx(UH, { elevation: 0, children: /* @__PURE__ */ $.jsx(
+                    HH,
+                    {
+                      sx: {
+                        p: "0 !important"
+                      },
+                      children: /* @__PURE__ */ $.jsxs(_c, { dense: !0, sx: { p: 0 }, children: [
+                        ((ae = i == null ? void 0 : i.contact) == null ? void 0 : ae.name) && /* @__PURE__ */ $.jsx(Nr, { sx: { py: 0 }, disableGutters: !0, children: /* @__PURE__ */ $.jsx(Lr, { primary: (xe = i == null ? void 0 : i.contact) == null ? void 0 : xe.name }) }),
+                        ((ve = i == null ? void 0 : i.contact) == null ? void 0 : ve.email) && /* @__PURE__ */ $.jsxs(Nr, { sx: { py: 0 }, disableGutters: !0, children: [
+                          /* @__PURE__ */ $.jsx(Ks, { sx: { minWidth: "30px" }, children: /* @__PURE__ */ $.jsx(vV, { fontSize: "small" }) }),
+                          /* @__PURE__ */ $.jsx(
+                            Lr,
                             {
-                              underline: "none",
-                              href: `mailto:${(me = i == null ? void 0 : i.contact) == null ? void 0 : me.email}`,
-                              children: (ye = i == null ? void 0 : i.contact) == null ? void 0 : ye.email
+                              primary: /* @__PURE__ */ $.jsx(
+                                Ju,
+                                {
+                                  underline: "none",
+                                  href: `mailto:${(me = i == null ? void 0 : i.contact) == null ? void 0 : me.email}`,
+                                  children: (ye = i == null ? void 0 : i.contact) == null ? void 0 : ye.email
+                                }
+                              )
                             }
                           )
-                        }
-                      )
-                    ] }),
-                    ((Ce = i == null ? void 0 : i.contact) == null ? void 0 : Ce.phone) && /* @__PURE__ */ $.jsxs(Nr, { sx: { py: 0 }, disableGutters: !0, children: [
-                      /* @__PURE__ */ $.jsx(Ks, { sx: { minWidth: "30px" }, children: /* @__PURE__ */ $.jsx(mV, { fontSize: "small" }) }),
-                      /* @__PURE__ */ $.jsx(
-                        Lr,
-                        {
-                          primary: /* @__PURE__ */ $.jsx(
-                            Ju,
+                        ] }),
+                        ((Ce = i == null ? void 0 : i.contact) == null ? void 0 : Ce.phone) && /* @__PURE__ */ $.jsxs(Nr, { sx: { py: 0 }, disableGutters: !0, children: [
+                          /* @__PURE__ */ $.jsx(Ks, { sx: { minWidth: "30px" }, children: /* @__PURE__ */ $.jsx(mV, { fontSize: "small" }) }),
+                          /* @__PURE__ */ $.jsx(
+                            Lr,
                             {
-                              underline: "none",
-                              href: `tel:${(Fe = i == null ? void 0 : i.contact) == null ? void 0 : Fe.phone}`,
-                              children: (De = i == null ? void 0 : i.contact) == null ? void 0 : De.phone
+                              primary: /* @__PURE__ */ $.jsx(
+                                Ju,
+                                {
+                                  underline: "none",
+                                  href: `tel:${(Fe = i == null ? void 0 : i.contact) == null ? void 0 : Fe.phone}`,
+                                  children: (De = i == null ? void 0 : i.contact) == null ? void 0 : De.phone
+                                }
+                              )
                             }
                           )
-                        }
-                      )
-                    ] }),
-                    ((Ze = i == null ? void 0 : i.contact) == null ? void 0 : Ze.mobile) && /* @__PURE__ */ $.jsxs(Nr, { sx: { py: 0 }, disableGutters: !0, children: [
-                      /* @__PURE__ */ $.jsx(Ks, { sx: { minWidth: "30px" }, children: /* @__PURE__ */ $.jsx(gV, { fontSize: "small" }) }),
-                      /* @__PURE__ */ $.jsx(
-                        Lr,
-                        {
-                          primary: /* @__PURE__ */ $.jsx(
-                            Ju,
+                        ] }),
+                        ((Ze = i == null ? void 0 : i.contact) == null ? void 0 : Ze.mobile) && /* @__PURE__ */ $.jsxs(Nr, { sx: { py: 0 }, disableGutters: !0, children: [
+                          /* @__PURE__ */ $.jsx(Ks, { sx: { minWidth: "30px" }, children: /* @__PURE__ */ $.jsx(gV, { fontSize: "small" }) }),
+                          /* @__PURE__ */ $.jsx(
+                            Lr,
                             {
-                              underline: "none",
-                              href: `tel:${(st = i == null ? void 0 : i.contact) == null ? void 0 : st.mobile}`,
-                              children: (Le = i == null ? void 0 : i.contact) == null ? void 0 : Le.mobile
+                              primary: /* @__PURE__ */ $.jsx(
+                                Ju,
+                                {
+                                  underline: "none",
+                                  href: `tel:${(st = i == null ? void 0 : i.contact) == null ? void 0 : st.mobile}`,
+                                  children: (Le = i == null ? void 0 : i.contact) == null ? void 0 : Le.mobile
+                                }
+                              )
                             }
                           )
-                        }
-                      )
-                    ] })
-                  ] })
+                        ] })
+                      ] })
+                    }
+                  ) })
                 }
-              ) })
+              )
             }
-          )
-        }
-      ) })
-    ] }) });
+          ) })
+        ] })
+      }
+    );
   }, S = () => /* @__PURE__ */ $.jsxs(ue, { container: !0, columnSpacing: 2, rowSpacing: 0, children: [
     b && /* @__PURE__ */ $.jsx(
       ue,
@@ -53641,9 +53661,9 @@ function _4(e) {
 }
 const mBe = () => /* @__PURE__ */ $.jsxs(It, { sx: { width: "100%" }, children: [
   /* @__PURE__ */ $.jsx(_e, { variant: "h1", sx: { mb: 1 }, children: /* @__PURE__ */ $.jsx(Jn, { width: "120px" }) }),
-  /* @__PURE__ */ $.jsx(It, { sx: { mb: 1 }, children: /* @__PURE__ */ $.jsx(Jn, { variant: "rounded", height: "250px", width: "100%" }) }),
-  /* @__PURE__ */ $.jsx(It, { sx: { mb: 1 }, children: /* @__PURE__ */ $.jsx(Jn, { variant: "rounded", height: "250px", width: "100%" }) }),
-  /* @__PURE__ */ $.jsx(It, { sx: { mb: 1 }, children: /* @__PURE__ */ $.jsx(Jn, { variant: "rounded", height: "250px", width: "100%" }) })
+  /* @__PURE__ */ $.jsx(It, { sx: { mb: 1 }, children: /* @__PURE__ */ $.jsx(Jn, { variant: "rounded", height: "150px", width: "100%" }) }),
+  /* @__PURE__ */ $.jsx(It, { sx: { mb: 1 }, children: /* @__PURE__ */ $.jsx(Jn, { variant: "rounded", height: "150px", width: "100%" }) }),
+  /* @__PURE__ */ $.jsx(It, { sx: { mb: 1 }, children: /* @__PURE__ */ $.jsx(Jn, { variant: "rounded", height: "150px", width: "100%" }) })
 ] });
 var ZT = {}, gBe = Pn;
 Object.defineProperty(ZT, "__esModule", {
@@ -68972,11 +68992,11 @@ const WN = (e, t) => {
   });
 };
 async function YN(e, t, n, r, i, o) {
-  var w, b, y, S;
+  var b, y, S, C;
   let s = {};
   const a = t == null ? void 0 : t.ref, l = t == null ? void 0 : t.tslRefs, u = t == null ? void 0 : t.virtualTslRefs, c = t == null ? void 0 : t.prdRefs, f = t == null ? void 0 : t.additionalData, m = t == null ? void 0 : t.allResourcesOption, p = t == null ? void 0 : t.publicData, g = t == null ? void 0 : t.tsls, v = t == null ? void 0 : t.channelKey;
   if ((a == null ? void 0 : a.length) > 0 && !(p != null && p.length) > 0) {
-    const C = await r({
+    const T = await r({
       channelOrResourceId: a[0],
       params: {
         channelKey: v,
@@ -68984,10 +69004,10 @@ async function YN(e, t, n, r, i, o) {
         ...f
       }
     });
-    qN(C == null ? void 0 : C.data, s);
+    qN(T == null ? void 0 : T.data, s);
   }
   if ((p == null ? void 0 : p.length) > 0 && qN(p, s), ((l == null ? void 0 : l.length) > 0 || (u == null ? void 0 : u.length) > 0) && !(g != null && g.length) > 0) {
-    const C = await i({
+    const T = await i({
       params: {
         channelKey: v,
         tslIds: l,
@@ -68995,9 +69015,11 @@ async function YN(e, t, n, r, i, o) {
       },
       body: u
     });
-    GN(C == null ? void 0 : C.data, s);
+    GN(T == null ? void 0 : T.data, s);
   }
-  if ((g == null ? void 0 : g.length) > 0 && GN(g, s), (c == null ? void 0 : c.length) > 0) {
+  (g == null ? void 0 : g.length) > 0 && GN(g, s);
+  let w;
+  if ((c == null ? void 0 : c.length) > 0) {
     Object.values(s).forEach((E) => {
       var A;
       E != null && E.bookables && ((A = Object.values(E == null ? void 0 : E.bookables)) == null || A.forEach((_) => {
@@ -69008,17 +69030,17 @@ async function YN(e, t, n, r, i, o) {
           });
         });
       }));
-    });
-    const C = await o({
+    }), w = await o({
       params: {
         prdRefs: c,
         additionalData: f
       }
-    }), T = Object.entries(s).filter(([, E]) => {
+    });
+    const T = Object.entries(s).filter(([, E]) => {
       var _, O;
       if (((O = (_ = E == null ? void 0 : E.resource) == null ? void 0 : _.supportedProducts) == null ? void 0 : O.length) === 0)
         return !1;
-      const A = C.data.filter((D) => {
+      const A = w.data.filter((D) => {
         var j;
         const L = (j = E == null ? void 0 : E.resource) == null ? void 0 : j.supportedProducts;
         return L && L.some((z) => z === D.uuid);
@@ -69030,15 +69052,16 @@ async function YN(e, t, n, r, i, o) {
   if (m && (!l || l.length === 0) && (!u || u.length === 0) && (s = {
     "all-option": {
       resource: { uuid: "all-option", name: e("common.All") },
-      provider: (b = (w = Object.values(s)) == null ? void 0 : w[0]) == null ? void 0 : b.provider
+      provider: (y = (b = Object.values(s)) == null ? void 0 : b[0]) == null ? void 0 : y.provider,
+      products: w.data
     },
     ...s
   }), n(Fue(s)), Object.values(s).length > 1)
     if (t.cancelableAppointment) {
-      let C = !1;
-      for (const T of Object.values(s))
-        ((y = T == null ? void 0 : T.resource) == null ? void 0 : y.uuid) === ((S = t.cancelableAppointment) == null ? void 0 : S.resId) && (n(Qd(T)), C = !0);
-      C || n(Qd(Object.values(s)[0]));
+      let T = !1;
+      for (const E of Object.values(s))
+        ((S = E == null ? void 0 : E.resource) == null ? void 0 : S.uuid) === ((C = t.cancelableAppointment) == null ? void 0 : C.resId) && (n(Qd(E)), T = !0);
+      T || n(Qd(Object.values(s)[0]));
     } else
       n(Qd(Object.values(s)[0]));
   else