@aaravpos/appointment-booking-plugin 8.0.3 → 8.0.5

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 +53 -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: 80px;
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,11 @@
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
+ text-align: center;
3979
+ }
3946
3980
  }
3947
3981
  @media (min-width: 991px) {
3948
3982
  .aaravpos-sidebar {
@@ -5237,10 +5271,10 @@
5237
5271
  justify-content: space-between;
5238
5272
  align-items: baseline;
5239
5273
  }
5240
- .dark .aaravpos-layout,.dark .aaravpos-container,.dark .aaravpos-sidebar {
5274
+ .dark .aaravpos-layout, .dark .aaravpos-container, .dark .aaravpos-sidebar {
5241
5275
  background-color: #000000;
5242
5276
  }
5243
- .dark .aaravpos-desktop-back-btn,.dark .aaravpos-sidebar, .dark .aaravpos-pro-card, .dark .aaravpos-success-card, .dark .aaravpos-outlet-card {
5277
+ .dark .aaravpos-desktop-back-btn, .dark .aaravpos-sidebar, .dark .aaravpos-pro-card, .dark .aaravpos-success-card, .dark .aaravpos-outlet-card {
5244
5278
  background-color: #000000;
5245
5279
  border-color: #2d3139;
5246
5280
  color: #F2F0EC;
@@ -5249,13 +5283,13 @@
5249
5283
  background-color: #000000;
5250
5284
  color: #F2F0EC;
5251
5285
  }
5252
- .dark .aaravpos-date-modal , .dark .aaravpos-date-modal-header, .dark .aaravpos-sidebar-mobile {
5286
+ .dark .aaravpos-date-modal, .dark .aaravpos-date-modal-header, .dark .aaravpos-sidebar-mobile {
5253
5287
  background: #000000 !important;
5254
5288
  }
5255
5289
  .dark .aaravpos-slot-section {
5256
5290
  border-color: #2d3139 !important;
5257
5291
  }
5258
- .dark .aaravpos-supercategory-btn, .dark .aaravpos-outlet-info, .dark .aaravpos-card-box , .dark .booking-confirm-input {
5292
+ .dark .aaravpos-supercategory-btn, .dark .aaravpos-outlet-info, .dark .aaravpos-card-box, .dark .booking-confirm-input {
5259
5293
  background-color: #000000;
5260
5294
  border: 1px solid #2d3139;
5261
5295
  color: #F2F0EC;
@@ -5273,31 +5307,31 @@
5273
5307
  .dark .aaravpos-outlet-divider {
5274
5308
  background: var(--app-bg-hover);
5275
5309
  }
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 {
5310
+ .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
5311
  color: #F2F0EC;
5278
5312
  }
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 {
5313
+ .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
5314
  background-color: #000000;
5281
5315
  border-color: #2d3139;
5282
5316
  }
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 {
5317
+ .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
5318
  border-color: var(--app-bg-hover);
5285
5319
  background-color: var(--app-bg-hover);
5286
5320
  color: #F2F0EC;
5287
5321
  }
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 {
5322
+ .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
5323
  color: var(--app-bg-hover);
5290
5324
  }
5291
5325
  .dark .aaravpos-step-btn.active {
5292
5326
  border-bottom-color: var(--app-bg-hover);
5293
5327
  }
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 {
5328
+ .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
5329
  color: #F2F0EC;
5296
5330
  }
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 {
5331
+ .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
5332
  color: #797877;
5299
5333
  }
5300
- .dark span.aaravpos-service-price-right , .dark .aaravpos-price, .dark .aaravpos-total-price, .dark .aaravpos-appointment-price {
5334
+ .dark span.aaravpos-service-price-right, .dark .aaravpos-price, .dark .aaravpos-total-price, .dark .aaravpos-appointment-price {
5301
5335
  color: var(--app-bg-hover);
5302
5336
  }
5303
5337
  .dark .aaravpos-search-input, .dark .aaravpos-barber-desktop-stepper .aaravpos-barber-desktop-back-btn {
@@ -5374,6 +5408,6 @@
5374
5408
  .dark .aaravpos-loader {
5375
5409
  border-top-color: var(--app-bg-hover) !important;
5376
5410
  }
5377
- .dark .aaravpos-slot-section-header .shimmer , .dark .aaravpos-skeleton-block {
5411
+ .dark .aaravpos-slot-section-header .shimmer, .dark .aaravpos-skeleton-block {
5378
5412
  background: #3a3a3a !important;
5379
5413
  }
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.5",
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';