@aaravpos/appointment-booking-plugin 8.0.3 → 8.0.4

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.
Files changed (37) hide show
  1. package/dist/{src/components → components}/AppointmentBookingPlugin.d.ts +1 -1
  2. package/dist/{src/components → components}/BookingPluginContainer.d.ts +1 -1
  3. package/dist/components/common/Breadcrumb.d.ts +1 -0
  4. package/dist/{src/components → components}/common/ChooseYourOutlet.d.ts +2 -2
  5. package/dist/{src/components → components}/common/MainLayout.d.ts +2 -2
  6. package/dist/components/modals/ConsentModal.d.ts +3 -0
  7. package/dist/{src/components → components}/modals/PaymentModal.d.ts +1 -1
  8. package/dist/{src/components → components}/sidebar/ProfessionalSidebar.d.ts +2 -2
  9. package/dist/{src/components → components}/sidebar/ServiceSidebar.d.ts +2 -2
  10. package/dist/components/steps/ProfessionalServicePage.d.ts +1 -0
  11. package/dist/components/steps/Professionals.d.ts +1 -0
  12. package/dist/components/steps/ServiceProfessionalPage.d.ts +1 -0
  13. package/dist/components/steps/ServicesPage.d.ts +1 -0
  14. package/dist/index.cjs +32 -29
  15. package/dist/index.d.ts +2 -0
  16. package/dist/index.js +3465 -3399
  17. package/dist/styles.css +52 -19
  18. package/package.json +1 -1
  19. package/dist/src/components/common/Breadcrumb.d.ts +0 -1
  20. package/dist/src/components/modals/ConsentModal.d.ts +0 -3
  21. package/dist/src/components/steps/ProfessionalServicePage.d.ts +0 -1
  22. package/dist/src/components/steps/Professionals.d.ts +0 -1
  23. package/dist/src/components/steps/ServiceProfessionalPage.d.ts +0 -1
  24. package/dist/src/components/steps/ServicesPage.d.ts +0 -1
  25. package/dist/src/index.d.ts +0 -2
  26. /package/dist/{src/components → components}/common/CalendarOverlay.d.ts +0 -0
  27. /package/dist/{src/components → components}/common/ProfessionalSkeletonCard.d.ts +0 -0
  28. /package/dist/{src/components → components}/common/ServiceSidebarSkeleton.d.ts +0 -0
  29. /package/dist/{src/components → components}/common/ServiceSkeleton.d.ts +0 -0
  30. /package/dist/{src/components → components}/common/SlotSkeleton.d.ts +0 -0
  31. /package/dist/{src/components → components}/common/Spinner.d.ts +0 -0
  32. /package/dist/{src/components → components}/sidebar/OrderSidebar.d.ts +0 -0
  33. /package/dist/{src/components → components}/steps/ConfirmPage.d.ts +0 -0
  34. /package/dist/{src/components → components}/steps/DetailsPage.d.ts +0 -0
  35. /package/dist/{src/components → components}/steps/SuccessPage.d.ts +0 -0
  36. /package/dist/{src/components → components}/steps/TimePage.d.ts +0 -0
  37. /package/dist/{src/components → components}/steps/index.d.ts +0 -0
package/dist/styles.css CHANGED
@@ -1545,6 +1545,19 @@
1545
1545
  .aaravpos-supercategory-wrapper::-webkit-scrollbar {
1546
1546
  display: none;
1547
1547
  }
1548
+ .aaravpos-supercategory-wrapper.supercategory-row {
1549
+ display: flex;
1550
+ flex-wrap: wrap;
1551
+ gap: 8px;
1552
+ width: 100%;
1553
+ margin-bottom: 12px;
1554
+ overflow-x: scroll;
1555
+ max-height: 72px;
1556
+ }
1557
+ .aaravpos-supercategory-wrapper.supercategory-row button {
1558
+ white-space: nowrap;
1559
+ flex-shrink: 0;
1560
+ }
1548
1561
  .aaravpos-supercategory-btn {
1549
1562
  min-width: fit-content;
1550
1563
  padding: 6px;
@@ -1683,7 +1696,7 @@
1683
1696
  overflow: hidden;
1684
1697
  text-overflow: ellipsis;
1685
1698
  white-space: nowrap;
1686
- margin: 5px 0px;
1699
+ margin: 2px 0px;
1687
1700
  }
