@useloops/design-system 1.4.720 → 1.4.721

package/dist/esm/systems/Platform/Tab/Tab.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{styled as r,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{motion as s}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import{omitProps as m}from"../../../utils/shouldForwardProp.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import l from"../SentimentArrow/SentimentArrow.js";const n=r(s.div,{shouldForwardProp:m("active")})(({active:e,theme:o})=>({backgroundColor:e?o.custom.palette.blue[0]:o.custom.palette.surface.default,border:e?`1px solid ${o.custom.palette.blue[500]}`:`1px solid ${o.custom.palette.stroke.default}`,borderRadius:o.spacing(o.custom.radius.md),cursor:"pointer",display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between",padding:o.spacing(o.custom.padding.sm,o.custom.padding.md),boxShadow:o.custom.elevation.raised})),b=r(s.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),d=({active:r,animated:s,label:m,sentimentScore:d,stat:u,title:C,onClick:c})=>(i(),e(n,{layout:s,active:r,onClick:c,children:[o(p,{size:"sm",bold:!0,children:C}),e(b,{layout:s,children:["number"==typeof d?e(t,{children:[o(p,{monospaced:!0,size:"md",bold:!0,sx:{lineHeight:"160%"},children:o(a,{value:d,format:{maximumFractionDigits:1},animated:s})}),o(l,{sentimentScore:d})]}):o(p,{size:"md",bold:!0,sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof u?o(a,{value:u,format:{maximumFractionDigits:1},animated:s}):"-"})}),!!m&&o(p,{size:"xs",secondary:!0,clamp:1,sx:{wordBreak:"break-all"},children:m})]})]}));export{d as default};
+import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{styled as r,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{motion as s}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import{omitProps as m}from"../../../utils/shouldForwardProp.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import l from"../SentimentArrow/SentimentArrow.js";const n=r(s.div,{shouldForwardProp:m("active")})(({active:e,theme:o})=>({backgroundColor:e?o.custom.palette.blue[0]:o.custom.palette.surface.default,border:e?`1px solid ${o.custom.palette.blue[500]}`:`1px solid ${o.custom.palette.stroke.default}`,borderRadius:o.spacing(o.custom.radius.md),cursor:"pointer",display:"flex",flex:1,flexDirection:"column",justifyContent:"space-between",padding:o.spacing(o.custom.padding.sm,o.custom.padding.md),boxShadow:o.custom.elevation.raised})),d=r(s.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),b=({active:r,animated:s,label:m,sentimentScore:b,stat:u,title:C,onClick:c})=>(i(),e(n,{layout:s,active:r,onClick:c,children:[o(p,{size:"sm",bold:!0,children:C}),e(d,{layout:s,children:["number"==typeof b?e(t,{children:[o(p,{monospaced:!0,size:"md",bold:!0,sx:{lineHeight:"160%"},children:o(a,{value:b,format:{maximumFractionDigits:1},animated:s})}),o(l,{sentimentScore:b})]}):o(p,{size:"md",bold:!0,sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof u?o(a,{value:u,format:{maximumFractionDigits:1},animated:s}):"-"})}),!!m&&o(p,{size:"xs",secondary:!0,clamp:1,sx:{wordBreak:"break-all"},children:m})]})]}));export{b as default};

package/dist/esm/systems/Platform/TestItem/TestItem.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,Stack as i,Box as a}from"@mui/material";import s from"@number-flow/react";import{mergeSx as n}from"merge-sx";import{useState as l}from"react";import{TruncatedList as p}from"react-truncate-list";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import u from"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import C from"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import x from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import j from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import y from"../TestStatus/TestStatus.js";const h=({animated:s=!0,status:h,menuItems:B,title:S,tags:I,stats:T,user:k,slotProps:w,loading:v=!1,...L})=>{const A=o(),[N,R]=l(!1);return e(C,{variation:"raised",borderradius:"lg",...L,sx:n({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}},L.sx),children:t(i,{component:"article",sx:{gap:2},children:[t(i,{component:"header",sx:{gap:1,justifyContent:"space-between"},children:[t(i,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",gap:1},children:[v?e(j,{sx:{width:90,height:32}}):e(y,{status:h,...w?.status}),!v&&Boolean(B?.length)&&e(g,{trigger:e(c,{icon:e(m,{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:B,width:128,offset:[0,8],placement:"bottom-end",...w?.menu})]}),v?e(j,{}):e(d,{size:"xl",bold:!0,...w?.title,sx:w?.title?.sx,children:S})]}),e(a,{children:v?e(a,{sx:{display:"flex",flexDirection:"row",gap:.5},children:[...new Array(3).fill(void 0)].map((t,r)=>e(j,{sx:{maxWidth:50}},`test-item-skeleton-${r}`))}):Boolean(I?.length)&&e(p,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:A.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...N&&{maxHeight:"none"}},alwaysShowTruncator:N,renderTruncator:({hiddenItemsCount:t})=>t>0?e(b,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),R(!0)},...w?.tagsExpand,sx:n({background:e=>e.custom.palette.neutral[50]},w?.tagsExpand?.sx)}):e(c,{sizing:"sm",icon:e(m,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),R(!1)},...w?.tagsCollapse,sx:n({color:e=>e.custom.palette.icon.primary},w?.tagsCollapse?.sx)}),children:I.map(({category:t,selection:r})=>e(u,{keyString:t,valueString:r},t))})}),!v&&T?.progress&&e(C,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:t(i,{sx:{gap:2},children:[e(x,{variation:"determinate",value:T.progress.percentage}),t(a,{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(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Completed",primaryText:T.progress.completed.toString(),secondaryText:`of ${T.progress.total}`})}),e(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Incomplete",primaryText:T.progress.incomplete.toString(),secondaryText:`${T.progress.incompletePercentage}%`})}),e(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Duration",primaryText:T.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",sx:{display:"flex",flexDirection:"row",justifyContent:k?"space-between":"end",gap:1},children:[k&&e(a,{sx:{display:"flex",alignItems:"center",gap:1},children:v?t(r,{children:[e(j,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e(j,{sx:{width:100}})]}):e(r,{children:e(d,{clamp:1,size:"xs",secondary:!0,children:k.activityDescription})})}),!v&&"draft"!==h&&t(a,{sx:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[e(f,{animated:s,iconName:"data-bar",label:"answers",value:T?.count?.answers??0}),e(f,{animated:s,iconName:"comment-filled",label:"comments",value:T?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})},W=({animated:o,label:a,primaryText:n,secondaryText:l})=>{const p=n.match(/\d{1,2}:\d{2}/),m=n.split(":"),c=!isNaN(Number(n)),u=l.includes("%")&&!isNaN(Number(l.replace("%","")));return t(i,{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(d,{size:"sm",sx:{width:"100%",textAlign:{md:"left",lg:"center"}},children:a}),e(d,{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(r,{children:e(r,p||c?{children:p?t(r,{children:[e(s,{value:Number(m[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:o}),":",e(s,{value:Number(m[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:o})]}):e(s,{value:Number(n),animated:o})}:{children:n})})}),e(d,{size:"sm",secondary:!0,sx:{flexShrink:0},monospaced:!0,children:u?t(r,{children:[e(s,{value:Number(l.replace("%","")),animated:o}),"%"]}):l})]})},f=({animated:r,iconName:o,label:i,value:l,slotProps:p})=>t(a,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e(m,{name:o,...p?.icon,sx:n({color:e=>e.custom.palette.icon.secondary},p?.icon?.sx)}),t(d,{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(s,{value:l,animated:r})," ",e("span",{children:i})]})]});export{h as default};
+import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useTheme as o,Stack as i,Box as a}from"@mui/material";import s from"@number-flow/react";import{mergeSx as n}from"merge-sx";import{useState as l}from"react";import{TruncatedList as p}from"react-truncate-list";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import u from"../../WebCore/KeyValueLabel/KeyValueLabel.js";import b from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import g from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import C from"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import x from"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import j from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import y from"../TestStatus/TestStatus.js";const h=({animated:s=!0,status:h,menuItems:B,title:S,tags:I,stats:T,user:k,slotProps:w,loading:v=!1,...L})=>{const A=o(),[N,R]=l(!1);return e(C,{variation:"raised",borderradius:"lg",...L,sx:n({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}},L.sx),children:t(i,{component:"article",sx:{gap:2},children:[t(i,{component:"header",sx:{gap:1,justifyContent:"space-between"},children:[t(i,{direction:"row",sx:{justifyContent:"space-between",alignItems:"center",gap:1},children:[v?e(j,{sx:{width:90,height:32}}):e(y,{status:h,...w?.status}),!v&&Boolean(B?.length)&&e(g,{trigger:e(c,{icon:e(m,{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:B,width:128,offset:[0,8],placement:"bottom-end",...w?.menu})]}),v?e(j,{}):e(d,{size:"xl",bold:!0,...w?.title,sx:w?.title?.sx,children:S})]}),e(a,{children:v?e(a,{sx:{display:"flex",flexDirection:"row",gap:.5},children:[...new Array(3).fill(void 0)].map((t,r)=>e(j,{sx:{maxWidth:50}},`test-item-skeleton-${r}`))}):Boolean(I?.length)&&e(p,{style:{display:"flex",flexWrap:"wrap",alignItems:"center",maxHeight:56,gap:A.m.xs,listStyleType:"none",paddingInlineStart:0,margin:0,...N&&{maxHeight:"none"}},alwaysShowTruncator:N,renderTruncator:({hiddenItemsCount:t})=>t>0?e(b,{body:`+${t}`,weight:"light",onClick:e=>{e.stopPropagation(),R(!0)},...w?.tagsExpand,sx:n({background:e=>e.custom.palette.neutral[50]},w?.tagsExpand?.sx)}):e(c,{sizing:"sm",icon:e(m,{name:"chevron-up",size:16}),onClick:e=>{e.stopPropagation(),R(!1)},...w?.tagsCollapse,sx:n({color:e=>e.custom.palette.icon.primary},w?.tagsCollapse?.sx)}),children:I.map(({category:t,selection:r})=>e(u,{keyString:t,valueString:r},t))})}),!v&&T?.progress&&e(C,{variation:"sunken",borderradius:"md",sx:{border:e=>`1px solid ${e.custom.palette.neutral[100]}`,padding:e=>e.spacing(e.custom.padding.md)},children:t(i,{sx:{gap:2},children:[e(x,{variation:"determinate",value:T.progress.percentage}),t(a,{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(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Completed",primaryText:T.progress.completed.toString(),secondaryText:`of ${T.progress.total}`})}),e(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Incomplete",primaryText:T.progress.incomplete.toString(),secondaryText:`${T.progress.incompletePercentage}%`})}),e(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Duration",primaryText:T.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",sx:{display:"flex",flexDirection:"row",justifyContent:k?"space-between":"end",gap:1},children:[k&&e(a,{sx:{display:"flex",alignItems:"center",gap:1},children:v?t(r,{children:[e(j,{sx:{borderRadius:"50%",width:24,aspectRatio:1,flexShrink:0}}),e(j,{sx:{width:100}})]}):e(r,{children:e(d,{clamp:1,size:"xs",secondary:!0,children:k.activityDescription})})}),!v&&"draft"!==h&&t(a,{sx:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[e(f,{animated:s,iconName:"data-bar",label:"answers",value:T?.count?.answers??0}),e(f,{animated:s,iconName:"comment-filled",label:"comments",value:T?.count?.comments??0,slotProps:{icon:{size:20}}})]})]})]})})},W=({animated:o,label:a,primaryText:n,secondaryText:l})=>{const p=n.match(/\d{1,2}:\d{2}/),m=n.split(":"),c=!isNaN(Number(n)),u=l.includes("%")&&!isNaN(Number(l.replace("%","")));return t(i,{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(d,{size:"sm",sx:{width:"100%",textAlign:{md:"left",lg:"center"}},children:a}),e(d,{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(r,{children:e(r,p||c?{children:p?t(r,{children:[e(s,{value:Number(m[0]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:o}),":",e(s,{value:Number(m[1]),format:{minimumIntegerDigits:2,useGrouping:!1},animated:o})]}):e(s,{value:Number(n),animated:o})}:{children:n})})}),e(d,{size:"sm",secondary:!0,sx:{flexShrink:0},monospaced:!0,children:u?t(r,{children:[e(s,{value:Number(l.replace("%","")),animated:o}),"%"]}):l})]})},f=({animated:r,iconName:o,label:i,value:l,slotProps:p})=>t(a,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e(m,{name:o,...p?.icon,sx:n({color:e=>e.custom.palette.icon.secondary},p?.icon?.sx)}),t(d,{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(s,{value:l,animated:r})," ",e("span",{children:i})]})]});export{h as default};

package/dist/esm/systems/Platform/TestStatus/TestStatus.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import"@mui/material";import t from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{StyledTestStatus as a}from"./_partials/StyledBox/StyledBox.js";import{getStatusIconName as p,getStatusText as s}from"./helpers/index.js";const m=r(({status:r,sizing:m,...l},n)=>e(a,{ref:n,sizing:m,status:r,...l,children:[o(t,{name:p(r)}),o(i,{size:"sm",children:s(r)})]}));export{m as default};

package/dist/esm/systems/Platform/TimeToFindGraph/TimeToFindGraph.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import s from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import n from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:s,prefix:n})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:n?`${n} ${s}`:s})]})},W=({min:W,max:x,bins:g,binTooltips:f,p25:y,p50:B,p75:S,mean:I,range:L,onRangeChange:A,capped:M,onCapChange:T,capLabel:w="Cap to 60 seconds",step:k=1,marksStep:P=10,unit:v="sec",formatStat:F,disabled:R,slotProps:G})=>{const _=o(),z=x-W||1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z*100),O=Math.max(1,...g),N=z/(g.length||1),K=F??(e=>`${e.toFixed(1)} ${v}`),[V,$]=L,E=D(y),U=D(S);return e(r,{...G?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:M,label:t(a,{size:"xs",secondary:!0,children:w}),disabled:R,onChange:(e,t)=>T(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(y)}),t(h,{label:"Average",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:E}),t(u,{tone:"yellow",widthPct:Math.max(0,U-E)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((o,r)=>{const s=W+(r+.5)*N,p=s>=V&&s<=$,l=o/O*100,m=f?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(B)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:k,marksStep:P,value:L,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&A([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:W,max:$,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([e,$])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value:$,min:V,max:x,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([V,e])}})})]})]})]})]})};export{W as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as a}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import s from"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import n from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import p from"../../WebCore/Slider/Slider.js";import"../../WebCore/StarRating/StarRating.js";import l from"../../WebCore/Switch/Switch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{HistogramWrapper as m,HistogramInner as d,ZoneLayer as b,Zone as u,BarsLayer as c,Bar as C,ZoneLine as j}from"./_partials/StyledComponents.js";const h=({label:r,value:s,prefix:n})=>{const p=o();return e(i,{sx:{flex:1,alignItems:"center",gap:p.p.xs},children:[t(a,{size:"sm",secondary:!0,children:r}),t(a,{size:"sm",bold:!0,monospaced:!0,children:n?`${n} ${s}`:s})]})},W=({min:W,max:x,bins:g,binTooltips:f,p25:B,p50:y,p75:S,mean:I,range:L,onRangeChange:A,capped:M,onCapChange:T,capLabel:w="Cap to 60 seconds",step:k=1,marksStep:P=10,unit:v="sec",formatStat:F,disabled:R,slotProps:G})=>{const _=o(),z=x-W||1,D=e=>(e=>Math.max(0,Math.min(100,e)))((e-W)/z*100),O=Math.max(1,...g),N=z/(g.length||1),K=F??(e=>`${e.toFixed(1)} ${v}`),[V,$]=L,E=D(B),U=D(S);return e(r,{...G?.root,children:[t(r,{sx:{display:"flex",justifyContent:"flex-end",mb:_.p.lg},children:t(l,{sizing:"sm",value:M,label:t(a,{size:"xs",secondary:!0,children:w}),disabled:R,onChange:(e,t)=>T(t)})}),e(i,{sx:{gap:_.p.sm},children:[e(i,{direction:"row",children:[t(h,{label:"Fastest 25%",prefix:"≤",value:K(B)}),t(h,{label:"Average",value:K(I)}),t(h,{label:"Slowest 25%",prefix:"≥",value:K(S)})]}),t(m,{children:e(d,{children:[e(b,{children:[t(u,{tone:"green",widthPct:E}),t(u,{tone:"yellow",widthPct:Math.max(0,U-E)}),t(u,{tone:"red",widthPct:Math.max(0,100-U)})]}),t(c,{children:g.map((o,r)=>{const s=W+(r+.5)*N,p=s>=V&&s<=$,l=o/O*100,m=f?.[r];return m?t(n,{followCursor:!0,enterDelay:200,enterNextDelay:100,message:e(i,{sx:{gap:_.p.xs,p:_.p.xs},children:[t(a,{size:"sm",bold:!0,children:m.headline}),t(a,{size:"xs",secondary:!0,children:m.body})]}),slotProps:{popper:{modifiers:[{name:"offset",options:{offset:[0,12]}}]},wrapper:{sx:{flex:1,height:"100%",flexDirection:"column",justifyContent:"flex-end",alignItems:"center",pointerEvents:"auto"}}},children:t(C,{heightPct:l,inRange:p})},r):t(C,{heightPct:l,inRange:p},r)})}),t(j,{leftPct:D(B)}),t(j,{leftPct:D(y)}),t(j,{leftPct:D(S)})]})}),t(p,{labelLeft:"",labelRight:"",min:W,max:x,step:k,marksStep:P,value:L,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&A([t[0],t[1]])}}),e(i,{direction:"row",sx:{justifyContent:"space-between",gap:_.p.md},children:[e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Minimum"}),t(r,{sx:{width:104},children:t(s,{value:V,min:W,max:$,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([e,$])}})})]}),e(i,{sx:{gap:_.p.xs,alignItems:"center"},children:[t(a,{size:"sm",children:"Maximum"}),t(r,{sx:{width:104},children:t(s,{value:$,min:V,max:x,step:k,disabled:R,hideActionButtons:!0,slotProps:{input:{sx:{width:"100%",height:40,"& .MuiOutlinedInput-root":{justifyContent:"center"},"& .MuiOutlinedInput-input":{width:"4ch",flexGrow:0,px:0,textAlign:"center"}}}},endAdornment:t(a,{size:"sm",secondary:!0,children:v}),onChange:e=>{"number"==typeof e&&A([V,e])}})})]})]})]})]})};export{W as default};

package/dist/esm/systems/Platform/TimeToFindResult/TimeToFindResult.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:u="Found in",label:j,tone:W="green"})=>{const c=r(),B=d>=1?m:m*d,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100*n(b),topPct:100*n(C)})})}),u&&o(i,{size:"sm",secondary:!0,children:u}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:j})]})};export{b as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as i}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import a from"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import{MiniMap as p,MiniMapAsset as s,MINI_MAP_MAX as m,MiniMapDot as l}from"./_partials/StyledComponents.js";const n=e=>Math.max(0,Math.min(1,e)),b=({x:b,y:C,aspectRatio:d=1,prefix:u="Found in",label:j,tone:W="green"})=>{const c=r(),B=d>=1?m:m*d,S=d>=1?m/d:m;return e(t,{direction:"row",sx:{alignItems:"center",gap:c.p.sm,flexWrap:"wrap"},children:[o(p,{children:o(s,{boxWidth:B,boxHeight:S,children:o(l,{leftPct:100*n(b),topPct:100*n(C)})})}),u&&o(i,{size:"sm",secondary:!0,children:u}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:j})]})};export{b as default};

