@useloops/design-system 1.4.720 → 1.4.721

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 (186) hide show
  1. package/dist/Platform.js +1 -1
  2. package/dist/WebCore/FormBuilder.d.ts +3 -0
  3. package/dist/WebCore/FormBuilder.js +1 -0
  4. package/dist/WebCore.d.ts +2 -0
  5. package/dist/WebCore.js +1 -1
  6. package/dist/esm/Platform.js +1 -1
  7. package/dist/esm/WebCore/FormBuilder.js +1 -0
  8. package/dist/esm/WebCore.js +1 -1
  9. package/dist/esm/index.js +1 -1
  10. package/dist/esm/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  11. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  12. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  13. package/dist/esm/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  14. package/dist/esm/systems/Platform/AIInsight/AIInsight.js +1 -1
  15. package/dist/esm/systems/Platform/AISummary/AISummary.js +1 -1
  16. package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  17. package/dist/esm/systems/Platform/AssetItem/AssetItem.js +1 -1
  18. package/dist/esm/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  19. package/dist/esm/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  20. package/dist/esm/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  21. package/dist/esm/systems/Platform/CommentCard/CommentCard.js +1 -1
  22. package/dist/esm/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  23. package/dist/esm/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  24. package/dist/esm/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  25. package/dist/esm/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  26. package/dist/esm/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  27. package/dist/esm/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  28. package/dist/esm/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  29. package/dist/esm/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  30. package/dist/esm/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  31. package/dist/esm/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  32. package/dist/esm/systems/Platform/FilterCount/FilterCount.js +1 -1
  33. package/dist/esm/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  34. package/dist/esm/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  35. package/dist/esm/systems/Platform/FilterRow/FilterRow.js +1 -1
  36. package/dist/esm/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  37. package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  38. package/dist/esm/systems/Platform/Header/Header.js +1 -1
  39. package/dist/esm/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  40. package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  41. package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  42. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  43. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  44. package/dist/esm/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  45. package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
  46. package/dist/esm/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  47. package/dist/esm/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -1
  48. package/dist/esm/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  49. package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  50. package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  51. package/dist/esm/systems/Platform/PinchIndicator/PinchIndicator.js +1 -1
  52. package/dist/esm/systems/Platform/PinchIndicator/_partials/StyledSurface/StyledSurface.js +1 -1
  53. package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  54. package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  55. package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  56. package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  57. package/dist/esm/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  58. package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  59. package/dist/esm/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  60. package/dist/esm/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  61. package/dist/esm/systems/Platform/SearchInput/SearchInput.js +1 -1
  62. package/dist/esm/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  63. package/dist/esm/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  64. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  65. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  66. package/dist/esm/systems/Platform/Tab/Tab.js +1 -1
  67. package/dist/esm/systems/Platform/TestItem/TestItem.js +1 -1
  68. package/dist/esm/systems/Platform/TestStatus/TestStatus.js +1 -1
  69. package/dist/esm/systems/Platform/TimeToFindGraph/TimeToFindGraph.js +1 -1
  70. package/dist/esm/systems/Platform/TimeToFindResult/TimeToFindResult.js +1 -1
  71. package/dist/esm/systems/Platform/VideoControls/VideoControls.js +1 -1
  72. package/dist/esm/systems/Platform/VideoControls2/VideoControls2.js +1 -1
  73. package/dist/esm/systems/Platform/VideoControls2/components/Timeline/components/FullscreenControls/FullscreenControls.js +1 -1
  74. package/dist/esm/systems/WebCore/FormBuilder/Field.js +1 -0
  75. package/dist/esm/systems/WebCore/FormBuilder/FieldMessage.js +1 -0
  76. package/dist/esm/systems/WebCore/FormBuilder/FormActions.js +1 -0
  77. package/dist/esm/systems/WebCore/FormBuilder/FormBuilder.js +1 -0
  78. package/dist/esm/systems/WebCore/FormBuilder/components/StrengthIndicator/StrengthIndicator.js +1 -0
  79. package/dist/esm/systems/WebCore/FormBuilder/components/StrengthIndicator/components/LinearBar/LinearBar.js +1 -0
  80. package/dist/esm/systems/WebCore/FormBuilder/components/StrengthIndicator/helpers/getColorBasedOnScore.js +1 -0
  81. package/dist/esm/systems/WebCore/FormBuilder/fieldRegistry.js +1 -0
  82. package/dist/esm/systems/WebCore/InputLabelHelp/InputLabelHelp.js +1 -1
  83. package/dist/index.d.ts +2 -0
  84. package/dist/index.js +1 -1
  85. package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  86. package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  87. package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  88. package/dist/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  89. package/dist/systems/Platform/AIInsight/AIInsight.js +1 -1
  90. package/dist/systems/Platform/AISummary/AISummary.d.ts +1 -0
  91. package/dist/systems/Platform/AISummary/AISummary.js +1 -1
  92. package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  93. package/dist/systems/Platform/AssetItem/AssetItem.d.ts +1 -0
  94. package/dist/systems/Platform/AssetItem/AssetItem.js +1 -1
  95. package/dist/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  96. package/dist/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  97. package/dist/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  98. package/dist/systems/Platform/CommentCard/CommentCard.js +1 -1
  99. package/dist/systems/Platform/CommentCard/types.d.ts +1 -0
  100. package/dist/systems/Platform/CommentFeedbackCard/CommentFeedbackCard.d.ts +2 -2
  101. package/dist/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  102. package/dist/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  103. package/dist/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  104. package/dist/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  105. package/dist/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  106. package/dist/systems/Platform/EmojiListItem/EmojiListItem.d.ts +1 -0
  107. package/dist/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  108. package/dist/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  109. package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.d.ts +1 -0
  110. package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  111. package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.d.ts +1 -0
  112. package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  113. package/dist/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  114. package/dist/systems/Platform/FilterCount/FilterCount.js +1 -1
  115. package/dist/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  116. package/dist/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  117. package/dist/systems/Platform/FilterRow/FilterRow.d.ts +1 -0
  118. package/dist/systems/Platform/FilterRow/FilterRow.js +1 -1
  119. package/dist/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  120. package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.d.ts +1 -0
  121. package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  122. package/dist/systems/Platform/Header/Header.js +1 -1
  123. package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  124. package/dist/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  125. package/dist/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  126. package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  127. package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  128. package/dist/systems/Platform/LikertGraph/types.d.ts +1 -0
  129. package/dist/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  130. package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
  131. package/dist/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  132. package/dist/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -1
  133. package/dist/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  134. package/dist/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  135. package/dist/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  136. package/dist/systems/Platform/PinchIndicator/PinchIndicator.js +1 -1
  137. package/dist/systems/Platform/PinchIndicator/_partials/StyledSurface/StyledSurface.js +1 -1
  138. package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  139. package/dist/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  140. package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  141. package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  142. package/dist/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  143. package/dist/systems/Platform/QuestionBlock/QuestionBlock.d.ts +1 -0
  144. package/dist/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  145. package/dist/systems/Platform/QuestionSelector/QuestionSelector.d.ts +1 -0
  146. package/dist/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  147. package/dist/systems/Platform/ScrollIndicator/ScrollIndicator.d.ts +4 -2
  148. package/dist/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  149. package/dist/systems/Platform/SearchInput/SearchInput.js +1 -1
  150. package/dist/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  151. package/dist/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  152. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  153. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  154. package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts +1 -1
  155. package/dist/systems/Platform/SliderGraph/types.d.ts +1 -0
  156. package/dist/systems/Platform/Tab/Tab.js +1 -1
  157. package/dist/systems/Platform/TestItem/TestItem.js +1 -1
  158. package/dist/systems/Platform/TestStatus/TestStatus.js +1 -1
  159. package/dist/systems/Platform/TimeToFindGraph/TimeToFindGraph.js +1 -1
  160. package/dist/systems/Platform/TimeToFindResult/TimeToFindResult.js +1 -1
  161. package/dist/systems/Platform/VideoControls/VideoControls.d.ts +1 -0
  162. package/dist/systems/Platform/VideoControls/VideoControls.js +1 -1
  163. package/dist/systems/Platform/VideoControls/components/Timeline/components/Markers/Markers.d.ts +1 -0
  164. package/dist/systems/Platform/VideoControls2/VideoControls2.d.ts +1 -0
  165. package/dist/systems/Platform/VideoControls2/VideoControls2.js +1 -1
  166. package/dist/systems/Platform/VideoControls2/components/Timeline/components/FullscreenControls/FullscreenControls.js +1 -1
  167. package/dist/systems/Platform/VideoControls2/components/Timeline/components/Markers/Markers.d.ts +1 -0
  168. package/dist/systems/Platform/VideoControls2/components/VideoOverlayControl/VideoOverlayControl.d.ts +1 -1
  169. package/dist/systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.d.ts +1 -1
  170. package/dist/systems/WebCore/FormBuilder/Field.js +1 -0
  171. package/dist/systems/WebCore/FormBuilder/FieldMessage.js +1 -0
  172. package/dist/systems/WebCore/FormBuilder/FormActions.js +1 -0
  173. package/dist/systems/WebCore/FormBuilder/FormBuilder.d.ts +13 -0
  174. package/dist/systems/WebCore/FormBuilder/FormBuilder.js +1 -0
  175. package/dist/systems/WebCore/FormBuilder/components/StrengthIndicator/StrengthIndicator.js +1 -0
  176. package/dist/systems/WebCore/FormBuilder/components/StrengthIndicator/components/LinearBar/LinearBar.js +1 -0
  177. package/dist/systems/WebCore/FormBuilder/components/StrengthIndicator/helpers/getColorBasedOnScore.js +1 -0
  178. package/dist/systems/WebCore/FormBuilder/fieldRegistry.d.ts +140 -0
  179. package/dist/systems/WebCore/FormBuilder/fieldRegistry.js +1 -0
  180. package/dist/systems/WebCore/FormBuilder/types.d.ts +69 -0
  181. package/dist/systems/WebCore/FormGenerator/FormGenerator.d.ts +4 -0
  182. package/dist/systems/WebCore/FormGenerator/types.d.ts +8 -8
  183. package/dist/systems/WebCore/InputLabelHelp/InputLabelHelp.d.ts +2 -0
  184. package/dist/systems/WebCore/InputLabelHelp/InputLabelHelp.js +1 -1
  185. package/dist/systems/WebCore/Select/types.d.ts +2 -1
  186. package/package.json +4 -2
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),a=require("merge-sx"),o=require("react"),s=require("react-truncate-list"),i=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var n=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var l=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js");var u=require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),d=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx");var p=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js");var c=require("../../WebCore/Surface/Surface.js");require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js");var m=require("../../WebCore/ProgressBar/ProgressBar.js");require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var x=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var b=require("../TestStatus/TestStatus.js");function j(e){return e&&e.__esModule?e:{default:e}}var g=j(t);const C=({animated:t,label:a,primaryText:o,secondaryText:s})=>{const i=o.match(/\d{1,2}:\d{2}/),l=o.split(":"),u=!isNaN(Number(o)),d=s.includes("%")&&!isNaN(Number(s.replace("%","")));return e.jsxs(r.Stack,{direction:{sm:"row",md:"row",lg:"column"},sx:{alignItems:"center",gap:{sm:1,md:1,lg:0},background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},children:[e.jsx(n.Text,{size:"sm",sx:{width:"100%",textAlign:{md:"left",lg:"center"}},children:a}),e.jsx(n.Text,{bold:!0,sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),flexShrink:0},monospaced:!0,children:e.jsx(e.Fragment,{children:i||u?e.jsx(e.Fragment,{children:i?e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:Number(l[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t}),":",e.jsx(g.default,{value:Number(l[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t})]}):e.jsx(g.default,{value:Number(o),animated:t})}):e.jsx(e.Fragment,{children:o})})}),e.jsx(n.Text,{size:"sm",secondary:!0,sx:{flexShrink:0},monospaced:!0,children:d?e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:Number(s.replace("%","")),animated:t}),"%"]}):s})]})},q=({animated:t,iconName:o,label:s,value:l,slotProps:u})=>e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(i.default,{name:o,...u?.icon,sx:a.mergeSx({color:e=>e.custom.palette.icon.secondary},u?.icon?.sx)}),e.jsxs(n.Text,{monospaced:!0,component:"p",size:"xs",sx:e=>({color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e.jsx(g.default,{value:l,animated:t})," ",e.jsx("span",{children:s})]})]});module.exports=({animated:t=!0,status:j,menuItems:g,title:y,tags:h,stats:W,user:f,slotProps:B,loading:S=!1,...T})=>{const k=r.useTheme(),[I,v]=o.useState(!1);return e.jsx(c,{variation:"raised",borderradius:"lg",...T,sx:a.mergeSx({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},T.sx),children:e.jsxs(r.Stack,{component:"article",sx:{gap:2},children:[e.jsxs(r.Stack,{component:"header",sx:{gap:1,justifyContent:"space-between"},children:[e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",gap:1},children:[S?e.jsx(x,{sx:{width:90,height:32}}):e.jsx(b,{status:j,...B?.status}),!S&&Boolean(g?.length)&&e.jsx(p.default,{trigger:e.jsx(l,{icon:e.jsx(i.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:g,width:128,offset:[0,8],placement:"bottom-end",...B?.menu})]}),S?e.jsx(x,{}):e.jsx(n.Text,{size:"xl",bold:!0,...B?.title,sx:B?.title?.sx,children:y})]}),e.jsx(r.Box,{children:S?e.jsx(r.Box,{sx:{display:"flex",flexDirection:"row",gap:.5},children:[...new Array(3).fill(void 0)].map((r,t)=>e.jsx(x,{sx:{maxWidth:50}},`test-item-skeleton-${t}`))}):Boolean(h?.length)&&e.jsx(s.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:k.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...I&&{maxHeight:"none"}},alwaysShowTruncator:I,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(d,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),v(!0)},...B?.tagsExpand,sx:a.mergeSx({background:e=>e.custom.palette.neutral[50]},B?.tagsExpand?.sx)}):e.jsx(l,{sizing:"sm",icon:e.jsx(i.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),v(!1)},...B?.tagsCollapse,sx:a.mergeSx({color:e=>e.custom.palette.icon.primary},B?.tagsCollapse?.sx)}),children:h.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t},r))})}),!S&&W?.progress&&e.jsx(c,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:e.jsxs(r.Stack,{sx:{gap:2},children:[e.jsx(m,{variation:"determinate",value:W.progress.percentage}),e.jsxs(r.Box,{sx:[{gap:{sm:.5,md:1},justifyContent:"stretch"},e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}})],children:[e.jsx(r.Box,{sx:{flexBasis:0,flexGrow:1},children:e.jsx(C,{animated:t,label:"Completed",primaryText:W.progress.completed.toString(),secondaryText:`of ${W.progress.total}`})}),e.jsx(r.Box,{sx:{flexBasis:0,flexGrow:1},children:e.jsx(C,{animated:t,label:"Incomplete",primaryText:W.progress.incomplete.toString(),secondaryText:`${W.progress.incompletePercentage}%`})}),e.jsx(r.Box,{sx:{flexBasis:0,flexGrow:1},children:e.jsx(C,{animated:t,label:"Duration",primaryText:W.progress.averageDuration,secondaryText:"average"})})]})]})}),e.jsxs(r.Box,{component:"footer",sx:{display:"flex",flexDirection:"row",justifyContent:f?"space-between":"end",gap:1},children:[f&&e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:S?e.jsxs(e.Fragment,{children:[e.jsx(x,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e.jsx(x,{sx:{width:100}})]}):e.jsx(e.Fragment,{children:e.jsx(n.Text,{clamp:1,size:"xs",secondary:!0,children:f.activityDescription})})}),!S&&"draft"!==j&&e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[e.jsx(q,{animated:t,iconName:"data-bar",label:"answers",value:W?.count?.answers??0}),e.jsx(q,{animated:t,iconName:"comment-filled",label:"comments",value:W?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("@number-flow/react"),a=require("merge-sx"),o=require("react"),i=require("react-truncate-list"),s=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var n=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var l=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js");var u=require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),d=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx");var p=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js");var c=require("../../WebCore/Surface/Surface.js");require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js");var m=require("../../WebCore/ProgressBar/ProgressBar.js");require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var x=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var b=require("../TestStatus/TestStatus.js");function j(e){return e&&e.__esModule?e:{default:e}}var g=j(t);const C=({animated:t,label:a,primaryText:o,secondaryText:i})=>{const s=o.match(/\d{1,2}:\d{2}/),l=o.split(":"),u=!isNaN(Number(o)),d=i.includes("%")&&!isNaN(Number(i.replace("%","")));return e.jsxs(r.Stack,{direction:{sm:"row",md:"row",lg:"column"},sx:{alignItems:"center",gap:{sm:1,md:1,lg:0},background:e=>e.custom.palette.surface.default,minWidth:"92px",border:e=>`1px solid ${e.custom.palette.neutral[100]}`,borderRadius:1,padding:e=>`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`,color:e=>e.custom.palette.text.primary,flexShrink:0,height:"100%"},children:[e.jsx(n.Text,{size:"sm",sx:{width:"100%",textAlign:{md:"left",lg:"center"}},children:a}),e.jsx(n.Text,{bold:!0,sx:{fontSize:e=>({sm:e.custom.typography.body.sm,md:e.custom.typography.body.md,lg:e.custom.typography.body.xxl}),flexShrink:0},monospaced:!0,children:e.jsx(e.Fragment,{children:s||u?e.jsx(e.Fragment,{children:s?e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:Number(l[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t}),":",e.jsx(g.default,{value:Number(l[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:t})]}):e.jsx(g.default,{value:Number(o),animated:t})}):e.jsx(e.Fragment,{children:o})})}),e.jsx(n.Text,{size:"sm",secondary:!0,sx:{flexShrink:0},monospaced:!0,children:d?e.jsxs(e.Fragment,{children:[e.jsx(g.default,{value:Number(i.replace("%","")),animated:t}),"%"]}):i})]})},q=({animated:t,iconName:o,label:i,value:l,slotProps:u})=>e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(s.default,{name:o,...u?.icon,sx:a.mergeSx({color:e=>e.custom.palette.icon.secondary},u?.icon?.sx)}),e.jsxs(n.Text,{monospaced:!0,component:"p",size:"xs",sx:e=>({color:e=>e.custom.palette.text.primary,"& > span":{color:e=>e.custom.palette.text.secondary,[e.breakpoints.up("lg")]:{display:"inline"},[e.breakpoints.down("lg")]:{display:"none"},[e.containerQueries.up("lg")]:{display:"inline"},[e.containerQueries.down("lg")]:{display:"none"}}}),children:[e.jsx(g.default,{value:l,animated:t})," ",e.jsx("span",{children:i})]})]});module.exports=({animated:t=!0,status:j,menuItems:g,title:y,tags:h,stats:W,user:f,slotProps:B,loading:S=!1,...T})=>{const k=r.useTheme(),[I,v]=o.useState(!1);return e.jsx(c,{variation:"raised",borderradius:"lg",...T,sx:a.mergeSx({padding:e=>e.spacing(e.custom.padding.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,width:"100%",cursor:"pointer","&:hover .TestItem__Menu":{opacity:1}},T.sx),children:e.jsxs(r.Stack,{component:"article",sx:{gap:2},children:[e.jsxs(r.Stack,{component:"header",sx:{gap:1,justifyContent:"space-between"},children:[e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",gap:1},children:[S?e.jsx(x,{sx:{width:90,height:32}}):e.jsx(b,{status:j,...B?.status}),!S&&Boolean(g?.length)&&e.jsx(p.default,{trigger:e.jsx(l,{icon:e.jsx(s.default,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestItem__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:e=>`${e.custom.palette.interaction.press} !important`,opacity:1}}}),bindOn:["toggle"],menuItems:g,width:128,offset:[0,8],placement:"bottom-end",...B?.menu})]}),S?e.jsx(x,{}):e.jsx(n.Text,{size:"xl",bold:!0,...B?.title,sx:B?.title?.sx,children:y})]}),e.jsx(r.Box,{children:S?e.jsx(r.Box,{sx:{display:"flex",flexDirection:"row",gap:.5},children:[...new Array(3).fill(void 0)].map((r,t)=>e.jsx(x,{sx:{maxWidth:50}},`test-item-skeleton-${t}`))}):Boolean(h?.length)&&e.jsx(i.TruncatedList,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:k.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...I&&{maxHeight:"none"}},alwaysShowTruncator:I,renderTruncator:({hiddenItemsCount:r})=>r>0?e.jsx(d,{body:`+${r}`,weight:"light",onClick:e=>{e.stopPropagation(),v(!0)},...B?.tagsExpand,sx:a.mergeSx({background:e=>e.custom.palette.neutral[50]},B?.tagsExpand?.sx)}):e.jsx(l,{sizing:"sm",icon:e.jsx(s.default,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),v(!1)},...B?.tagsCollapse,sx:a.mergeSx({color:e=>e.custom.palette.icon.primary},B?.tagsCollapse?.sx)}),children:h.map(({category:r,selection:t})=>e.jsx(u,{keyString:r,valueString:t},r))})}),!S&&W?.progress&&e.jsx(c,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:e.jsxs(r.Stack,{sx:{gap:2},children:[e.jsx(m,{variation:"determinate",value:W.progress.percentage}),e.jsxs(r.Box,{sx:[{gap:{sm:.5,md:1},justifyContent:"stretch"},e=>({display:"grid",[e.breakpoints.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.breakpoints.down("lg")]:{gridTemplateColumns:"auto"},[e.containerQueries.up("lg")]:{gridTemplateColumns:"repeat(3, 1fr)"},[e.containerQueries.down("lg")]:{gridTemplateColumns:"auto"}})],children:[e.jsx(r.Box,{sx:{flexBasis:0,flexGrow:1},children:e.jsx(C,{animated:t,label:"Completed",primaryText:W.progress.completed.toString(),secondaryText:`of ${W.progress.total}`})}),e.jsx(r.Box,{sx:{flexBasis:0,flexGrow:1},children:e.jsx(C,{animated:t,label:"Incomplete",primaryText:W.progress.incomplete.toString(),secondaryText:`${W.progress.incompletePercentage}%`})}),e.jsx(r.Box,{sx:{flexBasis:0,flexGrow:1},children:e.jsx(C,{animated:t,label:"Duration",primaryText:W.progress.averageDuration,secondaryText:"average"})})]})]})}),e.jsxs(r.Box,{component:"footer",sx:{display:"flex",flexDirection:"row",justifyContent:f?"space-between":"end",gap:1},children:[f&&e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",gap:1},children:S?e.jsxs(e.Fragment,{children:[e.jsx(x,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e.jsx(x,{sx:{width:100}})]}):e.jsx(e.Fragment,{children:e.jsx(n.Text,{clamp:1,size:"xs",secondary:!0,children:f.activityDescription})})}),!S&&"draft"!==j&&e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[e.jsx(q,{animated:t,iconName:"data-bar",label:"answers",value:W?.count?.answers??0}),e.jsx(q,{animated:t,iconName:"comment-filled",label:"comments",value:W?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react");require("@mui/material");var t=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var o=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var i=require("./_partials/StyledBox/StyledBox.js"),a=require("./helpers/index.js");const u=r.forwardRef(({status:r,sizing:u,...s},l)=>e.jsxs(i.StyledTestStatus,{ref:l,sizing:u,status:r,...s,children:[e.jsx(t.default,{name:a.getStatusIconName(r)}),e.jsx(o.Text,{size:"sm",children:a.getStatusText(r)})]}));module.exports=u;
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react");require("@mui/material");var o=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var i=require("./_partials/StyledBox/StyledBox.js"),a=require("./helpers/index.js");const u=r.forwardRef(({status:r,sizing:u,...s},l)=>e.jsxs(i.StyledTestStatus,{ref:l,sizing:u,status:r,...s,children:[e.jsx(o.default,{name:a.getStatusIconName(r)}),e.jsx(t.Text,{size:"sm",children:a.getStatusText(r)})]}));module.exports=u;
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js");var i=require("../../WebCore/NumberField/NumberField.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js");var o=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js");var s=require("../../WebCore/Slider/Slider.js");require("../../WebCore/StarRating/StarRating.js");var a=require("../../WebCore/Switch/Switch.js");require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./_partials/StyledComponents.js");const l=({label:i,value:o,prefix:s})=>{const a=r.useTheme();return e.jsxs(r.Stack,{sx:{flex:1,alignItems:"center",gap:a.p.xs},children:[e.jsx(t.Text,{size:"sm",secondary:!0,children:i}),e.jsx(t.Text,{size:"sm",bold:!0,monospaced:!0,children:s?`${s} ${o}`:o})]})};module.exports=({min:u,max:d,bins:p,binTooltips:b,p25:j,p50:c,p75:x,mean:C,range:m,onRangeChange:q,capped:h,onCapChange:W,capLabel:B="Cap to 60 seconds",step:g=1,marksStep:y=10,unit:S="sec",formatStat:f,disabled:L,slotProps:I})=>{const T=r.useTheme(),A=d-u||1,k=e=>(e=>Math.max(0,Math.min(100,e)))((e-u)/A*100),v=Math.max(1,...p),M=A/(p.length||1),w=f??(e=>`${e.toFixed(1)} ${S}`),[P,F]=m,R=k(j),G=k(x);return e.jsxs(r.Box,{...I?.root,children:[e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-end",mb:T.p.lg},children:e.jsx(a,{sizing:"sm",value:h,label:e.jsx(t.Text,{size:"xs",secondary:!0,children:B}),disabled:L,onChange:(e,r)=>W(r)})}),e.jsxs(r.Stack,{sx:{gap:T.p.sm},children:[e.jsxs(r.Stack,{direction:"row",children:[e.jsx(l,{label:"Fastest 25%",prefix:"≤",value:w(j)}),e.jsx(l,{label:"Average",value:w(C)}),e.jsx(l,{label:"Slowest 25%",prefix:"≥",value:w(x)})]}),e.jsx(n.HistogramWrapper,{children:e.jsxs(n.HistogramInner,{children:[e.jsxs(n.ZoneLayer,{children:[e.jsx(n.Zone,{tone:"green",widthPct:R}),e.jsx(n.Zone,{tone:"yellow",widthPct:Math.max(0,G-R)}),e.jsx(n.Zone,{tone:"red",widthPct:Math.max(0,100-G)})]}),e.jsx(n.BarsLayer,{children:p.map((i,s)=>{const a=u+(s+.5)*M,l=a>=P&&a<=F,d=i/v*100,p=b?.[s];return p?e.jsx(o,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e.jsxs(r.Stack,{sx:{gap:T.p.xs,p:T.p.xs},children:[e.jsx(t.Text,{size:"sm",bold:!0,children:p.headline}),e.jsx(t.Text,{size:"xs",secondary:!0,children:p.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:e.jsx(n.Bar,{heightPct:d,inRange:l})},s):e.jsx(n.Bar,{heightPct:d,inRange:l},s)})}),e.jsx(n.ZoneLine,{leftPct:k(j)}),e.jsx(n.ZoneLine,{leftPct:k(c)}),e.jsx(n.ZoneLine,{leftPct:k(x)})]})}),e.jsx(s,{labelLeft:"",labelRight:"",min:u,max:d,step:g,marksStep:y,value:m,valueLabelFormat:e=>`${Math.round(e)}`,disabled:L,onChange:(e,r)=>{Array.isArray(r)&&q([r[0],r[1]])}}),e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",gap:T.p.md},children:[e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Minimum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:P,min:u,max:F,step:g,disabled:L,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([e,F])}})})]}),e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Maximum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:F,min:P,max:d,step:g,disabled:L,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([P,e])}})})]})]})]})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js");var i=require("../../WebCore/NumberField/NumberField.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js");var o=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js");var s=require("../../WebCore/Slider/Slider.js");require("../../WebCore/StarRating/StarRating.js");var a=require("../../WebCore/Switch/Switch.js");require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./_partials/StyledComponents.js");const l=({label:i,value:o,prefix:s})=>{const a=r.useTheme();return e.jsxs(r.Stack,{sx:{flex:1,alignItems:"center",gap:a.p.xs},children:[e.jsx(t.Text,{size:"sm",secondary:!0,children:i}),e.jsx(t.Text,{size:"sm",bold:!0,monospaced:!0,children:s?`${s} ${o}`:o})]})};module.exports=({min:u,max:d,bins:p,binTooltips:b,p25:j,p50:c,p75:x,mean:C,range:m,onRangeChange:q,capped:h,onCapChange:W,capLabel:B="Cap to 60 seconds",step:g=1,marksStep:y=10,unit:S="sec",formatStat:f,disabled:L,slotProps:I})=>{const T=r.useTheme(),A=d-u||1,k=e=>(e=>Math.max(0,Math.min(100,e)))((e-u)/A*100),v=Math.max(1,...p),M=A/(p.length||1),w=f??(e=>`${e.toFixed(1)} ${S}`),[P,F]=m,R=k(j),G=k(x);return e.jsxs(r.Box,{...I?.root,children:[e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-end",mb:T.p.lg},children:e.jsx(a,{sizing:"sm",value:h,label:e.jsx(t.Text,{size:"xs",secondary:!0,children:B}),disabled:L,onChange:(e,r)=>W(r)})}),e.jsxs(r.Stack,{sx:{gap:T.p.sm},children:[e.jsxs(r.Stack,{direction:"row",children:[e.jsx(l,{label:"Fastest 25%",prefix:"≤",value:w(j)}),e.jsx(l,{label:"Average",value:w(C)}),e.jsx(l,{label:"Slowest 25%",prefix:"≥",value:w(x)})]}),e.jsx(n.HistogramWrapper,{children:e.jsxs(n.HistogramInner,{children:[e.jsxs(n.ZoneLayer,{children:[e.jsx(n.Zone,{tone:"green",widthPct:R}),e.jsx(n.Zone,{tone:"yellow",widthPct:Math.max(0,G-R)}),e.jsx(n.Zone,{tone:"red",widthPct:Math.max(0,100-G)})]}),e.jsx(n.BarsLayer,{children:p.map((i,s)=>{const a=u+(s+.5)*M,l=a>=P&&a<=F,d=i/v*100,p=b?.[s];return p?e.jsx(o,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e.jsxs(r.Stack,{sx:{gap:T.p.xs,p:T.p.xs},children:[e.jsx(t.Text,{size:"sm",bold:!0,children:p.headline}),e.jsx(t.Text,{size:"xs",secondary:!0,children:p.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:e.jsx(n.Bar,{heightPct:d,inRange:l})},s):e.jsx(n.Bar,{heightPct:d,inRange:l},s)})}),e.jsx(n.ZoneLine,{leftPct:k(j)}),e.jsx(n.ZoneLine,{leftPct:k(c)}),e.jsx(n.ZoneLine,{leftPct:k(x)})]})}),e.jsx(s,{labelLeft:"",labelRight:"",min:u,max:d,step:g,marksStep:y,value:m,valueLabelFormat:e=>`${Math.round(e)}`,disabled:L,onChange:(e,r)=>{Array.isArray(r)&&q([r[0],r[1]])}}),e.jsxs(r.Stack,{direction:"row",sx:{justifyContent:"space-between",gap:T.p.md},children:[e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Minimum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:P,min:u,max:F,step:g,disabled:L,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([e,F])}})})]}),e.jsxs(r.Stack,{sx:{gap:T.p.xs,alignItems:"center"},children:[e.jsx(t.Text,{size:"sm",children:"Maximum"}),e.jsx(r.Box,{sx:{width:104},children:e.jsx(i.default,{value:F,min:P,max:d,step:g,disabled:L,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:e.jsx(t.Text,{size:"sm",secondary:!0,children:S}),onChange:e=>{"number"==typeof e&&q([P,e])}})})]})]})]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var o=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js");var t=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var i=require("./_partials/StyledComponents.js");const a=e=>Math.max(0,Math.min(1,e));module.exports=({x:u,y:s,aspectRatio:l=1,prefix:n="Found in",label:b,tone:C="green"})=>{const p=r.useTheme(),q=l>=1?i.MINI_MAP_MAX:i.MINI_MAP_MAX*l,j=l>=1?i.MINI_MAP_MAX/l:i.MINI_MAP_MAX;return e.jsxs(r.Stack,{direction:"row",sx:{alignItems:"center",gap:p.p.sm,flexWrap:"wrap"},children:[e.jsx(i.MiniMap,{children:e.jsx(i.MiniMapAsset,{boxWidth:q,boxHeight:j,children:e.jsx(i.MiniMapDot,{leftPct:100*a(u),topPct:100*a(s)})})}),n&&e.jsx(o.Text,{size:"sm",secondary:!0,children:n}),e.jsx(t,{sizing:"xxs",colorScheme:C,tone:100,body:b})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var o=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js");var t=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var i=require("./_partials/StyledComponents.js");const a=e=>Math.max(0,Math.min(1,e));module.exports=({x:u,y:s,aspectRatio:l=1,prefix:n="Found in",label:b,tone:C="green"})=>{const p=r.useTheme(),q=l>=1?i.MINI_MAP_MAX:i.MINI_MAP_MAX*l,d=l>=1?i.MINI_MAP_MAX/l:i.MINI_MAP_MAX;return e.jsxs(r.Stack,{direction:"row",sx:{alignItems:"center",gap:p.p.sm,flexWrap:"wrap"},children:[e.jsx(i.MiniMap,{children:e.jsx(i.MiniMapAsset,{boxWidth:q,boxHeight:d,children:e.jsx(i.MiniMapDot,{leftPct:100*a(u),topPct:100*a(s)})})}),n&&e.jsx(o.Text,{size:"sm",secondary:!0,children:n}),e.jsx(t,{sizing:"xxs",colorScheme:C,tone:100,body:b})]})};
@@ -1,5 +1,6 @@
1
1
  import * as react from 'react';
2
2
  import { FunctionComponent, ReactElement } from 'react';
3
+ import '../../../index.js';
3
4
  import '../../WebCore/Text/types.js';
4
5
  import { SurfaceProps } from '../../WebCore/Surface/Surface.js';
5
6
  import { MarkerComponentProps } from './components/Timeline/components/Markers/Markers.js';
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/Timeline/Timeline.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(i);const d=t.styled(o)(({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"})),m=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:l=0,initialMuted:b,initialVolume:c,markers:p,options:C,slots:f,events:{onEnd:q,onPlay:g,onSeekEnd:j,onSeeking:y,onSeekStart:T,onTimeUpdate:W,onPause:k,onVolumeChange:B,onVolumeMute:v,onRestart:S,onFirstPlay:h,onFirstEnded:F,onReset:I}={},videoSeekTime:E,slotProps:x},L)=>{const[P,A]=r.useState(!1),[w,M]=r.useState([]),R={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...C},[{seeking:_,endTime:G,currentTime:V,playing:D,buffering:K,loaded:N,ended:O,volume:z,muted:U,startTime:H,firstPlay:J,firstEnded:Q},X]=r.useState({startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:c||1,muted:b||!1,buffering:!1});r.useEffect(()=>{if(i.muted=U,i.volume=z,R.normaliseTime&&(void 0===o||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{le()}},[]),r.useEffect(()=>{X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0)})),i.currentTime=a.normaliseFloat(l??0)},[l,o]);const Y=r.useCallback(()=>{X(e=>({...e,playing:!1,ended:!0,...!Q&&{firstEnded:!0}})),q&&q(),!Q&&F&&F()},[Q]);r.useEffect(()=>{if(!i||null==E)return;(async()=>{const e=!i.paused,r=E===G;X(e=>({...e,playing:!1,currentTime:a.normaliseFloat(E)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),X(e=>({...e,currentTime:a.normaliseFloat(E)})),await new Promise(e=>setTimeout(e,50)),X(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?E-.001:E+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[E,i]);const Z=r.useCallback(e=>{X(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),U!==e.target?.muted&&v&&v(!U),z!==e.target?.volume&&B&&B(z)},[U,z]),$=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=G&&G!==a.normaliseFloat(i.duration)&&!O,r=a.normaliseFloat(i.currentTime)>=G&&G===a.normaliseFloat(i.duration)&&!O&&!D;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),X(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),W&&W(a.normaliseFloat(i.currentTime))},[G,O,D]),ee=r.useCallback(()=>{X(e=>({...e,playing:!1})),k&&k()},[V]),re=r.useCallback(()=>{X(e=>({...e,playing:!0,ended:!1,...!R?.disableBufferingEvents&&{buffering:!1},...!J&&{firstPlay:!0}})),!J&&h&&h(),g&&g()},[J,R?.disableBufferingEvents]),te=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!0}))},[R?.disableBufferingEvents]),ie=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!1}))},[K,R?.disableBufferingEvents]),ae=r.useCallback(()=>{if(R?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=H&&t<=G){const r=Math.max(t,H),i=Math.min(a,G);e.push({start:r-H,end:i-H,startPercent:(r-H)/(G-H)*100,widthPercent:(i-r)/(G-H)*100})}}M(e)},[_,G,V,D,K,N,O,z,U,H,w,R?.disableBufferingEvents]),oe=r.useCallback(async e=>{D&&le(),i.currentTime=H,e&&await se(),S&&S()},[D,V,H,G,O]),ne=r.useCallback(async()=>{D&&le(),i.currentTime=H,X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[D,V,H,G,O,l,o]),se=async()=>{await i.play()},le=()=>{i.pause()},ue=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),X(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!R?.disableBufferingEvents&&{buffering:!1},firstPlay:!J||r.firstPlay,bufferProgress:e})),y&&y(e),!J&&h&&h()},[K,J,R?.disableBufferingEvents]),de=r.useCallback(async()=>{document.hidden?D&&!i.paused?(A(!0),le()):A(!1):(P&&!D&&await se(),A(!1))},[D,P,le,se,i]),me=r.useCallback(e=>{e&&i.pause(),X(e=>({...e,seeking:!0})),T&&T()},[O]),be=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!O&&await i.play(),t&&D&&i.pause(),X(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),j&&j(r)},[D,O,K,_]);return u.default("visibilitychange",de,document),u.default("pause",ee,i),u.default("playing",re,i),u.default("timeupdate",$,i),u.default("ended",Y,i),u.default("volumechange",Z,i),u.default("waiting",te,i),u.default("canplay",ie,i),u.default("progress",ae,i),r.useImperativeHandle(L,()=>({play:se,pause:le,restart:oe,reset:ne,seek:(e,r,t)=>be(r,e,t),videoState:{seeking:_,endTime:G,currentTime:V,playing:D,buffering:K,loaded:N,ended:O,volume:z,firstPlay:J,firstEnded:Q,muted:U,startTime:H}})),e.jsxs(d,{variation:"raised",borderradius:"xl",id:t,sx:x?.paperContainer?.sx,children:[e.jsxs(m,{...R?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:_,playing:D,ended:O,buffering:K,handleAction:async()=>{O?await oe(!0):D?le():await se()}}),e.jsx(s,{handleSeeking:ue,handleSeekEnd:be,handleSeekStart:me,ended:O,marker:f?.marker,markers:p,markerIndicatorMode:R.markerIndicatorMode,markerIndicatorSize:R.markerIndicatorSize,markerIndicator:R.markerIndicator,startTime:R.normaliseTime?H:0,currentTime:V,endTime:G,playing:D,bufferRanges:w,buffering:K,volume:z,muted:U,volumeControls:R.volumeControls,volumeControlsType:R.volumeControlsType,handleVolumeMute:()=>{i.muted=!U},handleVolumeChange:e=>{i.volume=e,U&&(i.muted=!1)}})]}),f?.bottom]})});var c=r.memo(b);module.exports=c;
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/Timeline/Timeline.js");function l(e){return e&&e.__esModule?e:{default:e}}var u=l(i);const d=t.styled(o)(({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"})),m=t.styled(t.Stack)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:l=0,initialMuted:b,initialVolume:c,markers:p,options:C,slots:f,events:{onEnd:q,onPlay:g,onSeekEnd:j,onSeeking:y,onSeekStart:W,onTimeUpdate:T,onPause:k,onVolumeChange:B,onVolumeMute:v,onRestart:S,onFirstPlay:F,onFirstEnded:h,onReset:I}={},videoSeekTime:E,slotProps:x},L)=>{const[P,A]=r.useState(!1),[w,M]=r.useState([]),R={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...C},[{seeking:_,endTime:G,currentTime:V,playing:D,buffering:K,loaded:N,ended:O,volume:z,muted:U,startTime:H,firstPlay:J,firstEnded:Q},X]=r.useState({startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:c||1,muted:b||!1,buffering:!1});r.useEffect(()=>{if(i.muted=U,i.volume=z,R.normaliseTime&&(void 0===o||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{le()}},[]),r.useEffect(()=>{X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0)})),i.currentTime=a.normaliseFloat(l??0)},[l,o]);const Y=r.useCallback(()=>{X(e=>({...e,playing:!1,ended:!0,...!Q&&{firstEnded:!0}})),q&&q(),!Q&&h&&h()},[Q]);r.useEffect(()=>{if(!i||null==E)return;(async()=>{const e=!i.paused,r=E===G;X(e=>({...e,playing:!1,currentTime:a.normaliseFloat(E)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),X(e=>({...e,currentTime:a.normaliseFloat(E)})),await new Promise(e=>setTimeout(e,50)),X(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?E-.001:E+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[E,i]);const Z=r.useCallback(e=>{X(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),U!==e.target?.muted&&v&&v(!U),z!==e.target?.volume&&B&&B(z)},[U,z]),$=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=G&&G!==a.normaliseFloat(i.duration)&&!O,r=a.normaliseFloat(i.currentTime)>=G&&G===a.normaliseFloat(i.duration)&&!O&&!D;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),X(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),T&&T(a.normaliseFloat(i.currentTime))},[G,O,D]),ee=r.useCallback(()=>{X(e=>({...e,playing:!1})),k&&k()},[V]),re=r.useCallback(()=>{X(e=>({...e,playing:!0,ended:!1,...!R?.disableBufferingEvents&&{buffering:!1},...!J&&{firstPlay:!0}})),!J&&F&&F(),g&&g()},[J,R?.disableBufferingEvents]),te=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!0}))},[R?.disableBufferingEvents]),ie=r.useCallback(()=>{R?.disableBufferingEvents||X(e=>({...e,buffering:!1}))},[K,R?.disableBufferingEvents]),ae=r.useCallback(()=>{if(R?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=H&&t<=G){const r=Math.max(t,H),i=Math.min(a,G);e.push({start:r-H,end:i-H,startPercent:(r-H)/(G-H)*100,widthPercent:(i-r)/(G-H)*100})}}M(e)},[_,G,V,D,K,N,O,z,U,H,w,R?.disableBufferingEvents]),oe=r.useCallback(async e=>{D&&le(),i.currentTime=H,e&&await se(),S&&S()},[D,V,H,G,O]),ne=r.useCallback(async()=>{D&&le(),i.currentTime=H,X(e=>({...e,startTime:a.normaliseFloat(R.normaliseTime?l:0),endTime:a.normaliseFloat(R.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[D,V,H,G,O,l,o]),se=async()=>{await i.play()},le=()=>{i.pause()},ue=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),X(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!R?.disableBufferingEvents&&{buffering:!1},firstPlay:!J||r.firstPlay,bufferProgress:e})),y&&y(e),!J&&F&&F()},[K,J,R?.disableBufferingEvents]),de=r.useCallback(async()=>{document.hidden?D&&!i.paused?(A(!0),le()):A(!1):(P&&!D&&await se(),A(!1))},[D,P,le,se,i]),me=r.useCallback(e=>{e&&i.pause(),X(e=>({...e,seeking:!0})),W&&W()},[O]),be=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!O&&await i.play(),t&&D&&i.pause(),X(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),j&&j(r)},[D,O,K,_]);return u.default("visibilitychange",de,document),u.default("pause",ee,i),u.default("playing",re,i),u.default("timeupdate",$,i),u.default("ended",Y,i),u.default("volumechange",Z,i),u.default("waiting",te,i),u.default("canplay",ie,i),u.default("progress",ae,i),r.useImperativeHandle(L,()=>({play:se,pause:le,restart:oe,reset:ne,seek:(e,r,t)=>be(r,e,t),videoState:{seeking:_,endTime:G,currentTime:V,playing:D,buffering:K,loaded:N,ended:O,volume:z,firstPlay:J,firstEnded:Q,muted:U,startTime:H}})),e.jsxs(d,{variation:"raised",borderradius:"xl",id:t,sx:x?.paperContainer?.sx,children:[e.jsxs(m,{...R?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:_,playing:D,ended:O,buffering:K,handleAction:async()=>{O?await oe(!0):D?le():await se()}}),e.jsx(s,{handleSeeking:ue,handleSeekEnd:be,handleSeekStart:me,ended:O,marker:f?.marker,markers:p,markerIndicatorMode:R.markerIndicatorMode,markerIndicatorSize:R.markerIndicatorSize,markerIndicator:R.markerIndicator,startTime:R.normaliseTime?H:0,currentTime:V,endTime:G,playing:D,bufferRanges:w,buffering:K,volume:z,muted:U,volumeControls:R.volumeControls,volumeControlsType:R.volumeControlsType,handleVolumeMute:()=>{i.muted=!U},handleVolumeChange:e=>{i.volume=e,U&&(i.muted=!1)}})]}),f?.bottom]})});var c=r.memo(b);module.exports=c;
@@ -1,3 +1,4 @@
1
+ import '../../../../../../../index.js';
1
2
  import '../../../../../../WebCore/Text/types.js';
