@useloops/design-system 1.4.695 → 1.4.696

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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 m from"../SentimentArrow/SentimentArrow.js";import{omitProps as l}from"../../../utils/shouldForwardProp.js";const n=r(s.div,{shouldForwardProp:l("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:l,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(m,{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}):"-"})}),!!l&&o(p,{size:"xs",secondary:!0,clamp:1,sx:{wordBreak:"break-all"},children:l})]})]}));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/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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 m from"../SentimentArrow/SentimentArrow.js";import{omitProps as l}from"../../../utils/shouldForwardProp.js";const n=r(s.div,{shouldForwardProp:l("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:l,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(m,{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}):"-"})}),!!l&&o(p,{size:"xs",secondary:!0,clamp:1,sx:{wordBreak:"break-all"},children:l})]})]}));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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 h from"../TestStatus/TestStatus.js";const y=({animated:s=!0,status:y,menuItems:B,title:S,tags:I,stats:k,user:T,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(h,{status:y,...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&&k?.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:k.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:k.progress.completed.toString(),secondaryText:`of ${k.progress.total}`})}),e(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Incomplete",primaryText:k.progress.incomplete.toString(),secondaryText:`${k.progress.incompletePercentage}%`})}),e(a,{sx:{flexBasis:0,flexGrow:1},children:e(W,{animated:s,label:"Duration",primaryText:k.progress.averageDuration,secondaryText:"average"})})]})]})}),t(a,{component:"footer",sx:{display:"flex",flexDirection:"row",justifyContent:T?"space-between":"end",gap:1},children:[T&&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:T.activityDescription})})}),!v&&"draft"!==y&&t(a,{sx:{display:"flex",alignItems:"center",gap:2,flexShrink:0},children:[e(f,{animated:s,iconName:"data-bar",label:"answers",value:k?.count?.answers??0}),e(f,{animated:s,iconName:"comment-filled",label:"comments",value:k?.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{y 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/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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 h from"../TestStatus/TestStatus.js";const y=({animated:s=!0,status:y,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(h,{status:y,...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"!==y&&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{y 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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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{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/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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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{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:A,onRangeChange:L,capped:M,onCapChange:w,capLabel:k="Cap to 60 seconds",step:T=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,$]=A,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:k}),disabled:R,onChange:(e,t)=>w(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:T,marksStep:P,value:A,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&L([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:T,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&&L([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:T,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&&L([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/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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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:A,onRangeChange:L,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,$]=A,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:A,valueLabelFormat:e=>`${Math.round(e)}`,disabled:R,onChange:(e,t)=>{Array.isArray(t)&&L([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&&L([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&&L([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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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{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:j="Found in",label:u,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)})})}),j&&o(i,{size:"sm",secondary:!0,children:j}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:u})]})};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/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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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:j="Found in",label:u,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)})})}),j&&o(i,{size:"sm",secondary:!0,children:j}),o(a,{sizing:"xxs",colorScheme:W,tone:100,body:u})]})};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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 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:x,onRestart:L,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&&x&&x(!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(),L&&L()},[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};
+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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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:T,slots:W,events:{onEnd:y,onPlay:B,onSeekEnd:k,onSeeking:v,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:x,onRestart:L,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,...T},[{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}})),y&&y(),!$&&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&&x&&x(!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(),L&&L()},[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:W?.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)}})]}),W?.bottom]})}));export{g as default};