package/dist/esm/systems/Platform/VideoControls/VideoControls.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:y,slots:T,events:{onEnd:W,onPlay:B,onSeekEnd:k,onSeeking:v,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:x,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...y},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g||1,muted:u||!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),W&&W(),!$&&A&&A()},[$]);i(()=>{if(!s||null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&L&&L(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)*100,widthPercent:(i-r)/(O-Y)*100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),x&&x()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z||r.firstPlay,bufferProgress:e})),v&&v(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:T?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),T?.bottom]})}));export{g as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as p}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import u from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import c from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:e.spacing(e.custom.padding.md),borderColor:e.custom.palette.stroke.light,borderWidth:1,gap:e.spacing(e.custom.padding.sm),borderStyle:"solid",flexDirection:"column"})),f=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:W,slots:y,events:{onEnd:T,onPlay:B,onSeekEnd:k,onSeeking:v,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:x,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:M,slotProps:F},R)=>{const[G,V]=o(!1),[_,D]=o([]),K={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...W},[{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,muted:X,startTime:Y,firstPlay:Z,firstEnded:$},ee]=o({startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g||1,muted:u||!1,buffering:!1});i(()=>{if(s.muted=X,s.volume=Q,K.normaliseTime&&(void 0===m||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls.tsx");return()=>{ue()}},[]),i(()=>{ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const re=n(()=>{ee(e=>({...e,playing:!1,ended:!0,...!$&&{firstEnded:!0}})),T&&T(),!$&&A&&A()},[$]);i(()=>{if(!s||null==M)return;(async()=>{const e=!s.paused,r=M===O;ee(e=>({...e,playing:!1,currentTime:p(M)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),ee(e=>({...e,currentTime:p(M)})),await new Promise(e=>setTimeout(e,50)),ee(t=>({...t,playing:e,currentTime:p(r?M-.001:M+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[M,s]);const te=n(e=>{ee(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),X!==e.target?.muted&&L&&L(!X),Q!==e.target?.volume&&E&&E(Q)},[X,Q]),oe=n(()=>{const e=p(s.currentTime)>=O&&O!==p(s.duration)&&!J,r=p(s.currentTime)>=O&&O===p(s.duration)&&!J&&!U;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),ee(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[O,J,U]),ie=n(()=>{ee(e=>({...e,playing:!1})),I&&I()},[z]),ne=n(()=>{ee(e=>({...e,playing:!0,ended:!1,...!K?.disableBufferingEvents&&{buffering:!1},...!Z&&{firstPlay:!0}})),!Z&&P&&P(),B&&B()},[Z,K?.disableBufferingEvents]),ae=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!0}))},[K?.disableBufferingEvents]),se=n(()=>{K?.disableBufferingEvents||ee(e=>({...e,buffering:!1}))},[q,K?.disableBufferingEvents]),me=n(()=>{if(K?.disableBufferingEvents)return;const e=[];for(let r=0;r<s.buffered.length;r++){const t=s.buffered.start(r),o=s.buffered.end(r);if(o>=Y&&t<=O){const r=Math.max(t,Y),i=Math.min(o,O);e.push({start:r-Y,end:i-Y,startPercent:(r-Y)/(O-Y)*100,widthPercent:(i-r)/(O-Y)*100})}}D(e)},[N,O,z,U,q,H,J,Q,X,Y,_,K?.disableBufferingEvents]),le=n(async e=>{U&&ue(),s.currentTime=Y,e&&await pe(),x&&x()},[U,z,Y,O,J]),de=n(async()=>{U&&ue(),s.currentTime=Y,ee(e=>({...e,startTime:p(K.normaliseTime?l:0),endTime:p(K.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[U,z,Y,O,J,l,m]),pe=async()=>{await s.play()},ue=()=>{s.pause()},be=n(e=>{s.currentTime=p(e),ee(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!K?.disableBufferingEvents&&{buffering:!1},firstPlay:!Z||r.firstPlay,bufferProgress:e})),v&&v(e),!Z&&P&&P()},[q,Z,K?.disableBufferingEvents]),ce=n(async()=>{document.hidden?U&&!s.paused?(V(!0),ue()):V(!1):(G&&!U&&await pe(),V(!1))},[U,G,ue,pe,s]),Ce=n(e=>{e&&s.pause(),ee(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&U&&s.pause(),ee(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[U,J,q,N]);return d("visibilitychange",ce,document),d("pause",ie,s),d("playing",ne,s),d("timeupdate",oe,s),d("ended",re,s),d("volumechange",te,s),d("waiting",ae,s),d("canplay",se,s),d("progress",me,s),a(R,()=>({play:pe,pause:ue,restart:le,reset:de,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:N,endTime:O,currentTime:z,playing:U,buffering:q,loaded:H,ended:J,volume:Q,firstPlay:Z,firstEnded:$,muted:X,startTime:Y}})),e(C,{variation:"raised",borderradius:"xl",id:t,sx:F?.paperContainer?.sx,children:[e(f,{...K?.rtl&&{dir:"rtl"},children:[r(b,{seeking:N,playing:U,ended:J,buffering:q,handleAction:async()=>{J?await le(!0):U?ue():await pe()}}),r(c,{handleSeeking:be,handleSeekEnd:fe,handleSeekStart:Ce,ended:J,marker:y?.marker,markers:j,markerIndicatorMode:K.markerIndicatorMode,markerIndicatorSize:K.markerIndicatorSize,markerIndicator:K.markerIndicator,startTime:K.normaliseTime?Y:0,currentTime:z,endTime:O,playing:U,bufferRanges:_,buffering:q,volume:Q,muted:X,volumeControls:K.volumeControls,volumeControlsType:K.volumeControlsType,handleVolumeMute:()=>{s.muted=!X},handleVolumeChange:e=>{s.volume=e,X&&(s.muted=!1)}})]}),y?.bottom]})}));export{g as default};

package/dist/esm/systems/Platform/VideoControls2/VideoControls2.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as i,useEffect as n,useCallback as a,useImperativeHandle as s,memo as m}from"react";import{styled as l,Stack as d}from"@mui/material";import p from"@use-it/event-listener";import{normaliseFloat as u}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import C from"./components/OverlayControl/OverlayControl.js";import f from"./components/Timeline/Timeline.js";const g=l(c)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),j=l(d)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),T=m(o(({id:o,videoElement:m,initialEndTime:l=0,initialCurrentTime:d=0,initialMuted:c,initialVolume:T,markers:y,options:W,slots:B,events:{onEnd:v,onPlay:S,onSeekEnd:k,onSeeking:h,onSeekStart:E,onTimeUpdate:I,onPause:L,onVolumeChange:x,onVolumeMute:P,onRestart:A,onFirstPlay:w,onFirstEnded:F,onReset:M}={},videoSeekTime:R,slotProps:G},V)=>{const[_,D]=i(!1),[K,N]=i(!1),[O,z]=i([]),U={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...W},[{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,muted:ee,startTime:re,firstPlay:te,firstEnded:oe},ie]=i({startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:T||1,muted:c||!1,buffering:!1});n(()=>{if(m.muted=ee,m.volume=$,U.normaliseTime&&(void 0===l||void 0===d))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ge()}},[]),n(()=>{ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0)})),m.currentTime=u(d??0)},[d,l]);const ne=a(()=>{ie(e=>({...e,playing:!1,ended:!0,...!oe&&{firstEnded:!0}})),v&&v(),!oe&&F&&F()},[oe]);n(()=>{if(!m||null==R)return;(async()=>{const e=!m.paused,r=R===H;ie(e=>({...e,playing:!1,currentTime:u(R)})),await new Promise(e=>{const r=()=>{m.removeEventListener("seeked",r),e()};m.addEventListener("seeked",r),setTimeout(e,500)}),ie(e=>({...e,currentTime:u(R)})),await new Promise(e=>setTimeout(e,50)),ie(t=>({...t,playing:e,currentTime:u(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,m]);const ae=a(e=>{ie(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),ee!==e.target?.muted&&P&&P(!ee),$!==e.target?.volume&&x&&x($)},[ee,$]),se=a(()=>{const e=u(m.currentTime)>=H&&H!==u(m.duration)&&!Z,r=u(m.currentTime)>=H&&H===u(m.duration)&&!Z&&!Q;(e||r)&&(m.pause(),m.dispatchEvent(new Event("ended"))),ie(e=>({...e,currentTime:u(m.currentTime)})),I&&I(u(m.currentTime))},[H,Z,Q]),me=a(()=>{ie(e=>({...e,playing:!1})),L&&L()},[J]),le=a(()=>{ie(e=>({...e,playing:!0,ended:!1,...!U?.disableBufferingEvents&&{buffering:!1},...!te&&{firstPlay:!0}})),!te&&w&&w(),S&&S()},[te,U?.disableBufferingEvents]),de=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!0}))},[U?.disableBufferingEvents]),pe=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!1}))},[X,U?.disableBufferingEvents]),ue=a(()=>{if(U?.disableBufferingEvents)return;const e=[];for(let r=0;r<m.buffered.length;r++){const t=m.buffered.start(r),o=m.buffered.end(r);if(o>=re&&t<=H){const r=Math.max(t,re),i=Math.min(o,H);e.push({start:r-re,end:i-re,startPercent:(r-re)/(H-re)*100,widthPercent:(i-r)/(H-re)*100})}}z(e)},[q,H,J,Q,X,Y,Z,$,ee,re,O,U?.disableBufferingEvents]),ce=a(async e=>{Q&&ge(),m.currentTime=re,e&&await fe(),A&&A()},[Q,J,re,H,Z]),be=a(async()=>{Q&&ge(),m.currentTime=re,ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[Q,J,re,H,Z,d,l]),Ce=async()=>{Z?await ce(!0):Q?ge():await fe()},fe=async()=>{await m.play()},ge=()=>{m.pause()},je=a(e=>{m.currentTime=u(e),ie(r=>({...r,currentTime:u(e),ended:!1,seeking:!0,...!U?.disableBufferingEvents&&{buffering:!1},firstPlay:!te||r.firstPlay,bufferProgress:e})),h&&h(e),!te&&w&&w()},[X,te,U?.disableBufferingEvents]),Te=a(async()=>{document.hidden?Q&&!m.paused?(D(!0),ge()):D(!1):(_&&!Q&&await fe(),D(!1))},[Q,_,ge,fe,m]),ye=a(e=>{e&&m.pause(),ie(e=>({...e,seeking:!0})),E&&E()},[Z]),We=a(async(e,r,t)=>{r&&(m.currentTime=r),e&&!Z&&await m.play(),t&&Q&&m.pause(),ie(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[Q,Z,X,q]),Be=a(()=>{document.fullscreenElement?document.exitFullscreen():m.requestFullscreen()},[m]);return p("fullscreenchange",()=>N(!!document.fullscreenElement),document),p("visibilitychange",Te,document),p("pause",me,m),p("playing",le,m),p("timeupdate",se,m),p("ended",ne,m),p("volumechange",ae,m),p("waiting",de,m),p("canplay",pe,m),p("progress",ue,m),s(V,()=>({play:fe,pause:ge,restart:ce,reset:be,seek:(e,r,t)=>We(r,e,t),videoState:{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,firstPlay:te,firstEnded:oe,muted:ee,startTime:re}})),e(r,{children:[U.overlayControls&&t(C,{videoElement:m,playing:Q,firstPlay:te,ended:Z,handleAction:Ce}),e(g,{variation:"raised",id:o,sx:G?.paperContainer?.sx,children:[e(j,{...U?.rtl&&{dir:"rtl"},children:[t(b,{seeking:q,playing:Q,ended:Z,buffering:X,handleAction:Ce}),t(f,{handleSeeking:je,handleSeekEnd:We,handleSeekStart:ye,ended:Z,marker:B?.marker,markersContainerProps:G?.markersContainer,markers:y,markerIndicatorMode:U.markerIndicatorMode,markerIndicatorSize:U.markerIndicatorSize,markerIndicator:U.markerIndicator,startTime:U.normaliseTime?re:0,currentTime:J,endTime:H,playing:Q,bufferRanges:O,buffering:X,volume:$,muted:ee,volumeControls:U.volumeControls,volumeControlsType:U.volumeControlsType,handleVolumeMute:()=>{m.muted=!ee},handleVolumeChange:e=>{m.volume=e,ee&&(m.muted=!1)},fullscreenControls:U.fullscreenControls,hideStartTime:U.hideStartTime,hideEndTime:U.hideEndTime,isFullScreen:K,handlefullscreenToggle:Be})]}),B?.bottom]})]})}));export{T as default};
+import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useState as i,useEffect as n,useCallback as a,useImperativeHandle as s,memo as m}from"react";import{styled as l,Stack as d}from"@mui/material";import p from"@use-it/event-listener";import{normaliseFloat as u}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import b from"./components/ActionButton/ActionButton.js";import C from"./components/OverlayControl/OverlayControl.js";import f from"./components/Timeline/Timeline.js";const g=l(c)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),j=l(d)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),T=m(o(({id:o,videoElement:m,initialEndTime:l=0,initialCurrentTime:d=0,initialMuted:c,initialVolume:T,markers:y,options:W,slots:B,events:{onEnd:v,onPlay:S,onSeekEnd:k,onSeeking:h,onSeekStart:E,onTimeUpdate:I,onPause:L,onVolumeChange:x,onVolumeMute:P,onRestart:A,onFirstPlay:F,onFirstEnded:w,onReset:M}={},videoSeekTime:R,slotProps:G},V)=>{const[_,D]=i(!1),[K,N]=i(!1),[O,z]=i([]),U={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,overlayControls:!0,hideStartTime:!1,hideEndTime:!1,...W},[{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,muted:ee,startTime:re,firstPlay:te,firstEnded:oe},ie]=i({startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:T||1,muted:c||!1,buffering:!1});n(()=>{if(m.muted=ee,m.volume=$,U.normaliseTime&&(void 0===l||void 0===d))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{ge()}},[]),n(()=>{ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0)})),m.currentTime=u(d??0)},[d,l]);const ne=a(()=>{ie(e=>({...e,playing:!1,ended:!0,...!oe&&{firstEnded:!0}})),v&&v(),!oe&&w&&w()},[oe]);n(()=>{if(!m||null==R)return;(async()=>{const e=!m.paused,r=R===H;ie(e=>({...e,playing:!1,currentTime:u(R)})),await new Promise(e=>{const r=()=>{m.removeEventListener("seeked",r),e()};m.addEventListener("seeked",r),setTimeout(e,500)}),ie(e=>({...e,currentTime:u(R)})),await new Promise(e=>setTimeout(e,50)),ie(t=>({...t,playing:e,currentTime:u(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,m]);const ae=a(e=>{ie(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),ee!==e.target?.muted&&P&&P(!ee),$!==e.target?.volume&&x&&x($)},[ee,$]),se=a(()=>{const e=u(m.currentTime)>=H&&H!==u(m.duration)&&!Z,r=u(m.currentTime)>=H&&H===u(m.duration)&&!Z&&!Q;(e||r)&&(m.pause(),m.dispatchEvent(new Event("ended"))),ie(e=>({...e,currentTime:u(m.currentTime)})),I&&I(u(m.currentTime))},[H,Z,Q]),me=a(()=>{ie(e=>({...e,playing:!1})),L&&L()},[J]),le=a(()=>{ie(e=>({...e,playing:!0,ended:!1,...!U?.disableBufferingEvents&&{buffering:!1},...!te&&{firstPlay:!0}})),!te&&F&&F(),S&&S()},[te,U?.disableBufferingEvents]),de=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!0}))},[U?.disableBufferingEvents]),pe=a(()=>{U?.disableBufferingEvents||ie(e=>({...e,buffering:!1}))},[X,U?.disableBufferingEvents]),ue=a(()=>{if(U?.disableBufferingEvents)return;const e=[];for(let r=0;r<m.buffered.length;r++){const t=m.buffered.start(r),o=m.buffered.end(r);if(o>=re&&t<=H){const r=Math.max(t,re),i=Math.min(o,H);e.push({start:r-re,end:i-re,startPercent:(r-re)/(H-re)*100,widthPercent:(i-r)/(H-re)*100})}}z(e)},[q,H,J,Q,X,Y,Z,$,ee,re,O,U?.disableBufferingEvents]),ce=a(async e=>{Q&&ge(),m.currentTime=re,e&&await fe(),A&&A()},[Q,J,re,H,Z]),be=a(async()=>{Q&&ge(),m.currentTime=re,ie(e=>({...e,startTime:u(U.normaliseTime?d:0),endTime:u(U.normaliseTime?l:m.duration),currentTime:u(d??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[Q,J,re,H,Z,d,l]),Ce=async()=>{Z?await ce(!0):Q?ge():await fe()},fe=async()=>{await m.play()},ge=()=>{m.pause()},je=a(e=>{m.currentTime=u(e),ie(r=>({...r,currentTime:u(e),ended:!1,seeking:!0,...!U?.disableBufferingEvents&&{buffering:!1},firstPlay:!te||r.firstPlay,bufferProgress:e})),h&&h(e),!te&&F&&F()},[X,te,U?.disableBufferingEvents]),Te=a(async()=>{document.hidden?Q&&!m.paused?(D(!0),ge()):D(!1):(_&&!Q&&await fe(),D(!1))},[Q,_,ge,fe,m]),ye=a(e=>{e&&m.pause(),ie(e=>({...e,seeking:!0})),E&&E()},[Z]),We=a(async(e,r,t)=>{r&&(m.currentTime=r),e&&!Z&&await m.play(),t&&Q&&m.pause(),ie(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[Q,Z,X,q]),Be=a(()=>{document.fullscreenElement?document.exitFullscreen():m.requestFullscreen()},[m]);return p("fullscreenchange",()=>N(!!document.fullscreenElement),document),p("visibilitychange",Te,document),p("pause",me,m),p("playing",le,m),p("timeupdate",se,m),p("ended",ne,m),p("volumechange",ae,m),p("waiting",de,m),p("canplay",pe,m),p("progress",ue,m),s(V,()=>({play:fe,pause:ge,restart:ce,reset:be,seek:(e,r,t)=>We(r,e,t),videoState:{seeking:q,endTime:H,currentTime:J,playing:Q,buffering:X,loaded:Y,ended:Z,volume:$,firstPlay:te,firstEnded:oe,muted:ee,startTime:re}})),e(r,{children:[U.overlayControls&&t(C,{videoElement:m,playing:Q,firstPlay:te,ended:Z,handleAction:Ce}),e(g,{variation:"raised",id:o,sx:G?.paperContainer?.sx,children:[e(j,{...U?.rtl&&{dir:"rtl"},children:[t(b,{seeking:q,playing:Q,ended:Z,buffering:X,handleAction:Ce}),t(f,{handleSeeking:je,handleSeekEnd:We,handleSeekStart:ye,ended:Z,marker:B?.marker,markersContainerProps:G?.markersContainer,markers:y,markerIndicatorMode:U.markerIndicatorMode,markerIndicatorSize:U.markerIndicatorSize,markerIndicator:U.markerIndicator,startTime:U.normaliseTime?re:0,currentTime:J,endTime:H,playing:Q,bufferRanges:O,buffering:X,volume:$,muted:ee,volumeControls:U.volumeControls,volumeControlsType:U.volumeControlsType,handleVolumeMute:()=>{m.muted=!ee},handleVolumeChange:e=>{m.volume=e,ee&&(m.muted=!1)},fullscreenControls:U.fullscreenControls,hideStartTime:U.hideStartTime,hideEndTime:U.hideEndTime,isFullScreen:K,handlefullscreenToggle:Be})]}),B?.bottom]})]})}));export{T as default};

package/dist/esm/systems/Platform/VideoControls2/components/Timeline/components/FullscreenControls/FullscreenControls.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};
+import{jsx as e}from"react/jsx-runtime";import"@mui/material";import o from"../../../../../../BrandCore/Icon/Icon.js";import"../../../../../../../utils/formValidation/misc.js";import"../../../../../../BrandCore/primitiveVariables.js";import"../../../../../../WebCore/utils/typography.util.js";import"../../../../../../BrandCore/textures.js";import"../../../../../../WebCore/AnnualController/AnnualController.js";import"../../../../../../WebCore/SelectItem/SelectItem.js";import"../../../../../../WebCore/Accordion/Accordion.js";import"../../../../../../WebCore/Animations/FadeIn.js";import"../../../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../../../../WebCore/Badge/Badge.js";import"../../../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../../../WebCore/Button/Button.js";import"../../../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../../../WebCore/FormBuilder/FormBuilder.js";import"../../../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../../../../WebCore/IconButton/IconButton.js";import"../../../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../../../WebCore/Image/Image.js";import"../../../../../../WebCore/KbdGroup/Kbd.js";import"../../../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../../../WebCore/Label/Label.js";import"../../../../../../WebCore/Likert/LikertContainer.js";import"../../../../../../WebCore/Likert/LikertLabel.js";import"../../../../../../WebCore/Likert/LikertRadio.js";import"../../../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../../../WebCore/Surface/Surface.js";import"../../../../../../WebCore/Menu/MenuItem.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../../../WebCore/Nudge/NudgeButton.js";import"../../../../../../WebCore/NumberField/NumberField.js";import"../../../../../../BrandCore/colorRamps.js";import"../../../../../../BrandCore/semanticColor.js";import"../../../../../../BrandCore/types.js";import"../../../../../../BrandCore/typography.js";import"../../../../../../WebCore/Progress/Progress.js";import"../../../../../../WebCore/Pill/StyledPill.js";import"../../../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../../../WebCore/Radio/StyledRadio.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../../../WebCore/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../../../../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../../../../WebCore/Skeleton/Skeleton.js";import"../../../../../../WebCore/Slider/StyledSlider.js";import"../../../../../../WebCore/StarRating/StarRating.js";import"../../../../../../WebCore/Switch/StyledSwitch.js";import"../../../../../../WebCore/Textarea/Textarea.js";import"../../../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../../../WebCore/TrialCard/TrialPill.js";import"../../../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../../../WebCore/VideoModal/VideoModal.js";import"../../../../../../WebCore/TintedSurface/TintedSurface.js";const t=({isFullScreen:t,handlefullscreenToggle:i})=>e(r,{icon:e(o,{name:t?"reduce-window":"expand-window"}),variation:"default",shape:"round",sizing:"xs",onClick:i});export{t as default};

package/dist/esm/systems/WebCore/FormBuilder/Field.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e,Fragment as t}from"react/jsx-runtime";import{useTheme as o,Stack as i}from"@mui/material";import{mergeSx as n}from"merge-sx";import{memo as l}from"react";import{useWatch as m,Controller as a}from"react-hook-form";import{space as s}from"../../BrandCore/primitiveVariables.js";import d from"../Html/Html.js";import p from"../InputLabel/InputLabel.js";import c from"./components/StrengthIndicator/StrengthIndicator.js";import f from"./FieldMessage.js";import{extractNoneOfThese as u,splitFieldProps as h,getFieldDefinition as g}from"./fieldRegistry.js";const x=l(({field:l,fieldRef:x,control:b})=>{const{custom:j}=o(),v=l,{fieldType:y,name:I,label:L,labelProps:S,helperText:T,helpTextProps:k,content:R,styleOverrides:w,strengthIndicator:H,hidden:M}=v,P=u(h(v)),$=m({control:b,name:I,disabled:!H}),z="checkbox"===y?`${"lg"===P.sizing?s[600]:s[500]}px`:void 0,B=`${I}-error`;return r(i,{sx:n({gap:j.margin.sm},w?.sxInputStack,M&&{display:"none!important"}),children:["switch"!==y?L&&e(p,{...S,children:L}):null,(()=>{if("html"===y)return R?e(d,{children:R}):null;const o=g(y);if(!o)return null;const i=o.component;return e(a,{name:I,control:b,render:({field:{ref:n,...l},fieldState:m})=>r(t,{children:[e(i,{...P,...l,...o.adapt?.(v,l)??{},"aria-invalid":!!m.error||void 0,"aria-describedby":m.error?B:void 0,inputRef:r=>{n(r),((r,e)=>{"function"==typeof r?r(e):r&&(r.current=e)})(x,r)}}),H&&e(c,{value:$}),m.error&&e(f,{id:B,errorMessage:m.error.message,paddingLeft:z,showicon:!0})]})})})(),T?e(f,{helperText:T,paddingLeft:z,...k}):null]})});export{x as default};

package/dist/esm/systems/WebCore/FormBuilder/FieldMessage.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import t from"../InputLabelHelp/InputLabelHelp.js";const r=({helperText:r,errorMessage:a,paddingLeft:l,id:d,...i})=>a?e(t,{id:d,role:"alert",showicon:!0,state:"negative",paddingLeft:l,children:a}):r?e(t,{state:"default",paddingLeft:l,...i,children:r}):null;export{r as default};

package/dist/esm/systems/WebCore/FormBuilder/FormActions.js

@@ -0,0 +1 @@
+import{jsxs as t,Fragment as r,jsx as o}from"react/jsx-runtime";import{useTheme as e,Stack as n}from"@mui/material";import{mergeSx as i}from"merge-sx";import{cloneElement as s}from"react";import{useFormState as l}from"react-hook-form";const m=({control:t,stateRef:r})=>{const{isValid:o,errors:e}=l({control:t});return r.current={isValid:o,errors:e},null},a=({control:t,button:r})=>{const{isValid:o}=l({control:t});return s(r,{disabled:r.props.disabled||!o})},c=({control:s,stateRef:l,submitButton:c,secondaryButton:u,disableInvalidSubmit:d,sx:f})=>{const{custom:p}=e();return t(r,{children:[o(m,{control:s,stateRef:l}),(c||u)&&t(n,{direction:"row",sx:i({mt:p.margin.lg,gap:p.margin.sm,justifyContent:"flex-end"},f),children:[u,c&&d?o(a,{control:s,button:c}):c]})]})};export{c as default};

package/dist/esm/systems/WebCore/FormBuilder/FormBuilder.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{zodResolver as t}from"@hookform/resolvers/zod";import{useTheme as o,Box as i,Stack as s}from"@mui/material";import{mergeSx as m}from"merge-sx";import{forwardRef as n,useRef as a,useMemo as l,useEffect as u,useImperativeHandle as d}from"react";import{useForm as c,FormProvider as f}from"react-hook-form";import{usePrevious as p}from"../../../utils/usePrevious.js";import g from"./Field.js";import{getDefaultValues as h,getFieldDefault as b}from"./fieldRegistry.js";import v from"./FormActions.js";const x=n(({formConfig:n,onSubmit:x,onChange:F,onFormSubmit:S,onFormChange:V,submitButton:y,secondaryButton:B},C)=>{const{custom:j}=o(),{fields:I,mode:k,reValidateMode:R,autoComplete:w,formId:M,validateOnInit:O,disableInvalidSubmit:T,styleOverrides:z,schema:A,resolver:E}=n,N=x??S,P=F??V,U=p(I),q=a({isValid:!1,errors:{}}),D=c({mode:k||"onChange",reValidateMode:R,defaultValues:l(()=>h(I),[]),resolver:E??(A?t(A):void 0),shouldUnregister:!0}),{control:G,handleSubmit:H,reset:J,trigger:K,setValue:L,setFocus:Q,getValues:W,getFieldState:X,watch:Y}=D;u(()=>{O&&K()},[]),u(()=>{if(!P)return;const e=Y(()=>P(W()));return()=>e.unsubscribe()},[Y,W,P]),u(()=>{if(void 0===U)return;const e=U.filter(({fieldType:e})=>"html"!==e).map(({name:e})=>e);I.filter(({name:r,fieldType:t})=>!e.includes(r)&&"html"!==t).forEach(e=>L(e.name,b(e)))},[I]);const Z=a(!1);return u(()=>{Z.current?J(h(I)):Z.current=!0},[M]),d(C,()=>({submit(){N&&H(N)()},reset(){J()},values:()=>W(),valid:()=>q.current.isValid,errors:()=>q.current.errors,focus(e){Q(e)},setValue:L,getFieldState:X,trigger:K,watch:Y})),e(f,{...D,children:r(i,{component:"form",autoComplete:w,noValidate:!0,sx:z?.sxForm,...N&&{onSubmit:H(N)},children:[e(s,{sx:m({gap:j.margin.md},z?.sxStack),children:I.map(r=>e(g,{field:r,fieldRef:r.ref,control:G},r.name))}),e(v,{control:G,stateRef:q,submitButton:y,secondaryButton:B,disableInvalidSubmit:T,sx:z?.sxButtons})]})})});x.displayName="FormBuilder";const F=x;export{F as default};

package/dist/esm/systems/WebCore/FormBuilder/components/StrengthIndicator/StrengthIndicator.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as t,Stack as o}from"@mui/material";import{passwordStrength as i}from"check-password-strength";import{Text as a}from"../../../Text/Text.js";import s from"./components/LinearBar/LinearBar.js";import{getTextColorBasedOnScore as m}from"./helpers/getColorBasedOnScore.js";const n=["","Too weak","Weak","Medium","Strong"],c=({label:c="Strength",width:l=60,value:d})=>{const p=t(),h=d?i(d).id+1:0;return e(o,{direction:"row",sx:{gap:1,alignItems:"center"},children:[r(a,{size:"sm",children:c}),r(s,{variant:"determinate",value:0===h?6.6:25*h,score:h,sx:{width:l}}),r(a,{size:"sm",textColor:m(h,p),children:n[h]})]})};export{c as default};

package/dist/esm/systems/WebCore/FormBuilder/components/StrengthIndicator/components/LinearBar/LinearBar.js

@@ -0,0 +1 @@
+import{styled as r,LinearProgress as o,linearProgressClasses as s}from"@mui/material";import"react";import{omitProps as a}from"../../../../../../../utils/shouldForwardProp.js";import{getColorBasedOnScore as e}from"../../helpers/getColorBasedOnScore.js";const t=r(o,{shouldForwardProp:a("score")})(({theme:r,score:o})=>({boxShadow:"unset",background:r.custom.palette.neutral[100],borderRadius:r.spacing(r.custom.radius.sm),[`.${s.bar}`]:{borderRadius:r.spacing(r.custom.radius.sm),backgroundColor:e(o,r)}}));export{t as default};

package/dist/esm/systems/WebCore/FormBuilder/components/StrengthIndicator/helpers/getColorBasedOnScore.js

@@ -0,0 +1 @@
+const e=(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}},t=(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}};export{e as getColorBasedOnScore,t as getTextColorBasedOnScore};

