@aaravpos/appointment-booking-plugin 7.0.3 → 7.0.5

package/dist/src/components/common/ChooseYourOutlet.d.ts

@@ -2,6 +2,7 @@ import { Outlet } from '../../../types';
 interface OutletProps {
     outlets: Outlet[];
     onSelectOutlet: (outlet: Outlet) => void;
+    loadingOutletId?: string | null;
 }
-export default function ChooseYourOutlet({ outlets, onSelectOutlet, }: OutletProps): import("react").JSX.Element;
+export default function ChooseYourOutlet({ outlets, onSelectOutlet, loadingOutletId, }: OutletProps): import("react").JSX.Element;
 export {};

package/dist/styles.css

@@ -1251,16 +1251,42 @@
   background: #ffffff;
   box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
 }
+.aaravpos-outlet-card.loading-disabled {
+  pointer-events: none;
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.aaravpos-outlet-card.selected.loading-card {
+  opacity: 1 !important;
+  border-color: var(--btn-bg, #000);
+  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
+}
+.aaravpos-outlet-card-loader-corner {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 4px;
+  margin-left: 6px;
+}
+@keyframes aaravpos-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
 .aaravpos-outlet-card.closed {
   border-color: #fca5a5;
   background: rgba(254, 242, 242, 0.5);
 }
 .aaravpos-outlet-card-top {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: flex-end;
   position: absolute;
-  right: 0px;
+  right: 10px;
+  top: 10px;
 }
 .aaravpos-outlet-card-content {
   padding: 14px;
@@ -4436,6 +4462,7 @@
 }
 .booking-addon-card {
   position: relative;
+  overflow: hidden;
   border: 1px solid #e5e7eb;
   border-radius: 8px;
   padding: 16px;
@@ -4921,7 +4948,7 @@
   border-top-left-radius: 16px;
   border-top-right-radius: 16px;
   z-index: 999;
-  max-height: 75vh;
+  max-height: 70vh;
   display: flex;
   flex-direction: column;
   box-shadow: 0 -10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
@@ -5019,6 +5046,34 @@
   padding-right: 12px;
   text-align: left;
 }
+.aaravpos-slider-badges {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin-bottom: 4px;
+}
+.aaravpos-slider-tax-badge {
+  font-size: 9px;
+  font-weight: 700;
+  padding: 1px 6px;
+  color: #ffffff;
+  background-color: #15803d;
+  border-radius: 4px;
+  line-height: 1.4;
+  letter-spacing: 0.5px;
+  display: inline-block;
+}
+.aaravpos-slider-consent-badge {
+  font-size: 9px;
+  font-weight: 700;
+  padding: 1px 6px;
+  color: #ffffff;
+  background-color: rgba(0, 0, 0, 0.8);
+  border-radius: 4px;
+  line-height: 1.4;
+  letter-spacing: 0.5px;
+  display: inline-block;
+}
 .booking-slider-item-name {
   font-weight: 700;
   font-size: 14px;

package/package.json

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