@useloops/design-system 1.4.735 → 1.4.737

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 (177) hide show
  1. package/dist/BrandCore/Sticker.d.ts +6 -0
  2. package/dist/BrandCore/Sticker.js +1 -0
  3. package/dist/BrandCore.d.ts +1 -0
  4. package/dist/BrandCore.js +1 -1
  5. package/dist/esm/BrandCore/Sticker.js +1 -0
  6. package/dist/esm/BrandCore.js +1 -1
  7. package/dist/esm/index.js +1 -1
  8. package/dist/esm/systems/BrandCore/Sticker/Sticker.js +1 -0
  9. package/dist/esm/systems/BrandCore/Sticker/components/Dislike.js +1 -0
  10. package/dist/esm/systems/BrandCore/Sticker/components/Hate.js +1 -0
  11. package/dist/esm/systems/BrandCore/Sticker/components/Like.js +1 -0
  12. package/dist/esm/systems/BrandCore/Sticker/components/Love.js +1 -0
  13. package/dist/esm/systems/BrandCore/Sticker/components/Neutral.js +1 -0
  14. package/dist/esm/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  15. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  16. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  17. package/dist/esm/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  18. package/dist/esm/systems/Platform/AIInsight/AIInsight.js +1 -1
  19. package/dist/esm/systems/Platform/AISummary/AISummary.js +1 -1
  20. package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  21. package/dist/esm/systems/Platform/AssetItem/AssetItem.js +1 -1
  22. package/dist/esm/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  23. package/dist/esm/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  24. package/dist/esm/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  25. package/dist/esm/systems/Platform/CommentCard/CommentCard.js +1 -1
  26. package/dist/esm/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  27. package/dist/esm/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  28. package/dist/esm/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  29. package/dist/esm/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  30. package/dist/esm/systems/Platform/EditedByAvatar/EditedByAvatar.js +1 -1
  31. package/dist/esm/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  32. package/dist/esm/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  33. package/dist/esm/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  34. package/dist/esm/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  35. package/dist/esm/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  36. package/dist/esm/systems/Platform/FilterCount/FilterCount.js +1 -1
  37. package/dist/esm/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  38. package/dist/esm/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  39. package/dist/esm/systems/Platform/FilterRow/FilterRow.js +1 -1
  40. package/dist/esm/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  41. package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  42. package/dist/esm/systems/Platform/Header/Header.js +1 -1
  43. package/dist/esm/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  44. package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  45. package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  46. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  47. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  48. package/dist/esm/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  49. package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
  50. package/dist/esm/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  51. package/dist/esm/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -1
  52. package/dist/esm/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  53. package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  54. package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  55. package/dist/esm/systems/Platform/PinchIndicator/PinchIndicator.js +1 -1
  56. package/dist/esm/systems/Platform/PinchIndicator/_partials/StyledSurface/StyledSurface.js +1 -1
  57. package/dist/esm/systems/Platform/ProjectItem/ProjectItem.js +1 -1
  58. package/dist/esm/systems/Platform/ProjectItem/ProjectItemEmpty.js +1 -1
  59. package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  60. package/dist/esm/systems/Platform/ProjectItem/_partials/Thumbnail.js +1 -1
  61. package/dist/esm/systems/Platform/ProjectItem/_partials/UpdatedInfo.js +1 -1
  62. package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  63. package/dist/esm/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  64. package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  65. package/dist/esm/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  66. package/dist/esm/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  67. package/dist/esm/systems/Platform/SearchInput/SearchInput.js +1 -1
  68. package/dist/esm/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  69. package/dist/esm/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  70. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  71. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  72. package/dist/esm/systems/Platform/Tab/Tab.js +1 -1
  73. package/dist/esm/systems/Platform/TestItem/_partials/TagList.js +1 -1
  74. package/dist/esm/systems/Platform/TestStatus/TestStatus.js +1 -1
  75. package/dist/esm/systems/Platform/TimeToFindGraph/TimeToFindGraph.js +1 -1
  76. package/dist/esm/systems/Platform/TimeToFindResult/TimeToFindResult.js +1 -1
  77. package/dist/esm/systems/Platform/VideoControls/VideoControls.js +1 -1
  78. package/dist/esm/systems/Platform/VideoControls2/VideoControls2.js +1 -1
  79. package/dist/esm/systems/Platform/VideoControls2/components/Timeline/components/FullscreenControls/FullscreenControls.js +1 -1
  80. package/dist/esm/systems/WebCore/AutocompleteBaseField/_partials/StyledPopper.js +1 -1
  81. package/dist/esm/systems/WebCore/FormBuilder/ArrayFieldRows.js +1 -1
  82. package/dist/esm/systems/WebCore/Menu/MenuItem.js +1 -1
  83. package/dist/esm/systems/WebCore/NumberField/InternalInputComponent.js +1 -1
  84. package/dist/esm/systems/WebCore/Pill/Pill.js +1 -1
  85. package/dist/esm/systems/WebCore/TrialCard/TrialPill.js +1 -1
  86. package/dist/esm/systems/WebCore/VideoModal/VideoModal.js +1 -1
  87. package/dist/index.d.ts +1 -0
  88. package/dist/index.js +1 -1
  89. package/dist/systems/BrandCore/Sticker/Sticker.d.ts +19 -0
  90. package/dist/systems/BrandCore/Sticker/Sticker.js +1 -0
  91. package/dist/systems/BrandCore/Sticker/components/Dislike.d.ts +6 -0
  92. package/dist/systems/BrandCore/Sticker/components/Dislike.js +1 -0
  93. package/dist/systems/BrandCore/Sticker/components/Hate.d.ts +6 -0
  94. package/dist/systems/BrandCore/Sticker/components/Hate.js +1 -0
  95. package/dist/systems/BrandCore/Sticker/components/Like.d.ts +6 -0
  96. package/dist/systems/BrandCore/Sticker/components/Like.js +1 -0
  97. package/dist/systems/BrandCore/Sticker/components/Love.d.ts +6 -0
  98. package/dist/systems/BrandCore/Sticker/components/Love.js +1 -0
  99. package/dist/systems/BrandCore/Sticker/components/Neutral.d.ts +6 -0
  100. package/dist/systems/BrandCore/Sticker/components/Neutral.js +1 -0
  101. package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  102. package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  103. package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  104. package/dist/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  105. package/dist/systems/Platform/AIInsight/AIInsight.js +1 -1
  106. package/dist/systems/Platform/AISummary/AISummary.js +1 -1
  107. package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  108. package/dist/systems/Platform/AssetItem/AssetItem.js +1 -1
  109. package/dist/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  110. package/dist/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  111. package/dist/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  112. package/dist/systems/Platform/CommentCard/CommentCard.js +1 -1
  113. package/dist/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  114. package/dist/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  115. package/dist/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  116. package/dist/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  117. package/dist/systems/Platform/EditedByAvatar/EditedByAvatar.js +1 -1
  118. package/dist/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  119. package/dist/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  120. package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  121. package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  122. package/dist/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  123. package/dist/systems/Platform/FilterCount/FilterCount.js +1 -1
  124. package/dist/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  125. package/dist/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  126. package/dist/systems/Platform/FilterRow/FilterRow.js +1 -1
  127. package/dist/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  128. package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  129. package/dist/systems/Platform/Header/Header.js +1 -1
  130. package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  131. package/dist/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  132. package/dist/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  133. package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  134. package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  135. package/dist/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  136. package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
  137. package/dist/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  138. package/dist/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -1
  139. package/dist/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  140. package/dist/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  141. package/dist/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  142. package/dist/systems/Platform/PinchIndicator/PinchIndicator.js +1 -1
  143. package/dist/systems/Platform/PinchIndicator/_partials/StyledSurface/StyledSurface.js +1 -1
  144. package/dist/systems/Platform/ProjectItem/ProjectItem.js +1 -1
  145. package/dist/systems/Platform/ProjectItem/ProjectItemEmpty.js +1 -1
  146. package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  147. package/dist/systems/Platform/ProjectItem/_partials/Thumbnail.js +1 -1
  148. package/dist/systems/Platform/ProjectItem/_partials/UpdatedInfo.js +1 -1
  149. package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  150. package/dist/systems/Platform/ProjectItem/projectItem.types.d.ts +1 -0
  151. package/dist/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  152. package/dist/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  153. package/dist/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  154. package/dist/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  155. package/dist/systems/Platform/SearchInput/SearchInput.js +1 -1
  156. package/dist/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  157. package/dist/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  158. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  159. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  160. package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts +8 -8
  161. package/dist/systems/Platform/Tab/Tab.js +1 -1
  162. package/dist/systems/Platform/TestItem/_partials/TagList.js +1 -1
  163. package/dist/systems/Platform/TestStatus/TestStatus.js +1 -1
  164. package/dist/systems/Platform/TimeToFindGraph/TimeToFindGraph.js +1 -1
  165. package/dist/systems/Platform/TimeToFindResult/TimeToFindResult.js +1 -1
  166. package/dist/systems/Platform/VideoControls/VideoControls.js +1 -1
  167. package/dist/systems/Platform/VideoControls2/VideoControls2.js +1 -1
  168. package/dist/systems/Platform/VideoControls2/components/Timeline/components/FullscreenControls/FullscreenControls.js +1 -1
  169. package/dist/systems/WebCore/AutocompleteBaseField/_partials/StyledPopper.js +1 -1
  170. package/dist/systems/WebCore/FormBuilder/ArrayFieldRows.js +1 -1
  171. package/dist/systems/WebCore/InputFieldBase/InputFieldBase.d.ts +1 -1
  172. package/dist/systems/WebCore/Menu/MenuItem.js +1 -1
  173. package/dist/systems/WebCore/NumberField/InternalInputComponent.js +1 -1
  174. package/dist/systems/WebCore/Pill/Pill.js +1 -1
  175. package/dist/systems/WebCore/TrialCard/TrialPill.js +1 -1
  176. package/dist/systems/WebCore/VideoModal/VideoModal.js +1 -1
  177. package/package.json +1 -1
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const m=56,l=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50],height:"100%"}}):e(a,{sizing:"sm",icon:e(i,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),b(!1)},sx:{color:l.custom.palette.icon.primary,alignSelf:"center"}}),children:m.map(({category:o,selection:r})=>e(p,{keyString:o,valueString:r,cursor:"inherit"},o))})};export{m as TagListCollapsedHeight,l as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import{useState as r}from"react";import{TruncatedList as t}from"react-truncate-list";import i from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../BrandCore/textures.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormBuilder/FormBuilder.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KbdGroup/Kbd.js";import"../../../WebCore/KbdGroup/KbdGroup.js";import p from"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import s from"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../BrandCore/Sticker/Sticker.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import"../../../WebCore/TintedSurface/TintedSurface.js";const m=56,l=({tags:m})=>{const l=o(),[n,b]=r(!1);return e(t,{style:{display:"flex",flexWrap:"wrap",alignItems:"stretch",maxHeight:n?"none":56,gap:l.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0},alwaysShowTruncator:n,renderTruncator:({hiddenItemsCount:o})=>o>0?e(s,{body:`+${o}`,weight:"light",onClick:e=>{e.stopPropagation(),b(!0)},sx:{background:l.custom.palette.neutral[50],height:"100%"}}):e(a,{sizing:"sm",icon:e(i,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),b(!1)},sx:{color:l.custom.palette.icon.primary,alignSelf:"center"}}),children:m.map(({category:o,selection:r})=>e(p,{keyString:o,valueString:r,cursor:"inherit"},o))})};export{m as TagListCollapsedHeight,l as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import s from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import n from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:s,prefix:n})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:n?`${n} ${s}`:s})]})},W=({min:W,max:x,bins:g,binTooltips:f,p25:B,p50:y,p75:S,mean:I,range:L,onRangeChange:A,capped:M,onCapChange:T,capLabel:w="Cap to 60 seconds",step:k=1,marksStep:P=10,unit:v="sec",formatStat:F,disabled:R,slotProps:G})=>{const _=o(),z=x-W||1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z*100),O=Math.max(1,...g),N=z/(g.length||1),K=F??(e=>`${e.toFixed(1)} ${v}`),[V,$]=L,E=D(B),U=D(S);return e(r,{...G?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:M,label:t(a,{size:"xs",secondary:!0,children:w}),disabled:R,onChange:(e,t)=>T(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(B)}),t(h,{label:"Average",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:E}),t(u,{tone:"yellow",widthPct:Math.max(0,U-E)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((o,r)=>{const s=W+(r+.5)*N,p=s>=V&&s<=$,l=o/O*100,m=f?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:D(B)}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:k,marksStep:P,value:L,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&A([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:W,max:$,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([e,$])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value:$,min:V,max:x,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([V,e])}})})]})]})]})]})};export{W as default};
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import s from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import n from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:s,prefix:n})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:n?`${n} ${s}`:s})]})},W=({min:W,max:x,bins:g,binTooltips:f,p25:B,p50:y,p75:S,mean:I,range:L,onRangeChange:A,capped:M,onCapChange:k,capLabel:T="Cap to 60 seconds",step:w=1,marksStep:P=10,unit:v="sec",formatStat:F,disabled:R,slotProps:G})=>{const _=o(),z=x-W||1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z*100),O=Math.max(1,...g),N=z/(g.length||1),K=F??(e=>`${e.toFixed(1)} ${v}`),[V,$]=L,E=D(B),U=D(S);return e(r,{...G?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:M,label:t(a,{size:"xs",secondary:!0,children:T}),disabled:R,onChange:(e,t)=>k(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(B)}),t(h,{label:"Average",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:E}),t(u,{tone:"yellow",widthPct:Math.max(0,U-E)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((o,r)=>{const s=W+(r+.5)*N,p=s>=V&&s<=$,l=o/O*100,m=f?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:D(B)}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:w,marksStep:P,value:L,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&A([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:W,max:$,step:w,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([e,$])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value:$,min:V,max:x,step:w,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([V,e])}})})]})]})]})]})};export{W as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:u="Found in",label:j,tone:W="green"})=>{const c=r(),B=d>=1?m:m*d,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100*n(b),topPct:100*n(C)})})}),u&&o(i,{size:"sm",secondary:!0,children:u}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:j})]})};export{b as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:u="Found in",label:j,tone:W="green"})=>{const c=r(),B=d>=1?m:m*d,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100*n(b),topPct:100*n(C)})})}),u&&o(i,{size:"sm",secondary:!0,children:u}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:j})]})};export{b as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:W,slots:y,events:{onEnd:T,onPlay:B,onSeekEnd:k,onSeeking:v,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:x,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...W},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g||1,muted:u||!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),T&&T(),!$&&A&&A()},[$]);i(()=>{if(!s||null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&L&&L(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)*100,widthPercent:(i-r)/(O-Y)*100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),x&&x()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z||r.firstPlay,bufferProgress:e})),v&&v(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:y?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),y?.bottom]})}));export{g as default};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:W,slots:y,events:{onEnd:T,onPlay:B,onSeekEnd:k,onSeeking:S,onSeekStart:v,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:x,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...W},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g||1,muted:u||!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),T&&T(),!$&&A&&A()},[$]);i(()=>{if(!s||null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&L&&L(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)*100,widthPercent:(i-r)/(O-Y)*100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),x&&x()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z||r.firstPlay,bufferProgress:e})),S&&S(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),v&&v()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:y?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),y?.bottom]})}));export{g as default};
@@ -1 +1 @@
1
- import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as i,useEffect as n,useCallback as a,useImperativeHandle as s,memo as m}from"react";import{styled as l,Stack as d}from"@mui/material";import p from"@use-it/event-listener";import{normaliseFloat as u}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import C from"./components/OverlayControl/OverlayControl.js";import f from"./components/Timeline/Timeline.js";const g=l(c)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),j=l(d)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),T=m(o(({id:o,videoElement:m,initialEndTime:l=0,initialCurrentTime:d=0,initialMuted:c,initialVolume:T,markers:y,options:W,slots:B,events:{onEnd:v,onPlay:S,onSeekEnd:k,onSeeking:h,onSeekStart:E,onTimeUpdate:I,onPause:L,onVolumeChange:x,onVolumeMute:P,onRestart:A,onFirstPlay:F,onFirstEnded:w,onReset:M}={},videoSeekTime:R,slotProps:G},V)=>{const[_,D]=i(!1),[K,N]=i(!1),[O,z]=i([]),U={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...W},[{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,muted:ee,startTime:re,firstPlay:te,firstEnded:oe},ie]=i({startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:T||1,muted:c||!1,buffering:!1});n(()=>{if(m.muted=ee,m.volume=$,U.normaliseTime&&(void 0===l||void 0===d))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ge()}},[]),n(()=>{ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0)})),m.currentTime=u(d??0)},[d,l]);const ne=a(()=>{ie(e=>({...e,playing:!1,ended:!0,...!oe&&{firstEnded:!0}})),v&&v(),!oe&&w&&w()},[oe]);n(()=>{if(!m||null==R)return;(async()=>{const e=!m.paused,r=R===H;ie(e=>({...e,playing:!1,currentTime:u(R)})),await new Promise(e=>{const r=()=>{m.removeEventListener("seeked",r),e()};m.addEventListener("seeked",r),setTimeout(e,500)}),ie(e=>({...e,currentTime:u(R)})),await new Promise(e=>setTimeout(e,50)),ie(t=>({...t,playing:e,currentTime:u(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,m]);const ae=a(e=>{ie(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),ee!==e.target?.muted&&P&&P(!ee),$!==e.target?.volume&&x&&x($)},[ee,$]),se=a(()=>{const e=u(m.currentTime)>=H&&H!==u(m.duration)&&!Z,r=u(m.currentTime)>=H&&H===u(m.duration)&&!Z&&!Q;(e||r)&&(m.pause(),m.dispatchEvent(new Event("ended"))),ie(e=>({...e,currentTime:u(m.currentTime)})),I&&I(u(m.currentTime))},[H,Z,Q]),me=a(()=>{ie(e=>({...e,playing:!1})),L&&L()},[J]),le=a(()=>{ie(e=>({...e,playing:!0,ended:!1,...!U?.disableBufferingEvents&&{buffering:!1},...!te&&{firstPlay:!0}})),!te&&F&&F(),S&&S()},[te,U?.disableBufferingEvents]),de=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!0}))},[U?.disableBufferingEvents]),pe=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!1}))},[X,U?.disableBufferingEvents]),ue=a(()=>{if(U?.disableBufferingEvents)return;const e=[];for(let r=0;r<m.buffered.length;r++){const t=m.buffered.start(r),o=m.buffered.end(r);if(o>=re&&t<=H){const r=Math.max(t,re),i=Math.min(o,H);e.push({start:r-re,end:i-re,startPercent:(r-re)/(H-re)*100,widthPercent:(i-r)/(H-re)*100})}}z(e)},[q,H,J,Q,X,Y,Z,$,ee,re,O,U?.disableBufferingEvents]),ce=a(async e=>{Q&&ge(),m.currentTime=re,e&&await fe(),A&&A()},[Q,J,re,H,Z]),be=a(async()=>{Q&&ge(),m.currentTime=re,ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[Q,J,re,H,Z,d,l]),Ce=async()=>{Z?await ce(!0):Q?ge():await fe()},fe=async()=>{await m.play()},ge=()=>{m.pause()},je=a(e=>{m.currentTime=u(e),ie(r=>({...r,currentTime:u(e),ended:!1,seeking:!0,...!U?.disableBufferingEvents&&{buffering:!1},firstPlay:!te||r.firstPlay,bufferProgress:e})),h&&h(e),!te&&F&&F()},[X,te,U?.disableBufferingEvents]),Te=a(async()=>{document.hidden?Q&&!m.paused?(D(!0),ge()):D(!1):(_&&!Q&&await fe(),D(!1))},[Q,_,ge,fe,m]),ye=a(e=>{e&&m.pause(),ie(e=>({...e,seeking:!0})),E&&E()},[Z]),We=a(async(e,r,t)=>{r&&(m.currentTime=r),e&&!Z&&await m.play(),t&&Q&&m.pause(),ie(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[Q,Z,X,q]),Be=a(()=>{document.fullscreenElement?document.exitFullscreen():m.requestFullscreen()},[m]);return p("fullscreenchange",()=>N(!!document.fullscreenElement),document),p("visibilitychange",Te,document),p("pause",me,m),p("playing",le,m),p("timeupdate",se,m),p("ended",ne,m),p("volumechange",ae,m),p("waiting",de,m),p("canplay",pe,m),p("progress",ue,m),s(V,()=>({play:fe,pause:ge,restart:ce,reset:be,seek:(e,r,t)=>We(r,e,t),videoState:{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,firstPlay:te,firstEnded:oe,muted:ee,startTime:re}})),e(r,{children:[U.overlayControls&&t(C,{videoElement:m,playing:Q,firstPlay:te,ended:Z,handleAction:Ce}),e(g,{variation:"raised",id:o,sx:G?.paperContainer?.sx,children:[e(j,{...U?.rtl&&{dir:"rtl"},children:[t(b,{seeking:q,playing:Q,ended:Z,buffering:X,handleAction:Ce}),t(f,{handleSeeking:je,handleSeekEnd:We,handleSeekStart:ye,ended:Z,marker:B?.marker,markersContainerProps:G?.markersContainer,markers:y,markerIndicatorMode:U.markerIndicatorMode,markerIndicatorSize:U.markerIndicatorSize,markerIndicator:U.markerIndicator,startTime:U.normaliseTime?re:0,currentTime:J,endTime:H,playing:Q,bufferRanges:O,buffering:X,volume:$,muted:ee,volumeControls:U.volumeControls,volumeControlsType:U.volumeControlsType,handleVolumeMute:()=>{m.muted=!ee},handleVolumeChange:e=>{m.volume=e,ee&&(m.muted=!1)},fullscreenControls:U.fullscreenControls,hideStartTime:U.hideStartTime,hideEndTime:U.hideEndTime,isFullScreen:K,handlefullscreenToggle:Be})]}),B?.bottom]})]})}));export{T as default};
1
+ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as i,useEffect as n,useCallback as a,useImperativeHandle as s,memo as m}from"react";import{styled as l,Stack as d}from"@mui/material";import p from"@use-it/event-listener";import{normaliseFloat as u}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import C from"./components/OverlayControl/OverlayControl.js";import f from"./components/Timeline/Timeline.js";const g=l(c)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),j=l(d)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),T=m(o(({id:o,videoElement:m,initialEndTime:l=0,initialCurrentTime:d=0,initialMuted:c,initialVolume:T,markers:y,options:W,slots:B,events:{onEnd:v,onPlay:S,onSeekEnd:k,onSeeking:h,onSeekStart:E,onTimeUpdate:I,onPause:L,onVolumeChange:x,onVolumeMute:P,onRestart:A,onFirstPlay:F,onFirstEnded:w,onReset:M}={},videoSeekTime:R,slotProps:G},V)=>{const[_,D]=i(!1),[K,N]=i(!1),[O,z]=i([]),U={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...W},[{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,muted:ee,startTime:re,firstPlay:te,firstEnded:oe},ie]=i({startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:T||1,muted:c||!1,buffering:!1});n(()=>{if(m.muted=ee,m.volume=$,U.normaliseTime&&(void 0===l||void 0===d))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ge()}},[]),n(()=>{ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0)})),m.currentTime=u(d??0)},[d,l]);const ne=a(()=>{ie(e=>({...e,playing:!1,ended:!0,...!oe&&{firstEnded:!0}})),v&&v(),!oe&&w&&w()},[oe]);n(()=>{if(!m||null==R)return;(async()=>{const e=!m.paused,r=R===H;ie(e=>({...e,playing:!1,currentTime:u(R)})),await new Promise(e=>{const r=()=>{m.removeEventListener("seeked",r),e()};m.addEventListener("seeked",r),setTimeout(e,500)}),ie(e=>({...e,currentTime:u(R)})),await new Promise(e=>setTimeout(e,50)),ie(t=>({...t,playing:e,currentTime:u(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,m]);const ae=a(e=>{ie(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),ee!==e.target?.muted&&P&&P(!ee),$!==e.target?.volume&&x&&x($)},[ee,$]),se=a(()=>{const e=u(m.currentTime)>=H&&H!==u(m.duration)&&!Z,r=u(m.currentTime)>=H&&H===u(m.duration)&&!Z&&!Q;(e||r)&&(m.pause(),m.dispatchEvent(new Event("ended"))),ie(e=>({...e,currentTime:u(m.currentTime)})),I&&I(u(m.currentTime))},[H,Z,Q]),me=a(()=>{ie(e=>({...e,playing:!1})),L&&L()},[J]),le=a(()=>{ie(e=>({...e,playing:!0,ended:!1,...!U?.disableBufferingEvents&&{buffering:!1},...!te&&{firstPlay:!0}})),!te&&F&&F(),S&&S()},[te,U?.disableBufferingEvents]),de=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!0}))},[U?.disableBufferingEvents]),pe=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!1}))},[X,U?.disableBufferingEvents]),ue=a(()=>{if(U?.disableBufferingEvents)return;const e=[];for(let r=0;r<m.buffered.length;r++){const t=m.buffered.start(r),o=m.buffered.end(r);if(o>=re&&t<=H){const r=Math.max(t,re),i=Math.min(o,H);e.push({start:r-re,end:i-re,startPercent:(r-re)/(H-re)*100,widthPercent:(i-r)/(H-re)*100})}}z(e)},[q,H,J,Q,X,Y,Z,$,ee,re,O,U?.disableBufferingEvents]),ce=a(async e=>{Q&&ge(),m.currentTime=re,e&&await fe(),A&&A()},[Q,J,re,H,Z]),be=a(async()=>{Q&&ge(),m.currentTime=re,ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[Q,J,re,H,Z,d,l]),Ce=async()=>{Z?await ce(!0):Q?ge():await fe()},fe=async()=>{await m.play()},ge=()=>{m.pause()},je=a(e=>{m.currentTime=u(e),ie(r=>({...r,currentTime:u(e),ended:!1,seeking:!0,...!U?.disableBufferingEvents&&{buffering:!1},firstPlay:!te||r.firstPlay,bufferProgress:e})),h&&h(e),!te&&F&&F()},[X,te,U?.disableBufferingEvents]),Te=a(async()=>{document.hidden?Q&&!m.paused?(D(!0),ge()):D(!1):(_&&!Q&&await fe(),D(!1))},[Q,_,ge,fe,m]),ye=a(e=>{e&&m.pause(),ie(e=>({...e,seeking:!0})),E&&E()},[Z]),We=a(async(e,r,t)=>{r&&(m.currentTime=r),e&&!Z&&await m.play(),t&&Q&&m.pause(),ie(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[Q,Z,X,q]),Be=a(()=>{document.fullscreenElement?document.exitFullscreen():m.requestFullscreen()},[m]);return p("fullscreenchange",()=>N(!!document.fullscreenElement),document),p("visibilitychange",Te,document),p("pause",me,m),p("playing",le,m),p("timeupdate",se,m),p("ended",ne,m),p("volumechange",ae,m),p("waiting",de,m),p("canplay",pe,m),p("progress",ue,m),s(V,()=>({play:fe,pause:ge,restart:ce,reset:be,seek:(e,r,t)=>We(r,e,t),videoState:{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,firstPlay:te,firstEnded:oe,muted:ee,startTime:re}})),e(r,{children:[U.overlayControls&&t(C,{videoElement:m,playing:Q,firstPlay:te,ended:Z,handleAction:Ce}),e(g,{variation:"raised",id:o,sx:G?.paperContainer?.sx,children:[e(j,{...U?.rtl&&{dir:"rtl"},children:[t(b,{seeking:q,playing:Q,ended:Z,buffering:X,handleAction:Ce}),t(f,{handleSeeking:je,handleSeekEnd:We,handleSeekStart:ye,ended:Z,marker:B?.marker,markersContainerProps:G?.markersContainer,markers:y,markerIndicatorMode:U.markerIndicatorMode,markerIndicatorSize:U.markerIndicatorSize,markerIndicator:U.markerIndicator,startTime:U.normaliseTime?re:0,currentTime:J,endTime:H,playing:Q,bufferRanges:O,buffering:X,volume:$,muted:ee,volumeControls:U.volumeControls,volumeControlsType:U.volumeControlsType,handleVolumeMute:()=>{m.muted=!ee},handleVolumeChange:e=>{m.volume=e,ee&&(m.muted=!1)},fullscreenControls:U.fullscreenControls,hideStartTime:U.hideStartTime,hideEndTime:U.hideEndTime,isFullScreen:K,handlefullscreenToggle:Be})]}),B?.bottom]})]})}));export{T as default};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormBuilder/FormBuilder.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};
1
+ import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormBuilder/FormBuilder.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../BrandCore/Sticker/Sticker.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};
@@ -1 +1 @@
1
- import{styled as o,Popper as t,autocompleteClasses as r}from"@mui/material";import"react";import{omitProps as e}from"../../../../utils/shouldForwardProp.js";import{selectMenuItemSize as i,popperBoxShadow as a}from"../../Select/StyledSelect.variant-helpers.js";import{fontSizemap as s}from"../../utils/typography.util.js";import"../../../BrandCore/colorRamps.js";import{base as n,margin as p}from"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";const d=(o,t)=>({"& .MuiPaper-root":{margin:0,marginTop:o.spacing(p.xs),border:`1px solid ${o.custom.palette.stroke.default}`,backgroundColor:o.custom.palette.surface.raised,boxShadow:a,borderRadius:o.spacing(o.custom.radius.sm)},[`& .${r.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${o.spacing(o.custom.padding.sm)} 0`,[`& .${r.option}`]:{fontSize:s[t],...t&&{minHeight:"lg"===t?5*n+"px":4*n+"px"},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),gap:o.spacing(o.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:o.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}},"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.hover},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}}}}),m=o(t,{shouldForwardProp:e("sizing","ownerState")})(({theme:o,sizing:t})=>({...t&&{...d(o,t)},[`& .${r.listbox} .${r.groupLabel}`]:{...t&&{minHeight:i(t),fontSize:s[t]},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),paddingRight:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),color:o.custom.palette.text.secondary,fontWeight:o.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));export{m as StyledPopper,d as popperStyles};
1
+ import{styled as o,Popper as t,autocompleteClasses as r}from"@mui/material";import"react";import{omitProps as e}from"../../../../utils/shouldForwardProp.js";import{selectMenuItemSize as i,popperBoxShadow as a}from"../../Select/StyledSelect.variant-helpers.js";import{fontSizemap as s}from"../../utils/typography.util.js";import"../../../BrandCore/colorRamps.js";import{base as n,margin as p}from"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/Sticker/Sticker.js";const d=(o,t)=>({"& .MuiPaper-root":{margin:0,marginTop:o.spacing(p.xs),border:`1px solid ${o.custom.palette.stroke.default}`,backgroundColor:o.custom.palette.surface.raised,boxShadow:a,borderRadius:o.spacing(o.custom.radius.sm)},[`& .${r.listbox}`]:{overflowX:"hidden",width:"100%",padding:`${o.spacing(o.custom.padding.sm)} 0`,[`& .${r.option}`]:{fontSize:s[t],...t&&{minHeight:"lg"===t?5*n+"px":4*n+"px"},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),gap:o.spacing(o.custom.padding.sm),display:"flex",alignItems:"center",'&[aria-selected="true"]':{backgroundColor:o.custom.palette.interaction.press,"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.press},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}},"&.Mui-focused":{backgroundColor:o.custom.palette.interaction.hover},"&:hover":{backgroundColor:o.custom.palette.interaction.hover}}}}),m=o(t,{shouldForwardProp:e("sizing","ownerState")})(({theme:o,sizing:t})=>({...t&&{...d(o,t)},[`& .${r.listbox} .${r.groupLabel}`]:{...t&&{minHeight:i(t),fontSize:s[t]},paddingLeft:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),paddingRight:o.spacing("xs"===t?o.custom.padding.sm:o.custom.padding.md),color:o.custom.palette.text.secondary,fontWeight:o.typography.fontWeightRegular,display:"flex",alignItems:"center"}}));export{m as StyledPopper,d as popperStyles};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useSensors as o,useSensor as t,MouseSensor as i,TouchSensor as n,KeyboardSensor as a,DndContext as d,MeasuringStrategy as s}from"@dnd-kit/core";import{sortableKeyboardCoordinates as m,SortableContext as l,verticalListSortingStrategy as c,useSortable as p}from"@dnd-kit/sortable";import{CSS as u}from"@dnd-kit/utilities";import{Stack as f,useTheme as g,Collapse as x,Box as v}from"@mui/material";import{useState as b,useRef as I}from"react";import{useFieldArray as h,useFormState as y,Controller as A}from"react-hook-form";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import j,{iconSizeMap as B}from"../../BrandCore/Icon/Icon.js";import w from"../Button/Button.js";import C from"../IconButton/IconButton.js";import{CollapseMessage as M}from"./FieldMessage.js";import{getFieldDefinition as R,splitFieldProps as E}from"./fieldRegistry.js";const S=({rowId:o,index:t,field:i,control:n,item:a,isExiting:d,appear:s,atMinimum:m,reorderable:l,onRemove:c,onExited:b})=>{const{custom:I}=g(),{attributes:h,listeners:y,setNodeRef:w,setActivatorNodeRef:S,transform:z,transition:k,isDragging:T}=p({id:o,disabled:!l}),F=R(a.fieldType);if(!F)return null;const D=F.component,N=E(a),$="none"===i.removeAction?{}:{endAdornment:e(C,{"aria-label":"Remove item",sizing:"xs",disabled:m||d,icon:e(j,{name:"delete",size:B.md,color:I.palette.icon.secondary}),onClick:c,tabIndex:i.rowActionsTabIndex})},G={ref:S,...h,...y,...void 0!==i.rowActionsTabIndex?{tabIndex:i.rowActionsTabIndex}:{},style:{touchAction:"none",cursor:T?"grabbing":"grab"}},H=l?"own"===a.dragAction?{dragHandleProps:G}:{startAdornment:e(C,{...G,"aria-label":"Reorder item",sizing:"xs",icon:e(j,{name:"drag-handle-dots",size:B.md,color:I.palette.icon.secondary})})}:{};return e(x,{in:!d,appear:s,timeout:"auto",onExited:b,children:e(v,{ref:w,sx:{paddingBottom:"8px",position:"relative",transform:u.Translate.toString(z),transition:k,zIndex:T?1:void 0},children:e(A,{name:`${i.name}.${t}.value`,control:n,render:({field:{ref:o,...t},fieldState:n})=>r(f,{children:[e(D,{fullWidth:!0,...H,...$,...N,...t,inputRef:o,"aria-invalid":!!n.error||void 0}),e(M,{errorMessage:i.hideError||d?void 0:n.error?.message})]})})})})},z=({field:p,control:u})=>{const{fields:g,append:x,remove:v,move:A}=h({control:u,name:p.name}),{errors:j}=y({control:u,name:p.name}),[B,C]=b(new Set),R=I(g);R.current=g;const E=Boolean(p.reorderable),z=o(t(i,{activationConstraint:{distance:2}}),t(n,{activationConstraint:{distance:2}}),t(a,{coordinateGetter:m})),k=I(!0),T=!k.current;k.current=!1;const F=g.length-B.size,D=F<=(p.minItems??0),N=void 0!==p.maxItems&&F>=p.maxItems,$=j?.[p.name],G=$?.root?.message??$?.message,H=(e,r)=>"function"==typeof p.itemField?p.itemField(e,r):p.itemField,L=e=>C(r=>new Set(r).add(e)),P=e=>x((e=>"object"==typeof e&&null!==e&&!Array.isArray(e)&&"value"in e)(e)?e:{value:e??p.defaultItem??""});return e(d,{sensors:z,measuring:{droppable:{strategy:s.Always}},onDragEnd:({active:e,over:r})=>{if(!r||e.id===r.id)return;const o=R.current.findIndex(r=>r.id===e.id),t=R.current.findIndex(e=>e.id===r.id);o>=0&&t>=0&&A(o,t)},children:e(l,{items:g.map(e=>e.id),strategy:c,disabled:!E,children:r(f,{children:[g.map((r,o)=>{const t=B.has(r.id),i={index:o,remove:()=>L(r.id),atMinimum:D,atMaximum:N};return e(S,{rowId:r.id,index:o,field:p,control:u,item:H(o,i),isExiting:t,appear:T,atMinimum:D,reorderable:E,onRemove:()=>L(r.id),onExited:()=>(e=>{const r=R.current.findIndex(r=>r.id===e);r>=0&&v(r),C(r=>{const o=new Set(r);return o.delete(e),o})})(r.id)},r.id)}),e(M,{errorMessage:p.hideError?void 0:G,edge:"bottom",gap:8,showicon:!0}),p.actions?p.actions({append:P,count:F,atMaximum:N}):e(w,{variation:"outlined",sizing:"sm",disabled:N,onClick:()=>P(),sx:{alignSelf:"flex-start"},children:p.addLabel??"Add"})]})})})};export{z as default};
1
+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useSensors as o,useSensor as t,MouseSensor as i,TouchSensor as n,KeyboardSensor as a,DndContext as d,MeasuringStrategy as s}from"@dnd-kit/core";import{sortableKeyboardCoordinates as m,SortableContext as l,verticalListSortingStrategy as c,useSortable as p}from"@dnd-kit/sortable";import{CSS as u}from"@dnd-kit/utilities";import{Stack as f,useTheme as g,Collapse as x,Box as v}from"@mui/material";import{useState as b,useRef as I}from"react";import{useFieldArray as h,useFormState as y,Controller as j}from"react-hook-form";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import A,{iconSizeMap as B}from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import C from"../Button/Button.js";import w from"../IconButton/IconButton.js";import{CollapseMessage as S}from"./FieldMessage.js";import{getFieldDefinition as M,splitFieldProps as R}from"./fieldRegistry.js";const k=({rowId:o,index:t,field:i,control:n,item:a,isExiting:d,appear:s,atMinimum:m,reorderable:l,onRemove:c,onExited:b})=>{const{custom:I}=g(),{attributes:h,listeners:y,setNodeRef:C,setActivatorNodeRef:k,transform:E,transition:z,isDragging:T}=p({id:o,disabled:!l}),F=M(a.fieldType);if(!F)return null;const D=F.component,N=R(a),$="none"===i.removeAction?{}:{endAdornment:e(w,{"aria-label":"Remove item",sizing:"xs",disabled:m||d,icon:e(A,{name:"delete",size:B.md,color:I.palette.icon.secondary}),onClick:c,tabIndex:i.rowActionsTabIndex})},G={ref:k,...h,...y,...void 0!==i.rowActionsTabIndex?{tabIndex:i.rowActionsTabIndex}:{},style:{touchAction:"none",cursor:T?"grabbing":"grab"}},H=l?"own"===a.dragAction?{dragHandleProps:G}:{startAdornment:e(w,{...G,"aria-label":"Reorder item",sizing:"xs",icon:e(A,{name:"drag-handle-dots",size:B.md,color:I.palette.icon.secondary})})}:{};return e(x,{in:!d,appear:s,timeout:"auto",onExited:b,children:e(v,{ref:C,sx:{paddingBottom:"8px",position:"relative",transform:u.Translate.toString(E),transition:z,zIndex:T?1:void 0},children:e(j,{name:`${i.name}.${t}.value`,control:n,render:({field:{ref:o,...t},fieldState:n})=>r(f,{children:[e(D,{fullWidth:!0,...H,...$,...N,...t,inputRef:o,"aria-invalid":!!n.error||void 0}),e(S,{errorMessage:i.hideError||d?void 0:n.error?.message})]})})})})},E=({field:p,control:u})=>{const{fields:g,append:x,remove:v,move:j}=h({control:u,name:p.name}),{errors:A}=y({control:u,name:p.name}),[B,w]=b(new Set),M=I(g);M.current=g;const R=Boolean(p.reorderable),E=o(t(i,{activationConstraint:{distance:2}}),t(n,{activationConstraint:{distance:2}}),t(a,{coordinateGetter:m})),z=I(!0),T=!z.current;z.current=!1;const F=g.length-B.size,D=F<=(p.minItems??0),N=void 0!==p.maxItems&&F>=p.maxItems,$=A?.[p.name],G=$?.root?.message??$?.message,H=(e,r)=>"function"==typeof p.itemField?p.itemField(e,r):p.itemField,L=e=>w(r=>new Set(r).add(e)),P=e=>x((e=>"object"==typeof e&&null!==e&&!Array.isArray(e)&&"value"in e)(e)?e:{value:e??p.defaultItem??""});return e(d,{sensors:E,measuring:{droppable:{strategy:s.Always}},onDragEnd:({active:e,over:r})=>{if(!r||e.id===r.id)return;const o=M.current.findIndex(r=>r.id===e.id),t=M.current.findIndex(e=>e.id===r.id);o>=0&&t>=0&&j(o,t)},children:e(l,{items:g.map(e=>e.id),strategy:c,disabled:!R,children:r(f,{children:[g.map((r,o)=>{const t=B.has(r.id),i={index:o,remove:()=>L(r.id),atMinimum:D,atMaximum:N};return e(k,{rowId:r.id,index:o,field:p,control:u,item:H(o,i),isExiting:t,appear:T,atMinimum:D,reorderable:R,onRemove:()=>L(r.id),onExited:()=>(e=>{const r=M.current.findIndex(r=>r.id===e);r>=0&&v(r),w(r=>{const o=new Set(r);return o.delete(e),o})})(r.id)},r.id)}),e(S,{errorMessage:p.hideError?void 0:G,edge:"bottom",gap:8,showicon:!0}),p.actions?p.actions({append:P,count:F,atMaximum:N}):e(C,{variation:"outlined",sizing:"sm",disabled:N,onClick:()=>P(),sx:{alignSelf:"flex-start"},children:p.addLabel??"Add"})]})})})};export{E as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as o,Button as i,Box as r,Stack as n,useTheme as a,Grow as s,buttonBaseClasses as l,typographyClasses as c}from"@mui/material";import{mergeSx as d}from"merge-sx";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"react";import{omitProps as h}from"../../../utils/shouldForwardProp.js";import{buttonInteraction as u}from"../ButtonBase/Button.variant-helpers.js";import"../ButtonBase/ButtonBase.js";import g from"../Label/Label.js";import{Text as x}from"../Text/Text.js";import f from"../Tooltip/Tooltip.js";const w=o(i,{shouldForwardProp:h("active","iconHeight")})(({active:e,iconHeight:t=24,theme:o})=>({borderRadius:o.spacing(o.custom.radius.sm),maxWidth:"100%",padding:o.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...u(o,e),backgroundColor:e?o.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:o.custom.palette.text.disabled}}})),b=o(r)(({theme:e})=>({padding:e.spacing(.5,1)})),v=o(r)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),j=o(n,{shouldForwardProp:h("iconHeight")})(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"})),y=({baseState:o,label:i,active:n,danger:h,divider:u,heading:y,selected:B,disabled:C,closeOnClick:I,hidden:k,onClick:H,startIcon:T,slotProps:P,tooltip:S,showItemNumber:W=!1,itemNumber:O,children:z})=>{const F=a(),L=3*m;return k?null:u?e(r,{sx:{height:32,display:"flex",alignItems:"center"},children:e(r,{sx:{borderBottom:`1px solid ${F.custom.palette.stroke.default}`,width:"100%"}})}):i?y?e(b,{children:e(x,{variant:"button",secondary:!0,children:i})}):e(w,{active:n,disabled:C,onClick:e=>{H&&H(e),I&&o?.close()},iconHeight:L,sx:{[`&.${l.root} .${c.root}`]:{minHeight:"initial"}},children:t(v,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[t(v,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[W&&!!O&&e(g,{body:O,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==T&&e(p,{name:T,...P?.startIcon}),S?e(f,{message:i,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})}):e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})]}),t(j,{iconHeight:L,sx:{minWidth:L},children:[z?.length&&z.length>0&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"chevron-right",size:L})})}),B&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"check",size:L})})})]})]})}):null};export{y as default};
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{styled as o,Button as i,Box as r,Stack as n,useTheme as a,Grow as s,buttonBaseClasses as l,typographyClasses as c}from"@mui/material";import{mergeSx as d}from"merge-sx";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"react";import{omitProps as h}from"../../../utils/shouldForwardProp.js";import{buttonInteraction as u}from"../ButtonBase/Button.variant-helpers.js";import"../ButtonBase/ButtonBase.js";import g from"../Label/Label.js";import{Text as x}from"../Text/Text.js";import f from"../Tooltip/Tooltip.js";const w=o(i,{shouldForwardProp:h("active","iconHeight")})(({active:e,iconHeight:t=24,theme:o})=>({borderRadius:o.spacing(o.custom.radius.sm),maxWidth:"100%",padding:o.spacing(.5,1),textTransform:"none",width:"100%",textOverflow:"ellipsis",whiteSpace:"nowrap",...u(o,e),backgroundColor:e?o.custom.palette.surface.sunken:"transparent","& p":{minHeight:t},"&:disabled":{backgroundColor:"inherit","& p":{color:o.custom.palette.text.disabled}}})),b=o(r)(({theme:e})=>({padding:e.spacing(.5,1)})),v=o(r)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),textAlign:"left"})),j=o(n,{shouldForwardProp:h("iconHeight")})(({iconHeight:e=24,theme:t})=>({height:e,width:24,alignItems:"center",color:t.custom.palette.icon.secondary,display:"flex",justifyContent:"center",marginLeft:"auto"})),y=({baseState:o,label:i,active:n,danger:h,divider:u,heading:y,selected:B,disabled:C,closeOnClick:k,hidden:I,onClick:H,startIcon:S,slotProps:T,tooltip:P,showItemNumber:W=!1,itemNumber:O,children:z})=>{const F=a(),L=3*m;return I?null:u?e(r,{sx:{height:32,display:"flex",alignItems:"center"},children:e(r,{sx:{borderBottom:`1px solid ${F.custom.palette.stroke.default}`,width:"100%"}})}):i?y?e(b,{children:e(x,{variant:"button",secondary:!0,children:i})}):e(w,{active:n,disabled:C,onClick:e=>{H&&H(e),k&&o?.close()},iconHeight:L,sx:{[`&.${l.root} .${c.root}`]:{minHeight:"initial"}},children:t(v,{sx:{width:"100%",justifyContent:"space-between",gap:1},children:[t(v,{sx:{flex:"1 1 auto",gap:1,minWidth:0},children:[W&&!!O&&e(g,{body:O,sizing:"xxs",colorScheme:"neutral",sx:{minWidth:32}}),void 0!==S&&e(p,{name:S,...T?.startIcon}),P?e(f,{message:i,slotProps:{wrapper:{sx:{minWidth:0,overflow:"hidden",flex:"1 1 auto"}}},children:e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})}):e(x,{monospaced:!0,sx:d({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},h&&{color:F.custom.palette.text.negative},y&&{color:F.custom.palette.text.secondary}),variant:"button",children:i})]}),t(j,{iconHeight:L,sx:{minWidth:L},children:[z?.length&&z.length>0&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"chevron-right",size:L})})}),B&&e(s,{in:!0,children:e(r,{sx:{display:"flex",alignItems:"center"},children:e(p,{name:"check",size:L})})})]})]})}):null};export{y as default};
@@ -1 +1 @@
1
- import{jsx as o,jsxs as r}from"react/jsx-runtime";import{NumberField as t}from"@base-ui-components/react";import{useTheme as n,inputAdornmentClasses as e,buttonGroupClasses as i,iconButtonClasses as m}from"@mui/material";import{mergeSx as s}from"merge-sx";import{forwardRef as a}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import c from"../../BrandCore/Icon/Icon.js";import p from"../IconButton/IconButton.js";import d from"../IconButtonGroup/IconButtonGroup.js";import u from"../TextField/TextField.js";const g=({hideActionButtons:e})=>{const s=n();return!e&&r(d,{orientation:"vertical",sizing:"xs",sx:{borderRadius:"6px",[`&.${i.root} > .${m.root}`]:{width:s.spacing(s.custom.margin.lg-s.custom.margin.xs),height:15,p:0}},children:[o(t.Increment,{render:o(p,{icon:o(c,{name:"chevron-up"})})}),o(t.Decrement,{render:o(p,{icon:o(c,{name:"chevron-down"})})})]})},B=a(({onChange:r,value:t,startAdornment:i,endAdornment:m,hideActionButtons:a,sx:c,...p},d)=>{const B=n();return o(u,{inputRef:d,value:t,onChange:r,startAdornment:i,endAdornment:m||o(g,{hideActionButtons:a}),sx:s(c,{[`& .${e.root}`]:{pr:m?B.spacing(B.custom.margin.sm):B.spacing(B.custom.margin.xs)}}),...p})});export{B as default};
1
+ import{jsx as r,jsxs as o}from"react/jsx-runtime";import{NumberField as t}from"@base-ui-components/react";import{useTheme as n,inputAdornmentClasses as e,buttonGroupClasses as i,iconButtonClasses as m}from"@mui/material";import{mergeSx as s}from"merge-sx";import{forwardRef as a}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import c from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import p from"../IconButton/IconButton.js";import d from"../IconButtonGroup/IconButtonGroup.js";import u from"../TextField/TextField.js";const g=({hideActionButtons:e})=>{const s=n();return!e&&o(d,{orientation:"vertical",sizing:"xs",sx:{borderRadius:"6px",[`&.${i.root} > .${m.root}`]:{width:s.spacing(s.custom.margin.lg-s.custom.margin.xs),height:15,p:0}},children:[r(t.Increment,{render:r(p,{icon:r(c,{name:"chevron-up"})})}),r(t.Decrement,{render:r(p,{icon:r(c,{name:"chevron-down"})})})]})},B=a(({onChange:o,value:t,startAdornment:i,endAdornment:m,hideActionButtons:a,sx:c,...p},d)=>{const B=n();return r(u,{inputRef:d,value:t,onChange:o,startAdornment:i,endAdornment:m||r(g,{hideActionButtons:a}),sx:s(c,{[`& .${e.root}`]:{pr:m?B.spacing(B.custom.margin.sm):B.spacing(B.custom.margin.xs)}}),...p})});export{B as default};
@@ -1 +1 @@
1
- import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as s}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import t from"../../BrandCore/Icon/Icon.js";import a from"../IconButton/IconButton.js";import n from"../Progress/Progress.js";import{Text as l}from"../Text/Text.js";import d from"../Tooltip/Tooltip.js";import m from"./StyledPill.js";import{pillVariationIconColor as p}from"./pill.helpers.js";import c from"./useTextTruncation.js";const x=x=>{const u=s(),{label:f,secondaryLabel:g,iconLeft:b,iconRight:j,onDelete:h,active:y,slots:B,loading:C,sizing:T,disabled:v,variation:z,sx:I,slotProps:P}=x,{textRef:R,isTruncated:k}=c([f]),L=!v&&z?p(u,z):void 0,{sx:M,...W}=P?.root??{},$=o(m,{className:"loops-pill",tabIndex:0,...x,...W,sx:i(I,M),children:[C&&r(n,{sizing:T||"xl",sx:{color:u.custom.palette.icon.disabled}}),!C&&o(e,{children:[b&&r(t,{disabled:v,size:16,name:b,sx:L?{color:L}:void 0}),f&&"string"==typeof f?r(l,{size:"sm",noWrap:!0,ref:R,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:f}):f,"string"==typeof g?r(l,{secondary:!0,size:"sm",monospaced:!0,noWrap:!0,ref:R,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:g}):g,j&&r(t,{disabled:v,size:16,name:j,sx:L?{color:L}:void 0}),h&&r(a,{sizing:"xs",onClick:h,shape:"round",disabled:v,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:r(t,{name:"cancel",sx:{color:y?u.custom.palette.blue[1e3]:u.custom.palette.icon.secondary}})})]})]});return k?r(d,{message:f,...B?.tooltip,children:$}):$};export{x as default};
1
+ import{jsxs as o,jsx as r,Fragment as e}from"react/jsx-runtime";import{useTheme as s}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import t from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import a from"../IconButton/IconButton.js";import n from"../Progress/Progress.js";import{Text as d}from"../Text/Text.js";import l from"../Tooltip/Tooltip.js";import m from"./StyledPill.js";import{pillVariationIconColor as p}from"./pill.helpers.js";import c from"./useTextTruncation.js";const x=x=>{const u=s(),{label:f,secondaryLabel:g,iconLeft:b,iconRight:j,onDelete:B,active:C,slots:h,loading:y,sizing:T,disabled:v,variation:z,sx:I,slotProps:k}=x,{textRef:P,isTruncated:R}=c([f]),S=!v&&z?p(u,z):void 0,{sx:L,...M}=k?.root??{},W=o(m,{className:"loops-pill",tabIndex:0,...x,...M,sx:i(I,L),children:[y&&r(n,{sizing:T||"xl",sx:{color:u.custom.palette.icon.disabled}}),!y&&o(e,{children:[b&&r(t,{disabled:v,size:16,name:b,sx:S?{color:S}:void 0}),f&&"string"==typeof f?r(d,{size:"sm",noWrap:!0,ref:P,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:f}):f,"string"==typeof g?r(d,{secondary:!0,size:"sm",monospaced:!0,noWrap:!0,ref:P,disabled:v,sx:{padding:`0 ${u.spacing(u.custom.padding.xs)}`},children:g}):g,j&&r(t,{disabled:v,size:16,name:j,sx:S?{color:S}:void 0}),B&&r(a,{sizing:"xs",onClick:B,shape:"round",disabled:v,variation:"default",sx:{"&.MuiIconButton-root.Mui-disabled":{"&:before":{backgroundColor:"transparent"}}},icon:r(t,{name:"cancel",sx:{color:C?u.custom.palette.blue[1e3]:u.custom.palette.icon.secondary}})})]})]});return R?r(l,{message:f,...h?.tooltip,children:W}):W};export{x as default};
@@ -1 +1 @@
1
- import{styled as o,chipClasses as t}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as r}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import{fonts as e}from"../../BrandCore/typography.js";import"react/jsx-runtime";import"../../BrandCore/Icon/Icon.js";import a from"../Label/Label.js";const i=o(a)(({theme:o})=>({backgroundColor:o.custom.palette.yellow[400],borderRadius:o.spacing(o.custom.radius.round),padding:`${o.spacing(o.custom.padding.xs)} ${o.spacing(o.custom.padding.md)}`,height:"unset",[`& .${t.label}`]:{textTransform:"none",fontFamily:e.FontStack.Serif,fontSize:o.custom.typography.headline.md,color:o.custom.palette.text.primary,padding:`0 ${o.spacing(o.custom.padding.md)}`},[`& .${t.icon}`]:{height:4*r,width:4*r,backgroundColor:o.custom.palette.yellow[400],color:o.custom.palette.text.primary,[o.breakpoints.down("lg")]:{height:3*r,width:3*r}}}));export{i as TrialPill};
1
+ import{styled as o,chipClasses as r}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as t}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import{fonts as e}from"../../BrandCore/typography.js";import"react/jsx-runtime";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import i from"../Label/Label.js";const a=o(i)(({theme:o})=>({backgroundColor:o.custom.palette.yellow[400],borderRadius:o.spacing(o.custom.radius.round),padding:`${o.spacing(o.custom.padding.xs)} ${o.spacing(o.custom.padding.md)}`,height:"unset",[`& .${r.label}`]:{textTransform:"none",fontFamily:e.FontStack.Serif,fontSize:o.custom.typography.headline.md,color:o.custom.palette.text.primary,padding:`0 ${o.spacing(o.custom.padding.md)}`},[`& .${r.icon}`]:{height:4*t,width:4*t,backgroundColor:o.custom.palette.yellow[400],color:o.custom.palette.text.primary,[o.breakpoints.down("lg")]:{height:3*t,width:3*t}}}));export{a as TrialPill};
@@ -1 +1 @@
1
- import{jsx as o,jsxs as e}from"react/jsx-runtime";import{styled as i,Box as t,Container as r,Modal as n,Fade as a,Backdrop as s}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import d from"../../BrandCore/Icon/Icon.js";import l from"../IconButton/IconButton.js";const c=({modalVisible:i=!1,showModal:t,video:c})=>o(n,{closeAfterTransition:!0,onClose:()=>t(!1),open:i,hideBackdrop:!0,children:o(a,{in:i,children:e(m,{children:[o(s,{open:i,onClick:()=>t(!1)}),o(h,{children:o(u,{children:o(f,{autoPlay:!0,controls:!0,controlsList:"nodownload noremoteplayback noplaybackrate",disablePictureInPicture:!0,muted:!0,preload:"auto",src:c,tabIndex:-1})})}),o(p,{children:o(r,{children:o(l,{icon:o(d,{name:"close",size:24}),variation:"outlined",shape:"round",onClick:()=>t(!1)})})})]})})}),p=i(t)(({theme:o})=>({paddingTop:o.spacing(2),position:"fixed",right:0,top:80})),m=i(t)({alignItems:"center",display:"flex",height:"100%",justifyContent:"center",left:0,position:"fixed",top:0,width:"100%"}),h=i(r)({alignItems:"center",display:"flex",justifyContent:"center",position:"relative",zIndex:999}),u=i(t)({aspectRatio:"16/9",maxHeight:"70vh"}),f=i("video")({height:"100%",width:"100%"});export{c as default};
1
+ import{jsx as o,jsxs as e}from"react/jsx-runtime";import{styled as i,Box as t,Container as r,Modal as n,Fade as a,Backdrop as s}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import d from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import l from"../IconButton/IconButton.js";const c=({modalVisible:i=!1,showModal:t,video:c})=>o(n,{closeAfterTransition:!0,onClose:()=>t(!1),open:i,hideBackdrop:!0,children:o(a,{in:i,children:e(m,{children:[o(s,{open:i,onClick:()=>t(!1)}),o(h,{children:o(u,{children:o(f,{autoPlay:!0,controls:!0,controlsList:"nodownload noremoteplayback noplaybackrate",disablePictureInPicture:!0,muted:!0,preload:"auto",src:c,tabIndex:-1})})}),o(p,{children:o(r,{children:o(l,{icon:o(d,{name:"close",size:24}),variation:"outlined",shape:"round",onClick:()=>t(!1)})})})]})})}),p=i(t)(({theme:o})=>({paddingTop:o.spacing(2),position:"fixed",right:0,top:80})),m=i(t)({alignItems:"center",display:"flex",height:"100%",justifyContent:"center",left:0,position:"fixed",top:0,width:"100%"}),h=i(r)({alignItems:"center",display:"flex",justifyContent:"center",position:"relative",zIndex:999}),u=i(t)({aspectRatio:"16/9",maxHeight:"70vh"}),f=i("video")({height:"100%",width:"100%"});export{c as default};
package/dist/index.d.ts CHANGED
@@ -9,6 +9,7 @@ export { semantic } from './systems/BrandCore/semanticColor.js';
9
9
  export { ColorRange, ColorRangeAlpha, FontWeight, SemanticColor } from './systems/BrandCore/types.js';
