@aaravpos/appointment-booking-plugin 1.0.7 → 2.0.0

package/dist/styles.css

@@ -814,11 +814,12 @@
   pointer-events: none;
 }
 .arravpos-container {
-  background-color: #fafaf8;
+  background-color: #fff;
   padding: 16px;
   width: 100%;
   box-sizing: border-box;
   margin: 0 auto;
+  height: 580px;
 }
 .aaravpos-margin-top-20 {
   margin-top: 20px;
@@ -873,7 +874,7 @@
   padding: 9px 8px !important;
 }
 .aaravpos-layout {
-  height: 440px;
+  height: 580px;
   display: flex;
   flex-direction: column;
   background: var(--canvas, #ffffff);
@@ -883,10 +884,10 @@
 .aaravpos-layout-content {
   flex: 1;
   position: relative;
-  height: 440px;
+  height: 580px;
 }
 .aaravpos-layout-page {
-  height: 440px;
+  height: 580px;
 }
 .aaravpos-title {
   font-size: 22px;
@@ -901,7 +902,7 @@
 .aaravpos-main-layout {
   display: flex;
   flex-direction: column;
-  height: 440px;
+  height: 580px;
 }
 .aaravpos-layout-wrapper {
   flex: 1;
@@ -913,10 +914,11 @@
 .aaravpos-main-content {
   padding: 16px;
   position: relative;
-  height: 440px;
+  height: 550px;
+  min-width: 0;
 }
 .aaravpos-mobile-button {
-  position: fixed;
+  position: absolute;
   bottom: 20px;
   left: 0;
   right: 0;
@@ -957,13 +959,17 @@
   top: 10px;
   right: 10px;
   bottom: 10px;
-  width: 300px;
+  width: 315px;
+  transform: translateX(360px);
   transition: transform 0.3s ease;
   background: #fff;
   z-index: 1024;
   border-radius: 8px;
   display: flex;
 }
+.aaravpos-layout-wrapper.with-sidebar .aaravpos-sidebar {
+  transform: translateX(0);
+}
 .aaravpos-sidebar-mobile {
   position: fixed;
   z-index: 999;
@@ -1054,7 +1060,7 @@
 .aaravpos-outlet-list-wrapper {
   padding-top: 8px;
   padding-bottom: 8px;
-  max-height: 440px;
+  max-height: 485px;
   overflow: auto;
   scrollbar-width: none;
 }
@@ -1279,7 +1285,7 @@
 .aaravpos-sub-title {
   font-size: 14px;
   color: rgba(0, 0, 0, 0.6);
-  margin-bottom: 8px;
+  margin-bottom: 10px;
   line-height: 1.5;
   margin-top: 0px;
 }
@@ -1408,7 +1414,7 @@
   padding-bottom: 80px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 120px;
+  height: 240px;
 }
 .aaravpos-services-wrapper::-webkit-scrollbar {
   display: none;
@@ -1662,6 +1668,9 @@
   letter-spacing: -0.5px;
   margin-bottom: 0px;
   margin-top: 0px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 .aaravpos-order-subtitle {
   font-size: 12px;
@@ -1965,7 +1974,7 @@
 .aaravpos-sidebar-close-btn {
   display: block;
   width: auto;
-  padding: 8px;
+  padding: 2px 6px;
   border: none;
   border-radius: 6px;
   background: transparent;
@@ -2226,6 +2235,7 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
+  height: 415px;
 }
 .arravpos-details-scroll::-webkit-scrollbar {
   display: none;
@@ -2310,7 +2320,8 @@
   gap: 12px;
   padding: 12px;
   border-radius: 4px;
-  margin-bottom: 8px;
+  margin-bottom: 4px;
+  border: 1px solid #e5e7eb;
 }
 .arravpos-outlet-logo {
   width: 40px;
@@ -2346,9 +2357,9 @@
   word-break: break-word;
 }
 .arravpos-booking-scroll {
-  height: calc(100dvh - 285px);
   overflow-y: auto;
   scrollbar-width: none;
+  height: 325px;
 }
 .arravpos-booking-scroll::-webkit-scrollbar {
   display: none;
@@ -2410,9 +2421,9 @@
   color: #111827;
 }
 .arravpos-success-wrapper {
-  height: calc(100dvh - 5px);
   overflow-y: auto;
   scrollbar-width: none;
+  height: 580px;
 }
 .arravpos-success-wrapper::-webkit-scrollbar {
   display: none;
@@ -2420,6 +2431,7 @@
 .arravpos-success-motion {
   display: flex;
   flex-direction: column;
+  height: 580px;
   align-items: center;
   justify-content: center;
   background: var(--canvas);
@@ -2462,7 +2474,7 @@
   margin-bottom: 10px;
   padding: 10px;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-  height: 190px;
+  height: 320px;
   overflow-x: scroll;
   scrollbar-width: none;
   -ms-overflow-style: none;
@@ -2597,7 +2609,7 @@
   align-items: center;
   justify-content: center;
   background-color: rgba(0, 0, 0, 0.4);
-  z-index: 1020;
+  z-index: 1025;
   padding: 16px;
 }
 .arravpos-payment-form {
@@ -2701,7 +2713,7 @@
 .arravpos-consent-overlay {
   position: fixed;
   inset: 0;
-  z-index: 1024;
+  z-index: 1025;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -3041,7 +3053,7 @@
   overflow-y: auto;
   padding-bottom: 80px;
   scrollbar-width: none;
-  height: 120px;
+  height: 290px;
 }
 .arravpos-scroll-area::-webkit-scrollbar {
   display: none;
@@ -3150,7 +3162,7 @@
   padding-bottom: 80px;
   scrollbar-width: none;
   -ms-overflow-style: none;
-  height: 120px;
+  height: 350px;
 }
 .aaravpos-staff-wrapper::-webkit-scrollbar {
   display: none;
@@ -3411,9 +3423,6 @@
   .aaravpos-services-wrapper.standalone {
     height: calc(100dvh - 300px);
   }
-  .aaravpos-layout-wrapper {
-    grid-template-columns: minmax(0, 1fr) 350px;
-  }
   .aaravpos-sidebar {
     display: flex;
   }
@@ -3430,9 +3439,6 @@
   .aaravpos-pro-order-list {
     height: calc(100dvh - 245px);
   }
-  .aaravpos-staff-wrapper {
-    height: calc(100dvh - 200px);
-  }
   .aaravpos-sidebar-close-btn {
     display: none;
   }
@@ -3551,12 +3557,12 @@
     align-items: flex-end;
     gap: 32px;
   }
-  .aaravpos-layout-wrapper {
-    grid-template-columns: minmax(0, 1fr) 360px;
-  }
   .arravpos-details-scroll {
     padding-bottom: 16px;
   }
+  .aaravpos-layout-wrapper.with-sidebar {
+    grid-template-columns: minmax(0, 1fr) 360px;
+  }
 }
 @media (max-width: 1024px) {
   .arravpos-booking-grid {

package/package.json

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