@aaravpos/appointment-booking-plugin 1.0.5 → 1.0.6

package/dist/index.js

@@ -8136,6 +8136,7 @@ function Bt() {
   }) });
 }
 function Ut({ children: e, sidebar: t, renderButton: r, isConfirm: n = !1, handleSidebarOpen: i, isSidebarOpen: a = !1 }) {
+  const { selectedServices: o } = te((s) => s.service);
   return /* @__PURE__ */ $("div", {
     className: "aaravpos-main-layout",
     children: [/* @__PURE__ */ $("div", {
@@ -8150,8 +8151,8 @@ function Ut({ children: e, sidebar: t, renderButton: r, isConfirm: n = !1, handl
             children: /* @__PURE__ */ h("span", { children: "View Order" })
           }) : r
         })]
-      }), /* @__PURE__ */ h("aside", {
-        className: "aaravpos-sidebar",
+      }), o?.length > 0 && /* @__PURE__ */ h("aside", {
+        className: `aaravpos-sidebar ${a ? "open" : ""}`,
         children: t
       })]
     }), a && /* @__PURE__ */ h("div", {
@@ -9337,7 +9338,7 @@ function Is({ buttonText: e, onButtonClick: t, showTaxesOnlyIfTime: r = !1, show
   ]), Q = u || d || c || !I;
   return pe(() => {
     const k = () => {
-      const oe = A.current?.offsetHeight || 0, Ce = D.current?.offsetHeight || 0, rt = (oe + (O ? 98 : 95) || 0) + Ce;
+      const oe = A.current?.offsetHeight || 0, Ce = D.current?.offsetHeight || 0, rt = (oe + 115 || 0) + Ce;
       K(window.innerHeight - rt);
     };
     k();

package/dist/styles.css

@@ -887,7 +887,6 @@
 }
 .aaravpos-layout-page {
   height: 440px;
-  animation: aaravposFadeIn 0.3s ease;
 }
 .aaravpos-title {
   font-size: 22px;
@@ -949,22 +948,21 @@
   cursor: not-allowed;
 }
 .aaravpos-sidebar {
-  display: none;
   flex-direction: column;
   background: var(--surface-bg, #ffffff);
-  border-left: 1px solid rgba(0, 0, 0, 0.1);
-  padding: 16px;
-  padding-bottom: 14px;
-  height: 440px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  padding: 16px 16px 14px;
   overflow: hidden;
   position: fixed;
-  top: 0;
-  right: 0;
+  top: 10px;
+  right: 10px;
+  bottom: 10px;
   width: 300px;
-  height: 100%;
-  transition: right 0.3s ease;
+  transition: transform 0.3s ease;
   background: #fff;
   z-index: 1024;
+  border-radius: 8px;
+  display: flex;
 }
 .aaravpos-sidebar-mobile {
   position: fixed;
@@ -1754,6 +1752,9 @@
   justify-content: flex-end;
   gap: 0px;
 }
+.aaravpos-order-footer {
+  padding-top: 5px;
+}
 .aaravpos-order-subtotal {
   display: flex;
   justify-content: space-between;
@@ -3379,6 +3380,9 @@
     line-clamp: 2;
     -webkit-box-orient: vertical;
   }
+  .aaravpos-sidebar {
+    display: none;
+  }
 }
 @media (min-width: 768px) {
   .arravpos-section-label {
@@ -3421,10 +3425,10 @@
     padding-right: 24px;
   }
   .aaravpos-order-list {
-    height: calc(100dvh - 195px);
+    height: calc(100dvh - 215px);
   }
   .aaravpos-pro-order-list {
-    height: calc(100dvh - 220px);
+    height: calc(100dvh - 245px);
   }
   .aaravpos-staff-wrapper {
     height: calc(100dvh - 200px);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aaravpos/appointment-booking-plugin",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A React component library built with Tailwind CSS v4 and TypeScript",
   "type": "module",
   "packageManager": "pnpm@10.33.0",