@aaravpos/appointment-booking-plugin 7.0.4 → 7.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,7 @@ import { Outlet } from '../../../types';
2
2
  interface OutletProps {
3
3
  outlets: Outlet[];
4
4
  onSelectOutlet: (outlet: Outlet) => void;
5
+ loadingOutletId?: string | null;
5
6
  }
6
- export default function ChooseYourOutlet({ outlets, onSelectOutlet, }: OutletProps): import("react").JSX.Element;
7
+ export default function ChooseYourOutlet({ outlets, onSelectOutlet, loadingOutletId, }: OutletProps): import("react").JSX.Element;
7
8
  export {};
package/dist/styles.css CHANGED
@@ -1251,16 +1251,42 @@
1251
1251
  background: #ffffff;
1252
1252
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12);
1253
1253
  }
1254
+ .aaravpos-outlet-card.loading-disabled {
1255
+ pointer-events: none;
1256
+ opacity: 0.5;
1257
+ cursor: not-allowed;
1258
+ }
1259
+ .aaravpos-outlet-card.selected.loading-card {
1260
+ opacity: 1 !important;
1261
+ border-color: var(--btn-bg, #000);
1262
+ box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
1263
+ }
1264
+ .aaravpos-outlet-card-loader-corner {
1265
+ display: flex;
1266
+ align-items: center;
1267
+ justify-content: center;
1268
+ padding: 4px;
1269
+ margin-left: 6px;
1270
+ }
1271
+ @keyframes aaravpos-spin {
1272
+ from {
1273
+ transform: rotate(0deg);
1274
+ }
1275
+ to {
1276
+ transform: rotate(360deg);
1277
+ }
1278
+ }
1254
1279
  .aaravpos-outlet-card.closed {
1255
1280
  border-color: #fca5a5;
1256
1281
  background: rgba(254, 242, 242, 0.5);
1257
1282
  }
1258
1283
  .aaravpos-outlet-card-top {
1259
1284
  display: flex;
1260
- align-items: flex-start;
1285
+ align-items: center;
1261
1286
  justify-content: flex-end;
1262
1287
  position: absolute;
1263
- right: 0px;
1288
+ right: 10px;
1289
+ top: 10px;
1264
1290
  }
1265
1291
  .aaravpos-outlet-card-content {
1266
1292
  padding: 14px;
@@ -4436,6 +4462,7 @@
4436
4462
  }
4437
4463
  .booking-addon-card {
4438
4464
  position: relative;
4465
+ overflow: hidden;
4439
4466
  border: 1px solid #e5e7eb;
4440
4467
  border-radius: 8px;
4441
4468
  padding: 16px;
@@ -5019,6 +5046,34 @@
5019
5046
  padding-right: 12px;
5020
5047
  text-align: left;
5021
5048
  }
5049
+ .aaravpos-slider-badges {
5050
+ display: flex;
5051
+ align-items: center;
5052
+ gap: 6px;
5053
+ margin-bottom: 4px;
5054
+ }
5055
+ .aaravpos-slider-tax-badge {
5056
+ font-size: 9px;
5057
+ font-weight: 700;
5058
+ padding: 1px 6px;
5059
+ color: #ffffff;
5060
+ background-color: #15803d;
5061
+ border-radius: 4px;
5062
+ line-height: 1.4;
5063
+ letter-spacing: 0.5px;
5064
+ display: inline-block;
5065
+ }
5066
+ .aaravpos-slider-consent-badge {
5067
+ font-size: 9px;
5068
+ font-weight: 700;
5069
+ padding: 1px 6px;
5070
+ color: #ffffff;
5071
+ background-color: rgba(0, 0, 0, 0.8);
5072
+ border-radius: 4px;
5073
+ line-height: 1.4;
5074
+ letter-spacing: 0.5px;
5075
+ display: inline-block;
5076
+ }
5022
5077
  .booking-slider-item-name {
5023
5078
  font-weight: 700;
5024
5079
  font-size: 14px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "7.0.4",
3
+ "version": "7.0.6",
4
4
  "description": "A React component library built with Tailwind CSS v4 and TypeScript",
5
5
  "type": "module",
6
6
  "packageManager": "pnpm@10.33.0",