@getmicdrop/svelte-components 5.10.3 → 5.12.0

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 (245) hide show
  1. package/dist/calendar/AboutShow/AboutShow.svelte +172 -172
  2. package/dist/calendar/Calendar/MiniMonthCalendar.svelte +782 -782
  3. package/dist/calendar/FAQs/FAQs.svelte +75 -75
  4. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +126 -126
  5. package/dist/calendar/OrderSummary/OrderSummary.svelte +367 -367
  6. package/dist/calendar/PublicCard/PublicCard.svelte +146 -146
  7. package/dist/calendar/ShowCard/ShowCard.svelte +157 -157
  8. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +61 -61
  9. package/dist/components/Heading.svelte +60 -60
  10. package/dist/components/Layout/AppShell.svelte +104 -104
  11. package/dist/components/Layout/ContentSection.svelte +80 -80
  12. package/dist/components/Layout/Grid.svelte +4 -4
  13. package/dist/components/Layout/Heading.svelte +81 -81
  14. package/dist/components/Layout/PageContainer.svelte +69 -69
  15. package/dist/components/Layout/Responsive.svelte +75 -75
  16. package/dist/components/Layout/Section.svelte +80 -80
  17. package/dist/components/Layout/ShowOnDesktop.svelte +37 -37
  18. package/dist/components/Layout/ShowOnMobile.svelte +37 -37
  19. package/dist/components/Layout/Sidebar.svelte +108 -108
  20. package/dist/components/Layout/Stack.spec.js +1 -1
  21. package/dist/components/Layout/Stack.svelte +6 -6
  22. package/dist/components/Layout/Text.svelte +87 -87
  23. package/dist/components/Layout/TwoColumn.svelte +108 -108
  24. package/dist/components/Text.svelte +53 -53
  25. package/dist/constants/validation.js +91 -91
  26. package/dist/constants/validation.spec.js +64 -64
  27. package/dist/datetime/__tests__/format.test.js +1 -1
  28. package/dist/datetime/__tests__/parse.test.js +1 -1
  29. package/dist/datetime/__tests__/timezone.test.js +1 -1
  30. package/dist/datetime/parse.js +1 -1
  31. package/dist/forms/createFormStore.svelte.js +0 -1
  32. package/dist/index.d.ts +2 -0
  33. package/dist/index.d.ts.map +1 -1
  34. package/dist/index.js +57 -51
  35. package/dist/patterns/data/DataGrid.svelte +45 -45
  36. package/dist/patterns/data/DataList.svelte +24 -24
  37. package/dist/patterns/data/DataTable.svelte +36 -36
  38. package/dist/patterns/forms/FormActions.spec.js +95 -95
  39. package/dist/patterns/forms/FormActions.stories.svelte +97 -97
  40. package/dist/patterns/forms/FormActions.svelte +46 -46
  41. package/dist/patterns/forms/FormGrid.svelte +33 -33
  42. package/dist/patterns/forms/FormSection.svelte +32 -32
  43. package/dist/patterns/forms/FormValidationSummary.stories.svelte +83 -83
  44. package/dist/patterns/forms/FormValidationSummary.svelte +74 -74
  45. package/dist/patterns/layout/Sidebar.svelte +39 -39
  46. package/dist/patterns/layout/index.js +29 -29
  47. package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
  48. package/dist/patterns/navigation/BottomNav.svelte +74 -74
  49. package/dist/patterns/navigation/Header.stories.svelte +77 -77
  50. package/dist/patterns/navigation/Header.svelte +255 -255
  51. package/dist/patterns/page/PageHeader.svelte +18 -18
  52. package/dist/patterns/page/PageLayout.svelte +40 -40
  53. package/dist/patterns/page/PageLoader.spec.js +57 -57
  54. package/dist/patterns/page/PageLoader.stories.svelte +137 -137
  55. package/dist/patterns/page/PageLoader.svelte +24 -24
  56. package/dist/patterns/page/SectionHeader.svelte +29 -29
  57. package/dist/presets/badges.js +112 -112
  58. package/dist/presets/buttons.js +76 -76
  59. package/dist/presets/index.js +9 -9
  60. package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
  61. package/dist/primitives/Accordion/Accordion.svelte +42 -42
  62. package/dist/primitives/Accordion/AccordionItem.svelte +95 -95
  63. package/dist/primitives/Alert/Alert.spec.js +173 -173
  64. package/dist/primitives/Alert/Alert.stories.svelte +88 -88
  65. package/dist/primitives/Alert/Alert.svelte +27 -27
  66. package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
  67. package/dist/primitives/Avatar/Avatar.svelte +66 -66
  68. package/dist/primitives/Badges/Badge.spec.js +144 -144
  69. package/dist/primitives/Badges/Badge.stories.svelte +86 -86
  70. package/dist/primitives/Badges/Badge.svelte +99 -99
  71. package/dist/primitives/BottomSheet/BottomSheet.spec.js +136 -136
  72. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
  73. package/dist/primitives/BottomSheet/BottomSheet.svelte +100 -100
  74. package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +123 -122
  75. package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
  76. package/dist/primitives/Breadcrumb/Breadcrumb.svelte +99 -98
  77. package/dist/primitives/Button/Button.spec.js +223 -223
  78. package/dist/primitives/Button/Button.stories.svelte +76 -76
  79. package/dist/primitives/Button/Button.svelte +314 -283
  80. package/dist/primitives/Button/Button.svelte.d.ts +2 -0
  81. package/dist/primitives/Button/Button.svelte.d.ts.map +1 -1
  82. package/dist/primitives/Button/ButtonGroup.svelte +50 -50
  83. package/dist/primitives/Button/ButtonSaveDemo.spec.js +146 -146
  84. package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
  85. package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
  86. package/dist/primitives/Card.spec.js +49 -49
  87. package/dist/primitives/Card.stories.svelte +22 -22
  88. package/dist/primitives/Card.svelte +28 -28
  89. package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
  90. package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
  91. package/dist/primitives/DarkModeToggle.spec.js +390 -390
  92. package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
  93. package/dist/primitives/DarkModeToggle.svelte +136 -136
  94. package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
  95. package/dist/primitives/Drawer/Drawer.svelte +120 -120
  96. package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
  97. package/dist/primitives/Dropdown/Dropdown.svelte +170 -170
  98. package/dist/primitives/Dropdown/DropdownDivider.svelte +9 -9
  99. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
  100. package/dist/primitives/Helper/Helper.svelte +33 -33
  101. package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
  102. package/dist/primitives/Icons/ArrowRight.svelte +8 -8
  103. package/dist/primitives/Icons/Availability.svelte +14 -14
  104. package/dist/primitives/Icons/Back.svelte +14 -14
  105. package/dist/primitives/Icons/CheckCircle.svelte +6 -6
  106. package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
  107. package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
  108. package/dist/primitives/Icons/ChevronRight.svelte +4 -4
  109. package/dist/primitives/Icons/Copy.svelte +15 -15
  110. package/dist/primitives/Icons/Cross.svelte +5 -5
  111. package/dist/primitives/Icons/DownArrow.svelte +8 -8
  112. package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
  113. package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
  114. package/dist/primitives/Icons/Home.svelte +15 -15
  115. package/dist/primitives/Icons/Icon.spec.js +169 -169
  116. package/dist/primitives/Icons/Icon.stories.svelte +100 -100
  117. package/dist/primitives/Icons/Icon.svelte +52 -52
  118. package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
  119. package/dist/primitives/Icons/Info.svelte +7 -7
  120. package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
  121. package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
  122. package/dist/primitives/Icons/Message.svelte +15 -15
  123. package/dist/primitives/Icons/MoonIcon.svelte +5 -5
  124. package/dist/primitives/Icons/More.svelte +21 -21
  125. package/dist/primitives/Icons/MoreHori.spec.js +61 -61
  126. package/dist/primitives/Icons/MoreHori.svelte +22 -22
  127. package/dist/primitives/Icons/Notification.svelte +14 -14
  128. package/dist/primitives/Icons/Payment.svelte +14 -14
  129. package/dist/primitives/Icons/Profile.svelte +21 -21
  130. package/dist/primitives/Icons/Reload.svelte +29 -29
  131. package/dist/primitives/Icons/Shows.svelte +21 -21
  132. package/dist/primitives/Icons/Signout.svelte +21 -21
  133. package/dist/primitives/Icons/SunIcon.svelte +8 -8
  134. package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
  135. package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
  136. package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
  137. package/dist/primitives/Icons/WarningIcon.svelte +5 -5
  138. package/dist/primitives/Input/Input.spec.js +573 -573
  139. package/dist/primitives/Input/Input.stories.svelte +139 -139
  140. package/dist/primitives/Input/Input.svelte +423 -423
  141. package/dist/primitives/Input/Select.spec.js +218 -218
  142. package/dist/primitives/Input/Select.stories.svelte +112 -112
  143. package/dist/primitives/Input/Select.svelte +252 -252
  144. package/dist/primitives/Input/Textarea.stories.svelte +137 -137
  145. package/dist/primitives/Input/Textarea.svelte +105 -105
  146. package/dist/primitives/Label/Label.svelte +37 -37
  147. package/dist/primitives/Modal/Modal.spec.js +99 -99
  148. package/dist/primitives/Modal/Modal.stories.svelte +86 -86
  149. package/dist/primitives/Modal/Modal.svelte +174 -157
  150. package/dist/primitives/Modal/Modal.svelte.d.ts +2 -0
  151. package/dist/primitives/Modal/Modal.svelte.d.ts.map +1 -1
  152. package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
  153. package/dist/primitives/Pagination/Pagination.svelte +261 -261
  154. package/dist/primitives/Radio/Radio.stories.svelte +80 -80
  155. package/dist/primitives/Radio/Radio.svelte +67 -67
  156. package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -87
  157. package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -59
  158. package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -76
  159. package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
  160. package/dist/primitives/Skeleton/Skeleton.svelte +26 -26
  161. package/dist/primitives/Spinner/Spinner.spec.js +71 -71
  162. package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
  163. package/dist/primitives/Spinner/Spinner.svelte +20 -20
  164. package/dist/primitives/Tabs/TabItem.svelte +49 -49
  165. package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
  166. package/dist/primitives/Tabs/Tabs.svelte +137 -137
  167. package/dist/primitives/Toggle.spec.js +146 -146
  168. package/dist/primitives/Toggle.stories.svelte +92 -92
  169. package/dist/primitives/Toggle.svelte +141 -131
  170. package/dist/primitives/Toggle.svelte.d.ts +2 -0
  171. package/dist/primitives/Toggle.svelte.d.ts.map +1 -1
  172. package/dist/primitives/Tooltip/Tooltip.svelte +83 -83
  173. package/dist/primitives/Typography/Typography.svelte +53 -53
  174. package/dist/primitives/ValidationError.spec.js +103 -103
  175. package/dist/primitives/ValidationError.stories.svelte +69 -69
  176. package/dist/primitives/ValidationError.svelte +29 -29
  177. package/dist/primitives/index.js +92 -92
  178. package/dist/recipes/CropImage/CropImage.spec.js +208 -208
  179. package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
  180. package/dist/recipes/CropImage/CropImage.svelte +219 -219
  181. package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
  182. package/dist/recipes/ImageUploader/ImageUploader.svelte +970 -970
  183. package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
  184. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
  185. package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
  186. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
  187. package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
  188. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +133 -133
  189. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
  190. package/dist/recipes/fields/CheckboxField.svelte +85 -85
  191. package/dist/recipes/fields/FormField.svelte +58 -58
  192. package/dist/recipes/fields/RadioGroup.svelte +95 -95
  193. package/dist/recipes/fields/SelectField.svelte +80 -80
  194. package/dist/recipes/fields/TextareaField.svelte +97 -97
  195. package/dist/recipes/fields/ToggleField.svelte +60 -60
  196. package/dist/recipes/fields/index.js +7 -7
  197. package/dist/recipes/inputs/MultiSelect.spec.js +260 -260
  198. package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
  199. package/dist/recipes/inputs/MultiSelect.svelte +283 -283
  200. package/dist/recipes/inputs/OTPInput.spec.js +251 -251
  201. package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
  202. package/dist/recipes/inputs/OTPInput.svelte +117 -117
  203. package/dist/recipes/inputs/PasswordInput.svelte +22 -22
  204. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +131 -131
  205. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
  206. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +344 -344
  207. package/dist/recipes/inputs/Search.svelte +102 -102
  208. package/dist/recipes/inputs/SelectDropdown.svelte +171 -171
  209. package/dist/recipes/modals/AlertModal.svelte +130 -130
  210. package/dist/recipes/modals/ConfirmationModal.spec.js +206 -206
  211. package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
  212. package/dist/recipes/modals/ConfirmationModal.svelte +162 -152
  213. package/dist/recipes/modals/ConfirmationModal.svelte.d.ts +2 -0
  214. package/dist/recipes/modals/ConfirmationModal.svelte.d.ts.map +1 -1
  215. package/dist/recipes/modals/InputModal.svelte +182 -182
  216. package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
  217. package/dist/recipes/modals/ModalStateManager.svelte +77 -77
  218. package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
  219. package/dist/recipes/modals/StatusModal.svelte +206 -206
  220. package/dist/services/EventService.js +75 -75
  221. package/dist/services/EventService.spec.js +217 -217
  222. package/dist/services/ShowService.spec.js +345 -345
  223. package/dist/stores/toaster.js +13 -13
  224. package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
  225. package/dist/stories/ButtonAuditReview.svelte +427 -427
  226. package/dist/stories/PatternsGallery.stories.svelte +19 -19
  227. package/dist/stories/PatternsGallery.svelte +206 -206
  228. package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
  229. package/dist/stories/PrimitivesGallery.svelte +752 -752
  230. package/dist/stories/RecipesGallery.stories.svelte +19 -19
  231. package/dist/stories/RecipesGallery.svelte +471 -471
  232. package/dist/stories/button-audit-manifest.json +11186 -11186
  233. package/dist/tailwind/preset.cjs +82 -82
  234. package/dist/telemetry.js +405 -405
  235. package/dist/telemetry.spec.js +1169 -1169
  236. package/dist/tokens/tokens.css +87 -87
  237. package/dist/tokens/typography-base.css +163 -163
  238. package/dist/tokens/utilities.css +353 -353
  239. package/dist/utils/apiConfig.spec.js +219 -219
  240. package/dist/utils/haptic.d.ts +41 -0
  241. package/dist/utils/haptic.d.ts.map +1 -0
  242. package/dist/utils/haptic.js +115 -0
  243. package/dist/utils/transitions.js +4 -4
  244. package/dist/utils/utils.js +693 -693
  245. package/package.json +297 -297