10
10
  export { fonts } from './systems/BrandCore/typography.js';
11
11
  export { IconName } from './BrandCore/Icon.js';
12
+ export { default as Sticker, StickerName, StickerProps, stickerAnimationSrc, stickerNames, stickerSizeMap } from './systems/BrandCore/Sticker/Sticker.js';
12
13
  export { default as PlanFeatureTable, PlanFeatureTableProps } from './systems/Marketing/PlanFeatureTable/PlanFeatureTable.js';
13
14
  export { PlanFeatureTableData } from './systems/Marketing/PlanFeatureTable/PlanFeatureTableData.js';
14
15
  export { default as PlanTierCard, PlanTierCardProps, Section } from './systems/Marketing/PlanTierCard/PlanTierCard.js';
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/componentTokens.js"),s=require("./systems/BrandCore/gradients.js"),t=require("./systems/BrandCore/primitiveColor.js"),o=require("./systems/BrandCore/primitiveVariables.js"),i=require("./systems/BrandCore/semanticColor.js"),a=require("./systems/BrandCore/types.js"),p=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var u=require("./systems/BrandCore/Icon/Icon.js"),n=require("./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js"),m=require("./systems/Marketing/PlanTierCard/PlanTierCard.js"),l=require("./systems/Marketing/TickGroup/TickGroup.js"),d=require("./systems/Platform/AiContentContainer/AiContentContainer.js"),x=require("./systems/Platform/AIInsight/AIInsight.js"),y=require("./systems/Platform/AISummary/AISummary.js"),C=require("./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js"),j=require("./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js"),c=require("./systems/Platform/AssetItem/AssetItem.js"),b=require("./systems/Platform/AuthContainerSurface/AuthContainerSurface.js"),q=require("./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),P=require("./systems/Platform/CommentCard/CommentCard.js"),h=require("./systems/Platform/DataPointInfo/DataPointInfo.js"),B=require("./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js"),g=require("./systems/Platform/EditedByAvatar/EditedByAvatar.js"),W=require("./systems/Platform/EmojiListItem/EmojiListItem.js"),I=require("./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js"),f=require("./systems/Platform/EmptyStateCard/EmptyStateCard.js"),T=require("./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js"),S=require("./systems/Platform/FilterCount/FilterCount.js"),A=require("./systems/Platform/FilteredItemsCard/FilteredItemsCard.js"),k=require("./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js"),F=require("./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js"),G=require("./systems/Platform/FilterRow/FilterRow.js"),L=require("./systems/Platform/GraphBar/GraphBar.js"),M=require("./systems/Platform/Header/Header.js"),v=require("./systems/Platform/KpiDataPopover/KpiDataPopover.js"),R=require("./systems/Platform/KpiIndicator/KpiIndicator.js"),w=require("./systems/Platform/KpiIndicator/utils.js"),E=require("./systems/Platform/LikertGraph/LikertGraph.js"),N=require("./systems/Platform/LoopItem/LoopItem.js"),V=require("./systems/Platform/LoopItemEmpty/LoopItemEmpty.js"),D=require("./systems/Platform/MiniResultCard/graphVariants.js"),K=require("./systems/Platform/MiniResultCard/MiniResultCard.js"),H=require("./systems/Platform/Navigation/Navigation.js"),_=require("./systems/Platform/OnboardingCard/OnboardingCard.js"),O=require("./systems/Platform/PaginationControl/PaginationControl.js"),Q=require("./systems/Platform/ProjectItem/ProjectItem.js"),U=require("./systems/Platform/ProjectItem/ProjectItemEmpty.js"),z=require("./systems/Platform/QuestionBar/QuestionBar.js"),X=require("./systems/Platform/QuestionBlock/QuestionBlock.js"),Y=require("./systems/Platform/QuestionSelector/QuestionSelector.js"),J=require("./systems/Platform/ScrollIndicator/ScrollIndicator.js"),Z=require("./systems/Platform/SearchInput/SearchInput.js"),$=require("./systems/Platform/SectionHeader/SectionHeader.js"),ee=require("./systems/Platform/SentimentArrow/SentimentArrow.js");require("./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js");var re=require("./systems/Platform/SliderGraph/SliderGraph.js");require("react");var se=require("./systems/Platform/GraphPopoverDataLayout/GraphPopoverDataLayout.js");require("./systems/Platform/SliderGraph/_partials/StyledComponents.js");var te=require("./systems/Platform/Tab/Tab.js"),oe=require("./systems/Platform/TestItem/_partials/TestItemSkeleton.js"),ie=require("./systems/Platform/TestItem/TestItem.js"),ae=require("./systems/Platform/TestKPICard/TestKPICard.js"),pe=require("./systems/Platform/TimeToFindGraph/TimeToFindGraph.js"),ue=require("./systems/Platform/TimeToFindResult/TimeToFindResult.js"),ne=require("./systems/Platform/VideoControls/VideoControls.js"),me=require("./systems/Platform/VideoControls2/VideoControls2.js"),le=require("./systems/Platform/VideoControls2/components/VideoOverlayControl/VideoOverlayControl.js"),de=require("./systems/Platform/CommentFeedbackCard/CommentFeedbackCard.js"),xe=require("./systems/Platform/LoopVideoNudge/LoopVideoNudge.js"),ye=require("./systems/Platform/PinchIndicator/PinchIndicator.js"),Ce=require("./utils/formValidation/email.js"),je=require("./utils/formValidation/misc.js"),ce=require("./utils/formValidation/password.js"),be=require("./systems/WebCore/ButtonBase/Button.variant-helpers.js"),qe=require("./systems/WebCore/utils/backgroundCreator.js"),Pe=require("./systems/WebCore/AnnualController/AnnualController.js"),he=require("./systems/WebCore/SelectItem/SelectItem.js"),Be=require("./systems/WebCore/Accordion/Accordion.js"),ge=require("./systems/WebCore/Animations/FadeIn.js"),We=require("./systems/WebCore/AuthFormHeader/AuthFormHeader.js"),Ie=require("./systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js"),fe=require("./systems/WebCore/AutocompleteField/AutocompleteField.js"),Te=require("./systems/WebCore/Avatar/Avatar.js"),Se=require("./systems/WebCore/AvatarGroup/AvatarGroup.js"),Ae=require("./systems/WebCore/Badge/Badge.js"),ke=require("./systems/WebCore/BrandBadge/BrandBadge.js"),Fe=require("./systems/WebCore/Breadcrumb/Breadcrumb.js"),Ge=require("./systems/WebCore/BulletGraphic/BulletGraphic.js"),Le=require("./systems/WebCore/Button/Button.js"),Me=require("./systems/WebCore/ButtonBase/ButtonBase.js"),ve=require("./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js"),Re=require("./systems/WebCore/Checkbox/Checkbox.js");require("./systems/WebCore/Checkbox/StyledCheckbox.js");var we=require("./systems/WebCore/CheckboxGroup/CheckboxGroup.js"),Ee=require("./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js"),Ne=require("./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),Ve=require("./systems/WebCore/CustomField/CustomField.js"),De=require("./systems/WebCore/Differential/Differential.js"),Ke=require("./systems/WebCore/DropdownMenu/DropdownMenu.js"),He=require("./systems/WebCore/DropdownMenu/DropdownMenu.hook.js"),_e=require("./systems/WebCore/EmojiWrapper/EmojiWrapper.js"),Oe=require("./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),Qe=require("./systems/WebCore/Flag/Flag.js"),Ue=require("./systems/WebCore/FormBuilder/FormBuilder.js"),ze=require("./systems/WebCore/FormControlLabel/FormControlLabel.js"),Xe=require("./systems/WebCore/FormGenerator/FormGenerator.js"),Ye=require("./systems/WebCore/GridOverlay/GridOverlay.js"),Je=require("./systems/WebCore/Html/Html.js"),Ze=require("./systems/WebCore/HtmlParser/HtmlParser.js"),$e=require("./systems/WebCore/IconButton/IconButton.js"),er=require("./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js"),rr=require("./systems/WebCore/IconButtonBase/IconButtonBase.js"),sr=require("./systems/WebCore/IconButtonGroup/IconButtonGroup.js"),tr=require("./systems/WebCore/Image/Image.js"),or=require("./systems/WebCore/InputFieldBase/InputFieldBase.js"),ir=require("./systems/WebCore/InputLabel/InputLabel.js"),ar=require("./systems/WebCore/InputLabelHelp/InputLabelHelp.js"),pr=require("./systems/WebCore/KbdGroup/Kbd.js"),ur=require("./systems/WebCore/KbdGroup/KbdGroup.js"),nr=require("./systems/WebCore/KeyValueLabel/KeyValueLabel.js"),mr=require("./systems/WebCore/Label/Label.js"),lr=require("./systems/WebCore/Likert/Likert.js"),dr=require("./systems/WebCore/Link/Link.js"),xr=require("./systems/WebCore/Loader/Loader.js"),yr=require("./systems/WebCore/Logo/Logo.js"),Cr=require("./systems/WebCore/LoopsAiButton/LoopsAiButton.js"),jr=require("./systems/WebCore/Markdown/Markdown.js"),cr=require("./systems/WebCore/Menu/Menu.js"),br=require("./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),qr=require("./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js"),Pr=require("./systems/WebCore/ModalLayout/ModalLayout.js"),hr=require("./systems/WebCore/NavigationButton/NavigationButton.js"),Br=require("./systems/WebCore/Nudge/Nudge.js"),gr=require("./systems/WebCore/Text/Text.js");require("./systems/WebCore/Nudge/NudgeButton.js");var Wr=require("./systems/WebCore/NumberField/NumberField.js"),Ir=require("./systems/WebCore/Pill/Pill.js"),fr=require("./systems/WebCore/Popper/Popper.js"),Tr=require("./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js"),Sr=require("./systems/WebCore/Progress/Progress.js"),Ar=require("./systems/WebCore/ProgressBar/ProgressBar.js"),kr=require("./systems/WebCore/Radio/Radio.js");require("./systems/WebCore/Radio/StyledRadio.js");var Fr=require("./systems/WebCore/RadioGroup/RadioGroup.js"),Gr=require("./systems/WebCore/Rank/Rank.js"),Lr=require("./systems/WebCore/RichTextField/RichTextField.js"),Mr=require("./systems/WebCore/Select/Select.js"),vr=require("./systems/WebCore/Skeleton/Skeleton.js"),Rr=require("./systems/WebCore/Slider/Slider.js"),wr=require("./systems/WebCore/SortableList/SortableList.js"),Er=require("./systems/WebCore/StarRating/StarRating.js"),Nr=require("./systems/WebCore/Surface/Surface.js"),Vr=require("./systems/WebCore/Switch/Switch.js"),Dr=require("./systems/WebCore/Textarea/Textarea.js"),Kr=require("./systems/WebCore/TextBarDivider/TextBarDivider.js"),Hr=require("./systems/WebCore/TextField/TextField.js"),_r=require("./systems/WebCore/Toast/Toast.js"),Or=require("./systems/WebCore/Tooltip/Tooltip.js"),Qr=require("./systems/WebCore/TrialCard/TrialCard.js"),Ur=require("./systems/WebCore/UserMenu/UserMenu.js"),zr=require("./systems/WebCore/VideoModal/VideoModal.js"),Xr=require("./systems/WebCore/TintedSurface/TintedSurface.js"),Yr=require("./utils/breakpoint.hook.js"),Jr=require("./utils/cdn.js"),Zr=require("./utils/compareArrayMembers.js"),$r=require("./utils/isButton.js"),es=require("./utils/isNumber.js"),rs=require("./utils/isNumeric.js"),ss=require("./utils/pluralise.js"),ts=require("./utils/screen.hook.js"),os=require("./utils/useKeyCombo.js"),is=require("./utils/usePrevious.js"),as=require("./utils/shouldForwardProp.js"),ps=require("./theme/theme.js"),us=require("./theme/theme.hooks.js"),ns=require("./theme/theme.provider.js"),ms=require("./theme/theme.context.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.componentTokens=r.componentTokens,exports.tone1=s.tone1,exports.tone2=s.tone2,exports.tone3=s.tone3,exports.tone3_ai_icon=s.tone3_ai_icon,exports.tone3_border=s.tone3_border,exports.tone3_lowOpacity_text=s.tone3_lowOpacity_text,exports.tone4=s.tone4,exports.tone5=s.tone5,exports.blue=t.blue,exports.darkNeutral=t.darkNeutral,exports.darkNeutralAlpha=t.darkNeutralAlpha,exports.green=t.green,exports.neutral=t.neutral,exports.neutralAlpha=t.neutralAlpha,exports.peach=t.peach,exports.purple=t.purple,exports.red=t.red,exports.yellow=t.yellow,exports.base=o.base,exports.boxShadow=o.boxShadow,exports.breakpoints=o.breakpoints,exports.easing=o.easing,exports.elevation=o.elevation,exports.elevationFilter=o.elevationFilter,exports.margin=o.margin,exports.padding=o.padding,exports.radius=o.radius,exports.space=o.space,exports.semantic=i.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return a.FontWeight}}),exports.fonts=p.fonts,exports.Icon=u.default,exports.iconSizeMap=u.iconSizeMap,exports.PlanFeatureTable=n,exports.PlanTierCard=m,exports.TickGroup=l,exports.AiContentContainer=d.default,exports.AIInsight=x,exports.AISummary=y,exports.AIWrittenByLockUp=C,exports.ArrowTextIndicator=j,exports.AssetItem=c,exports.AuthContainerSurface=b,exports.ClipboardCopyingOverlay=q,exports.CommentCard=P.default,exports.DataPointInfo=h,exports.DemographicSelectionSection=B,exports.EditedByAvatar=g.default,exports.getAuthorAvatarColor=g.getAuthorAvatarColor,exports.EmojiListItem=W,exports.EmojiQuestionEditorOption=I,exports.EmptyStateCard=f,exports.ExtendedTestStatus=T,exports.FilterCount=S,exports.FilteredItemsCard=A,exports.FilterGroupAccordion=k,exports.FilterPyramidGraph=F,exports.FilterRow=G,exports.GraphBar=L,exports.Header=M,exports.KpiDataPopover=v,exports.KpiIndicator=R,exports.getKpiIndicatorColor=w.getKpiIndicatorColor,exports.mapKpiColorSchemeByInteger=w.mapKpiColorSchemeByInteger,exports.LikertGraph=E,exports.LoopItem=N,exports.LoopItemEmpty=V,exports.MiniEmojiGraph=D.MiniEmojiGraph,exports.MiniLikertGraph=D.MiniLikertGraph,exports.MiniOpenQuestionGraph=D.MiniOpenQuestionGraph,exports.MiniPunchGraph=D.MiniPunchGraph,exports.MiniRankGraph=D.MiniRankGraph,exports.MiniSliderGraph=D.MiniSliderGraph,exports.MiniResultCard=K,exports.Navigation=H,exports.OnboardingCard=_,exports.PaginationControl=O,exports.ProjectItem=Q,exports.ProjectItemEmpty=U,exports.QuestionLabel=z,exports.QuestionBlock=X,exports.QuestionSelector=Y,exports.ScrollIndicator=J,exports.SearchInput=Z,exports.SectionHeader=$,exports.SentimentArrow=ee,exports.SliderGraph=re,exports.GraphPopoverDataLayout=se,exports.Tab=te,exports.TestItemSkeleton=oe,exports.TestItem=ie,exports.TestKPICard=ae,exports.TimeToFindGraph=pe,exports.TimeToFindResult=ue,exports.VideoControls=ne,exports.VideoControls2=me,exports.VideoOverlayControl=le,exports.CommentFeedbackCard=de,exports.LoopVideoNudge=xe,exports.PinchIndicator=ye,exports.emailValidation=Ce.emailValidation,exports.DEFAULT_MAX_INPUT_LENGTH=je.DEFAULT_MAX_INPUT_LENGTH,exports.chooseArticle=je.chooseArticle,exports.defaultInputValidation=je.defaultInputValidation,exports.passwordValidation=ce.passwordValidation,exports.buttonHeightMap=be.buttonHeightMap,exports.buttonInteraction=be.buttonInteraction,exports.buttonPadding=be.buttonPadding,exports.getButtonSizing=be.getButtonSizing,exports.getButtonTypography=be.getButtonTypography,exports.getIconSizing=be.getIconSizing,exports.outlined=be.outlined,exports.primary=be.primary,exports.secondary=be.secondary,exports.subtle=be.subtle,exports.backgroundCreator=qe.backgroundCreator,exports.AnnualController=Pe,exports.SelectItem=he.default,exports.Accordion=Be.default,exports.FadeIn=ge,exports.AuthFormHeader=We,exports.AutocompleteBaseField=Ie,exports.AutocompleteField=fe,exports.Avatar=Te,exports.AvatarGroup=Se,exports.Badge=Ae,exports.BrandBadge=ke.default,exports.Breadcrumb=Fe,exports.BulletGraphic=Ge.default,exports.Button=Le,exports.ButtonBase=Me,exports.ButtonTabGroup=ve,exports.Checkbox=Re,exports.CheckboxGroup=we,exports.ColorBackgroundContainer=Ee,exports.CreatableAutocomplete=Ne,exports.CustomField=Ve,exports.Differential=De,exports.DropdownMenu=Ke,exports.useDropdownMenu=He.useDropdownMenu,exports.EmojiWrapper=_e,exports.ExpandableTypographyClamp=Oe,exports.Flag=Qe,exports.FormBuilder=Ue,exports.FormControlLabel=ze,exports.FormGenerator=Xe.default,exports.GridOverlay=Ye.default,exports.Html=Je,exports.HtmlParser=Ze,exports.IconButton=$e,exports.iconButtonHelpers=er,exports.IconButtonBase=rr,exports.IconButtonGroup=sr,exports.Image=tr,exports.InputFieldBase=or,exports.InputLabel=ir,exports.InputLabelHelp=ar,exports.Kbd=pr,exports.KbdGroup=ur,exports.KeyValueLabel=nr,exports.Label=mr,exports.Likert=lr,exports.Link=dr,exports.Loader=xr,exports.Logo=yr,exports.LoopsAiButton=Cr,exports.Markdown=jr,exports.Menu=cr.default,exports.ModalActionsWrapper=br.ModalActionsWrapper,exports.ModalContentWrapper=qr.ModalContentWrapper,exports.ModalLayout=Pr,exports.NavigationButton=hr,exports.Nudge=Br,exports.Text=gr.Text,exports.NumberField=Wr.default,exports.Pill=Ir,exports.Popper=fr,exports.PoweredByWatermarkLogo=Tr,exports.Progress=Sr,exports.ProgressBar=Ar,exports.Radio=kr,exports.RadioGroup=Fr,exports.Rank=Gr,exports.RichTextField=Lr,exports.Select=Mr,exports.Skeleton=vr,exports.Slider=Rr,exports.SortableList=wr,exports.StarRating=Er,exports.Surface=Nr,exports.Switch=Vr,exports.Textarea=Dr,exports.TextBarDivider=Kr,exports.TextField=Hr,exports.Toast=_r,exports.Tooltip=Or,exports.TrialCard=Qr,exports.UserMenu=Ur,exports.VideoModal=zr,exports.TintedSurface=Xr,exports.useBreakpoint=Yr.useBreakpoint,exports.CDN_BASE=Jr.CDN_BASE,exports.cdnAsset=Jr.cdnAsset,exports.compareArrayMembers=Zr.compareArrayMembers,exports.isButton=$r.isButton,exports.isNumber=es.isNumber,exports.isNumeric=rs.isNumeric,exports.pluralise=ss.pluralise,exports.useScreenSize=ts.useScreenSize,exports.useKeyCombo=os.useKeyCombo,exports.usePrevious=is.usePrevious,exports.omitProps=as.omitProps,exports.customTheme=ps.customTheme,exports.useTheme=us.useTheme,exports.useThemeBuilder=us.useThemeBuilder,exports.ThemeProvider=ns.ThemeProvider,exports.ThemeContext=ms.ThemeContext;
1
+ "use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/componentTokens.js"),s=require("./systems/BrandCore/gradients.js"),t=require("./systems/BrandCore/primitiveColor.js"),o=require("./systems/BrandCore/primitiveVariables.js"),i=require("./systems/BrandCore/semanticColor.js"),a=require("./systems/BrandCore/types.js"),p=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var u=require("./systems/BrandCore/Icon/Icon.js"),n=require("./systems/BrandCore/Sticker/Sticker.js"),m=require("./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js"),l=require("./systems/Marketing/PlanTierCard/PlanTierCard.js"),d=require("./systems/Marketing/TickGroup/TickGroup.js"),x=require("./systems/Platform/AiContentContainer/AiContentContainer.js"),y=require("./systems/Platform/AIInsight/AIInsight.js"),C=require("./systems/Platform/AISummary/AISummary.js"),c=require("./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js"),j=require("./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js"),b=require("./systems/Platform/AssetItem/AssetItem.js"),q=require("./systems/Platform/AuthContainerSurface/AuthContainerSurface.js"),P=require("./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),h=require("./systems/Platform/CommentCard/CommentCard.js"),B=require("./systems/Platform/DataPointInfo/DataPointInfo.js"),g=require("./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js"),W=require("./systems/Platform/EditedByAvatar/EditedByAvatar.js"),I=require("./systems/Platform/EmojiListItem/EmojiListItem.js"),f=require("./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js"),S=require("./systems/Platform/EmptyStateCard/EmptyStateCard.js"),T=require("./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js"),A=require("./systems/Platform/FilterCount/FilterCount.js"),k=require("./systems/Platform/FilteredItemsCard/FilteredItemsCard.js"),F=require("./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js"),G=require("./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js"),L=require("./systems/Platform/FilterRow/FilterRow.js"),M=require("./systems/Platform/GraphBar/GraphBar.js"),v=require("./systems/Platform/Header/Header.js"),R=require("./systems/Platform/KpiDataPopover/KpiDataPopover.js"),w=require("./systems/Platform/KpiIndicator/KpiIndicator.js"),E=require("./systems/Platform/KpiIndicator/utils.js"),N=require("./systems/Platform/LikertGraph/LikertGraph.js"),V=require("./systems/Platform/LoopItem/LoopItem.js"),D=require("./systems/Platform/LoopItemEmpty/LoopItemEmpty.js"),K=require("./systems/Platform/MiniResultCard/graphVariants.js"),H=require("./systems/Platform/MiniResultCard/MiniResultCard.js"),_=require("./systems/Platform/Navigation/Navigation.js"),O=require("./systems/Platform/OnboardingCard/OnboardingCard.js"),Q=require("./systems/Platform/PaginationControl/PaginationControl.js"),z=require("./systems/Platform/ProjectItem/ProjectItem.js"),U=require("./systems/Platform/ProjectItem/ProjectItemEmpty.js"),X=require("./systems/Platform/QuestionBar/QuestionBar.js"),Y=require("./systems/Platform/QuestionBlock/QuestionBlock.js"),J=require("./systems/Platform/QuestionSelector/QuestionSelector.js"),Z=require("./systems/Platform/ScrollIndicator/ScrollIndicator.js"),$=require("./systems/Platform/SearchInput/SearchInput.js"),ee=require("./systems/Platform/SectionHeader/SectionHeader.js"),re=require("./systems/Platform/SentimentArrow/SentimentArrow.js");require("./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js");var se=require("./systems/Platform/SliderGraph/SliderGraph.js");require("react");var te=require("./systems/Platform/GraphPopoverDataLayout/GraphPopoverDataLayout.js");require("./systems/Platform/SliderGraph/_partials/StyledComponents.js");var oe=require("./systems/Platform/Tab/Tab.js"),ie=require("./systems/Platform/TestItem/_partials/TestItemSkeleton.js"),ae=require("./systems/Platform/TestItem/TestItem.js"),pe=require("./systems/Platform/TestKPICard/TestKPICard.js"),ue=require("./systems/Platform/TimeToFindGraph/TimeToFindGraph.js"),ne=require("./systems/Platform/TimeToFindResult/TimeToFindResult.js"),me=require("./systems/Platform/VideoControls/VideoControls.js"),le=require("./systems/Platform/VideoControls2/VideoControls2.js"),de=require("./systems/Platform/VideoControls2/components/VideoOverlayControl/VideoOverlayControl.js"),xe=require("./systems/Platform/CommentFeedbackCard/CommentFeedbackCard.js"),ye=require("./systems/Platform/LoopVideoNudge/LoopVideoNudge.js"),Ce=require("./systems/Platform/PinchIndicator/PinchIndicator.js"),ce=require("./utils/formValidation/email.js"),je=require("./utils/formValidation/misc.js"),be=require("./utils/formValidation/password.js"),qe=require("./systems/WebCore/ButtonBase/Button.variant-helpers.js"),Pe=require("./systems/WebCore/utils/backgroundCreator.js"),he=require("./systems/WebCore/AnnualController/AnnualController.js"),Be=require("./systems/WebCore/SelectItem/SelectItem.js"),ge=require("./systems/WebCore/Accordion/Accordion.js"),We=require("./systems/WebCore/Animations/FadeIn.js"),Ie=require("./systems/WebCore/AuthFormHeader/AuthFormHeader.js"),fe=require("./systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js"),Se=require("./systems/WebCore/AutocompleteField/AutocompleteField.js"),Te=require("./systems/WebCore/Avatar/Avatar.js"),Ae=require("./systems/WebCore/AvatarGroup/AvatarGroup.js"),ke=require("./systems/WebCore/Badge/Badge.js"),Fe=require("./systems/WebCore/BrandBadge/BrandBadge.js"),Ge=require("./systems/WebCore/Breadcrumb/Breadcrumb.js"),Le=require("./systems/WebCore/BulletGraphic/BulletGraphic.js"),Me=require("./systems/WebCore/Button/Button.js"),ve=require("./systems/WebCore/ButtonBase/ButtonBase.js"),Re=require("./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js"),we=require("./systems/WebCore/Checkbox/Checkbox.js");require("./systems/WebCore/Checkbox/StyledCheckbox.js");var Ee=require("./systems/WebCore/CheckboxGroup/CheckboxGroup.js"),Ne=require("./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js"),Ve=require("./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),De=require("./systems/WebCore/CustomField/CustomField.js"),Ke=require("./systems/WebCore/Differential/Differential.js"),He=require("./systems/WebCore/DropdownMenu/DropdownMenu.js"),_e=require("./systems/WebCore/DropdownMenu/DropdownMenu.hook.js"),Oe=require("./systems/WebCore/EmojiWrapper/EmojiWrapper.js"),Qe=require("./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),ze=require("./systems/WebCore/Flag/Flag.js"),Ue=require("./systems/WebCore/FormBuilder/FormBuilder.js"),Xe=require("./systems/WebCore/FormControlLabel/FormControlLabel.js"),Ye=require("./systems/WebCore/FormGenerator/FormGenerator.js"),Je=require("./systems/WebCore/GridOverlay/GridOverlay.js"),Ze=require("./systems/WebCore/Html/Html.js"),$e=require("./systems/WebCore/HtmlParser/HtmlParser.js"),er=require("./systems/WebCore/IconButton/IconButton.js"),rr=require("./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js"),sr=require("./systems/WebCore/IconButtonBase/IconButtonBase.js"),tr=require("./systems/WebCore/IconButtonGroup/IconButtonGroup.js"),or=require("./systems/WebCore/Image/Image.js"),ir=require("./systems/WebCore/InputFieldBase/InputFieldBase.js"),ar=require("./systems/WebCore/InputLabel/InputLabel.js"),pr=require("./systems/WebCore/InputLabelHelp/InputLabelHelp.js"),ur=require("./systems/WebCore/KbdGroup/Kbd.js"),nr=require("./systems/WebCore/KbdGroup/KbdGroup.js"),mr=require("./systems/WebCore/KeyValueLabel/KeyValueLabel.js"),lr=require("./systems/WebCore/Label/Label.js"),dr=require("./systems/WebCore/Likert/Likert.js"),xr=require("./systems/WebCore/Link/Link.js"),yr=require("./systems/WebCore/Loader/Loader.js"),Cr=require("./systems/WebCore/Logo/Logo.js"),cr=require("./systems/WebCore/LoopsAiButton/LoopsAiButton.js"),jr=require("./systems/WebCore/Markdown/Markdown.js"),br=require("./systems/WebCore/Menu/Menu.js"),qr=require("./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),Pr=require("./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js"),hr=require("./systems/WebCore/ModalLayout/ModalLayout.js"),Br=require("./systems/WebCore/NavigationButton/NavigationButton.js"),gr=require("./systems/WebCore/Nudge/Nudge.js"),Wr=require("./systems/WebCore/Text/Text.js");require("./systems/WebCore/Nudge/NudgeButton.js");var Ir=require("./systems/WebCore/NumberField/NumberField.js"),fr=require("./systems/WebCore/Pill/Pill.js"),Sr=require("./systems/WebCore/Popper/Popper.js"),Tr=require("./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js"),Ar=require("./systems/WebCore/Progress/Progress.js"),kr=require("./systems/WebCore/ProgressBar/ProgressBar.js"),Fr=require("./systems/WebCore/Radio/Radio.js");require("./systems/WebCore/Radio/StyledRadio.js");var Gr=require("./systems/WebCore/RadioGroup/RadioGroup.js"),Lr=require("./systems/WebCore/Rank/Rank.js"),Mr=require("./systems/WebCore/RichTextField/RichTextField.js"),vr=require("./systems/WebCore/Select/Select.js"),Rr=require("./systems/WebCore/Skeleton/Skeleton.js"),wr=require("./systems/WebCore/Slider/Slider.js"),Er=require("./systems/WebCore/SortableList/SortableList.js"),Nr=require("./systems/WebCore/StarRating/StarRating.js"),Vr=require("./systems/WebCore/Surface/Surface.js"),Dr=require("./systems/WebCore/Switch/Switch.js"),Kr=require("./systems/WebCore/Textarea/Textarea.js"),Hr=require("./systems/WebCore/TextBarDivider/TextBarDivider.js"),_r=require("./systems/WebCore/TextField/TextField.js"),Or=require("./systems/WebCore/Toast/Toast.js"),Qr=require("./systems/WebCore/Tooltip/Tooltip.js"),zr=require("./systems/WebCore/TrialCard/TrialCard.js"),Ur=require("./systems/WebCore/UserMenu/UserMenu.js"),Xr=require("./systems/WebCore/VideoModal/VideoModal.js"),Yr=require("./systems/WebCore/TintedSurface/TintedSurface.js"),Jr=require("./utils/breakpoint.hook.js"),Zr=require("./utils/cdn.js"),$r=require("./utils/compareArrayMembers.js"),es=require("./utils/isButton.js"),rs=require("./utils/isNumber.js"),ss=require("./utils/isNumeric.js"),ts=require("./utils/pluralise.js"),os=require("./utils/screen.hook.js"),is=require("./utils/useKeyCombo.js"),as=require("./utils/usePrevious.js"),ps=require("./utils/shouldForwardProp.js"),us=require("./theme/theme.js"),ns=require("./theme/theme.hooks.js"),ms=require("./theme/theme.provider.js"),ls=require("./theme/theme.context.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.componentTokens=r.componentTokens,exports.tone1=s.tone1,exports.tone2=s.tone2,exports.tone3=s.tone3,exports.tone3_ai_icon=s.tone3_ai_icon,exports.tone3_border=s.tone3_border,exports.tone3_lowOpacity_text=s.tone3_lowOpacity_text,exports.tone4=s.tone4,exports.tone5=s.tone5,exports.blue=t.blue,exports.darkNeutral=t.darkNeutral,exports.darkNeutralAlpha=t.darkNeutralAlpha,exports.green=t.green,exports.neutral=t.neutral,exports.neutralAlpha=t.neutralAlpha,exports.peach=t.peach,exports.purple=t.purple,exports.red=t.red,exports.yellow=t.yellow,exports.base=o.base,exports.boxShadow=o.boxShadow,exports.breakpoints=o.breakpoints,exports.easing=o.easing,exports.elevation=o.elevation,exports.elevationFilter=o.elevationFilter,exports.margin=o.margin,exports.padding=o.padding,exports.radius=o.radius,exports.space=o.space,exports.semantic=i.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return a.FontWeight}}),exports.fonts=p.fonts,exports.Icon=u.default,exports.iconSizeMap=u.iconSizeMap,exports.Sticker=n.default,exports.stickerAnimationSrc=n.stickerAnimationSrc,exports.stickerNames=n.stickerNames,exports.stickerSizeMap=n.stickerSizeMap,exports.PlanFeatureTable=m,exports.PlanTierCard=l,exports.TickGroup=d,exports.AiContentContainer=x.default,exports.AIInsight=y,exports.AISummary=C,exports.AIWrittenByLockUp=c,exports.ArrowTextIndicator=j,exports.AssetItem=b,exports.AuthContainerSurface=q,exports.ClipboardCopyingOverlay=P,exports.CommentCard=h.default,exports.DataPointInfo=B,exports.DemographicSelectionSection=g,exports.EditedByAvatar=W.default,exports.getAuthorAvatarColor=W.getAuthorAvatarColor,exports.EmojiListItem=I,exports.EmojiQuestionEditorOption=f,exports.EmptyStateCard=S,exports.ExtendedTestStatus=T,exports.FilterCount=A,exports.FilteredItemsCard=k,exports.FilterGroupAccordion=F,exports.FilterPyramidGraph=G,exports.FilterRow=L,exports.GraphBar=M,exports.Header=v,exports.KpiDataPopover=R,exports.KpiIndicator=w,exports.getKpiIndicatorColor=E.getKpiIndicatorColor,exports.mapKpiColorSchemeByInteger=E.mapKpiColorSchemeByInteger,exports.LikertGraph=N,exports.LoopItem=V,exports.LoopItemEmpty=D,exports.MiniEmojiGraph=K.MiniEmojiGraph,exports.MiniLikertGraph=K.MiniLikertGraph,exports.MiniOpenQuestionGraph=K.MiniOpenQuestionGraph,exports.MiniPunchGraph=K.MiniPunchGraph,exports.MiniRankGraph=K.MiniRankGraph,exports.MiniSliderGraph=K.MiniSliderGraph,exports.MiniResultCard=H,exports.Navigation=_,exports.OnboardingCard=O,exports.PaginationControl=Q,exports.ProjectItem=z,exports.ProjectItemEmpty=U,exports.QuestionLabel=X,exports.QuestionBlock=Y,exports.QuestionSelector=J,exports.ScrollIndicator=Z,exports.SearchInput=$,exports.SectionHeader=ee,exports.SentimentArrow=re,exports.SliderGraph=se,exports.GraphPopoverDataLayout=te,exports.Tab=oe,exports.TestItemSkeleton=ie,exports.TestItem=ae,exports.TestKPICard=pe,exports.TimeToFindGraph=ue,exports.TimeToFindResult=ne,exports.VideoControls=me,exports.VideoControls2=le,exports.VideoOverlayControl=de,exports.CommentFeedbackCard=xe,exports.LoopVideoNudge=ye,exports.PinchIndicator=Ce,exports.emailValidation=ce.emailValidation,exports.DEFAULT_MAX_INPUT_LENGTH=je.DEFAULT_MAX_INPUT_LENGTH,exports.chooseArticle=je.chooseArticle,exports.defaultInputValidation=je.defaultInputValidation,exports.passwordValidation=be.passwordValidation,exports.buttonHeightMap=qe.buttonHeightMap,exports.buttonInteraction=qe.buttonInteraction,exports.buttonPadding=qe.buttonPadding,exports.getButtonSizing=qe.getButtonSizing,exports.getButtonTypography=qe.getButtonTypography,exports.getIconSizing=qe.getIconSizing,exports.outlined=qe.outlined,exports.primary=qe.primary,exports.secondary=qe.secondary,exports.subtle=qe.subtle,exports.backgroundCreator=Pe.backgroundCreator,exports.AnnualController=he,exports.SelectItem=Be.default,exports.Accordion=ge.default,exports.FadeIn=We,exports.AuthFormHeader=Ie,exports.AutocompleteBaseField=fe,exports.AutocompleteField=Se,exports.Avatar=Te,exports.AvatarGroup=Ae,exports.Badge=ke,exports.BrandBadge=Fe.default,exports.Breadcrumb=Ge,exports.BulletGraphic=Le.default,exports.Button=Me,exports.ButtonBase=ve,exports.ButtonTabGroup=Re,exports.Checkbox=we,exports.CheckboxGroup=Ee,exports.ColorBackgroundContainer=Ne,exports.CreatableAutocomplete=Ve,exports.CustomField=De,exports.Differential=Ke,exports.DropdownMenu=He,exports.useDropdownMenu=_e.useDropdownMenu,exports.EmojiWrapper=Oe,exports.ExpandableTypographyClamp=Qe,exports.Flag=ze,exports.FormBuilder=Ue,exports.FormControlLabel=Xe,exports.FormGenerator=Ye.default,exports.GridOverlay=Je.default,exports.Html=Ze,exports.HtmlParser=$e,exports.IconButton=er,exports.iconButtonHelpers=rr,exports.IconButtonBase=sr,exports.IconButtonGroup=tr,exports.Image=or,exports.InputFieldBase=ir,exports.InputLabel=ar,exports.InputLabelHelp=pr,exports.Kbd=ur,exports.KbdGroup=nr,exports.KeyValueLabel=mr,exports.Label=lr,exports.Likert=dr,exports.Link=xr,exports.Loader=yr,exports.Logo=Cr,exports.LoopsAiButton=cr,exports.Markdown=jr,exports.Menu=br.default,exports.ModalActionsWrapper=qr.ModalActionsWrapper,exports.ModalContentWrapper=Pr.ModalContentWrapper,exports.ModalLayout=hr,exports.NavigationButton=Br,exports.Nudge=gr,exports.Text=Wr.Text,exports.NumberField=Ir.default,exports.Pill=fr,exports.Popper=Sr,exports.PoweredByWatermarkLogo=Tr,exports.Progress=Ar,exports.ProgressBar=kr,exports.Radio=Fr,exports.RadioGroup=Gr,exports.Rank=Lr,exports.RichTextField=Mr,exports.Select=vr,exports.Skeleton=Rr,exports.Slider=wr,exports.SortableList=Er,exports.StarRating=Nr,exports.Surface=Vr,exports.Switch=Dr,exports.Textarea=Kr,exports.TextBarDivider=Hr,exports.TextField=_r,exports.Toast=Or,exports.Tooltip=Qr,exports.TrialCard=zr,exports.UserMenu=Ur,exports.VideoModal=Xr,exports.TintedSurface=Yr,exports.useBreakpoint=Jr.useBreakpoint,exports.CDN_BASE=Zr.CDN_BASE,exports.cdnAsset=Zr.cdnAsset,exports.compareArrayMembers=$r.compareArrayMembers,exports.isButton=es.isButton,exports.isNumber=rs.isNumber,exports.isNumeric=ss.isNumeric,exports.pluralise=ts.pluralise,exports.useScreenSize=os.useScreenSize,exports.useKeyCombo=is.useKeyCombo,exports.usePrevious=as.usePrevious,exports.omitProps=ps.omitProps,exports.customTheme=us.customTheme,exports.useTheme=ns.useTheme,exports.useThemeBuilder=ns.useThemeBuilder,exports.ThemeProvider=ms.ThemeProvider,exports.ThemeContext=ls.ThemeContext;