@getmicdrop/svelte-components 5.4.2 → 5.5.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 (217) 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 +134 -134
  7. package/dist/calendar/ShowCard/ShowCard.svelte +157 -157
  8. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +61 -61
  9. package/dist/components/Layout/Grid.svelte +4 -4
  10. package/dist/components/Layout/Section.svelte +80 -80
  11. package/dist/components/Layout/Sidebar.svelte +108 -108
  12. package/dist/components/Layout/Stack.svelte +6 -6
  13. package/dist/constants/validation.js +91 -91
  14. package/dist/constants/validation.spec.js +64 -64
  15. package/dist/index.d.ts +113 -4
  16. package/dist/index.js +226 -47
  17. package/dist/patterns/data/DataGrid.svelte +45 -45
  18. package/dist/patterns/data/DataList.svelte +24 -24
  19. package/dist/patterns/data/DataTable.svelte +36 -36
  20. package/dist/patterns/forms/FormActions.spec.js +88 -88
  21. package/dist/patterns/forms/FormActions.stories.svelte +97 -97
  22. package/dist/patterns/forms/FormActions.svelte +46 -46
  23. package/dist/patterns/forms/FormGrid.svelte +33 -33
  24. package/dist/patterns/forms/FormSection.svelte +32 -32
  25. package/dist/patterns/forms/FormValidationSummary.stories.svelte +83 -83
  26. package/dist/patterns/forms/FormValidationSummary.svelte +32 -32
  27. package/dist/patterns/layout/Sidebar.svelte +39 -39
  28. package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
  29. package/dist/patterns/navigation/BottomNav.svelte +20 -20
  30. package/dist/patterns/navigation/Header.stories.svelte +77 -77
  31. package/dist/patterns/navigation/Header.svelte +193 -193
  32. package/dist/patterns/page/PageHeader.svelte +18 -18
  33. package/dist/patterns/page/PageLayout.svelte +40 -40
  34. package/dist/patterns/page/PageLoader.spec.js +54 -54
  35. package/dist/patterns/page/PageLoader.stories.svelte +137 -137
  36. package/dist/patterns/page/PageLoader.svelte +24 -24
  37. package/dist/patterns/page/SectionHeader.svelte +29 -29
  38. package/dist/presets/badges.js +112 -112
  39. package/dist/presets/buttons.js +76 -76
  40. package/dist/presets/index.js +9 -9
  41. package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
  42. package/dist/primitives/Accordion/Accordion.svelte +42 -42
  43. package/dist/primitives/Accordion/AccordionItem.svelte +95 -95
  44. package/dist/primitives/Alert/Alert.spec.js +170 -170
  45. package/dist/primitives/Alert/Alert.stories.svelte +88 -88
  46. package/dist/primitives/Alert/Alert.svelte +27 -27
  47. package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
  48. package/dist/primitives/Avatar/Avatar.svelte +66 -66
  49. package/dist/primitives/Badges/Badge.spec.js +103 -103
  50. package/dist/primitives/Badges/Badge.stories.svelte +86 -86
  51. package/dist/primitives/Badges/Badge.svelte +79 -79
  52. package/dist/primitives/BottomSheet/BottomSheet.spec.js +127 -127
  53. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
  54. package/dist/primitives/BottomSheet/BottomSheet.svelte +100 -100
  55. package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +120 -120
  56. package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
  57. package/dist/primitives/Breadcrumb/Breadcrumb.svelte +89 -89
  58. package/dist/primitives/Button/Button.spec.js +211 -211
  59. package/dist/primitives/Button/Button.stories.svelte +76 -76
  60. package/dist/primitives/Button/Button.svelte +270 -269
  61. package/dist/primitives/Button/Button.svelte.d.ts.map +1 -1
  62. package/dist/primitives/Button/ButtonSaveDemo.spec.js +48 -48
  63. package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
  64. package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
  65. package/dist/primitives/Card.spec.js +49 -49
  66. package/dist/primitives/Card.stories.svelte +22 -22
  67. package/dist/primitives/Card.svelte +28 -28
  68. package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
  69. package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
  70. package/dist/primitives/DarkModeToggle.spec.js +357 -357
  71. package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
  72. package/dist/primitives/DarkModeToggle.svelte +136 -136
  73. package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
  74. package/dist/primitives/Drawer/Drawer.svelte +120 -120
  75. package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
  76. package/dist/primitives/Dropdown/Dropdown.svelte +14 -14
  77. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
  78. package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
  79. package/dist/primitives/Icons/ArrowRight.svelte +8 -8
  80. package/dist/primitives/Icons/Availability.svelte +14 -14
  81. package/dist/primitives/Icons/Back.svelte +14 -14
  82. package/dist/primitives/Icons/CheckCircle.svelte +6 -6
  83. package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
  84. package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
  85. package/dist/primitives/Icons/ChevronRight.svelte +4 -4
  86. package/dist/primitives/Icons/Copy.svelte +15 -15
  87. package/dist/primitives/Icons/Cross.svelte +5 -5
  88. package/dist/primitives/Icons/DownArrow.svelte +8 -8
  89. package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
  90. package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
  91. package/dist/primitives/Icons/Home.svelte +15 -15
  92. package/dist/primitives/Icons/Icon.spec.js +169 -169
  93. package/dist/primitives/Icons/Icon.stories.svelte +100 -100
  94. package/dist/primitives/Icons/Icon.svelte +52 -52
  95. package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
  96. package/dist/primitives/Icons/Info.svelte +7 -7
  97. package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
  98. package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
  99. package/dist/primitives/Icons/Message.svelte +15 -15
  100. package/dist/primitives/Icons/MoonIcon.svelte +5 -5
  101. package/dist/primitives/Icons/More.svelte +21 -21
  102. package/dist/primitives/Icons/MoreHori.spec.js +61 -61
  103. package/dist/primitives/Icons/MoreHori.svelte +22 -22
  104. package/dist/primitives/Icons/Notification.svelte +14 -14
  105. package/dist/primitives/Icons/Payment.svelte +14 -14
  106. package/dist/primitives/Icons/Profile.svelte +21 -21
  107. package/dist/primitives/Icons/Reload.svelte +29 -29
  108. package/dist/primitives/Icons/Shows.svelte +21 -21
  109. package/dist/primitives/Icons/Signout.svelte +21 -21
  110. package/dist/primitives/Icons/SunIcon.svelte +8 -8
  111. package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
  112. package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
  113. package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
  114. package/dist/primitives/Icons/WarningIcon.svelte +5 -5
  115. package/dist/primitives/Input/Input.spec.js +573 -573
  116. package/dist/primitives/Input/Input.stories.svelte +139 -139
  117. package/dist/primitives/Input/Input.svelte +391 -391
  118. package/dist/primitives/Input/Select.spec.js +218 -218
  119. package/dist/primitives/Input/Select.stories.svelte +112 -112
  120. package/dist/primitives/Input/Select.svelte +128 -128
  121. package/dist/primitives/Input/Textarea.stories.svelte +137 -137
  122. package/dist/primitives/Input/Textarea.svelte +35 -35
  123. package/dist/primitives/Label/Label.svelte +37 -37
  124. package/dist/primitives/Modal/Modal.spec.js +95 -95
  125. package/dist/primitives/Modal/Modal.stories.svelte +86 -86
  126. package/dist/primitives/Modal/Modal.svelte +158 -158
  127. package/dist/primitives/NumberInput/NumberInput.svelte +106 -0
  128. package/dist/primitives/NumberInput/NumberInput.svelte.d.ts +23 -0
  129. package/dist/primitives/NumberInput/NumberInput.svelte.d.ts.map +1 -0
  130. package/dist/primitives/NumberInput/index.d.ts +2 -0
  131. package/dist/primitives/NumberInput/index.d.ts.map +1 -0
  132. package/dist/primitives/NumberInput/index.js +1 -0
  133. package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
  134. package/dist/primitives/Pagination/Pagination.svelte +261 -261
  135. package/dist/primitives/Radio/Radio.stories.svelte +80 -80
  136. package/dist/primitives/Radio/Radio.svelte +67 -67
  137. package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -87
  138. package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -59
  139. package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -76
  140. package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
  141. package/dist/primitives/Skeleton/Skeleton.svelte +26 -26
  142. package/dist/primitives/Spinner/Spinner.spec.js +75 -75
  143. package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
  144. package/dist/primitives/Spinner/Spinner.svelte +20 -20
  145. package/dist/primitives/Tabs/TabItem.svelte +49 -49
  146. package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
  147. package/dist/primitives/Tabs/Tabs.svelte +123 -123
  148. package/dist/primitives/Toggle.spec.js +127 -127
  149. package/dist/primitives/Toggle.stories.svelte +92 -92
  150. package/dist/primitives/Toggle.svelte +71 -71
  151. package/dist/primitives/Typography/Typography.svelte +53 -53
  152. package/dist/primitives/ValidationError.spec.js +103 -103
  153. package/dist/primitives/ValidationError.stories.svelte +69 -69
  154. package/dist/primitives/ValidationError.svelte +29 -29
  155. package/dist/recipes/CropImage/CropImage.spec.js +216 -216
  156. package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
  157. package/dist/recipes/CropImage/CropImage.svelte +238 -238
  158. package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
  159. package/dist/recipes/ImageUploader/ImageUploader.svelte +804 -804
  160. package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
  161. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
  162. package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
  163. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
  164. package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
  165. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +129 -129
  166. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
  167. package/dist/recipes/fields/CheckboxField.svelte +85 -85
  168. package/dist/recipes/fields/FormField.svelte +58 -58
  169. package/dist/recipes/fields/RadioGroup.svelte +95 -95
  170. package/dist/recipes/fields/SelectField.svelte +80 -80
  171. package/dist/recipes/fields/TextareaField.svelte +97 -97
  172. package/dist/recipes/fields/ToggleField.svelte +60 -60
  173. package/dist/recipes/fields/index.js +7 -7
  174. package/dist/recipes/inputs/MultiSelect.spec.js +257 -257
  175. package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
  176. package/dist/recipes/inputs/MultiSelect.svelte +249 -276
  177. package/dist/recipes/inputs/MultiSelect.svelte.d.ts +28 -17
  178. package/dist/recipes/inputs/MultiSelect.svelte.d.ts.map +1 -1
  179. package/dist/recipes/inputs/OTPInput.spec.js +238 -238
  180. package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
  181. package/dist/recipes/inputs/OTPInput.svelte +29 -29
  182. package/dist/recipes/inputs/PasswordInput.svelte +22 -22
  183. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.spec.js +173 -173
  184. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +42 -42
  185. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.spec.js +300 -300
  186. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
  187. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +326 -326
  188. package/dist/recipes/inputs/Search.svelte +37 -37
  189. package/dist/recipes/inputs/SelectDropdown.svelte +57 -57
  190. package/dist/recipes/modals/AlertModal.svelte +130 -130
  191. package/dist/recipes/modals/ConfirmationModal.spec.js +191 -191
  192. package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
  193. package/dist/recipes/modals/ConfirmationModal.svelte +152 -152
  194. package/dist/recipes/modals/InputModal.svelte +182 -182
  195. package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
  196. package/dist/recipes/modals/ModalStateManager.svelte +77 -77
  197. package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
  198. package/dist/recipes/modals/StatusModal.svelte +206 -206
  199. package/dist/services/EventService.js +75 -75
  200. package/dist/services/EventService.spec.js +217 -217
  201. package/dist/services/ShowService.spec.js +342 -342
  202. package/dist/stores/auth.js +36 -36
  203. package/dist/stores/auth.spec.js +139 -139
  204. package/dist/stores/toaster.js +13 -13
  205. package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
  206. package/dist/stories/ButtonAuditReview.svelte +427 -427
  207. package/dist/stories/PatternsGallery.stories.svelte +19 -19
  208. package/dist/stories/PatternsGallery.svelte +206 -206
  209. package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
  210. package/dist/stories/PrimitivesGallery.svelte +725 -725
  211. package/dist/stories/RecipesGallery.stories.svelte +19 -19
  212. package/dist/stories/RecipesGallery.svelte +271 -271
  213. package/dist/stories/button-audit-manifest.json +11186 -11186
  214. package/dist/tailwind/preset.cjs +82 -82
  215. package/dist/tokens/tokens.css +87 -87
  216. package/dist/utils/utils.js +354 -354
  217. package/package.json +283 -283