@@ -1,219 +1,219 @@
1
- import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
2
- import {
3
- API_BASE_URL,
4
- FRONTEND_BASE_URL,
5
- buildApiUrl,
6
- API_ENDPOINTS,
7
- buildPerformerInviteUrl,
8
- getPerformerInviteMethod,
9
- buildV2PerformerActionUrl,
10
- } from './apiConfig';
11
-
12
- describe('apiConfig', () => {
13
- describe('API_BASE_URL', () => {
14
- it('is defined', () => {
15
- expect(API_BASE_URL).toBeDefined();
16
- });
17
-
18
- it('is a string', () => {
19
- expect(typeof API_BASE_URL).toBe('string');
20
- });
21
-
22
- it('starts with http', () => {
23
- expect(API_BASE_URL.startsWith('http')).toBe(true);
24
- });
25
- });
26
-
27
- describe('FRONTEND_BASE_URL', () => {
28
- it('is defined', () => {
29
- expect(FRONTEND_BASE_URL).toBeDefined();
30
- });
31
-
32
- it('is a string', () => {
33
- expect(typeof FRONTEND_BASE_URL).toBe('string');
34
- });
35
- });
36
-
37
- describe('buildApiUrl', () => {
38
- it('builds URL with path starting with /', () => {
39
- const url = buildApiUrl('/api/test');
40
- expect(url).toBe(`${API_BASE_URL}/api/test`);
41
- });
42
-
43
- it('adds leading / when path does not have one', () => {
44
- const url = buildApiUrl('api/test');
45
- expect(url).toBe(`${API_BASE_URL}/api/test`);
46
- });
47
-
48
- it('handles empty path', () => {
49
- const url = buildApiUrl('');
50
- expect(url).toBe(`${API_BASE_URL}/`);
51
- });
52
-
53
- it('handles path with query params', () => {
54
- const url = buildApiUrl('/api/test?param=value');
55
- expect(url).toBe(`${API_BASE_URL}/api/test?param=value`);
56
- });
57
- });
58
-
59
- describe('API_ENDPOINTS', () => {
60
- it('has LOGIN endpoint', () => {
61
- expect(API_ENDPOINTS.LOGIN).toBe('/api/public/login');
62
- });
63
-
64
- it('has PERFORMER_PROFILE endpoint', () => {
65
- expect(API_ENDPOINTS.PERFORMER_PROFILE).toBe('/api/performer/getPerformerProfile');
66
- });
67
-
68
- it('has MODIFY_PERFORMER_PROFILE endpoint', () => {
69
- expect(API_ENDPOINTS.MODIFY_PERFORMER_PROFILE).toBe('/api/performer/modifyPerformerProfile');
70
- });
71
-
72
- it('has PERFORMER_AVAILABILITIES endpoint', () => {
73
- expect(API_ENDPOINTS.PERFORMER_AVAILABILITIES).toBe('/api/performer/performerAvailabilities');
74
- });
75
-
76
- it('has GET_EVENT_PERFORMER_INVITES endpoint', () => {
77
- expect(API_ENDPOINTS.GET_EVENT_PERFORMER_INVITES).toBe('/api/performer/getEventPerformerInvites');
78
- });
79
-
80
- it('has GET_ROSTER_EVENT_PERFORMERS_FOR_USER endpoint', () => {
81
- expect(API_ENDPOINTS.GET_ROSTER_EVENT_PERFORMERS_FOR_USER).toBe('/api/performer/getRosterEventPerformersForUser');
82
- });
83
-
84
- it('has GET_EVENTS_FOR_VENUE endpoint', () => {
85
- expect(API_ENDPOINTS.GET_EVENTS_FOR_VENUE).toBe('/api/public/getEventsForVenue');
86
- });
87
-
88
- it('has GET_VENUE endpoint', () => {
89
- expect(API_ENDPOINTS.GET_VENUE).toBe('/api/public/getVenue');
90
- });
91
-
92
- it('has ACCEPT_EVENT_PERFORMER_INVITE endpoint', () => {
93
- expect(API_ENDPOINTS.ACCEPT_EVENT_PERFORMER_INVITE).toBe('/api/public/acceptEventPerformerInvite');
94
- });
95
-
96
- it('has DECLINE_EVENT_PERFORMER_INVITE endpoint', () => {
97
- expect(API_ENDPOINTS.DECLINE_EVENT_PERFORMER_INVITE).toBe('/api/public/declineEventPerformerInvite');
98
- });
99
-
100
- it('has CANCEL_EVENT_PERFORMER_INVITE endpoint', () => {
101
- expect(API_ENDPOINTS.CANCEL_EVENT_PERFORMER_INVITE).toBe('/api/public/cancelEventPerformerInvite');
102
- });
103
-
104
- it('has SEND_VENUE_MESSAGE endpoint', () => {
105
- expect(API_ENDPOINTS.SEND_VENUE_MESSAGE).toBe('/api/performer/sendVenueMessage');
106
- });
107
-
108
- it('has REJECT_ROSTER_INVITE endpoint', () => {
109
- expect(API_ENDPOINTS.REJECT_ROSTER_INVITE).toBe('/api/public/rejectRosterInvite');
110
- });
111
-
112
- it('has REMOVE_VENUE_FROM_ROSTER endpoint', () => {
113
- expect(API_ENDPOINTS.REMOVE_VENUE_FROM_ROSTER).toBe('/api/performer/removeVenueFromRoster');
114
- });
115
-
116
- it('uses buildApiUrl for full URLs', () => {
117
- const loginUrl = buildApiUrl(API_ENDPOINTS.LOGIN);
118
- expect(loginUrl).toContain('/api/public/login');
119
- });
120
- });
121
-
122
- describe('buildPerformerInviteUrl', () => {
123
- it('builds V1 accept URL', () => {
124
- const url = buildPerformerInviteUrl(123, 'accept');
125
- expect(url).toContain('/api/public/acceptEventPerformerInvite/123');
126
- });
127
-
128
- it('builds V1 decline URL', () => {
129
- const url = buildPerformerInviteUrl(456, 'decline');
130
- expect(url).toContain('/api/public/declineEventPerformerInvite/456');
131
- });
132
-
133
- it('builds V1 cancel URL', () => {
134
- const url = buildPerformerInviteUrl(789, 'cancel');
135
- expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
136
- });
137
- });
138
-
139
- describe('getPerformerInviteMethod', () => {
140
- it('returns correct HTTP method for V1 actions', () => {
141
- expect(getPerformerInviteMethod('accept')).toBe('PUT');
142
- expect(getPerformerInviteMethod('decline')).toBe('PUT');
143
- expect(getPerformerInviteMethod('cancel')).toBe('PUT');
144
- });
145
- });
146
-
147
- describe('buildV2PerformerActionUrl', () => {
148
- it('builds V2 performer action URL with confirm', () => {
149
- const url = buildV2PerformerActionUrl(123, 'confirm');
150
- expect(url).toContain('/api/v2/event-performers/123/confirm');
151
- });
152
-
153
- it('builds V2 performer action URL with decline', () => {
154
- const url = buildV2PerformerActionUrl(456, 'decline');
155
- expect(url).toContain('/api/v2/event-performers/456/decline');
156
- });
157
-
158
- it('builds V2 performer action URL with reassign', () => {
159
- const url = buildV2PerformerActionUrl(789, 'reassign');
160
- expect(url).toContain('/api/v2/event-performers/789/reassign');
161
- });
162
- });
163
-
164
- describe('V2 API paths', () => {
165
- let originalEnv;
166
-
167
- beforeEach(async () => {
168
- originalEnv = import.meta.env.VITE_API_VERSION;
169
- vi.resetModules();
170
- });
171
-
172
- afterEach(async () => {
173
- import.meta.env.VITE_API_VERSION = originalEnv;
174
- vi.resetModules();
175
- });
176
-
177
- it('buildPerformerInviteUrl uses V2 endpoint for accept when USE_V2_API is true', async () => {
178
- // Set environment variable to v2
179
- import.meta.env.VITE_API_VERSION = 'v2';
180
-
181
- // Re-import to get fresh module with new env
182
- const module = await import('./apiConfig');
183
-
184
- const url = module.buildPerformerInviteUrl(123, 'accept');
185
- expect(url).toContain('/api/v2/event-performers/123/confirm');
186
- });
187
-
188
- it('buildPerformerInviteUrl uses V2 endpoint for decline when USE_V2_API is true', async () => {
189
- import.meta.env.VITE_API_VERSION = 'v2';
190
- const module = await import('./apiConfig');
191
-
192
- const url = module.buildPerformerInviteUrl(456, 'decline');
193
- expect(url).toContain('/api/v2/event-performers/456/decline');
194
- });
195
-
196
- it('buildPerformerInviteUrl uses V1 endpoint for cancel even when USE_V2_API is true', async () => {
197
- import.meta.env.VITE_API_VERSION = 'v2';
198
- const module = await import('./apiConfig');
199
-
200
- const url = module.buildPerformerInviteUrl(789, 'cancel');
201
- expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
202
- });
203
-
204
- it('getPerformerInviteMethod returns POST for V2 non-cancel actions', async () => {
205
- import.meta.env.VITE_API_VERSION = 'v2';
206
- const module = await import('./apiConfig');
207
-
208
- expect(module.getPerformerInviteMethod('accept')).toBe('POST');
209
- expect(module.getPerformerInviteMethod('decline')).toBe('POST');
210
- });
211
-
212
- it('getPerformerInviteMethod returns PUT for V2 cancel action', async () => {
213
- import.meta.env.VITE_API_VERSION = 'v2';
214
- const module = await import('./apiConfig');
215
-
216
- expect(module.getPerformerInviteMethod('cancel')).toBe('PUT');
217
- });
218
- });
219
- });
1
+ import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
2
+ import {
3
+ API_BASE_URL,
4
+ FRONTEND_BASE_URL,
5
+ buildApiUrl,
6
+ API_ENDPOINTS,
7
+ buildPerformerInviteUrl,
8
+ getPerformerInviteMethod,
9
+ buildV2PerformerActionUrl,
10
+ } from './apiConfig';
11
+
12
+ describe('apiConfig', () => {
13
+ describe('API_BASE_URL', () => {
14
+ it('is defined', () => {
15
+ expect(API_BASE_URL).toBeDefined();
16
+ });
17
+
18
+ it('is a string', () => {
19
+ expect(typeof API_BASE_URL).toBe('string');
20
+ });
21
+
22
+ it('starts with http', () => {
23
+ expect(API_BASE_URL.startsWith('http')).toBe(true);
24
+ });
25
+ });
26
+
27
+ describe('FRONTEND_BASE_URL', () => {
28
+ it('is defined', () => {
29
+ expect(FRONTEND_BASE_URL).toBeDefined();
30
+ });
31
+
32
+ it('is a string', () => {
33
+ expect(typeof FRONTEND_BASE_URL).toBe('string');
34
+ });
35
+ });
36
+
37
+ describe('buildApiUrl', () => {
38
+ it('builds URL with path starting with /', () => {
39
+ const url = buildApiUrl('/api/test');
40
+ expect(url).toBe(`${API_BASE_URL}/api/test`);
41
+ });
42
+
43
+ it('adds leading / when path does not have one', () => {
44
+ const url = buildApiUrl('api/test');
45
+ expect(url).toBe(`${API_BASE_URL}/api/test`);
46
+ });
47
+
48
+ it('handles empty path', () => {
49
+ const url = buildApiUrl('');
50
+ expect(url).toBe(`${API_BASE_URL}/`);
51
+ });
52
+
53
+ it('handles path with query params', () => {
54
+ const url = buildApiUrl('/api/test?param=value');
55
+ expect(url).toBe(`${API_BASE_URL}/api/test?param=value`);
56
+ });
57
+ });
58
+
59
+ describe('API_ENDPOINTS', () => {
60
+ it('has LOGIN endpoint', () => {
61
+ expect(API_ENDPOINTS.LOGIN).toBe('/api/public/login');
62
+ });
63
+
64
+ it('has PERFORMER_PROFILE endpoint', () => {
65
+ expect(API_ENDPOINTS.PERFORMER_PROFILE).toBe('/api/performer/getPerformerProfile');
66
+ });
67
+
68
+ it('has MODIFY_PERFORMER_PROFILE endpoint', () => {
69
+ expect(API_ENDPOINTS.MODIFY_PERFORMER_PROFILE).toBe('/api/performer/modifyPerformerProfile');
70
+ });
71
+
72
+ it('has PERFORMER_AVAILABILITIES endpoint', () => {
73
+ expect(API_ENDPOINTS.PERFORMER_AVAILABILITIES).toBe('/api/performer/performerAvailabilities');
74
+ });
75
+
76
+ it('has GET_EVENT_PERFORMER_INVITES endpoint', () => {
77
+ expect(API_ENDPOINTS.GET_EVENT_PERFORMER_INVITES).toBe('/api/performer/getEventPerformerInvites');
78
+ });
79
+
80
+ it('has GET_ROSTER_EVENT_PERFORMERS_FOR_USER endpoint', () => {
81
+ expect(API_ENDPOINTS.GET_ROSTER_EVENT_PERFORMERS_FOR_USER).toBe('/api/performer/getRosterEventPerformersForUser');
82
+ });
83
+
84
+ it('has GET_EVENTS_FOR_VENUE endpoint', () => {
85
+ expect(API_ENDPOINTS.GET_EVENTS_FOR_VENUE).toBe('/api/public/getEventsForVenue');
86
+ });
87
+
88
+ it('has GET_VENUE endpoint', () => {
89
+ expect(API_ENDPOINTS.GET_VENUE).toBe('/api/public/getVenue');
90
+ });
91
+
92
+ it('has ACCEPT_EVENT_PERFORMER_INVITE endpoint', () => {
93
+ expect(API_ENDPOINTS.ACCEPT_EVENT_PERFORMER_INVITE).toBe('/api/public/acceptEventPerformerInvite');
94
+ });
95
+
96
+ it('has DECLINE_EVENT_PERFORMER_INVITE endpoint', () => {
97
+ expect(API_ENDPOINTS.DECLINE_EVENT_PERFORMER_INVITE).toBe('/api/public/declineEventPerformerInvite');
98
+ });
99
+
100
+ it('has CANCEL_EVENT_PERFORMER_INVITE endpoint', () => {
101
+ expect(API_ENDPOINTS.CANCEL_EVENT_PERFORMER_INVITE).toBe('/api/public/cancelEventPerformerInvite');
102
+ });
103
+
104
+ it('has SEND_VENUE_MESSAGE endpoint', () => {
105
+ expect(API_ENDPOINTS.SEND_VENUE_MESSAGE).toBe('/api/performer/sendVenueMessage');
106
+ });
107
+
108
+ it('has REJECT_ROSTER_INVITE endpoint', () => {
109
+ expect(API_ENDPOINTS.REJECT_ROSTER_INVITE).toBe('/api/public/rejectRosterInvite');
110
+ });
111
+
112
+ it('has REMOVE_VENUE_FROM_ROSTER endpoint', () => {
113
+ expect(API_ENDPOINTS.REMOVE_VENUE_FROM_ROSTER).toBe('/api/performer/removeVenueFromRoster');
114
+ });
115
+
116
+ it('uses buildApiUrl for full URLs', () => {
117
+ const loginUrl = buildApiUrl(API_ENDPOINTS.LOGIN);
118
+ expect(loginUrl).toContain('/api/public/login');
119
+ });
120
+ });
121
+
122
+ describe('buildPerformerInviteUrl', () => {
123
+ it('builds V1 accept URL', () => {
124
+ const url = buildPerformerInviteUrl(123, 'accept');
125
+ expect(url).toContain('/api/public/acceptEventPerformerInvite/123');
126
+ });
127
+
128
+ it('builds V1 decline URL', () => {
129
+ const url = buildPerformerInviteUrl(456, 'decline');
130
+ expect(url).toContain('/api/public/declineEventPerformerInvite/456');
131
+ });
132
+
133
+ it('builds V1 cancel URL', () => {
134
+ const url = buildPerformerInviteUrl(789, 'cancel');
135
+ expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
136
+ });
137
+ });
138
+
139
+ describe('getPerformerInviteMethod', () => {
140
+ it('returns correct HTTP method for V1 actions', () => {
141
+ expect(getPerformerInviteMethod('accept')).toBe('PUT');
142
+ expect(getPerformerInviteMethod('decline')).toBe('PUT');
143
+ expect(getPerformerInviteMethod('cancel')).toBe('PUT');
144
+ });
145
+ });
146
+
147
+ describe('buildV2PerformerActionUrl', () => {
148
+ it('builds V2 performer action URL with confirm', () => {
149
+ const url = buildV2PerformerActionUrl(123, 'confirm');
150
+ expect(url).toContain('/api/v2/event-performers/123/confirm');
151
+ });
152
+
153
+ it('builds V2 performer action URL with decline', () => {
154
+ const url = buildV2PerformerActionUrl(456, 'decline');
155
+ expect(url).toContain('/api/v2/event-performers/456/decline');
156
+ });
157
+
158
+ it('builds V2 performer action URL with reassign', () => {
159
+ const url = buildV2PerformerActionUrl(789, 'reassign');
160
+ expect(url).toContain('/api/v2/event-performers/789/reassign');
161
+ });
162
+ });
163
+
164
+ describe('V2 API paths', () => {
165
+ let originalEnv;
166
+
167
+ beforeEach(async () => {
168
+ originalEnv = import.meta.env.VITE_API_VERSION;
169
+ vi.resetModules();
170
+ });
171
+
172
+ afterEach(async () => {
173
+ import.meta.env.VITE_API_VERSION = originalEnv;
174
+ vi.resetModules();
175
+ });
176
+
177
+ it('buildPerformerInviteUrl uses V2 endpoint for accept when USE_V2_API is true', async () => {
178
+ // Set environment variable to v2
179
+ import.meta.env.VITE_API_VERSION = 'v2';
180
+
181
+ // Re-import to get fresh module with new env
182
+ const module = await import('./apiConfig');
183
+
184
+ const url = module.buildPerformerInviteUrl(123, 'accept');
185
+ expect(url).toContain('/api/v2/event-performers/123/confirm');
186
+ });
187
+
188
+ it('buildPerformerInviteUrl uses V2 endpoint for decline when USE_V2_API is true', async () => {
189
+ import.meta.env.VITE_API_VERSION = 'v2';
190
+ const module = await import('./apiConfig');
191
+
192
+ const url = module.buildPerformerInviteUrl(456, 'decline');
193
+ expect(url).toContain('/api/v2/event-performers/456/decline');
194
+ });
195
+
196
+ it('buildPerformerInviteUrl uses V1 endpoint for cancel even when USE_V2_API is true', async () => {
197
+ import.meta.env.VITE_API_VERSION = 'v2';
198
+ const module = await import('./apiConfig');
199
+
200
+ const url = module.buildPerformerInviteUrl(789, 'cancel');
201
+ expect(url).toContain('/api/public/cancelEventPerformerInvite/789');
202
+ });
203
+
204
+ it('getPerformerInviteMethod returns POST for V2 non-cancel actions', async () => {
205
+ import.meta.env.VITE_API_VERSION = 'v2';
206
+ const module = await import('./apiConfig');
207
+
208
+ expect(module.getPerformerInviteMethod('accept')).toBe('POST');
209
+ expect(module.getPerformerInviteMethod('decline')).toBe('POST');
210
+ });
211
+
212
+ it('getPerformerInviteMethod returns PUT for V2 cancel action', async () => {
213
+ import.meta.env.VITE_API_VERSION = 'v2';
214
+ const module = await import('./apiConfig');
215
+
216
+ expect(module.getPerformerInviteMethod('cancel')).toBe('PUT');
217
+ });
218
+ });
219
+ });
@@ -0,0 +1,41 @@
1
+ /**
2
+ * Haptic Feedback Utility
3
+ *
4
+ * Provides tactile feedback for user actions across iOS, Android, and web.
5
+ * Part of QOL Bible - "Instant Response to Every Touch"
6
+ *
7
+ * Supports:
8
+ * - iOS WebKit (native app wrapper)
9
+ * - iOS TapticEngine (older API)
10
+ * - Android/Web Vibration API (fallback)
11
+ *
12
+ * Usage:
13
+ * import { triggerHaptic } from './haptic';
14
+ * triggerHaptic('success'); // On form submission success
15
+ * triggerHaptic('light'); // On toggle/selection
16
+ * triggerHaptic('heavy'); // On destructive action confirmation
17
+ */
18
+ export type HapticStyle = 'light' | 'medium' | 'heavy' | 'success' | 'warning' | 'error' | 'selection';
19
+ /**
20
+ * Trigger haptic feedback
21
+ *
22
+ * @param style - The haptic intensity/pattern
23
+ * - light: Subtle confirmation (toggles, selections)
24
+ * - medium: Standard confirmation (form saves, status changes)
25
+ * - heavy: Strong confirmation (destructive actions, transfers)
26
+ * - success: Double-tap pattern for achievements
27
+ * - warning: Alert pattern
28
+ * - error: Triple-pulse for errors
29
+ * - selection: Very light for toggle/checkbox state changes
30
+ */
31
+ export declare function triggerHaptic(style?: HapticStyle): void;
32
+ /**
33
+ * Check if haptic feedback is available on this device
34
+ */
35
+ export declare function isHapticAvailable(): boolean;
36
+ /**
37
+ * Map button variants to appropriate haptic styles
38
+ * Used by Button component to provide context-aware feedback
39
+ */
40
+ export declare function getHapticForButtonVariant(variant: string, isSuccess?: boolean): HapticStyle | null;
41
+ //# sourceMappingURL=haptic.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"haptic.d.ts","sourceRoot":"","sources":["../../src/lib/utils/haptic.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,MAAM,WAAW,GACnB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,SAAS,GACT,OAAO,GACP,WAAW,CAAC;AAahB;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,GAAE,WAAqB,GAAG,IAAI,CAgChE;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAU3C;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,MAAM,EACf,SAAS,CAAC,EAAE,OAAO,GAClB,WAAW,GAAG,IAAI,CA4BpB"}
@@ -0,0 +1,115 @@
1
+ /**
2
+ * Haptic Feedback Utility
3
+ *
4
+ * Provides tactile feedback for user actions across iOS, Android, and web.
5
+ * Part of QOL Bible - "Instant Response to Every Touch"
6
+ *
7
+ * Supports:
8
+ * - iOS WebKit (native app wrapper)
9
+ * - iOS TapticEngine (older API)
10
+ * - Android/Web Vibration API (fallback)
11
+ *
12
+ * Usage:
13
+ * import { triggerHaptic } from './haptic';
14
+ * triggerHaptic('success'); // On form submission success
15
+ * triggerHaptic('light'); // On toggle/selection
16
+ * triggerHaptic('heavy'); // On destructive action confirmation
17
+ */
18
+ // Vibration durations in ms for each style
19
+ const VIBRATION_PATTERNS = {
20
+ light: 10,
21
+ medium: 20,
22
+ heavy: 30,
23
+ success: [10, 50, 20], // double tap feel
24
+ warning: [20, 40, 20],
25
+ error: [30, 50, 30, 50, 30], // triple pulse
26
+ selection: 8, // very light for toggles/checkboxes
27
+ };
28
+ /**
29
+ * Trigger haptic feedback
30
+ *
31
+ * @param style - The haptic intensity/pattern
32
+ * - light: Subtle confirmation (toggles, selections)
33
+ * - medium: Standard confirmation (form saves, status changes)
34
+ * - heavy: Strong confirmation (destructive actions, transfers)
35
+ * - success: Double-tap pattern for achievements
36
+ * - warning: Alert pattern
37
+ * - error: Triple-pulse for errors
38
+ * - selection: Very light for toggle/checkbox state changes
39
+ */
40
+ export function triggerHaptic(style = 'light') {
41
+ if (typeof window === 'undefined')
42
+ return;
43
+ // iOS WebKit bridge (native app wrapper)
44
+ // @ts-expect-error - iOS WebKit
45
+ if (window.webkit?.messageHandlers?.haptic) {
46
+ // @ts-expect-error - iOS WebKit
47
+ window.webkit.messageHandlers.haptic.postMessage(style);
48
+ return;
49
+ }
50
+ // iOS TapticEngine (older native API)
51
+ // @ts-expect-error - Taptic Engine
52
+ if (window.TapticEngine) {
53
+ // Map our styles to TapticEngine styles
54
+ const tapticStyle = style === 'success' ||
55
+ style === 'warning' ||
56
+ style === 'error' ||
57
+ style === 'selection'
58
+ ? 'medium'
59
+ : style;
60
+ // @ts-expect-error - Taptic Engine
61
+ window.TapticEngine.impact({ style: tapticStyle });
62
+ return;
63
+ }
64
+ // Android/Web Vibration API fallback
65
+ if (navigator.vibrate) {
66
+ const pattern = VIBRATION_PATTERNS[style];
67
+ navigator.vibrate(pattern);
68
+ }
69
+ }
70
+ /**
71
+ * Check if haptic feedback is available on this device
72
+ */
73
+ export function isHapticAvailable() {
74
+ if (typeof window === 'undefined')
75
+ return false;
76
+ return !!(
77
+ // @ts-expect-error - iOS WebKit
78
+ window.webkit?.messageHandlers?.haptic ||
79
+ // @ts-expect-error - Taptic Engine
80
+ window.TapticEngine ||
81
+ navigator.vibrate);
82
+ }
83
+ /**
84
+ * Map button variants to appropriate haptic styles
85
+ * Used by Button component to provide context-aware feedback
86
+ */
87
+ export function getHapticForButtonVariant(variant, isSuccess) {
88
+ if (isSuccess)
89
+ return 'success';
90
+ switch (variant) {
91
+ case 'red':
92
+ case 'red-outline':
93
+ case 'ghost-red':
94
+ case 'menu-item-danger':
95
+ return 'heavy'; // Destructive actions get strong feedback
96
+ case 'default':
97
+ case 'outline':
98
+ case 'landing':
99
+ return 'medium'; // Primary actions get standard feedback
100
+ case 'alternative':
101
+ case 'ghost':
102
+ case 'landing-secondary':
103
+ return 'light'; // Secondary actions get subtle feedback
104
+ case 'toggle':
105
+ case 'nav':
106
+ return 'selection'; // Selection changes get very light feedback
107
+ case 'icon':
108
+ case 'menu-item':
109
+ case 'search-result':
110
+ case 'link':
111
+ return null; // These don't need haptic (too frequent or navigation)
112
+ default:
113
+ return 'light';
114
+ }
115
+ }
@@ -40,10 +40,10 @@ export function bloom(_node, { duration = 200, delay = 0, origin = 'top right' }
40
40
  easing: cubicOut,
41
41
  css: (t) => {
42
42
  const scale = 0.95 + 0.05 * t;
43
- return `
44
- transform: scale(${scale});
45
- transform-origin: ${origin};
46
- opacity: ${t};
43
+ return `
44
+ transform: scale(${scale});
45
+ transform-origin: ${origin};
46
+ opacity: ${t};
47
47
  `;
48
48
  },
49
49
  };