@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.
- package/dist/calendar/AboutShow/AboutShow.svelte +172 -172
- package/dist/calendar/Calendar/MiniMonthCalendar.svelte +782 -782
- package/dist/calendar/FAQs/FAQs.svelte +75 -75
- package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +126 -126
- package/dist/calendar/OrderSummary/OrderSummary.svelte +367 -367
- package/dist/calendar/PublicCard/PublicCard.svelte +146 -146
- package/dist/calendar/ShowCard/ShowCard.svelte +157 -157
- package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +61 -61
- package/dist/components/Heading.svelte +60 -60
- package/dist/components/Layout/AppShell.svelte +104 -104
- package/dist/components/Layout/ContentSection.svelte +80 -80
- package/dist/components/Layout/Grid.svelte +4 -4
- package/dist/components/Layout/Heading.svelte +81 -81
- package/dist/components/Layout/PageContainer.svelte +69 -69
- package/dist/components/Layout/Responsive.svelte +75 -75
- package/dist/components/Layout/Section.svelte +80 -80
- package/dist/components/Layout/ShowOnDesktop.svelte +37 -37
- package/dist/components/Layout/ShowOnMobile.svelte +37 -37
- package/dist/components/Layout/Sidebar.svelte +108 -108
- package/dist/components/Layout/Stack.spec.js +1 -1
- package/dist/components/Layout/Stack.svelte +6 -6
- package/dist/components/Layout/Text.svelte +87 -87
- package/dist/components/Layout/TwoColumn.svelte +108 -108
- package/dist/components/Text.svelte +53 -53
- package/dist/constants/validation.js +91 -91
- package/dist/constants/validation.spec.js +64 -64
- package/dist/datetime/__tests__/format.test.js +1 -1
- package/dist/datetime/__tests__/parse.test.js +1 -1
- package/dist/datetime/__tests__/timezone.test.js +1 -1
- package/dist/datetime/parse.js +1 -1
- package/dist/forms/createFormStore.svelte.js +0 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +57 -51
- package/dist/patterns/data/DataGrid.svelte +45 -45
- package/dist/patterns/data/DataList.svelte +24 -24
- package/dist/patterns/data/DataTable.svelte +36 -36
- package/dist/patterns/forms/FormActions.spec.js +95 -95
- package/dist/patterns/forms/FormActions.stories.svelte +97 -97
- package/dist/patterns/forms/FormActions.svelte +46 -46
- package/dist/patterns/forms/FormGrid.svelte +33 -33
- package/dist/patterns/forms/FormSection.svelte +32 -32
- package/dist/patterns/forms/FormValidationSummary.stories.svelte +83 -83
- package/dist/patterns/forms/FormValidationSummary.svelte +74 -74
- package/dist/patterns/layout/Sidebar.svelte +39 -39
- package/dist/patterns/layout/index.js +29 -29
- package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
- package/dist/patterns/navigation/BottomNav.svelte +74 -74
- package/dist/patterns/navigation/Header.stories.svelte +77 -77
- package/dist/patterns/navigation/Header.svelte +255 -255
- package/dist/patterns/page/PageHeader.svelte +18 -18
- package/dist/patterns/page/PageLayout.svelte +40 -40
- package/dist/patterns/page/PageLoader.spec.js +57 -57
- package/dist/patterns/page/PageLoader.stories.svelte +137 -137
- package/dist/patterns/page/PageLoader.svelte +24 -24
- package/dist/patterns/page/SectionHeader.svelte +29 -29
- package/dist/presets/badges.js +112 -112
- package/dist/presets/buttons.js +76 -76
- package/dist/presets/index.js +9 -9
- package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
- package/dist/primitives/Accordion/Accordion.svelte +42 -42
- package/dist/primitives/Accordion/AccordionItem.svelte +95 -95
- package/dist/primitives/Alert/Alert.spec.js +173 -173
- package/dist/primitives/Alert/Alert.stories.svelte +88 -88
- package/dist/primitives/Alert/Alert.svelte +27 -27
- package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
- package/dist/primitives/Avatar/Avatar.svelte +66 -66
- package/dist/primitives/Badges/Badge.spec.js +144 -144
- package/dist/primitives/Badges/Badge.stories.svelte +86 -86
- package/dist/primitives/Badges/Badge.svelte +99 -99
- package/dist/primitives/BottomSheet/BottomSheet.spec.js +136 -136
- package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
- package/dist/primitives/BottomSheet/BottomSheet.svelte +100 -100
- package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +123 -122
- package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
- package/dist/primitives/Breadcrumb/Breadcrumb.svelte +99 -98
- package/dist/primitives/Button/Button.spec.js +223 -223
- package/dist/primitives/Button/Button.stories.svelte +76 -76
- package/dist/primitives/Button/Button.svelte +314 -283
- package/dist/primitives/Button/Button.svelte.d.ts +2 -0
- package/dist/primitives/Button/Button.svelte.d.ts.map +1 -1
- package/dist/primitives/Button/ButtonGroup.svelte +50 -50
- package/dist/primitives/Button/ButtonSaveDemo.spec.js +146 -146
- package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
- package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
- package/dist/primitives/Card.spec.js +49 -49
- package/dist/primitives/Card.stories.svelte +22 -22
- package/dist/primitives/Card.svelte +28 -28
- package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
- package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
- package/dist/primitives/DarkModeToggle.spec.js +390 -390
- package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
- package/dist/primitives/DarkModeToggle.svelte +136 -136
- package/dist/primitives/Drawer/Drawer.stories.svelte +80 -80
- package/dist/primitives/Drawer/Drawer.svelte +120 -120
- package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
- package/dist/primitives/Dropdown/Dropdown.svelte +170 -170
- package/dist/primitives/Dropdown/DropdownDivider.svelte +9 -9
- package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
- package/dist/primitives/Helper/Helper.svelte +33 -33
- package/dist/primitives/Icons/ArrowLeft.svelte +8 -8
- package/dist/primitives/Icons/ArrowRight.svelte +8 -8
- package/dist/primitives/Icons/Availability.svelte +14 -14
- package/dist/primitives/Icons/Back.svelte +14 -14
- package/dist/primitives/Icons/CheckCircle.svelte +6 -6
- package/dist/primitives/Icons/CheckCircleOutline.svelte +15 -15
- package/dist/primitives/Icons/ChevronLeft.svelte +4 -4
- package/dist/primitives/Icons/ChevronRight.svelte +4 -4
- package/dist/primitives/Icons/Copy.svelte +15 -15
- package/dist/primitives/Icons/Cross.svelte +5 -5
- package/dist/primitives/Icons/DownArrow.svelte +8 -8
- package/dist/primitives/Icons/ErrorCircle.svelte +6 -6
- package/dist/primitives/Icons/FacebookIcon.svelte +2 -2
- package/dist/primitives/Icons/Home.svelte +15 -15
- package/dist/primitives/Icons/Icon.spec.js +169 -169
- package/dist/primitives/Icons/Icon.stories.svelte +100 -100
- package/dist/primitives/Icons/Icon.svelte +52 -52
- package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
- package/dist/primitives/Icons/Info.svelte +7 -7
- package/dist/primitives/Icons/InstagramIcon.svelte +4 -4
- package/dist/primitives/Icons/LogoInstagram.svelte +2 -2
- package/dist/primitives/Icons/Message.svelte +15 -15
- package/dist/primitives/Icons/MoonIcon.svelte +5 -5
- package/dist/primitives/Icons/More.svelte +21 -21
- package/dist/primitives/Icons/MoreHori.spec.js +61 -61
- package/dist/primitives/Icons/MoreHori.svelte +22 -22
- package/dist/primitives/Icons/Notification.svelte +14 -14
- package/dist/primitives/Icons/Payment.svelte +14 -14
- package/dist/primitives/Icons/Profile.svelte +21 -21
- package/dist/primitives/Icons/Reload.svelte +29 -29
- package/dist/primitives/Icons/Shows.svelte +21 -21
- package/dist/primitives/Icons/Signout.svelte +21 -21
- package/dist/primitives/Icons/SunIcon.svelte +8 -8
- package/dist/primitives/Icons/TiktokIcon.svelte +2 -2
- package/dist/primitives/Icons/TwitterIcon.svelte +2 -2
- package/dist/primitives/Icons/WarningIcon.spec.js +18 -18
- package/dist/primitives/Icons/WarningIcon.svelte +5 -5
- package/dist/primitives/Input/Input.spec.js +573 -573
- package/dist/primitives/Input/Input.stories.svelte +139 -139
- package/dist/primitives/Input/Input.svelte +423 -423
- package/dist/primitives/Input/Select.spec.js +218 -218
- package/dist/primitives/Input/Select.stories.svelte +112 -112
- package/dist/primitives/Input/Select.svelte +252 -252
- package/dist/primitives/Input/Textarea.stories.svelte +137 -137
- package/dist/primitives/Input/Textarea.svelte +105 -105
- package/dist/primitives/Label/Label.svelte +37 -37
- package/dist/primitives/Modal/Modal.spec.js +99 -99
- package/dist/primitives/Modal/Modal.stories.svelte +86 -86
- package/dist/primitives/Modal/Modal.svelte +174 -157
- package/dist/primitives/Modal/Modal.svelte.d.ts +2 -0
- package/dist/primitives/Modal/Modal.svelte.d.ts.map +1 -1
- package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
- package/dist/primitives/Pagination/Pagination.svelte +261 -261
- package/dist/primitives/Radio/Radio.stories.svelte +80 -80
- package/dist/primitives/Radio/Radio.svelte +67 -67
- package/dist/primitives/Skeleton/CardPlaceholder.svelte +87 -87
- package/dist/primitives/Skeleton/ImagePlaceholder.svelte +59 -59
- package/dist/primitives/Skeleton/ListPlaceholder.svelte +76 -76
- package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
- package/dist/primitives/Skeleton/Skeleton.svelte +26 -26
- package/dist/primitives/Spinner/Spinner.spec.js +71 -71
- package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
- package/dist/primitives/Spinner/Spinner.svelte +20 -20
- package/dist/primitives/Tabs/TabItem.svelte +49 -49
- package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
- package/dist/primitives/Tabs/Tabs.svelte +137 -137
- package/dist/primitives/Toggle.spec.js +146 -146
- package/dist/primitives/Toggle.stories.svelte +92 -92
- package/dist/primitives/Toggle.svelte +141 -131
- package/dist/primitives/Toggle.svelte.d.ts +2 -0
- package/dist/primitives/Toggle.svelte.d.ts.map +1 -1
- package/dist/primitives/Tooltip/Tooltip.svelte +83 -83
- package/dist/primitives/Typography/Typography.svelte +53 -53
- package/dist/primitives/ValidationError.spec.js +103 -103
- package/dist/primitives/ValidationError.stories.svelte +69 -69
- package/dist/primitives/ValidationError.svelte +29 -29
- package/dist/primitives/index.js +92 -92
- package/dist/recipes/CropImage/CropImage.spec.js +208 -208
- package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
- package/dist/recipes/CropImage/CropImage.svelte +219 -219
- package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
- package/dist/recipes/ImageUploader/ImageUploader.svelte +970 -970
- package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
- package/dist/recipes/feedback/EmptyState/EmptyState.svelte +1 -1
- package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
- package/dist/recipes/feedback/ErrorDisplay.stories.svelte +101 -101
- package/dist/recipes/feedback/ErrorDisplay.svelte +1 -1
- package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +133 -133
- package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +157 -157
- package/dist/recipes/fields/CheckboxField.svelte +85 -85
- package/dist/recipes/fields/FormField.svelte +58 -58
- package/dist/recipes/fields/RadioGroup.svelte +95 -95
- package/dist/recipes/fields/SelectField.svelte +80 -80
- package/dist/recipes/fields/TextareaField.svelte +97 -97
- package/dist/recipes/fields/ToggleField.svelte +60 -60
- package/dist/recipes/fields/index.js +7 -7
- package/dist/recipes/inputs/MultiSelect.spec.js +260 -260
- package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
- package/dist/recipes/inputs/MultiSelect.svelte +283 -283
- package/dist/recipes/inputs/OTPInput.spec.js +251 -251
- package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
- package/dist/recipes/inputs/OTPInput.svelte +117 -117
- package/dist/recipes/inputs/PasswordInput.svelte +22 -22
- package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +131 -131
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +123 -123
- package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +344 -344
- package/dist/recipes/inputs/Search.svelte +102 -102
- package/dist/recipes/inputs/SelectDropdown.svelte +171 -171
- package/dist/recipes/modals/AlertModal.svelte +130 -130
- package/dist/recipes/modals/ConfirmationModal.spec.js +206 -206
- package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
- package/dist/recipes/modals/ConfirmationModal.svelte +162 -152
- package/dist/recipes/modals/ConfirmationModal.svelte.d.ts +2 -0
- package/dist/recipes/modals/ConfirmationModal.svelte.d.ts.map +1 -1
- package/dist/recipes/modals/InputModal.svelte +182 -182
- package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
- package/dist/recipes/modals/ModalStateManager.svelte +77 -77
- package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
- package/dist/recipes/modals/StatusModal.svelte +206 -206
- package/dist/services/EventService.js +75 -75
- package/dist/services/EventService.spec.js +217 -217
- package/dist/services/ShowService.spec.js +345 -345
- package/dist/stores/toaster.js +13 -13
- package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
- package/dist/stories/ButtonAuditReview.svelte +427 -427
- package/dist/stories/PatternsGallery.stories.svelte +19 -19
- package/dist/stories/PatternsGallery.svelte +206 -206
- package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
- package/dist/stories/PrimitivesGallery.svelte +752 -752
- package/dist/stories/RecipesGallery.stories.svelte +19 -19
- package/dist/stories/RecipesGallery.svelte +471 -471
- package/dist/stories/button-audit-manifest.json +11186 -11186
- package/dist/tailwind/preset.cjs +82 -82
- package/dist/telemetry.js +405 -405
- package/dist/telemetry.spec.js +1169 -1169
- package/dist/tokens/tokens.css +87 -87
- package/dist/tokens/typography-base.css +163 -163
- package/dist/tokens/utilities.css +353 -353
- package/dist/utils/apiConfig.spec.js +219 -219
- package/dist/utils/haptic.d.ts +41 -0
- package/dist/utils/haptic.d.ts.map +1 -0
- package/dist/utils/haptic.js +115 -0
- package/dist/utils/transitions.js +4 -4
- package/dist/utils/utils.js +693 -693
- 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
|
};
|