package/dist/esm/systems/Platform/VideoControls2/VideoControls2.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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 c from"./components/ActionButton/ActionButton.js";import b from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),f=m(l)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:T,slots:W,events:{onEnd:y,onPlay:B,onSeekEnd:k,onSeeking:S,onSeekStart:v,onTimeUpdate:h,onPause:E,onVolumeChange:I,onVolumeMute:x,onRestart:L,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:F,slotProps:M},R)=>{const[G,V]=o(!1),[_,D]=o(!1),[K,N]=o([]),O={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,hideStartTime:!1,hideEndTime:!1,...T},[{seeking:z,endTime:U,currentTime:q,playing:H,buffering:J,loaded:Q,ended:X,volume:Y,muted:Z,startTime:$,firstPlay:ee,firstEnded:re},te]=o({startTime:p(O.normaliseTime?l:0),endTime:p(O.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=Z,s.volume=Y,O.normaliseTime&&(void 0===m||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{be()}},[]),i(()=>{te(e=>({...e,startTime:p(O.normaliseTime?l:0),endTime:p(O.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const oe=n(()=>{te(e=>({...e,playing:!1,ended:!0,...!re&&{firstEnded:!0}})),y&&y(),!re&&A&&A()},[re]);i(()=>{if(!s||null==F)return;(async()=>{const e=!s.paused,r=F===U;te(e=>({...e,playing:!1,currentTime:p(F)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),te(e=>({...e,currentTime:p(F)})),await new Promise(e=>setTimeout(e,50)),te(t=>({...t,playing:e,currentTime:p(r?F-.001:F+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[F,s]);const ie=n(e=>{te(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Z!==e.target?.muted&&x&&x(!Z),Y!==e.target?.volume&&I&&I(Y)},[Z,Y]),ne=n(()=>{const e=p(s.currentTime)>=U&&U!==p(s.duration)&&!X,r=p(s.currentTime)>=U&&U===p(s.duration)&&!X&&!H;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),te(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[U,X,H]),ae=n(()=>{te(e=>({...e,playing:!1})),E&&E()},[q]),se=n(()=>{te(e=>({...e,playing:!0,ended:!1,...!O?.disableBufferingEvents&&{buffering:!1},...!ee&&{firstPlay:!0}})),!ee&&P&&P(),B&&B()},[ee,O?.disableBufferingEvents]),me=n(()=>{O?.disableBufferingEvents||te(e=>({...e,buffering:!0}))},[O?.disableBufferingEvents]),le=n(()=>{O?.disableBufferingEvents||te(e=>({...e,buffering:!1}))},[J,O?.disableBufferingEvents]),de=n(()=>{if(O?.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>=$&&t<=U){const r=Math.max(t,$),i=Math.min(o,U);e.push({start:r-$,end:i-$,startPercent:(r-$)/(U-$)*100,widthPercent:(i-r)/(U-$)*100})}}N(e)},[z,U,q,H,J,Q,X,Y,Z,$,K,O?.disableBufferingEvents]),pe=n(async e=>{H&&be(),s.currentTime=$,e&&await ce(),L&&L()},[H,q,$,U,X]),ue=n(async()=>{H&&be(),s.currentTime=$,te(e=>({...e,startTime:p(O.normaliseTime?l:0),endTime:p(O.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[H,q,$,U,X,l,m]),ce=async()=>{await s.play()},be=()=>{s.pause()},Ce=n(e=>{s.currentTime=p(e),te(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!O?.disableBufferingEvents&&{buffering:!1},firstPlay:!ee||r.firstPlay,bufferProgress:e})),S&&S(e),!ee&&P&&P()},[J,ee,O?.disableBufferingEvents]),fe=n(async()=>{document.hidden?H&&!s.paused?(V(!0),be()):V(!1):(G&&!H&&await ce(),V(!1))},[H,G,be,ce,s]),ge=n(e=>{e&&s.pause(),te(e=>({...e,seeking:!0})),v&&v()},[X]),je=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!X&&await s.play(),t&&H&&s.pause(),te(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),k&&k(r)},[H,X,J,z]),Te=n(()=>{document.fullscreenElement?document.exitFullscreen():s.requestFullscreen()},[s]);return d("fullscreenchange",()=>D(!!document.fullscreenElement),document),d("visibilitychange",fe,document),d("pause",ae,s),d("playing",se,s),d("timeupdate",ne,s),d("ended",oe,s),d("volumechange",ie,s),d("waiting",me,s),d("canplay",le,s),d("progress",de,s),a(R,()=>({play:ce,pause:be,restart:pe,reset:ue,seek:(e,r,t)=>je(r,e,t),videoState:{seeking:z,endTime:U,currentTime:q,playing:H,buffering:J,loaded:Q,ended:X,volume:Y,firstPlay:ee,firstEnded:re,muted:Z,startTime:$}})),e(C,{variation:"raised",id:t,sx:M?.paperContainer?.sx,children:[e(f,{...O?.rtl&&{dir:"rtl"},children:[r(c,{seeking:z,playing:H,ended:X,buffering:J,handleAction:async()=>{X?await pe(!0):H?be():await ce()}}),r(b,{handleSeeking:Ce,handleSeekEnd:je,handleSeekStart:ge,ended:X,marker:W?.marker,markersContainerProps:M?.markersContainer,markers:j,markerIndicatorMode:O.markerIndicatorMode,markerIndicatorSize:O.markerIndicatorSize,markerIndicator:O.markerIndicator,startTime:O.normaliseTime?$:0,currentTime:q,endTime:U,playing:H,bufferRanges:K,buffering:J,volume:Y,muted:Z,volumeControls:O.volumeControls,volumeControlsType:O.volumeControlsType,handleVolumeMute:()=>{s.muted=!Z},handleVolumeChange:e=>{s.volume=e,Z&&(s.muted=!1)},fullscreenControls:O.fullscreenControls,hideStartTime:O.hideStartTime,hideEndTime:O.hideEndTime,isFullScreen:_,handlefullscreenToggle:Te})]}),W?.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/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/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.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 c from"./components/ActionButton/ActionButton.js";import b from"./components/Timeline/Timeline.js";const C=m(u)(({theme:e})=>({display:"flex",flex:1,padding:"2px",gap:e.spacing(e.custom.padding.sm),flexDirection:"column",borderRadius:18})),f=m(l)({alignItems:"center",justifyContent:"start",flexDirection:"row",flex:1}),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:T,slots:W,events:{onEnd:y,onPlay:B,onSeekEnd:S,onSeeking:k,onSeekStart:v,onTimeUpdate:h,onPause:E,onVolumeChange:I,onVolumeMute:x,onRestart:L,onFirstPlay:P,onFirstEnded:A,onReset:w}={},videoSeekTime:F,slotProps:M},R)=>{const[G,V]=o(!1),[_,D]=o(!1),[K,N]=o([]),O={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,fullscreenControls:!1,hideStartTime:!1,hideEndTime:!1,...T},[{seeking:z,endTime:U,currentTime:q,playing:H,buffering:J,loaded:Q,ended:X,volume:Y,muted:Z,startTime:$,firstPlay:ee,firstEnded:re},te]=o({startTime:p(O.normaliseTime?l:0),endTime:p(O.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=Z,s.volume=Y,O.normaliseTime&&(void 0===m||void 0===l))throw new Error("Please supply an initial end time and initial currentTime for normalising time in VideoControls2.tsx");return()=>{be()}},[]),i(()=>{te(e=>({...e,startTime:p(O.normaliseTime?l:0),endTime:p(O.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const oe=n(()=>{te(e=>({...e,playing:!1,ended:!0,...!re&&{firstEnded:!0}})),y&&y(),!re&&A&&A()},[re]);i(()=>{if(!s||null==F)return;(async()=>{const e=!s.paused,r=F===U;te(e=>({...e,playing:!1,currentTime:p(F)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),te(e=>({...e,currentTime:p(F)})),await new Promise(e=>setTimeout(e,50)),te(t=>({...t,playing:e,currentTime:p(r?F-.001:F+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[F,s]);const ie=n(e=>{te(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Z!==e.target?.muted&&x&&x(!Z),Y!==e.target?.volume&&I&&I(Y)},[Z,Y]),ne=n(()=>{const e=p(s.currentTime)>=U&&U!==p(s.duration)&&!X,r=p(s.currentTime)>=U&&U===p(s.duration)&&!X&&!H;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),te(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[U,X,H]),ae=n(()=>{te(e=>({...e,playing:!1})),E&&E()},[q]),se=n(()=>{te(e=>({...e,playing:!0,ended:!1,...!O?.disableBufferingEvents&&{buffering:!1},...!ee&&{firstPlay:!0}})),!ee&&P&&P(),B&&B()},[ee,O?.disableBufferingEvents]),me=n(()=>{O?.disableBufferingEvents||te(e=>({...e,buffering:!0}))},[O?.disableBufferingEvents]),le=n(()=>{O?.disableBufferingEvents||te(e=>({...e,buffering:!1}))},[J,O?.disableBufferingEvents]),de=n(()=>{if(O?.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>=$&&t<=U){const r=Math.max(t,$),i=Math.min(o,U);e.push({start:r-$,end:i-$,startPercent:(r-$)/(U-$)*100,widthPercent:(i-r)/(U-$)*100})}}N(e)},[z,U,q,H,J,Q,X,Y,Z,$,K,O?.disableBufferingEvents]),pe=n(async e=>{H&&be(),s.currentTime=$,e&&await ce(),L&&L()},[H,q,$,U,X]),ue=n(async()=>{H&&be(),s.currentTime=$,te(e=>({...e,startTime:p(O.normaliseTime?l:0),endTime:p(O.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),w&&w()},[H,q,$,U,X,l,m]),ce=async()=>{await s.play()},be=()=>{s.pause()},Ce=n(e=>{s.currentTime=p(e),te(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!O?.disableBufferingEvents&&{buffering:!1},firstPlay:!ee||r.firstPlay,bufferProgress:e})),k&&k(e),!ee&&P&&P()},[J,ee,O?.disableBufferingEvents]),fe=n(async()=>{document.hidden?H&&!s.paused?(V(!0),be()):V(!1):(G&&!H&&await ce(),V(!1))},[H,G,be,ce,s]),ge=n(e=>{e&&s.pause(),te(e=>({...e,seeking:!0})),v&&v()},[X]),je=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!X&&await s.play(),t&&H&&s.pause(),te(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),S&&S(r)},[H,X,J,z]),Te=n(()=>{document.fullscreenElement?document.exitFullscreen():s.requestFullscreen()},[s]);return d("fullscreenchange",()=>D(!!document.fullscreenElement),document),d("visibilitychange",fe,document),d("pause",ae,s),d("playing",se,s),d("timeupdate",ne,s),d("ended",oe,s),d("volumechange",ie,s),d("waiting",me,s),d("canplay",le,s),d("progress",de,s),a(R,()=>({play:ce,pause:be,restart:pe,reset:ue,seek:(e,r,t)=>je(r,e,t),videoState:{seeking:z,endTime:U,currentTime:q,playing:H,buffering:J,loaded:Q,ended:X,volume:Y,firstPlay:ee,firstEnded:re,muted:Z,startTime:$}})),e(C,{variation:"raised",id:t,sx:M?.paperContainer?.sx,children:[e(f,{...O?.rtl&&{dir:"rtl"},children:[r(c,{seeking:z,playing:H,ended:X,buffering:J,handleAction:async()=>{X?await pe(!0):H?be():await ce()}}),r(b,{handleSeeking:Ce,handleSeekEnd:je,handleSeekStart:ge,ended:X,marker:W?.marker,markersContainerProps:M?.markersContainer,markers:j,markerIndicatorMode:O.markerIndicatorMode,markerIndicatorSize:O.markerIndicatorSize,markerIndicator:O.markerIndicator,startTime:O.normaliseTime?$:0,currentTime:q,endTime:U,playing:H,bufferRanges:K,buffering:J,volume:Y,muted:Z,volumeControls:O.volumeControls,volumeControlsType:O.volumeControlsType,handleVolumeMute:()=>{s.muted=!Z},handleVolumeChange:e=>{s.volume=e,Z&&(s.muted=!1)},fullscreenControls:O.fullscreenControls,hideStartTime:O.hideStartTime,hideEndTime:O.hideEndTime,isFullScreen:_,handlefullscreenToggle:Te})]}),W?.bottom]})}));export{g 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/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.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";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/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/Select/StyledSelect.js";import"../../../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../../../WebCore/SortableList/SortableList.js";import"../../../../../../WebCore/SortableList/components/SortableItem/SortableItem.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/TintedSurface/TintedSurface.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{styled as o}from"@mui/material";import"react";import{omitProps as e}from"../../../utils/shouldForwardProp.js";import t from"../Surface/Surface.js";const i={info:"blue",success:"green",warning:"yellow",error:"red"},a=o(t,{shouldForwardProp:e(["colorScheme"])})(({theme:r,colorScheme:o})=>{const e=i[o];return{backgroundColor:r.custom.palette[e][0],border:`1px solid ${r.custom.palette[e][100]}`,padding:r.p.md,transition:r.transitions.create(["background-color","border-color"],{duration:r.transitions.duration.shortest})}}),c=({children:o,colorScheme:e="info",slotProps:t})=>r(a,{borderradius:"md",elevation:0,variation:"default",colorScheme:e,...t?.root,children:o});export{c as default};

package/dist/index.d.ts

@@ -74,6 +74,7 @@ export { default as VideoControls2, VideoControls2Props } from './systems/Platfo
 export { default as GraphPopoverDataLayout, GraphPopoverDataLayoutProps } from './systems/Platform/GraphPopoverDataLayout/GraphPopoverDataLayout.js';
 export { default as LoopVideoNudge, LoopVideoNudgeProps } from './systems/Platform/LoopVideoNudge/LoopVideoNudge.js';
 export { default as PinchIndicator, PinchIndicatorProps } from './systems/Platform/PinchIndicator/PinchIndicator.js';
+export { default as CommentFeedbackCard, CommentFeedbackCardProps } from './systems/Platform/CommentFeedbackCard/CommentFeedbackCard.js';
 export { emailValidation } from './utils/formValidation/email.js';
 export { DEFAULT_MAX_INPUT_LENGTH, chooseArticle, defaultInputValidation } from './utils/formValidation/misc.js';
 export { passwordValidation } from './utils/formValidation/password.js';
@@ -172,6 +173,7 @@ export { default as Tooltip, TooltipProps } from './systems/WebCore/Tooltip/Tool
 export { default as TrialCard, TrialCardProps } from './systems/WebCore/TrialCard/TrialCard.js';
 export { default as UserMenu, UserMenuProps } from './systems/WebCore/UserMenu/UserMenu.js';
 export { default as VideoModal, VideoModalProps } from './systems/WebCore/VideoModal/VideoModal.js';
+export { default as TintedSurface, TintedSurfaceProps } from './systems/WebCore/TintedSurface/TintedSurface.js';
 export { BreakpointOrNull, useBreakpoint } from './utils/breakpoint.hook.js';
 export { CDN_BASE, cdnAsset } from './utils/cdn.js';
 export { compareArrayMembers } from './utils/compareArrayMembers.js';

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/gradients.js"),s=require("./systems/BrandCore/primitiveColor.js"),t=require("./systems/BrandCore/primitiveVariables.js"),o=require("./systems/BrandCore/semanticColor.js"),i=require("./systems/BrandCore/types.js"),a=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var p=require("./systems/BrandCore/Icon/Icon.js"),u=require("./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js"),n=require("./systems/Marketing/PlanTierCard/PlanTierCard.js"),m=require("./systems/Marketing/TickGroup/TickGroup.js"),l=require("./systems/Platform/AiContentContainer/AiContentContainer.js"),d=require("./systems/Platform/AIInsight/AIInsight.js"),x=require("./systems/Platform/AISummary/AISummary.js"),y=require("./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js"),C=require("./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js"),j=require("./systems/Platform/AssetItem/AssetItem.js"),c=require("./systems/Platform/AuthContainerSurface/AuthContainerSurface.js"),b=require("./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),q=require("./systems/Platform/CommentCard/CommentCard.js"),P=require("./systems/Platform/DataPointInfo/DataPointInfo.js"),h=require("./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js"),g=require("./systems/Platform/EmojiListItem/EmojiListItem.js"),B=require("./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js"),W=require("./systems/Platform/EmptyStateCard/EmptyStateCard.js"),I=require("./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js"),f=require("./systems/Platform/FilterCount/FilterCount.js"),S=require("./systems/Platform/FilteredItemsCard/FilteredItemsCard.js"),T=require("./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js"),A=require("./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js"),G=require("./systems/Platform/FilterRow/FilterRow.js"),L=require("./systems/Platform/GraphBar/GraphBar.js"),F=require("./systems/Platform/Header/Header.js"),k=require("./systems/Platform/KpiDataPopover/KpiDataPopover.js"),M=require("./systems/Platform/KpiIndicator/KpiIndicator.js"),v=require("./systems/Platform/KpiIndicator/utils.js"),R=require("./systems/Platform/LikertGraph/LikertGraph.js"),w=require("./systems/Platform/LoopItem/LoopItem.js"),E=require("./systems/Platform/LoopItemEmpty/LoopItemEmpty.js"),D=require("./systems/Platform/MiniResultCard/graphVariants.js"),N=require("./systems/Platform/MiniResultCard/MiniResultCard.js"),K=require("./systems/Platform/Navigation/Navigation.js"),V=require("./systems/Platform/OnboardingCard/OnboardingCard.js"),_=require("./systems/Platform/PaginationControl/PaginationControl.js"),H=require("./systems/Platform/ProjectItem/ProjectItem.js"),O=require("./systems/Platform/ProjectItem/ProjectItemEmpty.js"),Q=require("./utils/formValidation/email.js"),U=require("./utils/formValidation/misc.js"),z=require("./utils/formValidation/password.js"),X=require("./systems/WebCore/ButtonBase/Button.variant-helpers.js"),Y=require("./systems/WebCore/utils/backgroundCreator.js"),J=require("./systems/WebCore/AnnualController/AnnualController.js"),Z=require("./systems/WebCore/SelectItem/SelectItem.js"),$=require("./systems/WebCore/Accordion/Accordion.js"),ee=require("./systems/WebCore/Animations/FadeIn.js"),re=require("./systems/WebCore/AuthFormHeader/AuthFormHeader.js"),se=require("./systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js"),te=require("./systems/WebCore/AutocompleteField/AutocompleteField.js"),oe=require("./systems/WebCore/Avatar/Avatar.js"),ie=require("./systems/WebCore/AvatarGroup/AvatarGroup.js"),ae=require("./systems/WebCore/Badge/Badge.js"),pe=require("./systems/WebCore/BrandBadge/BrandBadge.js"),ue=require("./systems/WebCore/Breadcrumb/Breadcrumb.js"),ne=require("./systems/WebCore/BulletGraphic/BulletGraphic.js"),me=require("./systems/WebCore/Button/Button.js"),le=require("./systems/WebCore/ButtonBase/ButtonBase.js"),de=require("./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js"),xe=require("./systems/WebCore/Checkbox/Checkbox.js");require("./systems/WebCore/Checkbox/StyledCheckbox.js");var ye=require("./systems/WebCore/CheckboxGroup/CheckboxGroup.js"),Ce=require("./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js"),je=require("./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),ce=require("./systems/WebCore/CustomField/CustomField.js"),be=require("./systems/WebCore/Differential/Differential.js"),qe=require("./systems/WebCore/DropdownMenu/DropdownMenu.js"),Pe=require("./systems/WebCore/DropdownMenu/DropdownMenu.hook.js"),he=require("./systems/WebCore/EmojiWrapper/EmojiWrapper.js"),ge=require("./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),Be=require("./systems/WebCore/Flag/Flag.js"),We=require("./systems/WebCore/FormControlLabel/FormControlLabel.js"),Ie=require("./systems/WebCore/FormGenerator/FormGenerator.js"),fe=require("./systems/WebCore/GridOverlay/GridOverlay.js"),Se=require("./systems/WebCore/Html/Html.js"),Te=require("./systems/WebCore/HtmlParser/HtmlParser.js"),Ae=require("./systems/WebCore/IconButton/IconButton.js"),Ge=require("./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js"),Le=require("./systems/WebCore/IconButtonBase/IconButtonBase.js"),Fe=require("./systems/WebCore/IconButtonGroup/IconButtonGroup.js"),ke=require("./systems/WebCore/Image/Image.js"),Me=require("./systems/WebCore/InputFieldBase/InputFieldBase.js"),ve=require("./systems/WebCore/InputLabel/InputLabel.js"),Re=require("./systems/WebCore/InputLabelHelp/InputLabelHelp.js"),we=require("./systems/WebCore/KbdGroup/Kbd.js"),Ee=require("./systems/WebCore/KbdGroup/KbdGroup.js"),De=require("./systems/WebCore/KeyValueLabel/KeyValueLabel.js"),Ne=require("./systems/WebCore/Label/Label.js"),Ke=require("./systems/WebCore/Likert/Likert.js"),Ve=require("./systems/WebCore/Link/Link.js"),_e=require("./systems/WebCore/Loader/Loader.js"),He=require("./systems/WebCore/Logo/Logo.js"),Oe=require("./systems/WebCore/LoopsAiButton/LoopsAiButton.js"),Qe=require("./systems/WebCore/Markdown/Markdown.js"),Ue=require("./systems/WebCore/Menu/Menu.js"),ze=require("./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),Xe=require("./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js"),Ye=require("./systems/WebCore/ModalLayout/ModalLayout.js"),Je=require("./systems/WebCore/NavigationButton/NavigationButton.js"),Ze=require("./systems/WebCore/Nudge/Nudge.js"),$e=require("./systems/WebCore/Text/Text.js");require("./systems/WebCore/Nudge/NudgeButton.js");var er=require("./systems/WebCore/NumberField/NumberField.js"),rr=require("./systems/WebCore/Pill/Pill.js"),sr=require("./systems/WebCore/Popper/Popper.js"),tr=require("./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js"),or=require("./systems/WebCore/Progress/Progress.js"),ir=require("./systems/WebCore/ProgressBar/ProgressBar.js"),ar=require("./systems/WebCore/Radio/Radio.js");require("./systems/WebCore/Radio/StyledRadio.js");var pr=require("./systems/WebCore/RadioGroup/RadioGroup.js"),ur=require("./systems/WebCore/Rank/Rank.js"),nr=require("./systems/WebCore/RichTextField/RichTextField.js"),mr=require("./systems/WebCore/Select/Select.js"),lr=require("./systems/WebCore/Skeleton/Skeleton.js"),dr=require("./systems/WebCore/Slider/Slider.js"),xr=require("./systems/WebCore/SortableList/SortableList.js"),yr=require("./systems/WebCore/StarRating/StarRating.js"),Cr=require("./systems/WebCore/Surface/Surface.js"),jr=require("./systems/WebCore/Switch/Switch.js"),cr=require("./systems/WebCore/Textarea/Textarea.js"),br=require("./systems/WebCore/TextBarDivider/TextBarDivider.js"),qr=require("./systems/WebCore/TextField/TextField.js"),Pr=require("./systems/WebCore/Toast/Toast.js"),hr=require("./systems/WebCore/Tooltip/Tooltip.js"),gr=require("./systems/WebCore/TrialCard/TrialCard.js"),Br=require("./systems/WebCore/UserMenu/UserMenu.js"),Wr=require("./systems/WebCore/VideoModal/VideoModal.js"),Ir=require("./utils/pluralise.js");require("./systems/Platform/ProjectItem/_partials/ProjectItemBadge.js"),require("merge-sx"),require("./systems/Platform/ProjectItem/_partials/styledPartials.js"),require("dayjs");var fr=require("./systems/Platform/QuestionBar/QuestionBar.js"),Sr=require("./systems/Platform/QuestionBlock/QuestionBlock.js"),Tr=require("./systems/Platform/QuestionSelector/QuestionSelector.js"),Ar=require("./systems/Platform/ScrollIndicator/ScrollIndicator.js"),Gr=require("./systems/Platform/SearchInput/SearchInput.js"),Lr=require("./systems/Platform/SectionHeader/SectionHeader.js"),Fr=require("./systems/Platform/SentimentArrow/SentimentArrow.js");require("./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js");var kr=require("./systems/Platform/SliderGraph/SliderGraph.js");require("react");var Mr=require("./systems/Platform/GraphPopoverDataLayout/GraphPopoverDataLayout.js");require("./systems/Platform/SliderGraph/_partials/StyledComponents.js");var vr=require("./systems/Platform/Tab/Tab.js"),Rr=require("./systems/Platform/TestItem/TestItem.js"),wr=require("./systems/Platform/TestKPICard/TestKPICard.js"),Er=require("./systems/Platform/TimeToFindGraph/TimeToFindGraph.js"),Dr=require("./systems/Platform/TimeToFindResult/TimeToFindResult.js"),Nr=require("./systems/Platform/VideoControls/VideoControls.js"),Kr=require("./systems/Platform/VideoControls2/VideoControls2.js"),Vr=require("./systems/Platform/LoopVideoNudge/LoopVideoNudge.js"),_r=require("./systems/Platform/PinchIndicator/PinchIndicator.js"),Hr=require("./utils/breakpoint.hook.js"),Or=require("./utils/cdn.js"),Qr=require("./utils/compareArrayMembers.js"),Ur=require("./utils/isButton.js"),zr=require("./utils/screen.hook.js"),Xr=require("./utils/useKeyCombo.js"),Yr=require("./utils/usePrevious.js"),Jr=require("./utils/shouldForwardProp.js"),Zr=require("./theme/theme.js"),$r=require("./theme/theme.hooks.js"),es=require("./theme/theme.provider.js"),rs=require("./theme/theme.context.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.tone1=r.tone1,exports.tone2=r.tone2,exports.tone3=r.tone3,exports.tone3_ai_icon=r.tone3_ai_icon,exports.tone3_border=r.tone3_border,exports.tone3_lowOpacity_text=r.tone3_lowOpacity_text,exports.tone4=r.tone4,exports.tone5=r.tone5,exports.blue=s.blue,exports.darkNeutral=s.darkNeutral,exports.darkNeutralAlpha=s.darkNeutralAlpha,exports.green=s.green,exports.neutral=s.neutral,exports.neutralAlpha=s.neutralAlpha,exports.peach=s.peach,exports.purple=s.purple,exports.red=s.red,exports.yellow=s.yellow,exports.base=t.base,exports.boxShadow=t.boxShadow,exports.breakpoints=t.breakpoints,exports.easing=t.easing,exports.elevation=t.elevation,exports.elevationFilter=t.elevationFilter,exports.margin=t.margin,exports.padding=t.padding,exports.radius=t.radius,exports.space=t.space,exports.semantic=o.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return i.FontWeight}}),exports.fonts=a.fonts,exports.Icon=p.default,exports.iconSizeMap=p.iconSizeMap,exports.PlanFeatureTable=u,exports.PlanTierCard=n,exports.TickGroup=m,exports.AiContentContainer=l.default,exports.AIInsight=d,exports.AISummary=x,exports.AIWrittenByLockUp=y,exports.ArrowTextIndicator=C,exports.AssetItem=j,exports.AuthContainerSurface=c,exports.ClipboardCopyingOverlay=b,exports.CommentCard=q.default,exports.getAuthorAvatarColor=q.getAuthorAvatarColor,exports.DataPointInfo=P,exports.DemographicSelectionSection=h,exports.EmojiListItem=g,exports.EmojiQuestionEditorOption=B,exports.EmptyStateCard=W,exports.ExtendedTestStatus=I,exports.FilterCount=f,exports.FilteredItemsCard=S,exports.FilterGroupAccordion=T,exports.FilterPyramidGraph=A,exports.FilterRow=G,exports.GraphBar=L,exports.Header=F,exports.KpiDataPopover=k,exports.KpiIndicator=M,exports.getKpiIndicatorColor=v.getKpiIndicatorColor,exports.mapKpiColorSchemeByInteger=v.mapKpiColorSchemeByInteger,exports.LikertGraph=R,exports.LoopItem=w,exports.LoopItemEmpty=E,exports.MiniEmojiGraph=D.MiniEmojiGraph,exports.MiniLikertGraph=D.MiniLikertGraph,exports.MiniOpenQuestionGraph=D.MiniOpenQuestionGraph,exports.MiniPunchGraph=D.MiniPunchGraph,exports.MiniRankGraph=D.MiniRankGraph,exports.MiniSliderGraph=D.MiniSliderGraph,exports.MiniResultCard=N,exports.Navigation=K,exports.OnboardingCard=V,exports.PaginationControl=_,exports.ProjectItem=H,exports.ProjectItemEmpty=O,exports.emailValidation=Q.emailValidation,exports.DEFAULT_MAX_INPUT_LENGTH=U.DEFAULT_MAX_INPUT_LENGTH,exports.chooseArticle=U.chooseArticle,exports.defaultInputValidation=U.defaultInputValidation,exports.passwordValidation=z.passwordValidation,exports.buttonHeightMap=X.buttonHeightMap,exports.buttonInteraction=X.buttonInteraction,exports.buttonPadding=X.buttonPadding,exports.getButtonSizing=X.getButtonSizing,exports.getButtonTypography=X.getButtonTypography,exports.getIconSizing=X.getIconSizing,exports.outlined=X.outlined,exports.primary=X.primary,exports.secondary=X.secondary,exports.subtle=X.subtle,exports.backgroundCreator=Y.backgroundCreator,exports.AnnualController=J,exports.SelectItem=Z.default,exports.Accordion=$.default,exports.FadeIn=ee,exports.AuthFormHeader=re,exports.AutocompleteBaseField=se,exports.AutocompleteField=te,exports.Avatar=oe,exports.AvatarGroup=ie,exports.Badge=ae,exports.BrandBadge=pe.default,exports.Breadcrumb=ue,exports.BulletGraphic=ne.default,exports.Button=me,exports.ButtonBase=le,exports.ButtonTabGroup=de,exports.Checkbox=xe,exports.CheckboxGroup=ye,exports.ColorBackgroundContainer=Ce,exports.CreatableAutocomplete=je,exports.CustomField=ce,exports.Differential=be,exports.DropdownMenu=qe,exports.useDropdownMenu=Pe.useDropdownMenu,exports.EmojiWrapper=he,exports.ExpandableTypographyClamp=ge,exports.Flag=Be,exports.FormControlLabel=We,exports.FormGenerator=Ie.default,exports.GridOverlay=fe.default,exports.Html=Se,exports.HtmlParser=Te,exports.IconButton=Ae,exports.iconButtonHelpers=Ge,exports.IconButtonBase=Le,exports.IconButtonGroup=Fe,exports.Image=ke,exports.InputFieldBase=Me,exports.InputLabel=ve,exports.InputLabelHelp=Re,exports.Kbd=we,exports.KbdGroup=Ee,exports.KeyValueLabel=De,exports.Label=Ne,exports.Likert=Ke,exports.Link=Ve,exports.Loader=_e,exports.Logo=He,exports.LoopsAiButton=Oe,exports.Markdown=Qe,exports.Menu=Ue.default,exports.ModalActionsWrapper=ze.ModalActionsWrapper,exports.ModalContentWrapper=Xe.ModalContentWrapper,exports.ModalLayout=Ye,exports.NavigationButton=Je,exports.Nudge=Ze,exports.Text=$e.Text,exports.NumberField=er.default,exports.Pill=rr,exports.Popper=sr,exports.PoweredByWatermarkLogo=tr,exports.Progress=or,exports.ProgressBar=ir,exports.Radio=ar,exports.RadioGroup=pr,exports.Rank=ur,exports.RichTextField=nr,exports.Select=mr,exports.Skeleton=lr,exports.Slider=dr,exports.SortableList=xr,exports.StarRating=yr,exports.Surface=Cr,exports.Switch=jr,exports.Textarea=cr,exports.TextBarDivider=br,exports.TextField=qr,exports.Toast=Pr,exports.Tooltip=hr,exports.TrialCard=gr,exports.UserMenu=Br,exports.VideoModal=Wr,exports.pluralise=Ir.pluralise,exports.QuestionLabel=fr,exports.QuestionBlock=Sr,exports.QuestionSelector=Tr,exports.ScrollIndicator=Ar,exports.SearchInput=Gr,exports.SectionHeader=Lr,exports.SentimentArrow=Fr,exports.SliderGraph=kr,exports.GraphPopoverDataLayout=Mr,exports.Tab=vr,exports.TestItem=Rr,exports.TestKPICard=wr,exports.TimeToFindGraph=Er,exports.TimeToFindResult=Dr,exports.VideoControls=Nr,exports.VideoControls2=Kr,exports.LoopVideoNudge=Vr,exports.PinchIndicator=_r,exports.useBreakpoint=Hr.useBreakpoint,exports.CDN_BASE=Or.CDN_BASE,exports.cdnAsset=Or.cdnAsset,exports.compareArrayMembers=Qr.compareArrayMembers,exports.isButton=Ur.isButton,exports.useScreenSize=zr.useScreenSize,exports.useKeyCombo=Xr.useKeyCombo,exports.usePrevious=Yr.usePrevious,exports.omitProps=Jr.omitProps,exports.customTheme=Zr.customTheme,exports.useTheme=$r.useTheme,exports.useThemeBuilder=$r.useThemeBuilder,exports.ThemeProvider=es.ThemeProvider,exports.ThemeContext=rs.ThemeContext;
+"use strict";var e=require("./systems/BrandCore/colorRamps.js"),r=require("./systems/BrandCore/gradients.js"),s=require("./systems/BrandCore/primitiveColor.js"),t=require("./systems/BrandCore/primitiveVariables.js"),o=require("./systems/BrandCore/semanticColor.js"),a=require("./systems/BrandCore/types.js"),i=require("./systems/BrandCore/typography.js");require("react/jsx-runtime"),require("@mui/material");var p=require("./systems/BrandCore/Icon/Icon.js"),u=require("./systems/Marketing/PlanFeatureTable/PlanFeatureTable.js"),n=require("./systems/Marketing/PlanTierCard/PlanTierCard.js"),m=require("./systems/Marketing/TickGroup/TickGroup.js"),l=require("./systems/Platform/AiContentContainer/AiContentContainer.js"),d=require("./systems/Platform/AIInsight/AIInsight.js"),x=require("./systems/Platform/AISummary/AISummary.js"),y=require("./systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js"),C=require("./systems/Platform/ArrowTextIndicator/ArrowTextIndicator.js"),j=require("./systems/Platform/AssetItem/AssetItem.js"),c=require("./systems/Platform/AuthContainerSurface/AuthContainerSurface.js"),b=require("./systems/Platform/ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),q=require("./systems/Platform/CommentCard/CommentCard.js"),P=require("./systems/Platform/DataPointInfo/DataPointInfo.js"),h=require("./systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js"),g=require("./systems/Platform/EmojiListItem/EmojiListItem.js"),B=require("./systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js"),W=require("./systems/Platform/EmptyStateCard/EmptyStateCard.js"),I=require("./systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js"),f=require("./systems/Platform/FilterCount/FilterCount.js"),S=require("./systems/Platform/FilteredItemsCard/FilteredItemsCard.js"),T=require("./systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js"),A=require("./systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js"),G=require("./systems/Platform/FilterRow/FilterRow.js"),F=require("./systems/Platform/GraphBar/GraphBar.js"),L=require("./systems/Platform/Header/Header.js"),k=require("./systems/Platform/KpiDataPopover/KpiDataPopover.js"),M=require("./systems/Platform/KpiIndicator/KpiIndicator.js"),v=require("./systems/Platform/KpiIndicator/utils.js"),R=require("./systems/Platform/LikertGraph/LikertGraph.js"),w=require("./systems/Platform/LoopItem/LoopItem.js"),E=require("./systems/Platform/LoopItemEmpty/LoopItemEmpty.js"),D=require("./systems/Platform/MiniResultCard/graphVariants.js"),N=require("./systems/Platform/MiniResultCard/MiniResultCard.js"),K=require("./systems/Platform/Navigation/Navigation.js"),V=require("./systems/Platform/OnboardingCard/OnboardingCard.js"),_=require("./systems/Platform/PaginationControl/PaginationControl.js"),H=require("./systems/Platform/ProjectItem/ProjectItem.js"),O=require("./systems/Platform/ProjectItem/ProjectItemEmpty.js"),Q=require("./utils/formValidation/email.js"),U=require("./utils/formValidation/misc.js"),z=require("./utils/formValidation/password.js"),X=require("./systems/WebCore/ButtonBase/Button.variant-helpers.js"),Y=require("./systems/WebCore/utils/backgroundCreator.js"),J=require("./systems/WebCore/AnnualController/AnnualController.js"),Z=require("./systems/WebCore/SelectItem/SelectItem.js"),$=require("./systems/WebCore/Accordion/Accordion.js"),ee=require("./systems/WebCore/Animations/FadeIn.js"),re=require("./systems/WebCore/AuthFormHeader/AuthFormHeader.js"),se=require("./systems/WebCore/AutocompleteBaseField/AutocompleteBaseField.js"),te=require("./systems/WebCore/AutocompleteField/AutocompleteField.js"),oe=require("./systems/WebCore/Avatar/Avatar.js"),ae=require("./systems/WebCore/AvatarGroup/AvatarGroup.js"),ie=require("./systems/WebCore/Badge/Badge.js"),pe=require("./systems/WebCore/BrandBadge/BrandBadge.js"),ue=require("./systems/WebCore/Breadcrumb/Breadcrumb.js"),ne=require("./systems/WebCore/BulletGraphic/BulletGraphic.js"),me=require("./systems/WebCore/Button/Button.js"),le=require("./systems/WebCore/ButtonBase/ButtonBase.js"),de=require("./systems/WebCore/ButtonTabGroup/ButtonTabGroup.js"),xe=require("./systems/WebCore/Checkbox/Checkbox.js");require("./systems/WebCore/Checkbox/StyledCheckbox.js");var ye=require("./systems/WebCore/CheckboxGroup/CheckboxGroup.js"),Ce=require("./systems/WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js"),je=require("./systems/WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),ce=require("./systems/WebCore/CustomField/CustomField.js"),be=require("./systems/WebCore/Differential/Differential.js"),qe=require("./systems/WebCore/DropdownMenu/DropdownMenu.js"),Pe=require("./systems/WebCore/DropdownMenu/DropdownMenu.hook.js"),he=require("./systems/WebCore/EmojiWrapper/EmojiWrapper.js"),ge=require("./systems/WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),Be=require("./systems/WebCore/Flag/Flag.js"),We=require("./systems/WebCore/FormControlLabel/FormControlLabel.js"),Ie=require("./systems/WebCore/FormGenerator/FormGenerator.js"),fe=require("./systems/WebCore/GridOverlay/GridOverlay.js"),Se=require("./systems/WebCore/Html/Html.js"),Te=require("./systems/WebCore/HtmlParser/HtmlParser.js"),Ae=require("./systems/WebCore/IconButton/IconButton.js"),Ge=require("./systems/WebCore/IconButtonBase/IconButton.variant-helpers.js"),Fe=require("./systems/WebCore/IconButtonBase/IconButtonBase.js"),Le=require("./systems/WebCore/IconButtonGroup/IconButtonGroup.js"),ke=require("./systems/WebCore/Image/Image.js"),Me=require("./systems/WebCore/InputFieldBase/InputFieldBase.js"),ve=require("./systems/WebCore/InputLabel/InputLabel.js"),Re=require("./systems/WebCore/InputLabelHelp/InputLabelHelp.js"),we=require("./systems/WebCore/KbdGroup/Kbd.js"),Ee=require("./systems/WebCore/KbdGroup/KbdGroup.js"),De=require("./systems/WebCore/KeyValueLabel/KeyValueLabel.js"),Ne=require("./systems/WebCore/Label/Label.js"),Ke=require("./systems/WebCore/Likert/Likert.js"),Ve=require("./systems/WebCore/Link/Link.js"),_e=require("./systems/WebCore/Loader/Loader.js"),He=require("./systems/WebCore/Logo/Logo.js"),Oe=require("./systems/WebCore/LoopsAiButton/LoopsAiButton.js"),Qe=require("./systems/WebCore/Markdown/Markdown.js"),Ue=require("./systems/WebCore/Menu/Menu.js"),ze=require("./systems/WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),Xe=require("./systems/WebCore/ModalLayout/_partials/ModalContentWrapper.js"),Ye=require("./systems/WebCore/ModalLayout/ModalLayout.js"),Je=require("./systems/WebCore/NavigationButton/NavigationButton.js"),Ze=require("./systems/WebCore/Nudge/Nudge.js"),$e=require("./systems/WebCore/Text/Text.js");require("./systems/WebCore/Nudge/NudgeButton.js");var er=require("./systems/WebCore/NumberField/NumberField.js"),rr=require("./systems/WebCore/Pill/Pill.js"),sr=require("./systems/WebCore/Popper/Popper.js"),tr=require("./systems/WebCore/PoweredByWatermarkLogo/PoweredByWatermarkLogo.js"),or=require("./systems/WebCore/Progress/Progress.js"),ar=require("./systems/WebCore/ProgressBar/ProgressBar.js"),ir=require("./systems/WebCore/Radio/Radio.js");require("./systems/WebCore/Radio/StyledRadio.js");var pr=require("./systems/WebCore/RadioGroup/RadioGroup.js"),ur=require("./systems/WebCore/Rank/Rank.js"),nr=require("./systems/WebCore/RichTextField/RichTextField.js"),mr=require("./systems/WebCore/Select/Select.js"),lr=require("./systems/WebCore/Skeleton/Skeleton.js"),dr=require("./systems/WebCore/Slider/Slider.js"),xr=require("./systems/WebCore/SortableList/SortableList.js"),yr=require("./systems/WebCore/StarRating/StarRating.js"),Cr=require("./systems/WebCore/Surface/Surface.js"),jr=require("./systems/WebCore/Switch/Switch.js"),cr=require("./systems/WebCore/Textarea/Textarea.js"),br=require("./systems/WebCore/TextBarDivider/TextBarDivider.js"),qr=require("./systems/WebCore/TextField/TextField.js"),Pr=require("./systems/WebCore/Toast/Toast.js"),hr=require("./systems/WebCore/Tooltip/Tooltip.js"),gr=require("./systems/WebCore/TrialCard/TrialCard.js"),Br=require("./systems/WebCore/UserMenu/UserMenu.js"),Wr=require("./systems/WebCore/VideoModal/VideoModal.js"),Ir=require("./systems/WebCore/TintedSurface/TintedSurface.js"),fr=require("./utils/pluralise.js");require("./systems/Platform/ProjectItem/_partials/ProjectItemBadge.js"),require("merge-sx"),require("./systems/Platform/ProjectItem/_partials/styledPartials.js"),require("dayjs");var Sr=require("./systems/Platform/QuestionBar/QuestionBar.js"),Tr=require("./systems/Platform/QuestionBlock/QuestionBlock.js"),Ar=require("./systems/Platform/QuestionSelector/QuestionSelector.js"),Gr=require("./systems/Platform/ScrollIndicator/ScrollIndicator.js"),Fr=require("./systems/Platform/SearchInput/SearchInput.js"),Lr=require("./systems/Platform/SectionHeader/SectionHeader.js"),kr=require("./systems/Platform/SentimentArrow/SentimentArrow.js");require("./systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js");var Mr=require("./systems/Platform/SliderGraph/SliderGraph.js");require("react");var vr=require("./systems/Platform/GraphPopoverDataLayout/GraphPopoverDataLayout.js");require("./systems/Platform/SliderGraph/_partials/StyledComponents.js");var Rr=require("./systems/Platform/Tab/Tab.js"),wr=require("./systems/Platform/TestItem/TestItem.js"),Er=require("./systems/Platform/TestKPICard/TestKPICard.js"),Dr=require("./systems/Platform/TimeToFindGraph/TimeToFindGraph.js"),Nr=require("./systems/Platform/TimeToFindResult/TimeToFindResult.js"),Kr=require("./systems/Platform/VideoControls/VideoControls.js"),Vr=require("./systems/Platform/VideoControls2/VideoControls2.js"),_r=require("./systems/Platform/LoopVideoNudge/LoopVideoNudge.js"),Hr=require("./systems/Platform/PinchIndicator/PinchIndicator.js"),Or=require("./systems/Platform/CommentFeedbackCard/CommentFeedbackCard.js"),Qr=require("./utils/breakpoint.hook.js"),Ur=require("./utils/cdn.js"),zr=require("./utils/compareArrayMembers.js"),Xr=require("./utils/isButton.js"),Yr=require("./utils/screen.hook.js"),Jr=require("./utils/useKeyCombo.js"),Zr=require("./utils/usePrevious.js"),$r=require("./utils/shouldForwardProp.js"),es=require("./theme/theme.js"),rs=require("./theme/theme.hooks.js"),ss=require("./theme/theme.provider.js"),ts=require("./theme/theme.context.js");exports.blueRamp=e.blueRamp,exports.generateRamp=e.generateRamp,exports.greenRamp=e.greenRamp,exports.neutralRamp=e.neutralRamp,exports.peachRamp=e.peachRamp,exports.purpleRamp=e.purpleRamp,exports.redRamp=e.redRamp,exports.yellowRamp=e.yellowRamp,exports.tone1=r.tone1,exports.tone2=r.tone2,exports.tone3=r.tone3,exports.tone3_ai_icon=r.tone3_ai_icon,exports.tone3_border=r.tone3_border,exports.tone3_lowOpacity_text=r.tone3_lowOpacity_text,exports.tone4=r.tone4,exports.tone5=r.tone5,exports.blue=s.blue,exports.darkNeutral=s.darkNeutral,exports.darkNeutralAlpha=s.darkNeutralAlpha,exports.green=s.green,exports.neutral=s.neutral,exports.neutralAlpha=s.neutralAlpha,exports.peach=s.peach,exports.purple=s.purple,exports.red=s.red,exports.yellow=s.yellow,exports.base=t.base,exports.boxShadow=t.boxShadow,exports.breakpoints=t.breakpoints,exports.easing=t.easing,exports.elevation=t.elevation,exports.elevationFilter=t.elevationFilter,exports.margin=t.margin,exports.padding=t.padding,exports.radius=t.radius,exports.space=t.space,exports.semantic=o.semantic,Object.defineProperty(exports,"FontWeight",{enumerable:!0,get:function(){return a.FontWeight}}),exports.fonts=i.fonts,exports.Icon=p.default,exports.iconSizeMap=p.iconSizeMap,exports.PlanFeatureTable=u,exports.PlanTierCard=n,exports.TickGroup=m,exports.AiContentContainer=l.default,exports.AIInsight=d,exports.AISummary=x,exports.AIWrittenByLockUp=y,exports.ArrowTextIndicator=C,exports.AssetItem=j,exports.AuthContainerSurface=c,exports.ClipboardCopyingOverlay=b,exports.CommentCard=q.default,exports.getAuthorAvatarColor=q.getAuthorAvatarColor,exports.DataPointInfo=P,exports.DemographicSelectionSection=h,exports.EmojiListItem=g,exports.EmojiQuestionEditorOption=B,exports.EmptyStateCard=W,exports.ExtendedTestStatus=I,exports.FilterCount=f,exports.FilteredItemsCard=S,exports.FilterGroupAccordion=T,exports.FilterPyramidGraph=A,exports.FilterRow=G,exports.GraphBar=F,exports.Header=L,exports.KpiDataPopover=k,exports.KpiIndicator=M,exports.getKpiIndicatorColor=v.getKpiIndicatorColor,exports.mapKpiColorSchemeByInteger=v.mapKpiColorSchemeByInteger,exports.LikertGraph=R,exports.LoopItem=w,exports.LoopItemEmpty=E,exports.MiniEmojiGraph=D.MiniEmojiGraph,exports.MiniLikertGraph=D.MiniLikertGraph,exports.MiniOpenQuestionGraph=D.MiniOpenQuestionGraph,exports.MiniPunchGraph=D.MiniPunchGraph,exports.MiniRankGraph=D.MiniRankGraph,exports.MiniSliderGraph=D.MiniSliderGraph,exports.MiniResultCard=N,exports.Navigation=K,exports.OnboardingCard=V,exports.PaginationControl=_,exports.ProjectItem=H,exports.ProjectItemEmpty=O,exports.emailValidation=Q.emailValidation,exports.DEFAULT_MAX_INPUT_LENGTH=U.DEFAULT_MAX_INPUT_LENGTH,exports.chooseArticle=U.chooseArticle,exports.defaultInputValidation=U.defaultInputValidation,exports.passwordValidation=z.passwordValidation,exports.buttonHeightMap=X.buttonHeightMap,exports.buttonInteraction=X.buttonInteraction,exports.buttonPadding=X.buttonPadding,exports.getButtonSizing=X.getButtonSizing,exports.getButtonTypography=X.getButtonTypography,exports.getIconSizing=X.getIconSizing,exports.outlined=X.outlined,exports.primary=X.primary,exports.secondary=X.secondary,exports.subtle=X.subtle,exports.backgroundCreator=Y.backgroundCreator,exports.AnnualController=J,exports.SelectItem=Z.default,exports.Accordion=$.default,exports.FadeIn=ee,exports.AuthFormHeader=re,exports.AutocompleteBaseField=se,exports.AutocompleteField=te,exports.Avatar=oe,exports.AvatarGroup=ae,exports.Badge=ie,exports.BrandBadge=pe.default,exports.Breadcrumb=ue,exports.BulletGraphic=ne.default,exports.Button=me,exports.ButtonBase=le,exports.ButtonTabGroup=de,exports.Checkbox=xe,exports.CheckboxGroup=ye,exports.ColorBackgroundContainer=Ce,exports.CreatableAutocomplete=je,exports.CustomField=ce,exports.Differential=be,exports.DropdownMenu=qe,exports.useDropdownMenu=Pe.useDropdownMenu,exports.EmojiWrapper=he,exports.ExpandableTypographyClamp=ge,exports.Flag=Be,exports.FormControlLabel=We,exports.FormGenerator=Ie.default,exports.GridOverlay=fe.default,exports.Html=Se,exports.HtmlParser=Te,exports.IconButton=Ae,exports.iconButtonHelpers=Ge,exports.IconButtonBase=Fe,exports.IconButtonGroup=Le,exports.Image=ke,exports.InputFieldBase=Me,exports.InputLabel=ve,exports.InputLabelHelp=Re,exports.Kbd=we,exports.KbdGroup=Ee,exports.KeyValueLabel=De,exports.Label=Ne,exports.Likert=Ke,exports.Link=Ve,exports.Loader=_e,exports.Logo=He,exports.LoopsAiButton=Oe,exports.Markdown=Qe,exports.Menu=Ue.default,exports.ModalActionsWrapper=ze.ModalActionsWrapper,exports.ModalContentWrapper=Xe.ModalContentWrapper,exports.ModalLayout=Ye,exports.NavigationButton=Je,exports.Nudge=Ze,exports.Text=$e.Text,exports.NumberField=er.default,exports.Pill=rr,exports.Popper=sr,exports.PoweredByWatermarkLogo=tr,exports.Progress=or,exports.ProgressBar=ar,exports.Radio=ir,exports.RadioGroup=pr,exports.Rank=ur,exports.RichTextField=nr,exports.Select=mr,exports.Skeleton=lr,exports.Slider=dr,exports.SortableList=xr,exports.StarRating=yr,exports.Surface=Cr,exports.Switch=jr,exports.Textarea=cr,exports.TextBarDivider=br,exports.TextField=qr,exports.Toast=Pr,exports.Tooltip=hr,exports.TrialCard=gr,exports.UserMenu=Br,exports.VideoModal=Wr,exports.TintedSurface=Ir,exports.pluralise=fr.pluralise,exports.QuestionLabel=Sr,exports.QuestionBlock=Tr,exports.QuestionSelector=Ar,exports.ScrollIndicator=Gr,exports.SearchInput=Fr,exports.SectionHeader=Lr,exports.SentimentArrow=kr,exports.SliderGraph=Mr,exports.GraphPopoverDataLayout=vr,exports.Tab=Rr,exports.TestItem=wr,exports.TestKPICard=Er,exports.TimeToFindGraph=Dr,exports.TimeToFindResult=Nr,exports.VideoControls=Kr,exports.VideoControls2=Vr,exports.LoopVideoNudge=_r,exports.PinchIndicator=Hr,exports.CommentFeedbackCard=Or,exports.useBreakpoint=Qr.useBreakpoint,exports.CDN_BASE=Ur.CDN_BASE,exports.cdnAsset=Ur.cdnAsset,exports.compareArrayMembers=zr.compareArrayMembers,exports.isButton=Xr.isButton,exports.useScreenSize=Yr.useScreenSize,exports.useKeyCombo=Jr.useKeyCombo,exports.usePrevious=Zr.usePrevious,exports.omitProps=$r.omitProps,exports.customTheme=es.customTheme,exports.useTheme=rs.useTheme,exports.useThemeBuilder=rs.useThemeBuilder,exports.ThemeProvider=ss.ThemeProvider,exports.ThemeContext=ts.ThemeContext;

package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var t=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");const o=()=>e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",textAlign:"center",width:122},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",p:{sm:.5,md:1},flex:1},children:e.jsx(t,{height:30,width:40})})});module.exports=()=>{const i=r.useTheme(),a=Array.from({length:4},(e,r)=>({heading:`Heading ${r+1}`})),s=Array.from({length:11},(e,r)=>({key:r}));return e.jsxs(r.Stack,{sx:{backgroundColor:i.custom.palette.surface.default,borderRadius:i.spacing(i.custom.radius.xl),boxShadow:i.custom.elevation.raised,display:"flex",gap:2,pb:{sm:2,lg:4},px:{sm:2,lg:4},minWidth:{sm:680}},children:[e.jsxs(r.Box,{sx:{display:"flex",py:2,px:1,justifyContent:"space-between",gap:2},children:[e.jsx(r.Box,{sx:{width:160}}),a.map(({heading:o})=>e.jsxs(r.Stack,{sx:{alignItems:"center",display:"flex",justifyContent:"center",width:122,gap:1},children:[e.jsx(t,{height:32,width:100}),e.jsx(t,{height:22})]},o))]}),s.map(a=>e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",p:1,"&:nth-of-type(even)":{backgroundColor:i.custom.palette.surface.sunken}},children:[e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",width:160},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",flex:1,gap:1},children:e.jsx(t,{height:30})})}),e.jsx(o,{}),e.jsx(o,{}),e.jsx(o,{}),e.jsx(o,{})]},a.key))]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js"),require("../../WebCore/Text/Text.js"),require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var t=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");const o=()=>e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",textAlign:"center",width:122},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",p:{sm:.5,md:1},flex:1},children:e.jsx(t,{height:30,width:40})})});module.exports=()=>{const i=r.useTheme(),a=Array.from({length:4},(e,r)=>({heading:`Heading ${r+1}`})),s=Array.from({length:11},(e,r)=>({key:r}));return e.jsxs(r.Stack,{sx:{backgroundColor:i.custom.palette.surface.default,borderRadius:i.spacing(i.custom.radius.xl),boxShadow:i.custom.elevation.raised,display:"flex",gap:2,pb:{sm:2,lg:4},px:{sm:2,lg:4},minWidth:{sm:680}},children:[e.jsxs(r.Box,{sx:{display:"flex",py:2,px:1,justifyContent:"space-between",gap:2},children:[e.jsx(r.Box,{sx:{width:160}}),a.map(({heading:o})=>e.jsxs(r.Stack,{sx:{alignItems:"center",display:"flex",justifyContent:"center",width:122,gap:1},children:[e.jsx(t,{height:32,width:100}),e.jsx(t,{height:22})]},o))]}),s.map(a=>e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",p:1,"&:nth-of-type(even)":{backgroundColor:i.custom.palette.surface.sunken}},children:[e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",width:160},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",flex:1,gap:1},children:e.jsx(t,{height:30})})}),e.jsx(o,{}),e.jsx(o,{}),e.jsx(o,{}),e.jsx(o,{})]},a.key))]})};