@idkwebsites/components 0.1.21 → 0.1.22

package/dist/index.cjs

@@ -1777,13 +1777,13 @@ function DefaultLink({ href, className, onClick, children }) {
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("a", { href, className, onClick, children });
 }
 function BookingWidgetPanel({
+  mobileHeader,
   navLinks = [],
   menuIcon,
   closeIcon,
   categoryIcons,
   stepTitles,
-  linkComponent: LinkComp = DefaultLink,
-  mobileHeader
+  linkComponent: LinkComp = DefaultLink
 } = {}) {
   const widgetRef = (0, import_react9.useRef)(null);
   const formRef = (0, import_react9.useRef)(null);
@@ -1829,10 +1829,9 @@ function BookingWidgetPanel({
       }
     }
   }, [bw.isAvailabilityLoading, bw.selectedService?.id, bw.availabilityByDate, bw.selectedDate]);
-  const hasCategories = bw.categories.length >= 1;
   const hasMultipleCategories = bw.categories.length > 1;
   (0, import_react9.useEffect)(() => {
-    if (hasCategories && bw.categoryFilter === "all") {
+    if (bw.categories.length >= 1 && bw.categoryFilter === "all") {
       bw.setCategoryFilter(bw.categories[0]);
     }
   }, [bw.categories.length]);
@@ -1848,7 +1847,7 @@ function BookingWidgetPanel({
     const scrollbars = [];
     const opts = {
       damping: 0.08,
-      continuousScrolling: true,
+      continuousScrolling: false,
       alwaysShowTracks: false,
       plugins: {
         overscroll: { effect: "bounce", damping: 0.15, maxOverscroll: 80 }
@@ -1872,20 +1871,6 @@ function BookingWidgetPanel({
     };
   }, [isReady, mobileStep]);
   const initSvcScrollbar = (el) => {
-    if (!el || typeof window !== "undefined" && window.matchMedia("(max-width: 1024px)").matches) {
-      if (svcScrollbarRef.current) {
-        try {
-          svcScrollbarRef.current.destroy();
-        } catch {
-        }
-        svcScrollbarRef.current = null;
-      }
-      return;
-    }
-    if (svcScrollbarRef.current && svcScrollbarRef.current.containerEl === el) {
-      svcScrollbarRef.current.update();
-      return;
-    }
     if (svcScrollbarRef.current) {
       try {
         svcScrollbarRef.current.destroy();
@@ -1893,9 +1878,10 @@ function BookingWidgetPanel({
       }
       svcScrollbarRef.current = null;
     }
+    if (!el || typeof window !== "undefined" && window.matchMedia("(max-width: 1024px)").matches) return;
     svcScrollbarRef.current = import_smooth_scrollbar.default.init(el, {
       damping: 0.08,
-      continuousScrolling: true,
+      continuousScrolling: false,
       alwaysShowTracks: false,
       plugins: {
         overscroll: { effect: "bounce", damping: 0.15, maxOverscroll: 80 }
@@ -2056,12 +2042,11 @@ function BookingWidgetPanel({
       svc.id
     );
   };
-  const useLegacyNav = !mobileHeader && navLinks.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "bw", ref: widgetRef, children: [
-    mobileHeader && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bw-mobile-header", children: mobileHeader }),
+    mobileHeader ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bw-mobile-header", children: mobileHeader }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "bw-topbar", children: [
       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bw-dots", children: Array.from({ length: 4 }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: `bw-dot ${mobileStep > i ? "is-filled" : ""}` }, i)) }),
-      useLegacyNav && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      navLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "button",
         {
           className: "bw-topbar-menu",
@@ -2071,7 +2056,7 @@ function BookingWidgetPanel({
         }
       )
     ] }),
-    useLegacyNav && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_framer_motion.AnimatePresence, { children: navOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    navLinks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_framer_motion.AnimatePresence, { children: navOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       import_framer_motion.motion.div,
       {
         className: "bw-nav-overlay",
@@ -2250,8 +2235,7 @@ function BookingWidgetPanel({
                         const wrap = el.querySelector(".bw-svc-scroll-wrap");
                         if (wrap) requestAnimationFrame(() => initSvcScrollbar(wrap));
                       } else {
-                        const wrap = el.querySelector(".bw-svc-scroll-wrap");
-                        if (svcScrollbarRef.current && wrap && svcScrollbarRef.current.containerEl === wrap) {
+                        if (svcScrollbarRef.current) {
                           svcScrollbarRef.current.scrollTo(0, 0, 0);
                           try {
                             svcScrollbarRef.current.destroy();