@getmicdrop/svelte-components 5.18.0 → 5.19.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 (476) hide show
  1. package/dist/calendar/AboutShow/AboutShow.svelte +191 -187
  2. package/dist/calendar/AboutShow/AboutShow.svelte.d.ts +2 -2
  3. package/dist/calendar/AboutShow/AboutShow.svelte.d.ts.map +1 -1
  4. package/dist/calendar/Calendar/MiniMonthCalendar.svelte +801 -780
  5. package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts +4 -0
  6. package/dist/calendar/Calendar/MiniMonthCalendar.svelte.d.ts.map +1 -1
  7. package/dist/calendar/FAQs/FAQs.svelte +88 -77
  8. package/dist/calendar/FAQs/FAQs.svelte.d.ts +6 -4
  9. package/dist/calendar/FAQs/FAQs.svelte.d.ts.map +1 -1
  10. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte +140 -125
  11. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte.d.ts +2 -0
  12. package/dist/calendar/MonthSwitcher/MonthSwitcher.svelte.d.ts.map +1 -1
  13. package/dist/calendar/OrderSummary/OrderSummary.spec.js +3 -3
  14. package/dist/calendar/OrderSummary/OrderSummary.svelte +461 -457
  15. package/dist/calendar/OrderSummary/OrderSummary.svelte.d.ts +4 -2
  16. package/dist/calendar/OrderSummary/OrderSummary.svelte.d.ts.map +1 -1
  17. package/dist/calendar/PublicCard/PublicCard.svelte +164 -155
  18. package/dist/calendar/PublicCard/PublicCard.svelte.d.ts +4 -0
  19. package/dist/calendar/PublicCard/PublicCard.svelte.d.ts.map +1 -1
  20. package/dist/calendar/ShowCard/ShowCard.svelte +180 -166
  21. package/dist/calendar/ShowCard/ShowCard.svelte.d.ts +4 -0
  22. package/dist/calendar/ShowCard/ShowCard.svelte.d.ts.map +1 -1
  23. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte +80 -72
  24. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts +4 -0
  25. package/dist/calendar/ShowTimeCard/ShowTimeCard.svelte.d.ts.map +1 -1
  26. package/dist/calendar/index.js +15 -15
  27. package/dist/components/Heading.spec.js +89 -89
  28. package/dist/components/Heading.svelte +60 -60
  29. package/dist/components/Layout/AppShell.svelte +104 -104
  30. package/dist/components/Layout/ContentSection.svelte +80 -80
  31. package/dist/components/Layout/Grid.svelte +101 -101
  32. package/dist/components/Layout/Heading.svelte +81 -81
  33. package/dist/components/Layout/PageContainer.svelte +69 -69
  34. package/dist/components/Layout/Responsive.svelte +75 -75
  35. package/dist/components/Layout/Section.svelte +80 -80
  36. package/dist/components/Layout/ShowOnDesktop.svelte +37 -37
  37. package/dist/components/Layout/ShowOnMobile.svelte +37 -37
  38. package/dist/components/Layout/Sidebar.svelte +108 -108
  39. package/dist/components/Layout/Stack.spec.js +1 -1
  40. package/dist/components/Layout/Stack.svelte +52 -52
  41. package/dist/components/Layout/Text.svelte +87 -87
  42. package/dist/components/Layout/TwoColumn.svelte +108 -108
  43. package/dist/components/Text.spec.js +89 -89
  44. package/dist/components/Text.svelte +53 -53
  45. package/dist/config.js +151 -151
  46. package/dist/config.spec.js +29 -29
  47. package/dist/constants/formOptions.js +48 -48
  48. package/dist/constants/validation.js +91 -91
  49. package/dist/constants/validation.spec.js +64 -64
  50. package/dist/datetime/README.md +323 -323
  51. package/dist/datetime/__tests__/format.test.js +1 -1
  52. package/dist/datetime/__tests__/parse.test.js +1 -1
  53. package/dist/datetime/__tests__/timezone.test.js +1 -1
  54. package/dist/datetime/parse.js +1 -1
  55. package/dist/forms/createFormStore.svelte.js +1 -0
  56. package/dist/forms/createFormStore.svelte.spec.js +1 -0
  57. package/dist/index.d.ts +1 -0
  58. package/dist/index.d.ts.map +1 -1
  59. package/dist/index.js +66 -57
  60. package/dist/index.spec.js +369 -369
  61. package/dist/patterns/chat/ChatActivityNotice.spec.js +59 -59
  62. package/dist/patterns/chat/ChatActivityNotice.svelte +41 -41
  63. package/dist/patterns/chat/ChatBubble.spec.js +91 -91
  64. package/dist/patterns/chat/ChatBubble.svelte +103 -95
  65. package/dist/patterns/chat/ChatBubble.svelte.d.ts +6 -4
  66. package/dist/patterns/chat/ChatBubble.svelte.d.ts.map +1 -1
  67. package/dist/patterns/chat/ChatContainer.spec.js +30 -30
  68. package/dist/patterns/chat/ChatContainer.svelte +46 -46
  69. package/dist/patterns/chat/ChatDateDivider.spec.js +30 -30
  70. package/dist/patterns/chat/ChatDateDivider.svelte +27 -27
  71. package/dist/patterns/chat/ChatInvitationBubble.spec.js +46 -46
  72. package/dist/patterns/chat/ChatInvitationBubble.svelte +46 -37
  73. package/dist/patterns/chat/ChatInvitationBubble.svelte.d.ts +6 -3
  74. package/dist/patterns/chat/ChatInvitationBubble.svelte.d.ts.map +1 -1
  75. package/dist/patterns/chat/ChatInvitationNotice.spec.js +32 -32
  76. package/dist/patterns/chat/ChatInvitationNotice.svelte +36 -27
  77. package/dist/patterns/chat/ChatInvitationNotice.svelte.d.ts +6 -3
  78. package/dist/patterns/chat/ChatInvitationNotice.svelte.d.ts.map +1 -1
  79. package/dist/patterns/chat/ChatMessageGroup.spec.js +58 -58
  80. package/dist/patterns/chat/ChatMessageGroup.svelte +57 -57
  81. package/dist/patterns/chat/ChatSlotUpdate.spec.js +65 -65
  82. package/dist/patterns/chat/ChatSlotUpdate.svelte +46 -46
  83. package/dist/patterns/chat/ChatStatusBadge.spec.js +79 -79
  84. package/dist/patterns/chat/ChatStatusBadge.svelte +91 -91
  85. package/dist/patterns/chat/ChatStatusTransition.spec.js +81 -81
  86. package/dist/patterns/chat/ChatStatusTransition.svelte +64 -64
  87. package/dist/patterns/chat/ChatTextBubble.spec.js +35 -35
  88. package/dist/patterns/chat/ChatTextBubble.svelte +41 -41
  89. package/dist/patterns/chat/index.js +22 -22
  90. package/dist/patterns/data/DataGrid.svelte +45 -45
  91. package/dist/patterns/data/DataList.svelte +24 -24
  92. package/dist/patterns/data/DataTable.svelte +45 -45
  93. package/dist/patterns/data/index.js +4 -4
  94. package/dist/patterns/forms/FormActions.spec.js +95 -95
  95. package/dist/patterns/forms/FormActions.stories.svelte +97 -97
  96. package/dist/patterns/forms/FormActions.svelte +46 -46
  97. package/dist/patterns/forms/FormGrid.svelte +33 -33
  98. package/dist/patterns/forms/FormSection.svelte +32 -32
  99. package/dist/patterns/forms/FormValidationSummary.stories.svelte +97 -97
  100. package/dist/patterns/forms/FormValidationSummary.svelte +82 -74
  101. package/dist/patterns/forms/FormValidationSummary.svelte.d.ts +5 -3
  102. package/dist/patterns/forms/FormValidationSummary.svelte.d.ts.map +1 -1
  103. package/dist/patterns/forms/index.js +5 -5
  104. package/dist/patterns/index.js +21 -21
  105. package/dist/patterns/layout/Sidebar.svelte +39 -39
  106. package/dist/patterns/layout/SidebarTestWrapper.svelte +34 -34
  107. package/dist/patterns/layout/SidebarTestWrapper.svelte.d.ts +1 -1
  108. package/dist/patterns/layout/Stack.svelte +61 -61
  109. package/dist/patterns/layout/index.js +29 -29
  110. package/dist/patterns/navigation/BottomNav.stories.svelte +117 -117
  111. package/dist/patterns/navigation/BottomNav.svelte +82 -74
  112. package/dist/patterns/navigation/BottomNav.svelte.d.ts +10 -9
  113. package/dist/patterns/navigation/BottomNav.svelte.d.ts.map +1 -1
  114. package/dist/patterns/navigation/Header.stories.svelte +77 -77
  115. package/dist/patterns/navigation/Header.svelte +263 -251
  116. package/dist/patterns/navigation/Header.svelte.d.ts +17 -9
  117. package/dist/patterns/navigation/Header.svelte.d.ts.map +1 -1
  118. package/dist/patterns/navigation/index.js +3 -3
  119. package/dist/patterns/page/PageHeader.svelte +49 -49
  120. package/dist/patterns/page/PageLayout.svelte +40 -40
  121. package/dist/patterns/page/PageLoader.spec.js +57 -57
  122. package/dist/patterns/page/PageLoader.stories.svelte +137 -137
  123. package/dist/patterns/page/PageLoader.svelte +62 -53
  124. package/dist/patterns/page/PageLoader.svelte.d.ts +6 -3
  125. package/dist/patterns/page/PageLoader.svelte.d.ts.map +1 -1
  126. package/dist/patterns/page/SectionHeader.svelte +51 -51
  127. package/dist/patterns/page/index.js +5 -5
  128. package/dist/presets/badges.js +112 -112
  129. package/dist/presets/buttons.js +76 -76
  130. package/dist/presets/index.js +9 -9
  131. package/dist/primitives/Accordion/Accordion.stories.svelte +75 -75
  132. package/dist/primitives/Accordion/Accordion.svelte +62 -62
  133. package/dist/primitives/Accordion/AccordionItem.svelte +103 -95
  134. package/dist/primitives/Accordion/AccordionItem.svelte.d.ts +6 -4
  135. package/dist/primitives/Accordion/AccordionItem.svelte.d.ts.map +1 -1
  136. package/dist/primitives/Accordion/AccordionItemWrapper.test.svelte +107 -107
  137. package/dist/primitives/Accordion/AccordionToggleWrapper.test.svelte +28 -28
  138. package/dist/primitives/Alert/Alert.spec.js +173 -173
  139. package/dist/primitives/Alert/Alert.stories.svelte +88 -88
  140. package/dist/primitives/Alert/Alert.svelte +72 -64
  141. package/dist/primitives/Alert/Alert.svelte.d.ts +6 -4
  142. package/dist/primitives/Alert/Alert.svelte.d.ts.map +1 -1
  143. package/dist/primitives/Avatar/Avatar.stories.svelte +94 -94
  144. package/dist/primitives/Avatar/Avatar.svelte +66 -66
  145. package/dist/primitives/AvatarButton/AvatarButton.svelte +57 -57
  146. package/dist/primitives/Badges/Badge.spec.js +144 -144
  147. package/dist/primitives/Badges/Badge.stories.svelte +86 -86
  148. package/dist/primitives/Badges/Badge.svelte +99 -99
  149. package/dist/primitives/BottomSheet/BottomSheet.spec.js +238 -238
  150. package/dist/primitives/BottomSheet/BottomSheet.stories.svelte +83 -83
  151. package/dist/primitives/BottomSheet/BottomSheet.svelte +115 -115
  152. package/dist/primitives/BottomSheet/BottomSheetWithActions.test.svelte +20 -20
  153. package/dist/primitives/Breadcrumb/Breadcrumb.spec.js +123 -123
  154. package/dist/primitives/Breadcrumb/Breadcrumb.stories.svelte +23 -23
  155. package/dist/primitives/Breadcrumb/Breadcrumb.svelte +107 -99
  156. package/dist/primitives/Breadcrumb/Breadcrumb.svelte.d.ts +13 -9
  157. package/dist/primitives/Breadcrumb/Breadcrumb.svelte.d.ts.map +1 -1
  158. package/dist/primitives/Button/Button.spec.js +225 -225
  159. package/dist/primitives/Button/Button.stories.svelte +76 -76
  160. package/dist/primitives/Button/Button.svelte +278 -278
  161. package/dist/primitives/Button/ButtonGroup.spec.js +44 -44
  162. package/dist/primitives/Button/ButtonGroup.svelte +50 -50
  163. package/dist/primitives/Button/ButtonSaveDemo.spec.js +146 -146
  164. package/dist/primitives/Button/ButtonSaveDemo.svelte +25 -25
  165. package/dist/primitives/Button/ButtonVariantShowcase.svelte +129 -129
  166. package/dist/primitives/Card.spec.js +49 -49
  167. package/dist/primitives/Card.stories.svelte +22 -22
  168. package/dist/primitives/Card.svelte +28 -28
  169. package/dist/primitives/CardAction/CardAction.svelte +68 -68
  170. package/dist/primitives/Checkbox/Checkbox.stories.svelte +84 -84
  171. package/dist/primitives/Checkbox/Checkbox.svelte +88 -88
  172. package/dist/primitives/DarkModeToggle.spec.js +390 -390
  173. package/dist/primitives/DarkModeToggle.stories.svelte +57 -57
  174. package/dist/primitives/DarkModeToggle.svelte +147 -136
  175. package/dist/primitives/DarkModeToggle.svelte.d.ts +9 -3
  176. package/dist/primitives/DarkModeToggle.svelte.d.ts.map +1 -1
  177. package/dist/primitives/Drawer/Drawer.stories.svelte +100 -100
  178. package/dist/primitives/Drawer/Drawer.svelte +224 -224
  179. package/dist/primitives/Drawer/DrawerTestWrapper.svelte +86 -86
  180. package/dist/primitives/Dropdown/Dropdown.stories.svelte +137 -137
  181. package/dist/primitives/Dropdown/Dropdown.svelte +179 -170
  182. package/dist/primitives/Dropdown/Dropdown.svelte.d.ts +7 -4
  183. package/dist/primitives/Dropdown/Dropdown.svelte.d.ts.map +1 -1
  184. package/dist/primitives/Dropdown/DropdownDivider.spec.js +30 -30
  185. package/dist/primitives/Dropdown/DropdownDivider.svelte +9 -9
  186. package/dist/primitives/Dropdown/DropdownItem.svelte +80 -80
  187. package/dist/primitives/Dropdown/DropdownItemTestWrapper.svelte +43 -43
  188. package/dist/primitives/Helper/Helper.spec.js +57 -57
  189. package/dist/primitives/Helper/Helper.svelte +33 -33
  190. package/dist/primitives/Icons/ArrowLeft.svelte +21 -21
  191. package/dist/primitives/Icons/ArrowRight.svelte +21 -21
  192. package/dist/primitives/Icons/Availability.svelte +27 -27
  193. package/dist/primitives/Icons/Back.svelte +27 -27
  194. package/dist/primitives/Icons/CheckCircle.svelte +19 -19
  195. package/dist/primitives/Icons/CheckCircleOutline.svelte +28 -28
  196. package/dist/primitives/Icons/ChevronLeft.svelte +17 -17
  197. package/dist/primitives/Icons/ChevronRight.svelte +17 -17
  198. package/dist/primitives/Icons/Copy.svelte +28 -28
  199. package/dist/primitives/Icons/Cross.svelte +18 -18
  200. package/dist/primitives/Icons/DownArrow.svelte +21 -21
  201. package/dist/primitives/Icons/ErrorCircle.svelte +19 -19
  202. package/dist/primitives/Icons/FacebookIcon.svelte +15 -15
  203. package/dist/primitives/Icons/Home.svelte +28 -28
  204. package/dist/primitives/Icons/Icon.spec.js +175 -175
  205. package/dist/primitives/Icons/Icon.stories.svelte +100 -100
  206. package/dist/primitives/Icons/Icon.svelte +79 -79
  207. package/dist/primitives/Icons/IconGallery.stories.svelte +235 -235
  208. package/dist/primitives/Icons/ImageOutline.svelte +21 -21
  209. package/dist/primitives/Icons/Info.svelte +20 -20
  210. package/dist/primitives/Icons/InstagramIcon.svelte +21 -21
  211. package/dist/primitives/Icons/LogoInstagram.svelte +15 -15
  212. package/dist/primitives/Icons/Message.svelte +28 -28
  213. package/dist/primitives/Icons/MoonIcon.svelte +18 -18
  214. package/dist/primitives/Icons/More.svelte +34 -34
  215. package/dist/primitives/Icons/MoreHori.spec.js +67 -67
  216. package/dist/primitives/Icons/MoreHori.svelte +35 -35
  217. package/dist/primitives/Icons/Notification.svelte +27 -27
  218. package/dist/primitives/Icons/Payment.svelte +27 -27
  219. package/dist/primitives/Icons/Profile.svelte +34 -34
  220. package/dist/primitives/Icons/Reload.svelte +42 -42
  221. package/dist/primitives/Icons/Shows.svelte +34 -34
  222. package/dist/primitives/Icons/Signout.svelte +34 -34
  223. package/dist/primitives/Icons/SunIcon.svelte +21 -21
  224. package/dist/primitives/Icons/TiktokIcon.svelte +15 -15
  225. package/dist/primitives/Icons/TrashBinOutline.svelte +21 -21
  226. package/dist/primitives/Icons/TwitterIcon.svelte +15 -15
  227. package/dist/primitives/Icons/WarningIcon.spec.js +30 -30
  228. package/dist/primitives/Icons/WarningIcon.svelte +24 -24
  229. package/dist/primitives/Input/Input.spec.js +1237 -1237
  230. package/dist/primitives/Input/Input.stories.svelte +139 -139
  231. package/dist/primitives/Input/Input.svelte +444 -431
  232. package/dist/primitives/Input/Input.svelte.d.ts.map +1 -1
  233. package/dist/primitives/Input/Select.spec.js +632 -632
  234. package/dist/primitives/Input/Select.stories.svelte +112 -112
  235. package/dist/primitives/Input/Select.svelte +252 -252
  236. package/dist/primitives/Input/Textarea.stories.svelte +137 -137
  237. package/dist/primitives/Input/Textarea.svelte +105 -105
  238. package/dist/primitives/Label/Label.svelte +37 -37
  239. package/dist/primitives/LandingButton/LandingButton.spec.js +61 -61
  240. package/dist/primitives/LandingButton/LandingButton.svelte +92 -92
  241. package/dist/primitives/MenuItem/MenuItem.spec.js +130 -130
  242. package/dist/primitives/MenuItem/MenuItem.svelte +85 -85
  243. package/dist/primitives/Modal/Modal.spec.js +314 -314
  244. package/dist/primitives/Modal/Modal.stories.svelte +86 -86
  245. package/dist/primitives/Modal/Modal.svelte +181 -181
  246. package/dist/primitives/NavItem/NavItem.spec.js +97 -97
  247. package/dist/primitives/NavItem/NavItem.svelte +75 -75
  248. package/dist/primitives/NumberInput/NumberInput.svelte +113 -105
  249. package/dist/primitives/NumberInput/NumberInput.svelte.d.ts.map +1 -1
  250. package/dist/primitives/Pagination/Pagination.stories.svelte +76 -76
  251. package/dist/primitives/Pagination/Pagination.svelte +275 -261
  252. package/dist/primitives/Pagination/Pagination.svelte.d.ts +14 -6
  253. package/dist/primitives/Pagination/Pagination.svelte.d.ts.map +1 -1
  254. package/dist/primitives/Radio/Radio.stories.svelte +80 -80
  255. package/dist/primitives/Radio/Radio.svelte +67 -67
  256. package/dist/primitives/SearchResultItem/SearchResultItem.spec.js +78 -78
  257. package/dist/primitives/SearchResultItem/SearchResultItem.svelte +109 -109
  258. package/dist/primitives/SidebarToggle/SidebarToggle.spec.js +61 -61
  259. package/dist/primitives/SidebarToggle/SidebarToggle.svelte +55 -55
  260. package/dist/primitives/Skeleton/CardPlaceholder.svelte +96 -87
  261. package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts +8 -5
  262. package/dist/primitives/Skeleton/CardPlaceholder.svelte.d.ts.map +1 -1
  263. package/dist/primitives/Skeleton/ImagePlaceholder.svelte +68 -59
  264. package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts +8 -5
  265. package/dist/primitives/Skeleton/ImagePlaceholder.svelte.d.ts.map +1 -1
  266. package/dist/primitives/Skeleton/ListPlaceholder.svelte +85 -76
  267. package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts +8 -5
  268. package/dist/primitives/Skeleton/ListPlaceholder.svelte.d.ts.map +1 -1
  269. package/dist/primitives/Skeleton/Skeleton.stories.svelte +151 -151
  270. package/dist/primitives/Skeleton/Skeleton.svelte +55 -46
  271. package/dist/primitives/Skeleton/Skeleton.svelte.d.ts +7 -4
  272. package/dist/primitives/Skeleton/Skeleton.svelte.d.ts.map +1 -1
  273. package/dist/primitives/Spinner/Spinner.spec.js +84 -84
  274. package/dist/primitives/Spinner/Spinner.stories.svelte +29 -29
  275. package/dist/primitives/Spinner/Spinner.svelte +52 -44
  276. package/dist/primitives/Spinner/Spinner.svelte.d.ts +6 -4
  277. package/dist/primitives/Spinner/Spinner.svelte.d.ts.map +1 -1
  278. package/dist/primitives/Tabs/TabItem.svelte +52 -52
  279. package/dist/primitives/Tabs/Tabs.stories.svelte +112 -112
  280. package/dist/primitives/Tabs/Tabs.svelte +137 -137
  281. package/dist/primitives/Toggle.spec.js +221 -221
  282. package/dist/primitives/Toggle.stories.svelte +92 -92
  283. package/dist/primitives/Toggle.svelte +141 -141
  284. package/dist/primitives/ToggleTestWrapper.svelte +30 -30
  285. package/dist/primitives/Tooltip/Tooltip.spec.js +126 -126
  286. package/dist/primitives/Tooltip/Tooltip.svelte +83 -83
  287. package/dist/primitives/Typography/Typography.svelte +53 -53
  288. package/dist/primitives/ValidationError.spec.js +103 -103
  289. package/dist/primitives/ValidationError.stories.svelte +112 -112
  290. package/dist/primitives/ValidationError.svelte +29 -29
  291. package/dist/primitives/index.js +113 -113
  292. package/dist/recipes/CropImage/CropImage.spec.js +208 -208
  293. package/dist/recipes/CropImage/CropImage.stories.svelte +104 -104
  294. package/dist/recipes/CropImage/CropImage.svelte +241 -241
  295. package/dist/recipes/ImageUploader/ImageUploader.stories.svelte +125 -125
  296. package/dist/recipes/ImageUploader/ImageUploader.svelte +994 -992
  297. package/dist/recipes/ImageUploader/ImageUploader.svelte.d.ts +1 -0
  298. package/dist/recipes/ImageUploader/ImageUploader.svelte.d.ts.map +1 -1
  299. package/dist/recipes/SuperLogin/SuperLogin.svelte +25 -23
  300. package/dist/recipes/SuperLogin/SuperLogin.svelte.d.ts.map +1 -1
  301. package/dist/recipes/Toaster/Toaster.stories.svelte +62 -62
  302. package/dist/recipes/feedback/EmptyState/EmptyState.svelte +75 -66
  303. package/dist/recipes/feedback/EmptyState/EmptyState.svelte.d.ts +7 -4
  304. package/dist/recipes/feedback/EmptyState/EmptyState.svelte.d.ts.map +1 -1
  305. package/dist/recipes/feedback/ErrorDisplay.spec.js +69 -69
  306. package/dist/recipes/feedback/ErrorDisplay.stories.svelte +113 -113
  307. package/dist/recipes/feedback/ErrorDisplay.svelte +67 -67
  308. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.spec.js +133 -133
  309. package/dist/recipes/feedback/StatusIndicator/StatusIndicator.svelte +176 -176
  310. package/dist/recipes/feedback/index.js +4 -4
  311. package/dist/recipes/fields/CheckboxField.svelte +85 -85
  312. package/dist/recipes/fields/FormField.svelte +58 -58
  313. package/dist/recipes/fields/RadioGroup.svelte +95 -95
  314. package/dist/recipes/fields/SelectField.svelte +82 -82
  315. package/dist/recipes/fields/TextareaField.svelte +101 -101
  316. package/dist/recipes/fields/ToggleField.svelte +60 -60
  317. package/dist/recipes/fields/index.js +7 -7
  318. package/dist/recipes/index.js +24 -24
  319. package/dist/recipes/inputs/MultiSelect.spec.js +263 -263
  320. package/dist/recipes/inputs/MultiSelect.stories.svelte +133 -133
  321. package/dist/recipes/inputs/MultiSelect.svelte +291 -283
  322. package/dist/recipes/inputs/MultiSelect.svelte.d.ts.map +1 -1
  323. package/dist/recipes/inputs/OTPInput.spec.js +251 -251
  324. package/dist/recipes/inputs/OTPInput.stories.svelte +162 -162
  325. package/dist/recipes/inputs/OTPInput.svelte +128 -117
  326. package/dist/recipes/inputs/OTPInput.svelte.d.ts +14 -12
  327. package/dist/recipes/inputs/OTPInput.svelte.d.ts.map +1 -1
  328. package/dist/recipes/inputs/PasswordInput.svelte +130 -121
  329. package/dist/recipes/inputs/PasswordInput.svelte.d.ts +7 -4
  330. package/dist/recipes/inputs/PasswordInput.svelte.d.ts.map +1 -1
  331. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte +142 -131
  332. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts +8 -3
  333. package/dist/recipes/inputs/PasswordStrengthIndicator/PasswordStrengthIndicator.svelte.d.ts.map +1 -1
  334. package/dist/recipes/inputs/PhoneInput.svelte +254 -258
  335. package/dist/recipes/inputs/PhoneInput.svelte.d.ts +0 -2
  336. package/dist/recipes/inputs/PhoneInput.svelte.d.ts.map +1 -1
  337. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.stories.svelte +170 -170
  338. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte +349 -336
  339. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.d.ts +21 -16
  340. package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.d.ts.map +1 -1
  341. package/dist/recipes/inputs/Search.svelte +110 -102
  342. package/dist/recipes/inputs/Search.svelte.d.ts +7 -5
  343. package/dist/recipes/inputs/Search.svelte.d.ts.map +1 -1
  344. package/dist/recipes/inputs/index.js +8 -8
  345. package/dist/recipes/inputs/phoneInput/CountrySelector.svelte +240 -297
  346. package/dist/recipes/inputs/phoneInput/CountrySelector.svelte.d.ts +0 -2
  347. package/dist/recipes/inputs/phoneInput/CountrySelector.svelte.d.ts.map +1 -1
  348. package/dist/recipes/inputs/phoneInput/countryData.d.ts +0 -2
  349. package/dist/recipes/inputs/phoneInput/countryData.d.ts.map +1 -1
  350. package/dist/recipes/inputs/phoneInput/countryData.js +3 -3
  351. package/dist/recipes/modals/AlertModal.svelte +139 -130
  352. package/dist/recipes/modals/AlertModal.svelte.d.ts +4 -2
  353. package/dist/recipes/modals/AlertModal.svelte.d.ts.map +1 -1
  354. package/dist/recipes/modals/ConfirmationModal.spec.js +396 -396
  355. package/dist/recipes/modals/ConfirmationModal.stories.svelte +119 -119
  356. package/dist/recipes/modals/ConfirmationModal.svelte +169 -162
  357. package/dist/recipes/modals/ConfirmationModal.svelte.d.ts +2 -0
  358. package/dist/recipes/modals/ConfirmationModal.svelte.d.ts.map +1 -1
  359. package/dist/recipes/modals/InputModal.svelte +194 -182
  360. package/dist/recipes/modals/InputModal.svelte.d.ts +6 -4
  361. package/dist/recipes/modals/InputModal.svelte.d.ts.map +1 -1
  362. package/dist/recipes/modals/ModalStateManager.spec.js +100 -100
  363. package/dist/recipes/modals/ModalStateManager.svelte +77 -77
  364. package/dist/recipes/modals/ModalTestWrapper.svelte +65 -65
  365. package/dist/recipes/modals/StatusModal.svelte +216 -206
  366. package/dist/recipes/modals/StatusModal.svelte.d.ts +4 -2
  367. package/dist/recipes/modals/StatusModal.svelte.d.ts.map +1 -1
  368. package/dist/recipes/modals/index.js +7 -7
  369. package/dist/schemas/common.js +1 -1
  370. package/dist/schemas/event.d.ts +4 -4
  371. package/dist/schemas/event.js +1 -1
  372. package/dist/schemas/order.d.ts +2 -2
  373. package/dist/schemas/order.js +1 -0
  374. package/dist/schemas/performer.js +1 -1
  375. package/dist/schemas/promo.d.ts +4 -4
  376. package/dist/schemas/promo.js +2 -2
  377. package/dist/schemas/ticket.js +1 -1
  378. package/dist/schemas/user.js +2 -1
  379. package/dist/services/event.service.d.ts +11 -0
  380. package/dist/services/event.service.d.ts.map +1 -0
  381. package/dist/services/event.service.js +64 -0
  382. package/dist/services/event.service.spec.d.ts +2 -0
  383. package/dist/services/event.service.spec.d.ts.map +1 -0
  384. package/dist/services/event.service.spec.js +168 -0
  385. package/dist/services/{ShowService.d.ts → show.service.d.ts} +47 -47
  386. package/dist/services/show.service.d.ts.map +1 -0
  387. package/dist/services/show.service.js +115 -0
  388. package/dist/services/show.service.spec.d.ts +2 -0
  389. package/dist/services/show.service.spec.d.ts.map +1 -0
  390. package/dist/services/show.service.spec.js +242 -0
  391. package/dist/stores/auth.d.ts +8 -8
  392. package/dist/stores/auth.svelte.spec.js +1 -1
  393. package/dist/stores/index.js +9 -9
  394. package/dist/stores/toaster.d.ts +3 -3
  395. package/dist/stores/toaster.js +13 -13
  396. package/dist/stores/toaster.spec.js +59 -59
  397. package/dist/stories/ButtonAuditReview.stories.svelte +14 -14
  398. package/dist/stories/ButtonAuditReview.svelte +427 -427
  399. package/dist/stories/PatternsGallery.stories.svelte +19 -19
  400. package/dist/stories/PatternsGallery.svelte +399 -399
  401. package/dist/stories/PrimitivesGallery.stories.svelte +19 -19
  402. package/dist/stories/PrimitivesGallery.svelte +756 -756
  403. package/dist/stories/RecipesGallery.stories.svelte +19 -19
  404. package/dist/stories/RecipesGallery.svelte +454 -454
  405. package/dist/stories/button-audit-manifest.json +11186 -11186
  406. package/dist/tailwind/preset.cjs +82 -82
  407. package/dist/telemetry.js +402 -402
  408. package/dist/telemetry.server.js +212 -212
  409. package/dist/telemetry.server.spec.js +437 -437
  410. package/dist/telemetry.spec.js +1173 -1173
  411. package/dist/tokens/tokens.css +87 -87
  412. package/dist/tokens/typography-base.css +163 -163
  413. package/dist/tokens/utilities.css +353 -353
  414. package/dist/utils/__tests__/auth.test.js +431 -431
  415. package/dist/utils/apiConfig.d.ts +29 -29
  416. package/dist/utils/apiConfig.js +117 -117
  417. package/dist/utils/apiConfig.spec.js +219 -219
  418. package/dist/utils/assets.d.ts +3 -0
  419. package/dist/utils/assets.d.ts.map +1 -0
  420. package/dist/utils/assets.js +3 -0
  421. package/dist/utils/auth.d.ts +46 -46
  422. package/dist/utils/auth.js +195 -195
  423. package/dist/utils/classNames.d.ts +10 -0
  424. package/dist/utils/classNames.d.ts.map +1 -0
  425. package/dist/utils/classNames.js +15 -0
  426. package/dist/utils/cookieHelpers.d.ts +40 -0
  427. package/dist/utils/cookieHelpers.d.ts.map +1 -0
  428. package/dist/utils/cookieHelpers.js +102 -0
  429. package/dist/utils/dateHelpers.d.ts +71 -0
  430. package/dist/utils/dateHelpers.d.ts.map +1 -0
  431. package/dist/utils/dateHelpers.js +253 -0
  432. package/dist/utils/eventFormatters.d.ts +9 -0
  433. package/dist/utils/eventFormatters.d.ts.map +1 -0
  434. package/dist/utils/eventFormatters.js +96 -0
  435. package/dist/utils/fetchHelpers.d.ts +17 -0
  436. package/dist/utils/fetchHelpers.d.ts.map +1 -0
  437. package/dist/utils/fetchHelpers.js +44 -0
  438. package/dist/utils/formatters.d.ts +62 -0
  439. package/dist/utils/formatters.d.ts.map +1 -1
  440. package/dist/utils/formatters.js +128 -0
  441. package/dist/utils/formatters.spec.js +128 -1
  442. package/dist/utils/greetings.js +187 -187
  443. package/dist/utils/greetings.spec.js +337 -337
  444. package/dist/utils/haptic.spec.js +1 -1
  445. package/dist/utils/imageValidation.js +121 -121
  446. package/dist/utils/imageValidation.spec.js +223 -223
  447. package/dist/utils/permissions.d.ts +9 -0
  448. package/dist/utils/permissions.d.ts.map +1 -0
  449. package/dist/utils/permissions.js +93 -0
  450. package/dist/utils/portal.d.ts +11 -11
  451. package/dist/utils/portal.js +25 -25
  452. package/dist/utils/portal.spec.js +143 -143
  453. package/dist/utils/stringHelpers.d.ts +17 -0
  454. package/dist/utils/stringHelpers.d.ts.map +1 -0
  455. package/dist/utils/stringHelpers.js +38 -0
  456. package/dist/utils/transitions.js +4 -4
  457. package/dist/utils/utils/utils.d.ts +2 -73
  458. package/dist/utils/utils/utils.d.ts.map +1 -1
  459. package/dist/utils/utils/utils.js +3 -3
  460. package/dist/utils/utils/utils.spec.js +698 -698
  461. package/dist/utils/utils.d.ts +41 -98
  462. package/dist/utils/utils.d.ts.map +1 -1
  463. package/dist/utils/utils.js +59 -693
  464. package/dist/utils/utils.spec.js +643 -643
  465. package/package.json +301 -297
  466. package/dist/services/EventService.d.ts +0 -5
  467. package/dist/services/EventService.d.ts.map +0 -1
  468. package/dist/services/EventService.js +0 -79
  469. package/dist/services/EventService.spec.d.ts +0 -2
  470. package/dist/services/EventService.spec.d.ts.map +0 -1
  471. package/dist/services/EventService.spec.js +0 -217
  472. package/dist/services/ShowService.d.ts.map +0 -1
  473. package/dist/services/ShowService.js +0 -144
  474. package/dist/services/ShowService.spec.d.ts +0 -2
  475. package/dist/services/ShowService.spec.d.ts.map +0 -1
  476. package/dist/services/ShowService.spec.js +0 -345