package/dist/esm/systems/WebCore/FormBuilder/fieldRegistry.js

@@ -0,0 +1 @@
+import e from"../AutocompleteField/AutocompleteField.js";import t from"../Checkbox/Checkbox.js";import"../Checkbox/StyledCheckbox.js";import o from"../CheckboxGroup/CheckboxGroup.js";import l from"../CreatableAutocomplete/CreatableAutocomplete.js";import a from"../CustomField/CustomField.js";import r from"../Differential/Differential.js";import n from"../Likert/Likert.js";import u from"../NumberField/NumberField.js";import i from"../RadioGroup/RadioGroup.js";import f from"../Rank/Rank.js";import m from"../RichTextField/RichTextField.js";import"../SelectItem/SelectItem.js";import p from"../Select/Select.js";import d from"../Slider/Slider.js";import c from"../StarRating/StarRating.js";import s from"../Switch/Switch.js";import g from"../Textarea/Textarea.js";import h from"../TextField/TextField.js";const x={textfield:{component:h,getDefault:e=>e.defaultValue??""},numberfield:{component:u,getDefault:e=>e.defaultValue??0},textarea:{component:g,getDefault:e=>e.defaultValue??""},creatableautocomplete:{component:l,getDefault:e=>e.defaultValue??""},select:{component:p,getDefault:e=>e.defaultValue??""},autocomplete:{component:e,getDefault:e=>e.defaultValue,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},checkbox:{component:t,getDefault:e=>e.defaultValue??!1},checkboxGroup:{component:o,getDefault:e=>e.defaultValue??[]},switch:{component:s,getDefault:e=>e.defaultValue??!1,adapt:e=>({label:e.label})},slider:{component:d,getDefault:e=>Array.isArray(e.defaultValue)?e.defaultValue:e.defaultValue??e.min??0,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},starRating:{component:c,getDefault:e=>e.defaultValue??0,adapt:(e,t)=>({onChange:(e,o)=>t.onChange(o)})},differential:{component:r,getDefault:e=>e.defaultValue??""},likert:{component:n,getDefault:e=>e.defaultValue??""},radioGroup:{component:i,getDefault:e=>e.defaultValue??""},ranking:{component:f,getDefault:e=>e.defaultValue?e.defaultValue.map(t=>e.options.find(e=>e.id===t)):e.options},richTextfield:{component:m,getDefault:e=>e.defaultValue??""},customfield:{component:a,getDefault:e=>e.defaultValue??""}},D=e=>x[e],V=e=>e.reduce((e,t)=>("html"!==t.fieldType&&(e[t.name]=x[t.fieldType].getDefault(t)),e),{}),b=e=>"html"===e.fieldType?void 0:x[e.fieldType].getDefault(e),j=["fieldType","name","ref","label","labelProps","helperText","helpTextProps","content","styleOverrides","strengthIndicator","defaultValue","hidden"],C=e=>{const t={};for(const o of Object.keys(e))j.includes(o)||(t[o]=e[o]);return t},T=e=>{if(e.noneOfThese)return!0;return(e.name||e.value||"").replace(/-/g,"_").includes("none_of_these")},k=e=>{if(!e.other?.enabled||!Array.isArray(e.options))return e;const t=e.options,o=t.findIndex(T);return-1===o?e:{...e,options:t.filter((e,t)=>t!==o),noneOfTheseOption:t[o]}};export{x as FIELD_REGISTRY,k as extractNoneOfThese,V as getDefaultValues,b as getFieldDefault,D as getFieldDefinition,C as splitFieldProps};