2
3
 
3
4
  type MarkerComponentProps = {
@@ -1,6 +1,7 @@
1
1
  import * as react from 'react';
2
2
  import { FunctionComponent, ReactElement } from 'react';
3
3
  import { BoxProps } from '@mui/material';
4
+ import '../../../index.js';
4
5
  import '../../WebCore/Text/types.js';
5
6
  import { SurfaceProps } from '../../WebCore/Surface/Surface.js';
6
7
  import { MarkerComponentProps } from './components/Timeline/components/Markers/Markers.js';
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./components/ActionButton/ActionButton.js"),s=require("./components/OverlayControl/OverlayControl.js"),l=require("./components/Timeline/Timeline.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(i);const m=t.styled(o)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),c=t.styled(t.Stack)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:u=0,initialMuted:b,initialVolume:C,markers:p,options:f,slots:q,events:{onEnd:j,onPlay:g,onSeekEnd:y,onSeeking:T,onSeekStart:W,onTimeUpdate:k,onPause:v,onVolumeChange:B,onVolumeMute:S,onRestart:h,onFirstPlay:F,onFirstEnded:E,onReset:I}={},videoSeekTime:x,slotProps:L},P)=>{const[A,w]=r.useState(!1),[M,R]=r.useState(!1),[_,G]=r.useState([]),V={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...f},[{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,muted:Q,startTime:X,firstPlay:Y,firstEnded:Z},$]=r.useState({startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:C||1,muted:b||!1,buffering:!1});r.useEffect(()=>{if(i.muted=Q,i.volume=J,V.normaliseTime&&(void 0===o||void 0===u))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ce()}},[]),r.useEffect(()=>{$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0)})),i.currentTime=a.normaliseFloat(u??0)},[u,o]);const ee=r.useCallback(()=>{$(e=>({...e,playing:!1,ended:!0,...!Z&&{firstEnded:!0}})),j&&j(),!Z&&E&&E()},[Z]);r.useEffect(()=>{if(!i||null==x)return;(async()=>{const e=!i.paused,r=x===K;$(e=>({...e,playing:!1,currentTime:a.normaliseFloat(x)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),$(e=>({...e,currentTime:a.normaliseFloat(x)})),await new Promise(e=>setTimeout(e,50)),$(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?x-.001:x+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[x,i]);const re=r.useCallback(e=>{$(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Q!==e.target?.muted&&S&&S(!Q),J!==e.target?.volume&&B&&B(J)},[Q,J]),te=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=K&&K!==a.normaliseFloat(i.duration)&&!H,r=a.normaliseFloat(i.currentTime)>=K&&K===a.normaliseFloat(i.duration)&&!H&&!O;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),$(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),k&&k(a.normaliseFloat(i.currentTime))},[K,H,O]),ie=r.useCallback(()=>{$(e=>({...e,playing:!1})),v&&v()},[N]),ae=r.useCallback(()=>{$(e=>({...e,playing:!0,ended:!1,...!V?.disableBufferingEvents&&{buffering:!1},...!Y&&{firstPlay:!0}})),!Y&&F&&F(),g&&g()},[Y,V?.disableBufferingEvents]),oe=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!0}))},[V?.disableBufferingEvents]),ne=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!1}))},[z,V?.disableBufferingEvents]),se=r.useCallback(()=>{if(V?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=X&&t<=K){const r=Math.max(t,X),i=Math.min(a,K);e.push({start:r-X,end:i-X,startPercent:(r-X)/(K-X)*100,widthPercent:(i-r)/(K-X)*100})}}G(e)},[D,K,N,O,z,U,H,J,Q,X,_,V?.disableBufferingEvents]),le=r.useCallback(async e=>{O&&ce(),i.currentTime=X,e&&await me(),h&&h()},[O,N,X,K,H]),ue=r.useCallback(async()=>{O&&ce(),i.currentTime=X,$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[O,N,X,K,H,u,o]),de=async()=>{H?await le(!0):O?ce():await me()},me=async()=>{await i.play()},ce=()=>{i.pause()},be=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),$(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!V?.disableBufferingEvents&&{buffering:!1},firstPlay:!Y||r.firstPlay,bufferProgress:e})),T&&T(e),!Y&&F&&F()},[z,Y,V?.disableBufferingEvents]),Ce=r.useCallback(async()=>{document.hidden?O&&!i.paused?(w(!0),ce()):w(!1):(A&&!O&&await me(),w(!1))},[O,A,ce,me,i]),pe=r.useCallback(e=>{e&&i.pause(),$(e=>({...e,seeking:!0})),W&&W()},[H]),fe=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!H&&await i.play(),t&&O&&i.pause(),$(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),y&&y(r)},[O,H,z,D]),qe=r.useCallback(()=>{document.fullscreenElement?document.exitFullscreen():i.requestFullscreen()},[i]);return d.default("fullscreenchange",()=>R(!!document.fullscreenElement),document),d.default("visibilitychange",Ce,document),d.default("pause",ie,i),d.default("playing",ae,i),d.default("timeupdate",te,i),d.default("ended",ee,i),d.default("volumechange",re,i),d.default("waiting",oe,i),d.default("canplay",ne,i),d.default("progress",se,i),r.useImperativeHandle(P,()=>({play:me,pause:ce,restart:le,reset:ue,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,firstPlay:Y,firstEnded:Z,muted:Q,startTime:X}})),e.jsxs(e.Fragment,{children:[V.overlayControls&&e.jsx(s,{videoElement:i,playing:O,firstPlay:Y,ended:H,handleAction:de}),e.jsxs(m,{variation:"raised",id:t,sx:L?.paperContainer?.sx,children:[e.jsxs(c,{...V?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:D,playing:O,ended:H,buffering:z,handleAction:de}),e.jsx(l,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:pe,ended:H,marker:q?.marker,markersContainerProps:L?.markersContainer,markers:p,markerIndicatorMode:V.markerIndicatorMode,markerIndicatorSize:V.markerIndicatorSize,markerIndicator:V.markerIndicator,startTime:V.normaliseTime?X:0,currentTime:N,endTime:K,playing:O,bufferRanges:_,buffering:z,volume:J,muted:Q,volumeControls:V.volumeControls,volumeControlsType:V.volumeControlsType,handleVolumeMute:()=>{i.muted=!Q},handleVolumeChange:e=>{i.volume=e,Q&&(i.muted=!1)},fullscreenControls:V.fullscreenControls,hideStartTime:V.hideStartTime,hideEndTime:V.hideEndTime,isFullScreen:M,handlefullscreenToggle:qe})]}),q?.bottom]})]})});var C=r.memo(b);module.exports=C;
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@use-it/event-listener"),a=require("../../../utils/normaliseFloat.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks");var o=require("../../WebCore/Surface/Surface.js");require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");var n=require("./components/ActionButton/ActionButton.js"),l=require("./components/OverlayControl/OverlayControl.js"),s=require("./components/Timeline/Timeline.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(i);const m=t.styled(o)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),c=t.styled(t.Stack)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),b=r.forwardRef(({id:t,videoElement:i,initialEndTime:o=0,initialCurrentTime:u=0,initialMuted:b,initialVolume:C,markers:p,options:f,slots:q,events:{onEnd:j,onPlay:g,onSeekEnd:y,onSeeking:T,onSeekStart:W,onTimeUpdate:k,onPause:v,onVolumeChange:B,onVolumeMute:S,onRestart:h,onFirstPlay:F,onFirstEnded:E,onReset:I}={},videoSeekTime:x,slotProps:L},P)=>{const[A,w]=r.useState(!1),[M,R]=r.useState(!1),[_,G]=r.useState([]),V={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...f},[{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,muted:Q,startTime:X,firstPlay:Y,firstEnded:Z},$]=r.useState({startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:C||1,muted:b||!1,buffering:!1});r.useEffect(()=>{if(i.muted=Q,i.volume=J,V.normaliseTime&&(void 0===o||void 0===u))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ce()}},[]),r.useEffect(()=>{$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0)})),i.currentTime=a.normaliseFloat(u??0)},[u,o]);const ee=r.useCallback(()=>{$(e=>({...e,playing:!1,ended:!0,...!Z&&{firstEnded:!0}})),j&&j(),!Z&&E&&E()},[Z]);r.useEffect(()=>{if(!i||null==x)return;(async()=>{const e=!i.paused,r=x===K;$(e=>({...e,playing:!1,currentTime:a.normaliseFloat(x)})),await new Promise(e=>{const r=()=>{i.removeEventListener("seeked",r),e()};i.addEventListener("seeked",r),setTimeout(e,500)}),$(e=>({...e,currentTime:a.normaliseFloat(x)})),await new Promise(e=>setTimeout(e,50)),$(t=>({...t,playing:e,currentTime:a.normaliseFloat(r?x-.001:x+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[x,i]);const re=r.useCallback(e=>{$(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Q!==e.target?.muted&&S&&S(!Q),J!==e.target?.volume&&B&&B(J)},[Q,J]),te=r.useCallback(()=>{const e=a.normaliseFloat(i.currentTime)>=K&&K!==a.normaliseFloat(i.duration)&&!H,r=a.normaliseFloat(i.currentTime)>=K&&K===a.normaliseFloat(i.duration)&&!H&&!O;(e||r)&&(i.pause(),i.dispatchEvent(new Event("ended"))),$(e=>({...e,currentTime:a.normaliseFloat(i.currentTime)})),k&&k(a.normaliseFloat(i.currentTime))},[K,H,O]),ie=r.useCallback(()=>{$(e=>({...e,playing:!1})),v&&v()},[N]),ae=r.useCallback(()=>{$(e=>({...e,playing:!0,ended:!1,...!V?.disableBufferingEvents&&{buffering:!1},...!Y&&{firstPlay:!0}})),!Y&&F&&F(),g&&g()},[Y,V?.disableBufferingEvents]),oe=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!0}))},[V?.disableBufferingEvents]),ne=r.useCallback(()=>{V?.disableBufferingEvents||$(e=>({...e,buffering:!1}))},[z,V?.disableBufferingEvents]),le=r.useCallback(()=>{if(V?.disableBufferingEvents)return;const e=[];for(let r=0;r<i.buffered.length;r++){const t=i.buffered.start(r),a=i.buffered.end(r);if(a>=X&&t<=K){const r=Math.max(t,X),i=Math.min(a,K);e.push({start:r-X,end:i-X,startPercent:(r-X)/(K-X)*100,widthPercent:(i-r)/(K-X)*100})}}G(e)},[D,K,N,O,z,U,H,J,Q,X,_,V?.disableBufferingEvents]),se=r.useCallback(async e=>{O&&ce(),i.currentTime=X,e&&await me(),h&&h()},[O,N,X,K,H]),ue=r.useCallback(async()=>{O&&ce(),i.currentTime=X,$(e=>({...e,startTime:a.normaliseFloat(V.normaliseTime?u:0),endTime:a.normaliseFloat(V.normaliseTime?o:i.duration),currentTime:a.normaliseFloat(u??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),I&&I()},[O,N,X,K,H,u,o]),de=async()=>{H?await se(!0):O?ce():await me()},me=async()=>{await i.play()},ce=()=>{i.pause()},be=r.useCallback(e=>{i.currentTime=a.normaliseFloat(e),$(r=>({...r,currentTime:a.normaliseFloat(e),ended:!1,seeking:!0,...!V?.disableBufferingEvents&&{buffering:!1},firstPlay:!Y||r.firstPlay,bufferProgress:e})),T&&T(e),!Y&&F&&F()},[z,Y,V?.disableBufferingEvents]),Ce=r.useCallback(async()=>{document.hidden?O&&!i.paused?(w(!0),ce()):w(!1):(A&&!O&&await me(),w(!1))},[O,A,ce,me,i]),pe=r.useCallback(e=>{e&&i.pause(),$(e=>({...e,seeking:!0})),W&&W()},[H]),fe=r.useCallback(async(e,r,t)=>{r&&(i.currentTime=r),e&&!H&&await i.play(),t&&O&&i.pause(),$(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),y&&y(r)},[O,H,z,D]),qe=r.useCallback(()=>{document.fullscreenElement?document.exitFullscreen():i.requestFullscreen()},[i]);return d.default("fullscreenchange",()=>R(!!document.fullscreenElement),document),d.default("visibilitychange",Ce,document),d.default("pause",ie,i),d.default("playing",ae,i),d.default("timeupdate",te,i),d.default("ended",ee,i),d.default("volumechange",re,i),d.default("waiting",oe,i),d.default("canplay",ne,i),d.default("progress",le,i),r.useImperativeHandle(P,()=>({play:me,pause:ce,restart:se,reset:ue,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:D,endTime:K,currentTime:N,playing:O,buffering:z,loaded:U,ended:H,volume:J,firstPlay:Y,firstEnded:Z,muted:Q,startTime:X}})),e.jsxs(e.Fragment,{children:[V.overlayControls&&e.jsx(l,{videoElement:i,playing:O,firstPlay:Y,ended:H,handleAction:de}),e.jsxs(m,{variation:"raised",id:t,sx:L?.paperContainer?.sx,children:[e.jsxs(c,{...V?.rtl&&{dir:"rtl"},children:[e.jsx(n,{seeking:D,playing:O,ended:H,buffering:z,handleAction:de}),e.jsx(s,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:pe,ended:H,marker:q?.marker,markersContainerProps:L?.markersContainer,markers:p,markerIndicatorMode:V.markerIndicatorMode,markerIndicatorSize:V.markerIndicatorSize,markerIndicator:V.markerIndicator,startTime:V.normaliseTime?X:0,currentTime:N,endTime:K,playing:O,bufferRanges:_,buffering:z,volume:J,muted:Q,volumeControls:V.volumeControls,volumeControlsType:V.volumeControlsType,handleVolumeMute:()=>{i.muted=!Q},handleVolumeChange:e=>{i.volume=e,Q&&(i.muted=!1)},fullscreenControls:V.fullscreenControls,hideStartTime:V.hideStartTime,hideEndTime:V.hideEndTime,isFullScreen:M,handlefullscreenToggle:qe})]}),q?.bottom]})]})});var C=r.memo(b);module.exports=C;
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime");require("@mui/material");var r=require("../../../../../../BrandCore/Icon/Icon.js");require("../../../../../../../utils/formValidation/misc.js"),require("../../../../../../BrandCore/primitiveVariables.js"),require("../../../../../../WebCore/utils/typography.util.js"),require("../../../../../../BrandCore/textures.js"),require("../../../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../../../WebCore/Accordion/Accordion.js"),require("../../../../../../WebCore/Animations/FadeIn.js"),require("../../../../../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("react"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../../../../../WebCore/Badge/Badge.js"),require("../../../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../../../WebCore/Button/Button.js"),require("../../../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var o=require("../../../../../../WebCore/IconButton/IconButton.js");require("../../../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../../../WebCore/Image/Image.js"),require("../../../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../../../WebCore/Label/Label.js"),require("../../../../../../WebCore/Likert/LikertContainer.js"),require("../../../../../../WebCore/Likert/LikertLabel.js"),require("../../../../../../WebCore/Likert/LikertRadio.js"),require("../../../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../../../WebCore/Surface/Surface.js"),require("../../../../../../WebCore/Menu/MenuItem.js"),require("../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../../../WebCore/NumberField/NumberField.js"),require("../../../../../../BrandCore/colorRamps.js"),require("../../../../../../BrandCore/semanticColor.js"),require("../../../../../../BrandCore/types.js"),require("../../../../../../BrandCore/typography.js"),require("../../../../../../WebCore/Progress/Progress.js"),require("../../../../../../WebCore/Pill/StyledPill.js"),require("../../../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../../../WebCore/Radio/StyledRadio.js"),require("../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../../../WebCore/Select/StyledSelect.js"),require("../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../../../../WebCore/SortableList/SortableList.js"),require("../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../../../../WebCore/Skeleton/Skeleton.js"),require("../../../../../../WebCore/Slider/StyledSlider.js"),require("../../../../../../WebCore/StarRating/StarRating.js"),require("../../../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../../../WebCore/Textarea/Textarea.js"),require("../../../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../../../WebCore/VideoModal/VideoModal.js"),require("../../../../../../WebCore/TintedSurface/TintedSurface.js");module.exports=({isFullScreen:t,handlefullscreenToggle:i})=>e.jsx(o,{icon:e.jsx(r.default,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});
1
+ "use strict";var e=require("react/jsx-runtime");require("@mui/material");var r=require("../../../../../../BrandCore/Icon/Icon.js");require("../../../../../../../utils/formValidation/misc.js"),require("../../../../../../BrandCore/primitiveVariables.js"),require("../../../../../../WebCore/utils/typography.util.js"),require("../../../../../../BrandCore/textures.js"),require("../../../../../../WebCore/AnnualController/AnnualController.js"),require("../../../../../../WebCore/SelectItem/SelectItem.js"),require("../../../../../../WebCore/Accordion/Accordion.js"),require("../../../../../../WebCore/Animations/FadeIn.js"),require("../../../../../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("react"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../../../../../WebCore/Badge/Badge.js"),require("../../../../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../../../../WebCore/Button/Button.js"),require("../../../../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../../../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../../../../WebCore/Differential/DifferentialContainer.js"),require("../../../../../../WebCore/Differential/DifferentialRadio.js"),require("../../../../../../WebCore/DropdownMenu/StyledMenu.js"),require("../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../../../../../WebCore/FormBuilder/FormBuilder.js"),require("../../../../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var o=require("../../../../../../WebCore/IconButton/IconButton.js");require("../../../../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../../../../WebCore/Image/Image.js"),require("../../../../../../WebCore/KbdGroup/Kbd.js"),require("../../../../../../WebCore/KbdGroup/KbdGroup.js"),require("../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../../../../../WebCore/Label/Label.js"),require("../../../../../../WebCore/Likert/LikertContainer.js"),require("../../../../../../WebCore/Likert/LikertLabel.js"),require("../../../../../../WebCore/Likert/LikertRadio.js"),require("../../../../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../../../../WebCore/Surface/Surface.js"),require("../../../../../../WebCore/Menu/MenuItem.js"),require("../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../../../../WebCore/Nudge/NudgeButton.js"),require("../../../../../../WebCore/NumberField/NumberField.js"),require("../../../../../../BrandCore/colorRamps.js"),require("../../../../../../BrandCore/semanticColor.js"),require("../../../../../../BrandCore/types.js"),require("../../../../../../BrandCore/typography.js"),require("../../../../../../WebCore/Progress/Progress.js"),require("../../../../../../WebCore/Pill/StyledPill.js"),require("../../../../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../../../../WebCore/Radio/StyledRadio.js"),require("../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../../../../WebCore/Select/StyledSelect.js"),require("../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../../../../../WebCore/SortableList/SortableList.js"),require("../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../../../../WebCore/Skeleton/Skeleton.js"),require("../../../../../../WebCore/Slider/StyledSlider.js"),require("../../../../../../WebCore/StarRating/StarRating.js"),require("../../../../../../WebCore/Switch/StyledSwitch.js"),require("../../../../../../WebCore/Textarea/Textarea.js"),require("../../../../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../../../../WebCore/TrialCard/TrialPill.js"),require("../../../../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../../../../WebCore/VideoModal/VideoModal.js"),require("../../../../../../WebCore/TintedSurface/TintedSurface.js");module.exports=({isFullScreen:i,handlefullscreenToggle:t})=>e.jsx(o,{icon:e.jsx(r.default,{name:i?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:t});
@@ -1,3 +1,4 @@
1
+ import '../../../../../../../index.js';
1
2
  import '../../../../../../WebCore/Text/types.js';
2
3
 
3
4
  type MarkerComponentProps = {
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { IconButtonProps } from 'systems/WebCore/IconButton';
2
+ import { IconButtonProps } from '../../../../WebCore/IconButton/IconButton.js';
3
3
 
4
4
  type VideoOverlayControlProps = {
5
5
  playing: boolean;
@@ -1,6 +1,6 @@
1
1
  import { BoxProps, Theme } from '@mui/material';
2
2
  import react__default from 'react';
3
- import { GenericSizeMap } from 'systems/BrandCore';
3
+ import { GenericSizeMap } from '../../BrandCore/primitiveVariables.js';
4
4
  import { TextProps } from '../Text/types.js';
5
5
 
6
6
  type ButtonSizing = Exclude<GenericSizeMap, 'none' | 'xxxl'>;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),i=require("react"),n=require("react-hook-form"),s=require("../../BrandCore/primitiveVariables.js"),l=require("../Html/Html.js"),o=require("../InputLabel/InputLabel.js"),a=require("./components/StrengthIndicator/StrengthIndicator.js"),d=require("./FieldMessage.js"),c=require("./fieldRegistry.js");var u=i.memo(({field:i,fieldRef:u,control:p})=>{const{custom:m}=r.useTheme(),x=i,{fieldType:h,name:f,label:g,labelProps:j,helperText:q,helpTextProps:b,content:v,styleOverrides:y,strengthIndicator:I,hidden:S}=x,T=c.extractNoneOfThese(c.splitFieldProps(x)),k=n.useWatch({control:p,name:f,disabled:!I}),F="checkbox"===h?`${"lg"===T.sizing?s.space[600]:s.space[500]}px`:void 0,L=`${f}-error`;return e.jsxs(r.Stack,{sx:t.mergeSx({gap:m.margin.sm},y?.sxInputStack,S&&{display:"none!important"}),children:["switch"!==h?g&&e.jsx(o,{...j,children:g}):null,(()=>{if("html"===h)return v?e.jsx(l,{children:v}):null;const r=c.getFieldDefinition(h);if(!r)return null;const t=r.component;return e.jsx(n.Controller,{name:f,control:p,render:({field:{ref:i,...n},fieldState:s})=>e.jsxs(e.Fragment,{children:[e.jsx(t,{...T,...n,...r.adapt?.(x,n)??{},"aria-invalid":!!s.error||void 0,"aria-describedby":s.error?L:void 0,inputRef:e=>{i(e),((e,r)=>{"function"==typeof e?e(r):e&&(e.current=r)})(u,e)}}),I&&e.jsx(a,{value:k}),s.error&&e.jsx(d,{id:L,errorMessage:s.error.message,paddingLeft:F,showicon:!0})]})})})(),q?e.jsx(d,{helperText:q,paddingLeft:F,...b}):null]})});module.exports=u;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("../InputLabelHelp/InputLabelHelp.js");module.exports=({helperText:r,errorMessage:a,paddingLeft:i,id:l,...d})=>a?e.jsx(t,{id:l,role:"alert",showicon:!0,state:"negative",paddingLeft:i,children:a}):r?e.jsx(t,{state:"default",paddingLeft:i,...d,children:r}):null;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),o=require("react"),s=require("react-hook-form");const n=({control:e,stateRef:r})=>{const{isValid:t,errors:o}=s.useFormState({control:e});return r.current={isValid:t,errors:o},null},i=({control:e,button:r})=>{const{isValid:t}=s.useFormState({control:e});return o.cloneElement(r,{disabled:r.props.disabled||!t})};module.exports=({control:o,stateRef:s,submitButton:u,secondaryButton:a,disableInvalidSubmit:l,sx:c})=>{const{custom:m}=r.useTheme();return e.jsxs(e.Fragment,{children:[e.jsx(n,{control:o,stateRef:s}),(u||a)&&e.jsxs(r.Stack,{direction:"row",sx:t.mergeSx({mt:m.margin.lg,gap:m.margin.sm,justifyContent:"flex-end"},c),children:[a,u&&l?e.jsx(i,{control:o,button:u}):u]})]})};
@@ -0,0 +1,13 @@
1
+ import { Ref, ReactElement } from 'react';
2
+ import { FieldValues } from 'react-hook-form';
3
+ import { FormBuilderProps, FormBuilderHandle } from './types.js';
4
+
5
+ /**
6
+ * Re-typed as a generic component: `<FormBuilder<MyValues>>` types the imperative handle against
7
+ * `MyValues`. Defaults to the loose `FieldValues` when no type argument is given.
8
+ */
9
+ declare const FormBuilder: <TValues extends FieldValues = FieldValues>(props: FormBuilderProps<TValues> & {
10
+ ref?: Ref<FormBuilderHandle<TValues>>;
11
+ }) => ReactElement;
12
+
13
+ export { FormBuilder as default };
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@hookform/resolvers/zod"),t=require("@mui/material"),s=require("merge-sx"),o=require("react"),i=require("react-hook-form"),u=require("../../../utils/usePrevious.js"),a=require("./Field.js"),l=require("./fieldRegistry.js"),n=require("./FormActions.js");const m=o.forwardRef(({formConfig:m,onSubmit:d,onChange:c,onFormSubmit:f,onFormChange:g,submitButton:h,secondaryButton:v},x)=>{const{custom:b}=t.useTheme(),{fields:F,mode:p,reValidateMode:S,autoComplete:V,formId:j,validateOnInit:q,disableInvalidSubmit:y,styleOverrides:B,schema:R,resolver:C}=m,E=d??f,I=c??g,k=u.usePrevious(F),w=o.useRef({isValid:!1,errors:{}}),D=i.useForm({mode:p||"onChange",reValidateMode:S,defaultValues:o.useMemo(()=>l.getDefaultValues(F),[]),resolver:C??(R?r.zodResolver(R):void 0),shouldUnregister:!0}),{control:M,handleSubmit:P,reset:T,trigger:z,setValue:O,setFocus:A,getValues:H,getFieldState:N,watch:U}=D;o.useEffect(()=>{q&&z()},[]),o.useEffect(()=>{if(!I)return;const e=U(()=>I(H()));return()=>e.unsubscribe()},[U,H,I]),o.useEffect(()=>{if(void 0===k)return;const e=k.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);F.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>O(e.name,l.getFieldDefault(e)))},[F]);const G=o.useRef(!1);return o.useEffect(()=>{G.current?T(l.getDefaultValues(F)):G.current=!0},[j]),o.useImperativeHandle(x,()=>({submit(){E&&P(E)()},reset(){T()},values:()=>H(),valid:()=>w.current.isValid,errors:()=>w.current.errors,focus(e){A(e)},setValue:O,getFieldState:N,trigger:z,watch:U})),e.jsx(i.FormProvider,{...D,children:e.jsxs(t.Box,{component:"form",autoComplete:V,noValidate:!0,sx:B?.sxForm,...E&&{onSubmit:P(E)},children:[e.jsx(t.Stack,{sx:s.mergeSx({gap:b.margin.md},B?.sxStack),children:F.map(r=>e.jsx(a,{field:r,fieldRef:r.ref,control:M},r.name))}),e.jsx(n,{control:M,stateRef:w,submitButton:h,secondaryButton:v,disableInvalidSubmit:y,sx:B?.sxButtons})]})})});m.displayName="FormBuilder";const d=m;module.exports=d;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("check-password-strength"),s=require("../../../Text/Text.js"),i=require("./components/LinearBar/LinearBar.js"),a=require("./helpers/getColorBasedOnScore.js");const n=["","Too weak","Weak","Medium","Strong"];module.exports=({label:o="Strength",width:c=60,value:u})=>{const d=r.useTheme(),l=u?t.passwordStrength(u).id+1:0;return e.jsxs(r.Stack,{direction:"row",sx:{gap:1,alignItems:"center"},children:[e.jsx(s.Text,{size:"sm",children:o}),e.jsx(i,{variant:"determinate",value:0===l?6.6:25*l,score:l,sx:{width:c}}),e.jsx(s.Text,{size:"sm",textColor:a.getTextColorBasedOnScore(l,d),children:n[l]})]})};
@@ -0,0 +1 @@
1
+ "use strict";var r=require("@mui/material");require("react");var e=require("../../../../../../../utils/shouldForwardProp.js"),s=require("../../helpers/getColorBasedOnScore.js");const o=r.styled(r.LinearProgress,{shouldForwardProp:e.omitProps("score")})(({theme:e,score:o})=>({boxShadow:"unset",background:e.custom.palette.neutral[100],borderRadius:e.spacing(e.custom.radius.sm),[`.${r.linearProgressClasses.bar}`]:{borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:s.getColorBasedOnScore(o,e)}}));module.exports=o;
@@ -0,0 +1 @@
1
+ "use strict";exports.getColorBasedOnScore=(e,t)=>{switch(e){case 1:return t.custom.palette.red[500];case 2:return t.custom.palette.yellow[500];case 3:case 4:return t.custom.palette.green[500];default:return t.custom.palette.icon.disabled}},exports.getTextColorBasedOnScore=(e,t)=>{switch(e){case 1:return t.custom.palette.text.negative;case 2:return t.custom.palette.yellow[800];case 3:return t.custom.palette.green[800];case 4:return t.custom.palette.text.positive;default:return t.custom.palette.icon.disabled}};