1688
1701
  .aaravpos-service-tooltip {
1689
1702
  position: absolute;
@@ -1705,14 +1718,14 @@
1705
1718
  justify-content: space-between;
1706
1719
  align-items: center;
1707
1720
  margin-top: 8px;
1708
- margin-bottom: 8px;
1709
- font-size: 14px;
1721
+ margin-bottom: 6px;
1722
+ font-size: 12px;
1710
1723
  font-weight: 600;
1711
1724
  color: rgba(0, 0, 0, 0.6);
1712
1725
  }
1713
1726
  .aaravpos-service-price-right {
1714
1727
  display: flex;
1715
- font-size: 14px;
1728
+ font-size: 12px;
1716
1729
  align-items: center;
1717
1730
  font-family: monospace;
1718
1731
  }
@@ -1812,6 +1825,15 @@
1812
1825
  .aaravpos-staff-grid {
1813
1826
  grid-template-columns: repeat(2, 1fr);
1814
1827
  }
1828
+ .aaravpos-supercategory-wrapper.supercategory-row {
1829
+ display: flex;
1830
+ flex-wrap: nowrap;
1831
+ gap: 8px;
1832
+ width: 100%;
1833
+ overflow-x: auto;
1834
+ margin-bottom: 12px;
1835
+ scrollbar-width: none;
1836
+ }
1815
1837
  }
1816
1838
  .aaravpos-display-flex {
1817
1839
  display: flex;
@@ -2785,7 +2807,6 @@
2785
2807
  .aaravpos-service-price {
2786
2808
  color: #111827;
2787
2809
  display: flex;
2788
- font-size: 10px;
2789
2810
  flex-direction: row;
2790
2811
  align-items: center;
2791
2812
  }
@@ -3410,6 +3431,7 @@
3410
3431
  margin-bottom: 16px;
3411
3432
  border: 1px solid rgb(0 0 0 / 10%);
3412
3433
  border-radius: 2px;
3434
+ overflow: hidden;
3413
3435
  }
3414
3436
  .aaravpos-slot-section-header {
3415
3437
  display: flex;
@@ -3929,10 +3951,17 @@
3929
3951
  width: 24px;
3930
3952
  }
3931
3953
  .aaravpos-service-title {
3932
- font-size: 10px;
3954
+ font-size: 14px;
3933
3955
  }
3934
3956
  .aaravpos-service-description {
3935
- font-size: 8px;
3957
+ font-size: 11px;
3958
+ }
3959
+ .aaravpos-service-price-right {
3960
+ font-size: 12px;
3961
+ }
3962
+ .aaravpos-currency-icon {
3963
+ height: 13px !important;
3964
+ width: 13px !important;
3936
3965
  }
3937
3966
  }
3938
3967
  @media (max-width: 418px) {
@@ -3943,6 +3972,10 @@
3943
3972
  min-width: 22px;
3944
3973
  padding: 6px 4px;
3945
3974
  }
3975
+ .aaravpos-supercategory-wrapper.super-cat button {
3976
+ flex: 1 1 100%;
3977
+ width: 100%;
3978
+ }
3946
3979
  }