@@ -1,342 +1,342 @@
1
- import { describe, it, expect, vi, beforeEach } from 'vitest';
2
-
3
- // Mock the utility modules before imports
4
- vi.mock('@/utils/apiConfig', () => ({
5
- API_BASE_URL: 'https://api.example.com',
6
- API_ENDPOINTS: {
7
- ACCEPT_EVENT_PERFORMER_INVITE: '/accept-invite',
8
- DECLINE_EVENT_PERFORMER_INVITE: '/decline-invite',
9
- CANCEL_EVENT_PERFORMER_INVITE: '/cancel-invite',
10
- SEND_VENUE_MESSAGE: '/send-message',
11
- },
12
- buildApiUrl: (path) => `https://api.example.com${path}`,
13
- }));
14
-
15
- vi.mock('@/utils/utils', () => ({
16
- getPerformerToken: () => 'test-token',
17
- }));
18
-
19
- import {
20
- acceptInvite,
21
- declineInvite,
22
- cancelInvite,
23
- sendVenueMessage,
24
- getEventUrl,
25
- } from './ShowService';
26
-
27
- describe('ShowService', () => {
28
- beforeEach(() => {
29
- vi.clearAllMocks();
30
- global.fetch = vi.fn();
31
- });
32
-
33
- describe('acceptInvite', () => {
34
- it('makes PUT request to accept invite endpoint', async () => {
35
- global.fetch.mockResolvedValue({
36
- ok: true,
37
- json: () => Promise.resolve({ success: true }),
38
- });
39
-
40
- await acceptInvite('123');
41
-
42
- expect(global.fetch).toHaveBeenCalledWith(
43
- 'https://api.example.com/accept-invite/123',
44
- expect.objectContaining({
45
- method: 'PUT',
46
- headers: { 'Content-Type': 'application/json' },
47
- })
48
- );
49
- });
50
-
51
- it('returns ok: true on successful response', async () => {
52
- global.fetch.mockResolvedValue({
53
- ok: true,
54
- json: () => Promise.resolve({ id: 123 }),
55
- });
56
-
57
- const result = await acceptInvite('123');
58
-
59
- expect(result.ok).toBe(true);
60
- expect(result.result).toEqual({ id: 123 });
61
- });
62
-
63
- it('returns ok: false on failed response', async () => {
64
- global.fetch.mockResolvedValue({
65
- ok: false,
66
- });
67
-
68
- const result = await acceptInvite('123');
69
-
70
- expect(result.ok).toBe(false);
71
- });
72
-
73
- it('returns ok: false on network error', async () => {
74
- const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
75
- global.fetch.mockRejectedValue(new Error('Network error'));
76
-
77
- const result = await acceptInvite('123');
78
-
79
- expect(result.ok).toBe(false);
80
- consoleSpy.mockRestore();
81
- });
82
-
83
- it('includes message in request body', async () => {
84
- global.fetch.mockResolvedValue({
85
- ok: true,
86
- json: () => Promise.resolve({}),
87
- });
88
-
89
- await acceptInvite('123', 'Thanks for the invite!');
90
-
91
- expect(global.fetch).toHaveBeenCalledWith(
92
- expect.any(String),
93
- expect.objectContaining({
94
- body: JSON.stringify({ message: 'Thanks for the invite!' }),
95
- })
96
- );
97
- });
98
-
99
- it('sends empty message by default', async () => {
100
- global.fetch.mockResolvedValue({
101
- ok: true,
102
- json: () => Promise.resolve({}),
103
- });
104
-
105
- await acceptInvite('123');
106
-
107
- expect(global.fetch).toHaveBeenCalledWith(
108
- expect.any(String),
109
- expect.objectContaining({
110
- body: JSON.stringify({ message: '' }),
111
- })
112
- );
113
- });
114
- });
115
-
116
- describe('declineInvite', () => {
117
- it('makes PUT request to decline invite endpoint', async () => {
118
- global.fetch.mockResolvedValue({
119
- ok: true,
120
- json: () => Promise.resolve({}),
121
- });
122
-
123
- await declineInvite('456');
124
-
125
- expect(global.fetch).toHaveBeenCalledWith(
126
- 'https://api.example.com/decline-invite/456',
127
- expect.objectContaining({
128
- method: 'PUT',
129
- })
130
- );
131
- });
132
-
133
- it('returns ok: true on success', async () => {
134
- global.fetch.mockResolvedValue({
135
- ok: true,
136
- json: () => Promise.resolve({ declined: true }),
137
- });
138
-
139
- const result = await declineInvite('456');
140
-
141
- expect(result.ok).toBe(true);
142
- expect(result.result).toEqual({ declined: true });
143
- });
144
-
145
- it('returns ok: false on failure', async () => {
146
- global.fetch.mockResolvedValue({
147
- ok: false,
148
- });
149
-
150
- const result = await declineInvite('456');
151
-
152
- expect(result.ok).toBe(false);
153
- });
154
-
155
- it('returns ok: false on error', async () => {
156
- const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
157
- global.fetch.mockRejectedValue(new Error('Error'));
158
-
159
- const result = await declineInvite('456');
160
-
161
- expect(result.ok).toBe(false);
162
- consoleSpy.mockRestore();
163
- });
164
-
165
- it('includes decline message in body', async () => {
166
- global.fetch.mockResolvedValue({
167
- ok: true,
168
- json: () => Promise.resolve({}),
169
- });
170
-
171
- await declineInvite('456', 'Schedule conflict');
172
-
173
- expect(global.fetch).toHaveBeenCalledWith(
174
- expect.any(String),
175
- expect.objectContaining({
176
- body: JSON.stringify({ message: 'Schedule conflict' }),
177
- })
178
- );
179
- });
180
- });
181
-
182
- describe('cancelInvite', () => {
183
- it('makes PUT request to cancel invite endpoint', async () => {
184
- global.fetch.mockResolvedValue({
185
- ok: true,
186
- json: () => Promise.resolve({}),
187
- });
188
-
189
- await cancelInvite('789');
190
-
191
- expect(global.fetch).toHaveBeenCalledWith(
192
- 'https://api.example.com/cancel-invite/789',
193
- expect.objectContaining({
194
- method: 'PUT',
195
- })
196
- );
197
- });
198
-
199
- it('returns ok: true on success', async () => {
200
- global.fetch.mockResolvedValue({
201
- ok: true,
202
- json: () => Promise.resolve({ cancelled: true }),
203
- });
204
-
205
- const result = await cancelInvite('789');
206
-
207
- expect(result.ok).toBe(true);
208
- });
209
-
210
- it('returns ok: false on failure', async () => {
211
- global.fetch.mockResolvedValue({
212
- ok: false,
213
- });
214
-
215
- const result = await cancelInvite('789');
216
-
217
- expect(result.ok).toBe(false);
218
- });
219
-
220
- it('returns ok: false on error', async () => {
221
- const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
222
- global.fetch.mockRejectedValue(new Error('Error'));
223
-
224
- const result = await cancelInvite('789');
225
-
226
- expect(result.ok).toBe(false);
227
- consoleSpy.mockRestore();
228
- });
229
- });
230
-
231
- describe('sendVenueMessage', () => {
232
- it('makes POST request with auth token', async () => {
233
- global.fetch.mockResolvedValue({
234
- ok: true,
235
- text: () => Promise.resolve(''),
236
- });
237
-
238
- await sendVenueMessage('123', 'Hello!');
239
-
240
- expect(global.fetch).toHaveBeenCalledWith(
241
- 'https://api.example.com/send-message/123',
242
- expect.objectContaining({
243
- method: 'POST',
244
- headers: {
245
- 'Content-Type': 'application/json',
246
- Authorization: 'Bearer test-token',
247
- },
248
- credentials: 'include',
249
- })
250
- );
251
- });
252
-
253
- it('sends message in request body', async () => {
254
- global.fetch.mockResolvedValue({
255
- ok: true,
256
- text: () => Promise.resolve(''),
257
- });
258
-
259
- await sendVenueMessage('123', 'Hello venue!');
260
-
261
- expect(global.fetch).toHaveBeenCalledWith(
262
- expect.any(String),
263
- expect.objectContaining({
264
- body: JSON.stringify({ message: 'Hello venue!' }),
265
- })
266
- );
267
- });
268
-
269
- it('returns ok: true with default message on empty response', async () => {
270
- global.fetch.mockResolvedValue({
271
- ok: true,
272
- text: () => Promise.resolve(''),
273
- });
274
-
275
- const result = await sendVenueMessage('123', 'Hello');
276
-
277
- expect(result.ok).toBe(true);
278
- expect(result.result).toEqual({ message: 'Email sent successfully' });
279
- });
280
-
281
- it('parses JSON response when present', async () => {
282
- global.fetch.mockResolvedValue({
283
- ok: true,
284
- text: () => Promise.resolve(JSON.stringify({ sent: true, id: 456 })),
285
- });
286
-
287
- const result = await sendVenueMessage('123', 'Hello');
288
-
289
- expect(result.ok).toBe(true);
290
- expect(result.result).toEqual({ sent: true, id: 456 });
291
- });
292
-
293
- it('handles invalid JSON in response gracefully', async () => {
294
- global.fetch.mockResolvedValue({
295
- ok: true,
296
- text: () => Promise.resolve('not json'),
297
- });
298
-
299
- const result = await sendVenueMessage('123', 'Hello');
300
-
301
- expect(result.ok).toBe(true);
302
- expect(result.result).toEqual({ message: 'Email sent successfully' });
303
- });
304
-
305
- it('returns ok: false on failure', async () => {
306
- global.fetch.mockResolvedValue({
307
- ok: false,
308
- });
309
-
310
- const result = await sendVenueMessage('123', 'Hello');
311
-
312
- expect(result.ok).toBe(false);
313
- });
314
-
315
- it('returns ok: false on error', async () => {
316
- const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
317
- global.fetch.mockRejectedValue(new Error('Network error'));
318
-
319
- const result = await sendVenueMessage('123', 'Hello');
320
-
321
- expect(result.ok).toBe(false);
322
- consoleSpy.mockRestore();
323
- });
324
- });
325
-
326
- describe('getEventUrl', () => {
327
- it('returns ticketing URL for venue', () => {
328
- const url = getEventUrl('123');
329
- expect(url).toBe('https://api.example.com/ticketing/events/123');
330
- });
331
-
332
- it('handles numeric venue ID', () => {
333
- const url = getEventUrl(456);
334
- expect(url).toBe('https://api.example.com/ticketing/events/456');
335
- });
336
-
337
- it('handles string venue ID', () => {
338
- const url = getEventUrl('venue-abc');
339
- expect(url).toBe('https://api.example.com/ticketing/events/venue-abc');
340
- });
341
- });
342
- });
1
+ import { describe, it, expect, vi, beforeEach } from 'vitest';
2
+
3
+ // Mock the utility modules before imports
4
+ vi.mock('@/utils/apiConfig', () => ({
5
+ API_BASE_URL: 'https://api.example.com',
6
+ API_ENDPOINTS: {
7
+ ACCEPT_EVENT_PERFORMER_INVITE: '/accept-invite',
8
+ DECLINE_EVENT_PERFORMER_INVITE: '/decline-invite',
9
+ CANCEL_EVENT_PERFORMER_INVITE: '/cancel-invite',
10
+ SEND_VENUE_MESSAGE: '/send-message',
11
+ },
12
+ buildApiUrl: (path) => `https://api.example.com${path}`,
13
+ }));
14
+
15
+ vi.mock('@/utils/utils', () => ({
16
+ getPerformerToken: () => 'test-token',
17
+ }));
18
+
19
+ import {
20
+ acceptInvite,
21
+ declineInvite,
22
+ cancelInvite,
23
+ sendVenueMessage,
24
+ getEventUrl,
25
+ } from './ShowService';
26
+
27
+ describe('ShowService', () => {
28
+ beforeEach(() => {
29
+ vi.clearAllMocks();
30
+ global.fetch = vi.fn();
31
+ });
32
+
33
+ describe('acceptInvite', () => {
34
+ it('makes PUT request to accept invite endpoint', async () => {
35
+ global.fetch.mockResolvedValue({
36
+ ok: true,
37
+ json: () => Promise.resolve({ success: true }),
38
+ });
39
+
40
+ await acceptInvite('123');
41
+
42
+ expect(global.fetch).toHaveBeenCalledWith(
43
+ 'https://api.example.com/accept-invite/123',
44
+ expect.objectContaining({
45
+ method: 'PUT',
46
+ headers: { 'Content-Type': 'application/json' },
47
+ })
48
+ );
49
+ });
50
+
51
+ it('returns ok: true on successful response', async () => {
52
+ global.fetch.mockResolvedValue({
53
+ ok: true,
54
+ json: () => Promise.resolve({ id: 123 }),
55
+ });
56
+
57
+ const result = await acceptInvite('123');
58
+
59
+ expect(result.ok).toBe(true);
60
+ expect(result.result).toEqual({ id: 123 });
61
+ });
62
+
63
+ it('returns ok: false on failed response', async () => {
64
+ global.fetch.mockResolvedValue({
65
+ ok: false,
66
+ });
67
+
68
+ const result = await acceptInvite('123');
69
+
70
+ expect(result.ok).toBe(false);
71
+ });
72
+
73
+ it('returns ok: false on network error', async () => {
74
+ const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
75
+ global.fetch.mockRejectedValue(new Error('Network error'));
76
+
77
+ const result = await acceptInvite('123');
78
+
79
+ expect(result.ok).toBe(false);
80
+ consoleSpy.mockRestore();
81
+ });
82
+
83
+ it('includes message in request body', async () => {
84
+ global.fetch.mockResolvedValue({
85
+ ok: true,
86
+ json: () => Promise.resolve({}),
87
+ });
88
+
89
+ await acceptInvite('123', 'Thanks for the invite!');
90
+
91
+ expect(global.fetch).toHaveBeenCalledWith(
92
+ expect.any(String),
93
+ expect.objectContaining({
94
+ body: JSON.stringify({ message: 'Thanks for the invite!' }),
95
+ })
96
+ );
97
+ });
98
+
99
+ it('sends empty message by default', async () => {
100
+ global.fetch.mockResolvedValue({
101
+ ok: true,
102
+ json: () => Promise.resolve({}),
103
+ });
104
+
105
+ await acceptInvite('123');
106
+
107
+ expect(global.fetch).toHaveBeenCalledWith(
108
+ expect.any(String),
109
+ expect.objectContaining({
110
+ body: JSON.stringify({ message: '' }),
111
+ })
112
+ );
113
+ });
114
+ });
115
+
116
+ describe('declineInvite', () => {
117
+ it('makes PUT request to decline invite endpoint', async () => {
118
+ global.fetch.mockResolvedValue({
119
+ ok: true,
120
+ json: () => Promise.resolve({}),
121
+ });
122
+
123
+ await declineInvite('456');
124
+
125
+ expect(global.fetch).toHaveBeenCalledWith(
126
+ 'https://api.example.com/decline-invite/456',
127
+ expect.objectContaining({
128
+ method: 'PUT',
129
+ })
130
+ );
131
+ });
132
+
133
+ it('returns ok: true on success', async () => {
134
+ global.fetch.mockResolvedValue({
135
+ ok: true,
136
+ json: () => Promise.resolve({ declined: true }),
137
+ });
138
+
139
+ const result = await declineInvite('456');
140
+
141
+ expect(result.ok).toBe(true);
142
+ expect(result.result).toEqual({ declined: true });
143
+ });
144
+
145
+ it('returns ok: false on failure', async () => {
146
+ global.fetch.mockResolvedValue({
147
+ ok: false,
148
+ });
149
+
150
+ const result = await declineInvite('456');
151
+
152
+ expect(result.ok).toBe(false);
153
+ });
154
+
155
+ it('returns ok: false on error', async () => {
156
+ const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
157
+ global.fetch.mockRejectedValue(new Error('Error'));
158
+
159
+ const result = await declineInvite('456');
160
+
161
+ expect(result.ok).toBe(false);
162
+ consoleSpy.mockRestore();
163
+ });
164
+
165
+ it('includes decline message in body', async () => {
166
+ global.fetch.mockResolvedValue({
167
+ ok: true,
168
+ json: () => Promise.resolve({}),
169
+ });
170
+
171
+ await declineInvite('456', 'Schedule conflict');
172
+
173
+ expect(global.fetch).toHaveBeenCalledWith(
174
+ expect.any(String),
175
+ expect.objectContaining({
176
+ body: JSON.stringify({ message: 'Schedule conflict' }),
177
+ })
178
+ );
179
+ });
180
+ });
181
+
182
+ describe('cancelInvite', () => {
183
+ it('makes PUT request to cancel invite endpoint', async () => {
184
+ global.fetch.mockResolvedValue({
185
+ ok: true,
186
+ json: () => Promise.resolve({}),
187
+ });
188
+
189
+ await cancelInvite('789');
190
+
191
+ expect(global.fetch).toHaveBeenCalledWith(
192
+ 'https://api.example.com/cancel-invite/789',
193
+ expect.objectContaining({
194
+ method: 'PUT',
195
+ })
196
+ );
197
+ });
198
+
199
+ it('returns ok: true on success', async () => {
200
+ global.fetch.mockResolvedValue({
201
+ ok: true,
202
+ json: () => Promise.resolve({ cancelled: true }),
203
+ });
204
+
205
+ const result = await cancelInvite('789');
206
+
207
+ expect(result.ok).toBe(true);
208
+ });
209
+
210
+ it('returns ok: false on failure', async () => {
211
+ global.fetch.mockResolvedValue({
212
+ ok: false,
213
+ });
214
+
215
+ const result = await cancelInvite('789');
216
+
217
+ expect(result.ok).toBe(false);
218
+ });
219
+
220
+ it('returns ok: false on error', async () => {
221
+ const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
222
+ global.fetch.mockRejectedValue(new Error('Error'));
223
+
224
+ const result = await cancelInvite('789');
225
+
226
+ expect(result.ok).toBe(false);
227
+ consoleSpy.mockRestore();
228
+ });
229
+ });
230
+
231
+ describe('sendVenueMessage', () => {
232
+ it('makes POST request with auth token', async () => {
233
+ global.fetch.mockResolvedValue({
234
+ ok: true,
235
+ text: () => Promise.resolve(''),
236
+ });
237
+
238
+ await sendVenueMessage('123', 'Hello!');
239
+
240
+ expect(global.fetch).toHaveBeenCalledWith(
241
+ 'https://api.example.com/send-message/123',
242
+ expect.objectContaining({
243
+ method: 'POST',
244
+ headers: {
245
+ 'Content-Type': 'application/json',
246
+ Authorization: 'Bearer test-token',
247
+ },
248
+ credentials: 'include',
249
+ })
250
+ );
251
+ });
252
+
253
+ it('sends message in request body', async () => {
254
+ global.fetch.mockResolvedValue({
255
+ ok: true,
256
+ text: () => Promise.resolve(''),
257
+ });
258
+
259
+ await sendVenueMessage('123', 'Hello venue!');
260
+
261
+ expect(global.fetch).toHaveBeenCalledWith(
262
+ expect.any(String),
263
+ expect.objectContaining({
264
+ body: JSON.stringify({ message: 'Hello venue!' }),
265
+ })
266
+ );
267
+ });
268
+
269
+ it('returns ok: true with default message on empty response', async () => {
270
+ global.fetch.mockResolvedValue({
271
+ ok: true,
272
+ text: () => Promise.resolve(''),
273
+ });
274
+
275
+ const result = await sendVenueMessage('123', 'Hello');
276
+
277
+ expect(result.ok).toBe(true);
278
+ expect(result.result).toEqual({ message: 'Email sent successfully' });
279
+ });
280
+
281
+ it('parses JSON response when present', async () => {
282
+ global.fetch.mockResolvedValue({
283
+ ok: true,
284
+ text: () => Promise.resolve(JSON.stringify({ sent: true, id: 456 })),
285
+ });
286
+
287
+ const result = await sendVenueMessage('123', 'Hello');
288
+
289
+ expect(result.ok).toBe(true);
290
+ expect(result.result).toEqual({ sent: true, id: 456 });
291
+ });
292
+
293
+ it('handles invalid JSON in response gracefully', async () => {
294
+ global.fetch.mockResolvedValue({
295
+ ok: true,
296
+ text: () => Promise.resolve('not json'),
297
+ });
298
+
299
+ const result = await sendVenueMessage('123', 'Hello');
300
+
301
+ expect(result.ok).toBe(true);
302
+ expect(result.result).toEqual({ message: 'Email sent successfully' });
303
+ });
304
+
305
+ it('returns ok: false on failure', async () => {
306
+ global.fetch.mockResolvedValue({
307
+ ok: false,
308
+ });
309
+
310
+ const result = await sendVenueMessage('123', 'Hello');
311
+
312
+ expect(result.ok).toBe(false);
313
+ });
314
+
315
+ it('returns ok: false on error', async () => {
316
+ const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
317
+ global.fetch.mockRejectedValue(new Error('Network error'));
318
+
319
+ const result = await sendVenueMessage('123', 'Hello');
320
+
321
+ expect(result.ok).toBe(false);
322
+ consoleSpy.mockRestore();
323
+ });
324
+ });
325
+
326
+ describe('getEventUrl', () => {
327
+ it('returns ticketing URL for venue', () => {
328
+ const url = getEventUrl('123');
329
+ expect(url).toBe('https://api.example.com/ticketing/events/123');
330
+ });
331
+
332
+ it('handles numeric venue ID', () => {
333
+ const url = getEventUrl(456);
334
+ expect(url).toBe('https://api.example.com/ticketing/events/456');
335
+ });
336
+
337
+ it('handles string venue ID', () => {
338
+ const url = getEventUrl('venue-abc');
339
+ expect(url).toBe('https://api.example.com/ticketing/events/venue-abc');
340
+ });
341
+ });
342
+ });