@@ -1,437 +1,437 @@
1
- // @ts-nocheck
2
- import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
3
-
4
- // Vitest 4.x requires class syntax for constructor mocks
5
- // Mock all OpenTelemetry modules
6
- vi.mock('@opentelemetry/instrumentation', () => ({
7
- registerInstrumentations: vi.fn(),
8
- }));
9
-
10
- vi.mock('@opentelemetry/sdk-node', () => ({
11
- NodeSDK: class MockNodeSDK {
12
- constructor() {
13
- this.start = vi.fn();
14
- this.shutdown = vi.fn(() => Promise.resolve());
15
- }
16
- },
17
- }));
18
-
19
- vi.mock('@opentelemetry/exporter-trace-otlp-http', () => ({
20
- OTLPTraceExporter: class MockOTLPTraceExporter {},
21
- }));
22
-
23
- vi.mock('@opentelemetry/resources', () => ({
24
- resourceFromAttributes: vi.fn((attrs) => attrs),
25
- }));
26
-
27
- vi.mock('@opentelemetry/semantic-conventions', () => ({
28
- ATTR_SERVICE_NAME: 'service.name',
29
- ATTR_SERVICE_VERSION: 'service.version',
30
- }));
31
-
32
- vi.mock('@opentelemetry/instrumentation-http', () => ({
33
- HttpInstrumentation: class MockHttpInstrumentation {},
34
- }));
35
-
36
- vi.mock('@opentelemetry/instrumentation-fetch', () => ({
37
- FetchInstrumentation: class MockFetchInstrumentation {},
38
- }));
39
-
40
- vi.mock('@opentelemetry/auto-instrumentations-node', () => ({
41
- getNodeAutoInstrumentations: vi.fn(() => []),
42
- }));
43
-
44
- const mockSpan = {
45
- setAttribute: vi.fn(),
46
- setAttributes: vi.fn(),
47
- setStatus: vi.fn(),
48
- recordException: vi.fn(),
49
- end: vi.fn(),
50
- spanContext: vi.fn(() => ({
51
- traceId: 'test-trace-id',
52
- spanId: 'test-span-id',
53
- })),
54
- };
55
-
56
- const mockTracer = {
57
- startSpan: vi.fn(() => mockSpan),
58
- };
59
-
60
- const mockContext = {
61
- active: vi.fn(() => ({})),
62
- };
63
-
64
- const mockPropagation = {
65
- extract: vi.fn(() => ({})),
66
- inject: vi.fn(),
67
- };
68
-
69
- vi.mock('@opentelemetry/api', () => ({
70
- trace: {
71
- getTracer: vi.fn(() => mockTracer),
72
- },
73
- context: mockContext,
74
- propagation: mockPropagation,
75
- }));
76
-
77
- describe('telemetry.server.js', () => {
78
- let telemetryServer;
79
-
80
- beforeEach(async () => {
81
- vi.resetModules();
82
- vi.clearAllMocks();
83
-
84
- // Ensure we're in a server environment
85
- delete global.window;
86
-
87
- // Stub environment variables
88
- vi.stubEnv('VITE_OTEL_TRACES_ENABLED', 'true');
89
- vi.stubEnv('VITE_OTEL_SERVICE_NAME', 'test-service');
90
- vi.stubEnv('VITE_ENVIRONMENT', 'test');
91
-
92
- telemetryServer = await import('./telemetry.server.js');
93
- });
94
-
95
- afterEach(() => {
96
- vi.unstubAllEnvs();
97
- });
98
-
99
- describe('initServerTelemetry', () => {
100
- it('initializes server telemetry when enabled', async () => {
101
- const consoleSpy = vi.spyOn(console, 'log');
102
-
103
- // Module auto-initializes, calling initServerTelemetry will re-init
104
- telemetryServer.initServerTelemetry();
105
-
106
- expect(consoleSpy).toHaveBeenCalled();
107
- });
108
-
109
- it('logs disabled message when tracing is disabled', async () => {
110
- vi.resetModules();
111
- vi.stubEnv('VITE_OTEL_TRACES_ENABLED', 'false');
112
-
113
- const consoleSpy = vi.spyOn(console, 'log');
114
-
115
- telemetryServer = await import('./telemetry.server.js');
116
- telemetryServer.initServerTelemetry();
117
-
118
- expect(consoleSpy).toHaveBeenCalledWith(
119
- '[Server Telemetry] Tracing is disabled'
120
- );
121
- });
122
- });
123
-
124
- describe('createSSRSpan', () => {
125
- it('creates SSR span with correct name and attributes', () => {
126
- const mockRequest = {
127
- method: 'GET',
128
- url: 'http://localhost:3000/test',
129
- headers: {
130
- 'user-agent': 'test-agent',
131
- referer: 'http://localhost:3000/',
132
- },
133
- };
134
-
135
- const span = telemetryServer.createSSRSpan(
136
- 'ssr.test',
137
- mockRequest,
138
- { custom: 'attribute' }
139
- );
140
-
141
- expect(mockTracer.startSpan).toHaveBeenCalledWith('ssr.test', {
142
- attributes: {
143
- 'span.kind': 'server',
144
- 'ssr.type': 'page_load',
145
- 'portal.type': 'performers',
146
- 'http.method': 'GET',
147
- 'http.url': 'http://localhost:3000/test',
148
- 'http.user_agent': 'test-agent',
149
- 'http.referer': 'http://localhost:3000/',
150
- custom: 'attribute',
151
- },
152
- });
153
-
154
- expect(span).toBeDefined();
155
- });
156
-
157
- it('handles null request gracefully', () => {
158
- const span = telemetryServer.createSSRSpan('ssr.null-request', null);
159
-
160
- expect(mockTracer.startSpan).toHaveBeenCalledWith('ssr.null-request', {
161
- attributes: {
162
- 'span.kind': 'server',
163
- 'ssr.type': 'page_load',
164
- 'portal.type': 'performers',
165
- 'http.method': 'GET',
166
- 'http.url': undefined,
167
- 'http.user_agent': undefined,
168
- 'http.referer': undefined,
169
- },
170
- });
171
-
172
- expect(span).toBeDefined();
173
- });
174
- });
175
-
176
- describe('trackPerformerSSRDataLoad', () => {
177
- it('wraps load function and tracks successful execution', async () => {
178
- const mockLoadFn = vi.fn().mockResolvedValue({
179
- performer: { id: 1, name: 'Test Performer', email: 'test@test.com' },
180
- });
181
-
182
- const mockEvent = {
183
- request: {
184
- method: 'GET',
185
- url: 'http://localhost:3000/performer/1',
186
- headers: {},
187
- },
188
- route: { id: '/performer/[id]' },
189
- };
190
-
191
- const wrappedFn = telemetryServer.trackPerformerSSRDataLoad(
192
- mockLoadFn,
193
- 'performer-load'
194
- );
195
-
196
- const result = await wrappedFn(mockEvent);
197
-
198
- expect(mockLoadFn).toHaveBeenCalledWith(mockEvent);
199
- expect(result.performer.id).toBe(1);
200
- expect(mockSpan.setStatus).toHaveBeenCalledWith({ code: 1 });
201
- expect(mockSpan.setAttributes).toHaveBeenCalledWith({
202
- 'performer.id': 1,
203
- 'performer.name': 'Test Performer',
204
- 'performer.email': 'test@test.com',
205
- });
206
- expect(mockSpan.end).toHaveBeenCalled();
207
- });
208
-
209
- it('tracks errors and re-throws them', async () => {
210
- const testError = new Error('Load failed');
211
- const mockLoadFn = vi.fn().mockRejectedValue(testError);
212
-
213
- const mockEvent = {
214
- request: {
215
- method: 'GET',
216
- url: 'http://localhost:3000/test',
217
- headers: {},
218
- },
219
- route: { id: '/test' },
220
- };
221
-
222
- const wrappedFn = telemetryServer.trackPerformerSSRDataLoad(
223
- mockLoadFn,
224
- 'test-load'
225
- );
226
-
227
- await expect(wrappedFn(mockEvent)).rejects.toThrow('Load failed');
228
-
229
- expect(mockSpan.recordException).toHaveBeenCalledWith(testError);
230
- expect(mockSpan.setStatus).toHaveBeenCalledWith({
231
- code: 2,
232
- message: 'Load failed',
233
- });
234
- expect(mockSpan.end).toHaveBeenCalled();
235
- });
236
-
237
- it('handles results without performer data', async () => {
238
- const mockLoadFn = vi.fn().mockResolvedValue({ data: 'test' });
239
-
240
- const mockEvent = {
241
- request: {
242
- method: 'GET',
243
- url: 'http://localhost:3000/test',
244
- headers: {},
245
- },
246
- route: { id: '/test' },
247
- };
248
-
249
- const wrappedFn = telemetryServer.trackPerformerSSRDataLoad(
250
- mockLoadFn,
251
- 'test-load'
252
- );
253
-
254
- const result = await wrappedFn(mockEvent);
255
-
256
- expect(result.data).toBe('test');
257
- expect(mockSpan.setStatus).toHaveBeenCalledWith({ code: 1 });
258
- // setAttributes should not be called for performer data
259
- expect(mockSpan.end).toHaveBeenCalled();
260
- });
261
- });
262
-
263
- describe('extractTraceContext', () => {
264
- it('extracts trace context from request headers', () => {
265
- const mockRequest = {
266
- headers: new Map([
267
- ['x-b3-traceid', 'test-trace'],
268
- ['x-b3-spanid', 'test-span'],
269
- ]),
270
- };
271
-
272
- mockRequest.headers.entries = function () {
273
- return this[Symbol.iterator]();
274
- };
275
-
276
- telemetryServer.extractTraceContext(mockRequest);
277
-
278
- expect(mockPropagation.extract).toHaveBeenCalled();
279
- });
280
-
281
- it('handles null request', () => {
282
- const result = telemetryServer.extractTraceContext(null);
283
-
284
- expect(mockPropagation.extract).toHaveBeenCalled();
285
- });
286
-
287
- it('handles request without headers', () => {
288
- const mockRequest = {};
289
-
290
- const result = telemetryServer.extractTraceContext(mockRequest);
291
-
292
- expect(mockPropagation.extract).toHaveBeenCalled();
293
- });
294
- });
295
-
296
- describe('injectTraceContext', () => {
297
- it('injects trace context into response headers', () => {
298
- const mockResponse = {
299
- headers: {
300
- set: vi.fn(),
301
- },
302
- };
303
-
304
- mockPropagation.inject.mockImplementation((ctx, headers) => {
305
- headers['x-b3-traceid'] = 'injected-trace';
306
- });
307
-
308
- telemetryServer.injectTraceContext(mockResponse, mockSpan);
309
-
310
- expect(mockPropagation.inject).toHaveBeenCalled();
311
- expect(mockResponse.headers.set).toHaveBeenCalledWith(
312
- 'X-Trace-Id',
313
- 'test-trace-id'
314
- );
315
- expect(mockResponse.headers.set).toHaveBeenCalledWith(
316
- 'X-Span-Id',
317
- 'test-span-id'
318
- );
319
- });
320
-
321
- it('handles null span context', () => {
322
- const mockResponse = {
323
- headers: {
324
- set: vi.fn(),
325
- },
326
- };
327
-
328
- const nullContextSpan = {
329
- spanContext: vi.fn(() => null),
330
- };
331
-
332
- // Should not throw
333
- expect(() =>
334
- telemetryServer.injectTraceContext(mockResponse, nullContextSpan)
335
- ).not.toThrow();
336
- });
337
-
338
- it('handles response without headers', () => {
339
- const mockResponse = {};
340
-
341
- // Should not throw
342
- expect(() =>
343
- telemetryServer.injectTraceContext(mockResponse, mockSpan)
344
- ).not.toThrow();
345
- });
346
- });
347
-
348
- describe('shutdownServerTelemetry', () => {
349
- it('shuts down SDK gracefully', async () => {
350
- const consoleSpy = vi.spyOn(console, 'log');
351
-
352
- await telemetryServer.shutdownServerTelemetry();
353
-
354
- // May or may not log depending on SDK state
355
- expect(true).toBe(true);
356
- });
357
- });
358
-
359
- describe('performersPortalTelemetry', () => {
360
- it('exports wrapLoad helper', () => {
361
- expect(telemetryServer.performersPortalTelemetry.wrapLoad).toBeDefined();
362
- expect(
363
- typeof telemetryServer.performersPortalTelemetry.wrapLoad
364
- ).toBe('function');
365
- });
366
-
367
- it('exports wrapAction helper', () => {
368
- expect(telemetryServer.performersPortalTelemetry.wrapAction).toBeDefined();
369
- expect(
370
- typeof telemetryServer.performersPortalTelemetry.wrapAction
371
- ).toBe('function');
372
- });
373
-
374
- it('wrapLoad returns wrapped function', () => {
375
- const mockFn = vi.fn();
376
- const wrapped = telemetryServer.performersPortalTelemetry.wrapLoad(
377
- mockFn,
378
- 'test'
379
- );
380
-
381
- expect(typeof wrapped).toBe('function');
382
- });
383
-
384
- it('wrapAction handles successful action', async () => {
385
- const mockActionFn = vi.fn().mockResolvedValue({ success: true });
386
-
387
- const mockEvent = {
388
- request: {
389
- method: 'POST',
390
- url: 'http://localhost:3000/action',
391
- headers: {},
392
- },
393
- };
394
-
395
- const wrappedAction =
396
- telemetryServer.performersPortalTelemetry.wrapAction(
397
- mockActionFn,
398
- 'test-action'
399
- );
400
-
401
- const result = await wrappedAction(mockEvent);
402
-
403
- expect(mockActionFn).toHaveBeenCalledWith(mockEvent);
404
- expect(result.success).toBe(true);
405
- expect(mockSpan.setStatus).toHaveBeenCalledWith({ code: 1 });
406
- expect(mockSpan.end).toHaveBeenCalled();
407
- });
408
-
409
- it('wrapAction handles action errors', async () => {
410
- const testError = new Error('Action failed');
411
- const mockActionFn = vi.fn().mockRejectedValue(testError);
412
-
413
- const mockEvent = {
414
- request: {
415
- method: 'POST',
416
- url: 'http://localhost:3000/action',
417
- headers: {},
418
- },
419
- };
420
-
421
- const wrappedAction =
422
- telemetryServer.performersPortalTelemetry.wrapAction(
423
- mockActionFn,
424
- 'failing-action'
425
- );
426
-
427
- await expect(wrappedAction(mockEvent)).rejects.toThrow('Action failed');
428
-
429
- expect(mockSpan.recordException).toHaveBeenCalledWith(testError);
430
- expect(mockSpan.setStatus).toHaveBeenCalledWith({
431
- code: 2,
432
- message: 'Action failed',
433
- });
434
- expect(mockSpan.end).toHaveBeenCalled();
435
- });
436
- });
437
- });
1
+ // @ts-nocheck
2
+ import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
3
+
4
+ // Vitest 4.x requires class syntax for constructor mocks
5
+ // Mock all OpenTelemetry modules
6
+ vi.mock('@opentelemetry/instrumentation', () => ({
7
+ registerInstrumentations: vi.fn(),
8
+ }));
9
+
10
+ vi.mock('@opentelemetry/sdk-node', () => ({
11
+ NodeSDK: class MockNodeSDK {
12
+ constructor() {
13
+ this.start = vi.fn();
14
+ this.shutdown = vi.fn(() => Promise.resolve());
15
+ }
16
+ },
17
+ }));
18
+
19
+ vi.mock('@opentelemetry/exporter-trace-otlp-http', () => ({
20
+ OTLPTraceExporter: class MockOTLPTraceExporter {},
21
+ }));
22
+
23
+ vi.mock('@opentelemetry/resources', () => ({
24
+ resourceFromAttributes: vi.fn((attrs) => attrs),
25
+ }));
26
+
27
+ vi.mock('@opentelemetry/semantic-conventions', () => ({
28
+ ATTR_SERVICE_NAME: 'service.name',
29
+ ATTR_SERVICE_VERSION: 'service.version',
30
+ }));
31
+
32
+ vi.mock('@opentelemetry/instrumentation-http', () => ({
33
+ HttpInstrumentation: class MockHttpInstrumentation {},
34
+ }));
35
+
36
+ vi.mock('@opentelemetry/instrumentation-fetch', () => ({
37
+ FetchInstrumentation: class MockFetchInstrumentation {},
38
+ }));
39
+
40
+ vi.mock('@opentelemetry/auto-instrumentations-node', () => ({
41
+ getNodeAutoInstrumentations: vi.fn(() => []),
42
+ }));
43
+
44
+ const mockSpan = {
45
+ setAttribute: vi.fn(),
46
+ setAttributes: vi.fn(),
47
+ setStatus: vi.fn(),
48
+ recordException: vi.fn(),
49
+ end: vi.fn(),
50
+ spanContext: vi.fn(() => ({
51
+ traceId: 'test-trace-id',
52
+ spanId: 'test-span-id',
53
+ })),
54
+ };
55
+
56
+ const mockTracer = {
57
+ startSpan: vi.fn(() => mockSpan),
58
+ };
59
+
60
+ const mockContext = {
61
+ active: vi.fn(() => ({})),
62
+ };
63
+
64
+ const mockPropagation = {
65
+ extract: vi.fn(() => ({})),
66
+ inject: vi.fn(),
67
+ };
68
+
69
+ vi.mock('@opentelemetry/api', () => ({
70
+ trace: {
71
+ getTracer: vi.fn(() => mockTracer),
72
+ },
73
+ context: mockContext,
74
+ propagation: mockPropagation,
75
+ }));
76
+
77
+ describe('telemetry.server.js', () => {
78
+ let telemetryServer;
79
+
80
+ beforeEach(async () => {
81
+ vi.resetModules();
82
+ vi.clearAllMocks();
83
+
84
+ // Ensure we're in a server environment
85
+ delete global.window;
86
+
87
+ // Stub environment variables
88
+ vi.stubEnv('VITE_OTEL_TRACES_ENABLED', 'true');
89
+ vi.stubEnv('VITE_OTEL_SERVICE_NAME', 'test-service');
90
+ vi.stubEnv('VITE_ENVIRONMENT', 'test');
91
+
92
+ telemetryServer = await import('./telemetry.server.js');
93
+ });
94
+
95
+ afterEach(() => {
96
+ vi.unstubAllEnvs();
97
+ });
98
+
99
+ describe('initServerTelemetry', () => {
100
+ it('initializes server telemetry when enabled', async () => {
101
+ const consoleSpy = vi.spyOn(console, 'log');
102
+
103
+ // Module auto-initializes, calling initServerTelemetry will re-init
104
+ telemetryServer.initServerTelemetry();
105
+
106
+ expect(consoleSpy).toHaveBeenCalled();
107
+ });
108
+
109
+ it('logs disabled message when tracing is disabled', async () => {
110
+ vi.resetModules();
111
+ vi.stubEnv('VITE_OTEL_TRACES_ENABLED', 'false');
112
+
113
+ const consoleSpy = vi.spyOn(console, 'log');
114
+
115
+ telemetryServer = await import('./telemetry.server.js');
116
+ telemetryServer.initServerTelemetry();
117
+
118
+ expect(consoleSpy).toHaveBeenCalledWith(
119
+ '[Server Telemetry] Tracing is disabled'
120
+ );
121
+ });
122
+ });
123
+
124
+ describe('createSSRSpan', () => {
125
+ it('creates SSR span with correct name and attributes', () => {
126
+ const mockRequest = {
127
+ method: 'GET',
128
+ url: 'http://localhost:3000/test',
129
+ headers: {
130
+ 'user-agent': 'test-agent',
131
+ referer: 'http://localhost:3000/',
132
+ },
133
+ };
134
+
135
+ const span = telemetryServer.createSSRSpan(
136
+ 'ssr.test',
137
+ mockRequest,
138
+ { custom: 'attribute' }
139
+ );
140
+
141
+ expect(mockTracer.startSpan).toHaveBeenCalledWith('ssr.test', {
142
+ attributes: {
143
+ 'span.kind': 'server',
144
+ 'ssr.type': 'page_load',
145
+ 'portal.type': 'performers',
146
+ 'http.method': 'GET',
147
+ 'http.url': 'http://localhost:3000/test',
148
+ 'http.user_agent': 'test-agent',
149
+ 'http.referer': 'http://localhost:3000/',
150
+ custom: 'attribute',
151
+ },
152
+ });
153
+
154
+ expect(span).toBeDefined();
155
+ });
156
+
157
+ it('handles null request gracefully', () => {
158
+ const span = telemetryServer.createSSRSpan('ssr.null-request', null);
159
+
160
+ expect(mockTracer.startSpan).toHaveBeenCalledWith('ssr.null-request', {
161
+ attributes: {
162
+ 'span.kind': 'server',
163
+ 'ssr.type': 'page_load',
164
+ 'portal.type': 'performers',
165
+ 'http.method': 'GET',
166
+ 'http.url': undefined,
167
+ 'http.user_agent': undefined,
168
+ 'http.referer': undefined,
169
+ },
170
+ });
171
+
172
+ expect(span).toBeDefined();
173
+ });
174
+ });
175
+
176
+ describe('trackPerformerSSRDataLoad', () => {
177
+ it('wraps load function and tracks successful execution', async () => {
178
+ const mockLoadFn = vi.fn().mockResolvedValue({
179
+ performer: { id: 1, name: 'Test Performer', email: 'test@test.com' },
180
+ });
181
+
182
+ const mockEvent = {
183
+ request: {
184
+ method: 'GET',
185
+ url: 'http://localhost:3000/performer/1',
186
+ headers: {},
187
+ },
188
+ route: { id: '/performer/[id]' },
189
+ };
190
+
191
+ const wrappedFn = telemetryServer.trackPerformerSSRDataLoad(
192
+ mockLoadFn,
193
+ 'performer-load'
194
+ );
195
+
196
+ const result = await wrappedFn(mockEvent);
197
+
198
+ expect(mockLoadFn).toHaveBeenCalledWith(mockEvent);
199
+ expect(result.performer.id).toBe(1);
200
+ expect(mockSpan.setStatus).toHaveBeenCalledWith({ code: 1 });
201
+ expect(mockSpan.setAttributes).toHaveBeenCalledWith({
202
+ 'performer.id': 1,
203
+ 'performer.name': 'Test Performer',
204
+ 'performer.email': 'test@test.com',
205
+ });
206
+ expect(mockSpan.end).toHaveBeenCalled();
207
+ });
208
+
209
+ it('tracks errors and re-throws them', async () => {
210
+ const testError = new Error('Load failed');
211
+ const mockLoadFn = vi.fn().mockRejectedValue(testError);
212
+
213
+ const mockEvent = {
214
+ request: {
215
+ method: 'GET',
216
+ url: 'http://localhost:3000/test',
217
+ headers: {},
218
+ },
219
+ route: { id: '/test' },
220
+ };
221
+
222
+ const wrappedFn = telemetryServer.trackPerformerSSRDataLoad(
223
+ mockLoadFn,
224
+ 'test-load'
225
+ );
226
+
227
+ await expect(wrappedFn(mockEvent)).rejects.toThrow('Load failed');
228
+
229
+ expect(mockSpan.recordException).toHaveBeenCalledWith(testError);
230
+ expect(mockSpan.setStatus).toHaveBeenCalledWith({
231
+ code: 2,
232
+ message: 'Load failed',
233
+ });
234
+ expect(mockSpan.end).toHaveBeenCalled();
235
+ });
236
+
237
+ it('handles results without performer data', async () => {
238
+ const mockLoadFn = vi.fn().mockResolvedValue({ data: 'test' });
239
+
240
+ const mockEvent = {
241
+ request: {
242
+ method: 'GET',
243
+ url: 'http://localhost:3000/test',
244
+ headers: {},
245
+ },
246
+ route: { id: '/test' },
247
+ };
248
+
249
+ const wrappedFn = telemetryServer.trackPerformerSSRDataLoad(
250
+ mockLoadFn,
251
+ 'test-load'
252
+ );
253
+
254
+ const result = await wrappedFn(mockEvent);
255
+
256
+ expect(result.data).toBe('test');
257
+ expect(mockSpan.setStatus).toHaveBeenCalledWith({ code: 1 });
258
+ // setAttributes should not be called for performer data
259
+ expect(mockSpan.end).toHaveBeenCalled();
260
+ });
261
+ });
262
+
263
+ describe('extractTraceContext', () => {
264
+ it('extracts trace context from request headers', () => {
265
+ const mockRequest = {
266
+ headers: new Map([
267
+ ['x-b3-traceid', 'test-trace'],
268
+ ['x-b3-spanid', 'test-span'],
269
+ ]),
270
+ };
271
+
272
+ mockRequest.headers.entries = function () {
273
+ return this[Symbol.iterator]();
274
+ };
275
+
276
+ telemetryServer.extractTraceContext(mockRequest);
277
+
278
+ expect(mockPropagation.extract).toHaveBeenCalled();
279
+ });
280
+
281
+ it('handles null request', () => {
282
+ const result = telemetryServer.extractTraceContext(null);
283
+
284
+ expect(mockPropagation.extract).toHaveBeenCalled();
285
+ });
286
+
287
+ it('handles request without headers', () => {
288
+ const mockRequest = {};
289
+
290
+ const result = telemetryServer.extractTraceContext(mockRequest);
291
+
292
+ expect(mockPropagation.extract).toHaveBeenCalled();
293
+ });
294
+ });
295
+
296
+ describe('injectTraceContext', () => {
297
+ it('injects trace context into response headers', () => {
298
+ const mockResponse = {
299
+ headers: {
300
+ set: vi.fn(),
301
+ },
302
+ };
303
+
304
+ mockPropagation.inject.mockImplementation((ctx, headers) => {
305
+ headers['x-b3-traceid'] = 'injected-trace';
306
+ });
307
+
308
+ telemetryServer.injectTraceContext(mockResponse, mockSpan);
309
+
310
+ expect(mockPropagation.inject).toHaveBeenCalled();
311
+ expect(mockResponse.headers.set).toHaveBeenCalledWith(
312
+ 'X-Trace-Id',
313
+ 'test-trace-id'
314
+ );
315
+ expect(mockResponse.headers.set).toHaveBeenCalledWith(
316
+ 'X-Span-Id',
317
+ 'test-span-id'
318
+ );
319
+ });
320
+
321
+ it('handles null span context', () => {
322
+ const mockResponse = {
323
+ headers: {
324
+ set: vi.fn(),
325
+ },
326
+ };
327
+
328
+ const nullContextSpan = {
329
+ spanContext: vi.fn(() => null),
330
+ };
331
+
332
+ // Should not throw
333
+ expect(() =>
334
+ telemetryServer.injectTraceContext(mockResponse, nullContextSpan)
335
+ ).not.toThrow();
336
+ });
337
+
338
+ it('handles response without headers', () => {
339
+ const mockResponse = {};
340
+
341
+ // Should not throw
342
+ expect(() =>
343
+ telemetryServer.injectTraceContext(mockResponse, mockSpan)
344
+ ).not.toThrow();
345
+ });
346
+ });
347
+
348
+ describe('shutdownServerTelemetry', () => {
349
+ it('shuts down SDK gracefully', async () => {
350
+ const consoleSpy = vi.spyOn(console, 'log');
351
+
352
+ await telemetryServer.shutdownServerTelemetry();
353
+
354
+ // May or may not log depending on SDK state
355
+ expect(true).toBe(true);
356
+ });
357
+ });
358
+
359
+ describe('performersPortalTelemetry', () => {
360
+ it('exports wrapLoad helper', () => {
361
+ expect(telemetryServer.performersPortalTelemetry.wrapLoad).toBeDefined();
362
+ expect(
363
+ typeof telemetryServer.performersPortalTelemetry.wrapLoad
364
+ ).toBe('function');
365
+ });
366
+
367
+ it('exports wrapAction helper', () => {
368
+ expect(telemetryServer.performersPortalTelemetry.wrapAction).toBeDefined();
369
+ expect(
370
+ typeof telemetryServer.performersPortalTelemetry.wrapAction
371
+ ).toBe('function');
372
+ });
373
+
374
+ it('wrapLoad returns wrapped function', () => {
375
+ const mockFn = vi.fn();
376
+ const wrapped = telemetryServer.performersPortalTelemetry.wrapLoad(
377
+ mockFn,
378
+ 'test'
379
+ );
380
+
381
+ expect(typeof wrapped).toBe('function');
382
+ });
383
+
384
+ it('wrapAction handles successful action', async () => {
385
+ const mockActionFn = vi.fn().mockResolvedValue({ success: true });
386
+
387
+ const mockEvent = {
388
+ request: {
389
+ method: 'POST',
390
+ url: 'http://localhost:3000/action',
391
+ headers: {},
392
+ },
393
+ };
394
+
395
+ const wrappedAction =
396
+ telemetryServer.performersPortalTelemetry.wrapAction(
397
+ mockActionFn,
398
+ 'test-action'
399
+ );
400
+
401
+ const result = await wrappedAction(mockEvent);
402
+
403
+ expect(mockActionFn).toHaveBeenCalledWith(mockEvent);
404
+ expect(result.success).toBe(true);
405
+ expect(mockSpan.setStatus).toHaveBeenCalledWith({ code: 1 });
406
+ expect(mockSpan.end).toHaveBeenCalled();
407
+ });
408
+
409
+ it('wrapAction handles action errors', async () => {
410
+ const testError = new Error('Action failed');
411
+ const mockActionFn = vi.fn().mockRejectedValue(testError);
412
+
413
+ const mockEvent = {
414
+ request: {
415
+ method: 'POST',
416
+ url: 'http://localhost:3000/action',
417
+ headers: {},
418
+ },
419
+ };
420
+
421
+ const wrappedAction =
422
+ telemetryServer.performersPortalTelemetry.wrapAction(
423
+ mockActionFn,
424
+ 'failing-action'
425
+ );
426
+
427
+ await expect(wrappedAction(mockEvent)).rejects.toThrow('Action failed');
428
+
429
+ expect(mockSpan.recordException).toHaveBeenCalledWith(testError);
430
+ expect(mockSpan.setStatus).toHaveBeenCalledWith({
431
+ code: 2,
432
+ message: 'Action failed',
433
+ });
434
+ expect(mockSpan.end).toHaveBeenCalled();
435
+ });
436
+ });
437
+ });