package/dist/esm/systems/WebCore/InputLabelHelp/InputLabelHelp.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{InfoOutlined as s,ErrorOutlined as i,Check as a}from"@mui/icons-material";import{useTheme as l,Box as r}from"@mui/material";import{iconSizeMap as n}from"../../BrandCore/Icon/Icon.js";import o from"../InputLabelBase/InputLabelBase.js";import{typographyVariantMap as m}from"../utils/typography.util.js";const d=d=>{const{icon:c=null,state:u="default",disabled:p,showicon:f=!0,paddingLeft:g,...x}=d,h=l();return e(r,{sx:{display:"inline-flex",alignItems:"center",paddingLeft:g,color:p?h.custom.palette.text.disabled:(()=>{switch(u){case"disabled":return h.custom.palette.text.disabled;case"positive":return h.custom.palette.text.positive;case"negative":return h.custom.palette.text.negative;default:return h.custom.palette.text.secondary}})(),"& svg":{marginRight:h.spacing(h.custom.margin.xs),width:n.xs,height:n.xs,color:"inherit"}},children:[(()=>{if(!f)return null;if(c)return c;switch(u){case"disabled":default:return t(r,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:t(s,{})});case"positive":return t(r,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:t(a,{})});case"negative":return t(r,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:t(i,{})})}})(),t(o,{...x,disabled:p,sx:{fontSize:{xs:m.sm.body.sm,sm:m.sm.body.sm,md:m.sm.body.sm,lg:m.lg.body.sm,xl:m.lg.body.sm}}})]})};export{d as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{InfoOutlined as i,ErrorOutlined as s,Check as l}from"@mui/icons-material";import{useTheme as r,Box as a}from"@mui/material";import{iconSizeMap as n}from"../../BrandCore/Icon/Icon.js";import o from"../InputLabelBase/InputLabelBase.js";import{typographyVariantMap as d}from"../utils/typography.util.js";const m=m=>{const{icon:c=null,state:u="default",disabled:p,showicon:f=!0,paddingLeft:g,id:x,role:h,...b}=m,y=r();return e(a,{id:x,role:h,sx:{display:"inline-flex",alignItems:"center",paddingLeft:g,color:p?y.custom.palette.text.disabled:(()=>{switch(u){case"disabled":return y.custom.palette.text.disabled;case"positive":return y.custom.palette.text.positive;case"negative":return y.custom.palette.text.negative;default:return y.custom.palette.text.secondary}})(),"& svg":{marginRight:y.spacing(y.custom.margin.xs),width:n.xs,height:n.xs,color:"inherit"}},children:[(()=>{if(!f)return null;if(c)return c;switch(u){case"disabled":default:return t(a,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:t(i,{})});case"positive":return t(a,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:t(l,{})});case"negative":return t(a,{sx:{height:20,display:"flex",alignItems:"center",alignSelf:"flex-start"},children:t(s,{})})}})(),t(o,{...b,disabled:p,sx:{fontSize:{xs:d.sm.body.sm,sm:d.sm.body.sm,md:d.sm.body.sm,lg:d.lg.body.sm,xl:d.lg.body.sm}}})]})};export{m as default};

package/dist/index.d.ts

@@ -112,6 +112,8 @@ export { useDropdownMenu } from './systems/WebCore/DropdownMenu/DropdownMenu.hoo
 export { default as EmojiWrapper, EmojiWrapperProps } from './systems/WebCore/EmojiWrapper/EmojiWrapper.js';
 export { default as ExpandableTypographyClamp, ExpandableTypographyClampProps } from './systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js';
 export { default as Flag, FlagProps } from './systems/WebCore/Flag/Flag.js';
+export { default as FormBuilder } from './systems/WebCore/FormBuilder/FormBuilder.js';
+export { FormBuilderConfig, FormBuilderHandle, FormBuilderProps } from './systems/WebCore/FormBuilder/types.js';
 export { default as FormControlLabel } from './systems/WebCore/FormControlLabel/FormControlLabel.js';
 export { default as FormGenerator } from './systems/WebCore/FormGenerator/FormGenerator.js';
 export { FieldType, FieldTypes, FormGeneratorConfig, FormGeneratorHandler } from './systems/WebCore/FormGenerator/types.js';