3947
3980
  @media (min-width: 991px) {
3948
3981
  .aaravpos-sidebar {
@@ -5237,10 +5270,10 @@
5237
5270
  justify-content: space-between;
5238
5271
  align-items: baseline;
5239
5272
  }
5240
- .dark .aaravpos-layout,.dark .aaravpos-container,.dark .aaravpos-sidebar {
5273
+ .dark .aaravpos-layout, .dark .aaravpos-container, .dark .aaravpos-sidebar {
5241
5274
  background-color: #000000;
5242
5275
  }
5243
- .dark .aaravpos-desktop-back-btn,.dark .aaravpos-sidebar, .dark .aaravpos-pro-card, .dark .aaravpos-success-card, .dark .aaravpos-outlet-card {
5276
+ .dark .aaravpos-desktop-back-btn, .dark .aaravpos-sidebar, .dark .aaravpos-pro-card, .dark .aaravpos-success-card, .dark .aaravpos-outlet-card {
5244
5277
  background-color: #000000;
5245
5278
  border-color: #2d3139;
5246
5279
  color: #F2F0EC;
@@ -5249,13 +5282,13 @@
5249
5282
  background-color: #000000;
5250
5283
  color: #F2F0EC;
5251
5284
  }
5252
- .dark .aaravpos-date-modal , .dark .aaravpos-date-modal-header, .dark .aaravpos-sidebar-mobile {
5285
+ .dark .aaravpos-date-modal, .dark .aaravpos-date-modal-header, .dark .aaravpos-sidebar-mobile {
5253
5286
  background: #000000 !important;
5254
5287
  }
5255
5288
  .dark .aaravpos-slot-section {
5256
5289
  border-color: #2d3139 !important;
5257
5290
  }
5258
- .dark .aaravpos-supercategory-btn, .dark .aaravpos-outlet-info, .dark .aaravpos-card-box , .dark .booking-confirm-input {
5291
+ .dark .aaravpos-supercategory-btn, .dark .aaravpos-outlet-info, .dark .aaravpos-card-box, .dark .booking-confirm-input {
5259
5292
  background-color: #000000;
5260
5293
  border: 1px solid #2d3139;
5261
5294
  color: #F2F0EC;
@@ -5273,31 +5306,31 @@
5273
5306
  .dark .aaravpos-outlet-divider {
5274
5307
  background: var(--app-bg-hover);
5275
5308
  }
5276
- .dark .aaravpos-step-btn, .dark .aaravpos-date-modal , .dark .aaravpos-date-modal-header , .dark .aaravpos-outlet-info .aaravpos-outlet-name, .dark .aaravpos-card-box .aaravpos-appointment-header .aaravpos-appointment-content .aaravpos-appointment-name, .dark .aaravpos-appointment-date-text, .dark .aaravpos-date-time-label, .dark .aaravpos-date-time-empty, .dark .aaravpos-summary-label, .dark .aaravpos-order-subtotal-label, .dark .aaravpos-title, .dark .aaravpos-outlet-card-title, .dark .aaravpos-mobile-step-label, .dark .aaravpos-mobile-back-btn, .dark .aaravpos-order-title {
5309
+ .dark .aaravpos-step-btn, .dark .aaravpos-date-modal, .dark .aaravpos-date-modal-header, .dark .aaravpos-outlet-info .aaravpos-outlet-name, .dark .aaravpos-card-box .aaravpos-appointment-header .aaravpos-appointment-content .aaravpos-appointment-name, .dark .aaravpos-appointment-date-text, .dark .aaravpos-date-time-label, .dark .aaravpos-date-time-empty, .dark .aaravpos-summary-label, .dark .aaravpos-order-subtotal-label, .dark .aaravpos-title, .dark .aaravpos-outlet-card-title, .dark .aaravpos-mobile-step-label, .dark .aaravpos-mobile-back-btn, .dark .aaravpos-order-title {
5277
5310
  color: #F2F0EC;
5278
5311
  }
5279
- .dark .aaravpos-service-card, .dark .aaravpos-cart-btn, .dark .booking-pro-card, .dark .aaravpos-professional-dropdown-btn, .dark .aaravpos-professional-dropdown-menu, .dark .aaravpos-calendar-btn , .dark .aaravpos-date-nav-btn , .dark .aaravpos-date-card, .dark .aaravpos-selected-professional, .dark .aaravpos-slot-section-content, .dark .aaravpos-slot-section-header, .dark .aaravpos-slot-card.aaravpos-slot-card-default, .dark .aaravpos-paymentcard-card.active, .dark .booking-confirm-info-box, .dark .aaravpos-slot-section-header {
5312
+ .dark .aaravpos-service-card, .dark .aaravpos-cart-btn, .dark .booking-pro-card, .dark .aaravpos-professional-dropdown-btn, .dark .aaravpos-professional-dropdown-menu, .dark .aaravpos-calendar-btn, .dark .aaravpos-date-nav-btn, .dark .aaravpos-date-card, .dark .aaravpos-selected-professional, .dark .aaravpos-slot-section-content, .dark .aaravpos-slot-section-header, .dark .aaravpos-slot-card.aaravpos-slot-card-default, .dark .aaravpos-paymentcard-card.active, .dark .booking-confirm-info-box, .dark .aaravpos-slot-section-header {
5280
5313
  background-color: #000000;
5281
5314
  border-color: #2d3139;
5282
5315
  }
5283
- .dark .aaravpos-supercategory-btn:hover , .dark .aaravpos-desktop-back-btn:hover, .dark .aaravpos-count, .dark .aaravpos-supercategory-btn.active, .dark .aaravpos-date-card-active, .dark .aaravpos-slot-grid .aaravpos-slot-card.aaravpos-slot-card-selected,.dark .aaravpos-paymentcard-card.active .aaravpos-paymentcard-icon, .dark .aaravpos-paymentcard-check, .dark .aaravpos-success-icon, .dark .aaravpos-cta-btn, .dark .aaravpos-common-btn, .dark .aaravpos-book-btn , .dark .aaravpos-calendar-day.aaravpos-calendar-day-selected {
5316
+ .dark .aaravpos-supercategory-btn:hover, .dark .aaravpos-desktop-back-btn:hover, .dark .aaravpos-count, .dark .aaravpos-supercategory-btn.active, .dark .aaravpos-date-card-active, .dark .aaravpos-slot-grid .aaravpos-slot-card.aaravpos-slot-card-selected, .dark .aaravpos-paymentcard-card.active .aaravpos-paymentcard-icon, .dark .aaravpos-paymentcard-check, .dark .aaravpos-success-icon, .dark .aaravpos-cta-btn, .dark .aaravpos-common-btn, .dark .aaravpos-book-btn, .dark .aaravpos-calendar-day.aaravpos-calendar-day-selected {
5284
5317
  border-color: var(--app-bg-hover);
5285
5318
  background-color: var(--app-bg-hover);
5286
5319
  color: #F2F0EC;
5287
5320
  }
5288
- .dark .aaravpos-step-btn.active , .dark .aaravpos-step-icon.active, .dark .aaravpos-order-detail.right, .dark .aaravpos-summary-value, .dark .aaravpos-order-subtotal-price {
5321
+ .dark .aaravpos-step-btn.active, .dark .aaravpos-step-icon.active, .dark .aaravpos-order-detail.right, .dark .aaravpos-summary-value, .dark .aaravpos-order-subtotal-price {
5289
5322
  color: var(--app-bg-hover);
5290
5323
  }
5291
5324
  .dark .aaravpos-step-btn.active {
5292
5325
  border-bottom-color: var(--app-bg-hover);
5293
5326
  }
5294
- .dark .aaravpos-step-btn.inactive:hover , .dark .aaravpos-count, .dark .aaravpos-cart-btn, .dark .aaravpos-service-title, .dark .booking-pro-card .booking-pro-name, .dark .aaravpos-professional-dropdown-btn, .dark .aaravpos-page-title, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-name, .dark .aaravpos-calendar-btn,.dark .aaravpos-date-nav-btn, .dark .aaravpos-date-card, .dark .aaravpos-selected-professional, .dark .aaravpos-slot-section .aaravpos-slot-section-header .aaravpos-slot-section-title, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-time, .dark .aaravpos-calendar-day.aaravpos-calendar-day-disabled.aaravpos-calendar-day-disabled:hover, .dark .aaravpos-paymentcard-title, .dark .aaravpos-text-bold, .dark .aaravpos-slot-section-arrow,.dark .PhoneInput input.PhoneInputInput, .dark .aaravpos-order-service-name, .dark .aaravpos-success-title, .dark .aaravpos-label , .dark .aaravpos-service-name, .dark .aaravpos-empty-title, .dark .aaravpos-common-btn:hover, .dark .aaravpos-sidebar-close-btn , .dark .aaravpos-step-btn .aaravpos-step-icon.inactive, .dark .aaravpos-empty-services-title, .dark .booking-confirm-field-label,.dark .booking-confirm-form-title, .dark .aaravpos-section-label {
5327
+ .dark .aaravpos-step-btn.inactive:hover, .dark .aaravpos-count, .dark .aaravpos-cart-btn, .dark .aaravpos-service-title, .dark .booking-pro-card .booking-pro-name, .dark .aaravpos-professional-dropdown-btn, .dark .aaravpos-page-title, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-name, .dark .aaravpos-calendar-btn, .dark .aaravpos-date-nav-btn, .dark .aaravpos-date-card, .dark .aaravpos-selected-professional, .dark .aaravpos-slot-section .aaravpos-slot-section-header .aaravpos-slot-section-title, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-time, .dark .aaravpos-calendar-day.aaravpos-calendar-day-disabled.aaravpos-calendar-day-disabled:hover, .dark .aaravpos-paymentcard-title, .dark .aaravpos-text-bold, .dark .aaravpos-slot-section-arrow, .dark .PhoneInput input.PhoneInputInput, .dark .aaravpos-order-service-name, .dark .aaravpos-success-title, .dark .aaravpos-label, .dark .aaravpos-service-name, .dark .aaravpos-empty-title, .dark .aaravpos-common-btn:hover, .dark .aaravpos-sidebar-close-btn, .dark .aaravpos-step-btn .aaravpos-step-icon.inactive, .dark .aaravpos-empty-services-title, .dark .booking-confirm-field-label, .dark .booking-confirm-form-title, .dark .aaravpos-section-label {
5295
5328
  color: #F2F0EC;
5296
5329
  }
5297
- .dark .aaravpos-service-description, .dark .aaravpos-service-price > span, .dark .booking-pro-card .booking-pro-role, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-type, .dark .aaravpos-selected-professional .aaravpos-selected-professional-services, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-status, .dark .aaravpos-outlet-info .aaravpos-outlet-address, .dark .aaravpos-sub-title, .dark .aaravpos-card-box .aaravpos-appointment-header .aaravpos-appointment-content .aaravpos-appointment-services, .dark .aaravpos-paymentcard-description, .dark .aaravpos-order-subtitle, .dark .aaravpos-order-detail.center, .dark .aaravpos-date-time-value,.dark .aaravpos-success-description, .dark .aaravpos-value, .dark .aaravpos-outlet-card-address, .dark .aaravpos-empty-text, .dark .aaravpos-page-subtitle, .dark .aaravpos-date-close-btn, .dark .aaravpos-empty-services-text {
5330
+ .dark .aaravpos-service-description, .dark .aaravpos-service-price>span, .dark .booking-pro-card .booking-pro-role, .dark .aaravpos-professional-dropdown-menu .aaravpos-professional-dropdown-type, .dark .aaravpos-selected-professional .aaravpos-selected-professional-services, .dark .aaravpos-slot-card.aaravpos-slot-card-default .aaravpos-slot-status, .dark .aaravpos-outlet-info .aaravpos-outlet-address, .dark .aaravpos-sub-title, .dark .aaravpos-card-box .aaravpos-appointment-header .aaravpos-appointment-content .aaravpos-appointment-services, .dark .aaravpos-paymentcard-description, .dark .aaravpos-order-subtitle, .dark .aaravpos-order-detail.center, .dark .aaravpos-date-time-value, .dark .aaravpos-success-description, .dark .aaravpos-value, .dark .aaravpos-outlet-card-address, .dark .aaravpos-empty-text, .dark .aaravpos-page-subtitle, .dark .aaravpos-date-close-btn, .dark .aaravpos-empty-services-text {
5298
5331
  color: #797877;
5299
5332
  }
5300
- .dark span.aaravpos-service-price-right , .dark .aaravpos-price, .dark .aaravpos-total-price, .dark .aaravpos-appointment-price {
5333
+ .dark span.aaravpos-service-price-right, .dark .aaravpos-price, .dark .aaravpos-total-price, .dark .aaravpos-appointment-price {
5301
5334
  color: var(--app-bg-hover);
5302
5335
  }
5303
5336
  .dark .aaravpos-search-input, .dark .aaravpos-barber-desktop-stepper .aaravpos-barber-desktop-back-btn {
@@ -5374,6 +5407,6 @@
5374
5407
  .dark .aaravpos-loader {
5375
5408
  border-top-color: var(--app-bg-hover) !important;
5376
5409
  }
5377
- .dark .aaravpos-slot-section-header .shimmer , .dark .aaravpos-skeleton-block {
5410
+ .dark .aaravpos-slot-section-header .shimmer, .dark .aaravpos-skeleton-block {
5378
5411
  background: #3a3a3a !important;
5379
5412
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "8.0.3",
3
+ "version": "8.0.4",
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",
@@ -1 +0,0 @@
1
- export default function Breadcrumb(): import("react").JSX.Element;
@@ -1,3 +0,0 @@
1
- import { ConsentModalProps } from '../../../types';
2
- declare const ConsentModal: ({ onClose, onConfirm, enforcement, heading, consent, }: ConsentModalProps) => import("react").JSX.Element;
3
- export default ConsentModal;
@@ -1 +0,0 @@
1
- export default function ProfessionalServicePage(): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export default function Professionals(): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export default function ServiceProfessionalPage(): import("react").JSX.Element;
@@ -1 +0,0 @@
1
- export default function ServicesPage(): import("react").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { AppointmentBookingPlugin } from '../components/AppointmentBookingPlugin';
2
- export type { AppointmentBookingPluginProps } from '../types';