@aaravpos/appointment-booking-plugin 8.0.2 → 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 +51 -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
  }
@@ -3930,10 +3951,17 @@
3930
3951
  width: 24px;
3931
3952
  }
3932
3953
  .aaravpos-service-title {
3933
- font-size: 10px;
3954
+ font-size: 14px;
3934
3955
  }
3935
3956
  .aaravpos-service-description {
3936
- 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;
3937
3965
  }
3938
3966
  }
3939
3967
  @media (max-width: 418px) {
@@ -3944,6 +3972,10 @@
3944
3972
  min-width: 22px;
3945
3973
  padding: 6px 4px;
3946
3974
  }
3975
+ .aaravpos-supercategory-wrapper.super-cat button {
3976
+ flex: 1 1 100%;
3977
+ width: 100%;
3978
+ }
3947
3979
  }
3948
3980
  @media (min-width: 991px) {
3949
3981
  .aaravpos-sidebar {
@@ -5238,10 +5270,10 @@
5238
5270
  justify-content: space-between;
5239
5271
  align-items: baseline;
5240
5272
  }
5241
- .dark .aaravpos-layout,.dark .aaravpos-container,.dark .aaravpos-sidebar {
5273
+ .dark .aaravpos-layout, .dark .aaravpos-container, .dark .aaravpos-sidebar {
5242
5274
  background-color: #000000;
5243
5275
  }
5244
- .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 {
5245
5277
  background-color: #000000;
5246
5278
  border-color: #2d3139;
5247
5279
  color: #F2F0EC;
@@ -5250,13 +5282,13 @@
5250
5282
  background-color: #000000;
5251
5283
  color: #F2F0EC;
5252
5284
  }
5253
- .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 {
5254
5286
  background: #000000 !important;
5255
5287
  }
5256
5288
  .dark .aaravpos-slot-section {
5257
5289
  border-color: #2d3139 !important;
5258
5290
  }
5259
- .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 {
5260
5292
  background-color: #000000;
5261
5293
  border: 1px solid #2d3139;
5262
5294
  color: #F2F0EC;
@@ -5274,31 +5306,31 @@
5274
5306
  .dark .aaravpos-outlet-divider {
5275
5307
  background: var(--app-bg-hover);
5276
5308
  }
5277
- .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 {
5278
5310
  color: #F2F0EC;
5279
5311
  }
5280
- .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 {
5281
5313
  background-color: #000000;
5282
5314
  border-color: #2d3139;
5283
5315
  }
5284
- .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 {
5285
5317
  border-color: var(--app-bg-hover);
5286
5318
  background-color: var(--app-bg-hover);
5287
5319
  color: #F2F0EC;
5288
5320
  }
5289
- .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 {
5290
5322
  color: var(--app-bg-hover);
5291
5323
  }
5292
5324
  .dark .aaravpos-step-btn.active {
5293
5325
  border-bottom-color: var(--app-bg-hover);
5294
5326
  }
5295
- .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 {
5296
5328
  color: #F2F0EC;
5297
5329
  }
5298
- .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 {
5299
5331
  color: #797877;
5300
5332
  }
5301
- .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 {
5302
5334
  color: var(--app-bg-hover);
5303
5335
  }
5304
5336
  .dark .aaravpos-search-input, .dark .aaravpos-barber-desktop-stepper .aaravpos-barber-desktop-back-btn {
@@ -5375,6 +5407,6 @@
5375
5407
  .dark .aaravpos-loader {
5376
5408
  border-top-color: var(--app-bg-hover) !important;
5377
5409
  }
5378
- .dark .aaravpos-slot-section-header .shimmer , .dark .aaravpos-skeleton-block {
5410
+ .dark .aaravpos-slot-section-header .shimmer, .dark .aaravpos-skeleton-block {
5379
5411
  background: #3a3a3a !important;
5380
5412
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aaravpos/appointment-booking-plugin",
3
- "version": "8.0.2",
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';