@useloops/design-system 1.4.571 → 1.4.573

package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import a 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 s from"./_partials/ProjectInfo.js";import p from"./_partials/ProjectItemBadge.js";import n from"./_partials/ProjectItemTitle.js";import{CardContainer as m,CardActionArea as l,ImageContainer as d,CardContent as c,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const u=({title:u,description:j,loopCount:W,testCount:g,draftCount:h,updatedAt:f,moreActions:x,thumbnail:B,isDemo:S,loading:y,onClick:I})=>{const k=o();return e(m,y?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${k.custom.palette.stroke.light}`},children:t(l,{component:"div",onClick:I,sx:{display:"flex",gap:k.spacing(k.custom.margin.sm),alignItems:"center",padding:k.spacing(k.custom.padding.xs)},children:[e(d,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(c,{sx:{overflow:"hidden",pl:k.spacing(k.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:k.spacing(k.custom.margin.xs),children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",gap:k.spacing(k.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${k.custom.palette.stroke.light}`},children:t(l,{component:"div",onClick:I,sx:{display:"flex",gap:k.spacing(k.custom.margin.sm),alignItems:"center",padding:k.spacing(k.custom.padding.xs)},children:[t(d,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[S&&e(p,{sx:{top:4,right:4},body:"Demo"}),e(b,{thumbnail:B,title:u,description:j})]}),e(c,{sx:{overflow:"hidden",pl:k.spacing(k.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:k.spacing(k.custom.margin.xs),children:[e(n,{title:u,maxLines:1}),t(r,{direction:"row",gap:k.spacing(k.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(s,{loops:W,tests:g,drafts:h}),e(C,{updatedDate:f,format:!0,noWrap:!0})]})]})}),x&&e(i,{onClick:e=>e.stopPropagation(),children:x})]})})};export{u as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 a 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 s from"./_partials/ProjectInfo.js";import p from"./_partials/ProjectItemBadge.js";import n from"./_partials/ProjectItemTitle.js";import{CardContainer as m,CardActionArea as l,ImageContainer as d,CardContent as c,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const u=({title:u,description:j,loopCount:W,testCount:g,draftCount:h,updatedAt:f,moreActions:B,thumbnail:x,isDemo:S,loading:y,onClick:I})=>{const k=o();return e(m,y?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${k.custom.palette.stroke.light}`},children:t(l,{component:"div",onClick:I,sx:{display:"flex",gap:k.spacing(k.custom.margin.sm),alignItems:"center",padding:k.spacing(k.custom.padding.xs)},children:[e(d,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(c,{sx:{overflow:"hidden",pl:k.spacing(k.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:k.spacing(k.custom.margin.xs),children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",gap:k.spacing(k.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${k.custom.palette.stroke.light}`},children:t(l,{component:"div",onClick:I,sx:{display:"flex",gap:k.spacing(k.custom.margin.sm),alignItems:"center",padding:k.spacing(k.custom.padding.xs)},children:[t(d,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[S&&e(p,{sx:{top:4,right:4},body:"Demo"}),e(b,{thumbnail:x,title:u,description:j})]}),e(c,{sx:{overflow:"hidden",pl:k.spacing(k.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:k.spacing(k.custom.margin.xs),children:[e(n,{title:u,maxLines:1}),t(r,{direction:"row",gap:k.spacing(k.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(s,{loops:W,tests:g,drafts:h}),e(C,{updatedDate:f,format:!0,noWrap:!0})]})]})}),B&&e(i,{onClick:e=>e.stopPropagation(),children:B})]})})};export{u as default};

package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"react";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 s from"../../../WebCore/Image/Image.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/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.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/extension-underline";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 p=150,n=72,l=108,m=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),u=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" | ");return e(s,{src:r,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},C=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),c=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,m as CardContainer,C as CardContent,p as GridImageHeight,b as ImageContainer,u as LazyImage,n as ListImageHeight,l as ListImageWidth,c as Tile};
+import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"react";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 s from"../../../WebCore/Image/Image.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/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.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 p=150,n=72,l=108,m=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),C=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" | ");return e(s,{src:r,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},c=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),u=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,m as CardContainer,c as CardContent,p as GridImageHeight,b as ImageContainer,C as LazyImage,n as ListImageHeight,l as ListImageWidth,u as Tile};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import p from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s 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 m from"../QuestionLabel/QuestionLabel.js";const n=r(t)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),l=r(t)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)})),d=({preQuestionText:r,questionText:d,questionType:b,supportText:C,slotProps:u,loading:c})=>{const j=i();return e(n,c?{children:[o(m,{loading:!0}),e(t,{gap:1,sx:{padding:j.spacing(j.custom.padding.md)},children:[o(s,{width:"100%",height:22}),o(s,{width:"100%",height:44}),o(s,{width:"100%",height:66})]})]}:{children:[o(m,{type:b}),e(l,{children:[r&&o(a,{variation:"md",component:"p",color:j.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:r}),o(a,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:d}),C&&o(p,{children:C})]})]})};export{d as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import p from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 s 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 m from"../QuestionLabel/QuestionLabel.js";const n=r(t)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),l=r(t)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)})),d=({preQuestionText:r,questionText:d,questionType:b,supportText:C,slotProps:u,loading:c})=>{const j=i();return e(n,c?{children:[o(m,{loading:!0}),e(t,{gap:1,sx:{padding:j.spacing(j.custom.padding.md)},children:[o(s,{width:"100%",height:22}),o(s,{width:"100%",height:44}),o(s,{width:"100%",height:66})]})]}:{children:[o(m,{type:b}),e(l,{children:[r&&o(a,{variation:"md",component:"p",color:j.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:r}),o(a,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:d}),C&&o(p,{children:C})]})]})};export{d as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import n 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";const p=r(t)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),m=({type:r,loading:t,slotProps:m})=>{const l=i(),c=(e=>{switch(e){case"single-punch":return{icon:"check",label:"Single punch question"};case"multi-punch":return{icon:"check-double",label:"Multi punch question"};case"slider":return{icon:"linear-scale",label:"Slider question"};case"likert":return{icon:"thumbs-up-down",label:"Likert question"};case"rank":return{icon:"rank",label:"Rank question"};case"open-question":return{icon:"comment",label:"Open question"};case"emoji":return{icon:"emoticon",label:"Emoji question"};case"focus":return{icon:"image-search",label:"Focus step"};default:return{icon:"help",label:"Unknown type"}}})(r);return t?e(n,{width:"100%",height:36,sx:{borderRadius:`${l.spacing(l.custom.radius.lg)} ${l.spacing(l.custom.radius.lg)} 0 0`}}):o(p,{...m?.container,type:r,children:[e(a,{name:c.icon,size:16}),e(s,{variation:"sm",component:"p",sx:{px:l.spacing(l.custom.padding.xs)},children:c.label})]})};export{m as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 n 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";const p=r(t)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),m=({type:r,loading:t,slotProps:m})=>{const l=i(),c=(e=>{switch(e){case"single-punch":return{icon:"check",label:"Single punch question"};case"multi-punch":return{icon:"check-double",label:"Multi punch question"};case"slider":return{icon:"linear-scale",label:"Slider question"};case"likert":return{icon:"thumbs-up-down",label:"Likert question"};case"rank":return{icon:"rank",label:"Rank question"};case"open-question":return{icon:"comment",label:"Open question"};case"emoji":return{icon:"emoticon",label:"Emoji question"};case"focus":return{icon:"image-search",label:"Focus step"};default:return{icon:"help",label:"Unknown type"}}})(r);return t?e(n,{width:"100%",height:36,sx:{borderRadius:`${l.spacing(l.custom.radius.lg)} ${l.spacing(l.custom.radius.lg)} 0 0`}}):o(p,{...m?.container,type:r,children:[e(a,{name:c.icon,size:16}),e(s,{variation:"sm",component:"p",sx:{px:l.spacing(l.custom.padding.xs)},children:c.label})]})};export{m as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{memo as n}from"react";import s from"@number-flow/react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import l from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import d from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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 u from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import c 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";const b=n(({handleNavigateRegion:n,questionMenuItems:b,questionTitle:C,currentRegionIndex:j=0,loading:W,popperState:g})=>{const h=t(),f=g||a({variant:"popper"});return W?e(c,{width:"30%",height:32,sx:{borderRadius:h.spacing(h.custom.radius.md)}}):o(r,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:h.custom.padding.md},children:[e(r,{sx:{minWidth:0},children:e(u,{width:300,offset:[0,8],placement:"bottom-start",state:f,slotProps:{surface:{sx:{maxHeight:400,overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:h.spacing(h.custom.padding.xs)}}}},trigger:e(l,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:f.isOpen?e(p,{name:"chevron-up"}):e(p,{name:"chevron-down"}),children:C}),menuItems:b})}),o(i,{direction:"row",alignItems:"center",gap:h.spacing(h.custom.margin.md),sx:{flex:"0 0 auto",minWidth:0},children:[e(r,{children:o(m,{monospaced:!0,component:"p",variation:"xs",color:h.custom.palette.text.secondary,sx:{"& strong":{color:h.custom.palette.text.primary,fontWeight:500}},children:[e("strong",{children:e(s,{value:(j||0)+1})})," ","of ",b?.length||0]})}),e(r,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(d,{icon:e(p,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:j+1===1,onClick:()=>n(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:h.custom.palette.purple[0],"&:hover:before":{backgroundColor:h.custom.palette.interaction.hover}}}}),e(d,{icon:e(p,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:j+1===b?.length,onClick:()=>n(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:h.custom.palette.purple[0],"&:hover:before":{backgroundColor:h.custom.palette.interaction.hover}}}})]})})]})]})});export{b as default};
+import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{memo as n}from"react";import s from"@number-flow/react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import l from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import d from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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 u from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 c 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";const b=n(({handleNavigateRegion:n,questionMenuItems:b,questionTitle:C,currentRegionIndex:j=0,loading:W,popperState:g})=>{const h=t(),f=g||a({variant:"popper"});return W?e(c,{width:"30%",height:32,sx:{borderRadius:h.spacing(h.custom.radius.md)}}):o(r,{sx:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",gap:h.custom.padding.md},children:[e(r,{sx:{minWidth:0},children:e(u,{width:300,offset:[0,8],placement:"bottom-start",state:f,slotProps:{surface:{sx:{maxHeight:400,overflowY:"auto",paddingRight:0,"& .MuiButton-root":{height:40,borderRadius:0},"& .MuiTypography-root":{px:h.spacing(h.custom.padding.xs)}}}},trigger:e(l,{sx:{overflow:"hidden",flex:1,">div":{flex:"0 1 auto",textWrap:"nowrap",overflow:"hidden",minWidth:0,textOverflow:"ellipsis",whiteSpace:"nowrap"},">span":{flex:"0 0 auto"},fontVariantNumeric:"tabular-nums"},sizing:"lg",variation:"secondary",endIcon:f.isOpen?e(p,{name:"chevron-up"}):e(p,{name:"chevron-down"}),children:C}),menuItems:b})}),o(i,{direction:"row",alignItems:"center",gap:h.spacing(h.custom.margin.md),sx:{flex:"0 0 auto",minWidth:0},children:[e(r,{children:o(m,{monospaced:!0,component:"p",variation:"xs",color:h.custom.palette.text.secondary,sx:{"& strong":{color:h.custom.palette.text.primary,fontWeight:500}},children:[e("strong",{children:e(s,{value:(j||0)+1})})," ","of ",b?.length||0]})}),e(r,{sx:{display:"flex",alignItems:"center"},children:o(i,{direction:"row",spacing:.5,children:[e(d,{icon:e(p,{name:"arrow-left"}),shape:"round",variation:"toggle",sizing:"lg",disabled:j+1===1,onClick:()=>n(-1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:h.custom.palette.purple[0],"&:hover:before":{backgroundColor:h.custom.palette.interaction.hover}}}}),e(d,{icon:e(p,{name:"arrow-right"}),shape:"round",variation:"toggle",sizing:"lg",disabled:j+1===b?.length,onClick:()=>n(1),sx:{"&.MuiIconButton-root.MuiButtonBase-root":{backgroundColor:h.custom.palette.purple[0],"&:hover:before":{backgroundColor:h.custom.palette.interaction.hover}}}})]})})]})]})});export{b as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{styled as o,useTheme as r,Box as t}from"@mui/material";import{forwardRef as i,useRef as a,useImperativeHandle as s}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import m from"../../WebCore/TextField/TextField.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.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/InputFieldBase/InputFieldBase.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"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";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 l=o(m)({width:"100%","& .MuiOutlinedInput-root":{height:32}}),n=i(({onChange:o,onClear:i,onFocus:m,placeholder:n,value:C,...b},u)=>{const d=r(),j=a(null),c=()=>{o?.({target:{value:""},currentTarget:{value:""}}),i?.()};s(u,()=>({...j.current,clear:c}));const W={color:d.custom.palette.icon.primary};return e(l,{inputRef:j,placeholder:n,value:C,onChange:o,onFocus:m,startAdornment:e(p,{name:"search",size:17,sx:W}),endAdornment:C?e(t,{onClick:c,sx:{cursor:"pointer",display:"flex"},children:e(p,{name:"close",size:17,sx:W})}):void 0,...b})});export{n as default};
+import{jsx as e}from"react/jsx-runtime";import{styled as o,useTheme as r,Box as t}from"@mui/material";import{forwardRef as i,useRef as a,useImperativeHandle as s}from"react";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import m from"../../WebCore/TextField/TextField.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.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/InputFieldBase/InputFieldBase.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"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 l=o(m)({width:"100%","& .MuiOutlinedInput-root":{height:32}}),n=i(({onChange:o,onClear:i,onFocus:m,placeholder:n,value:C,...b},u)=>{const d=r(),j=a(null),c=()=>{o?.({target:{value:""},currentTarget:{value:""}}),i?.()};s(u,()=>({...j.current,clear:c}));const W={color:d.custom.palette.icon.primary};return e(l,{inputRef:j,placeholder:n,value:C,onChange:o,onFocus:m,startAdornment:e(p,{name:"search",size:17,sx:W}),endAdornment:C?e(t,{onClick:c,sx:{cursor:"pointer",display:"flex"},children:e(p,{name:"close",size:17,sx:W})}):void 0,...b})});export{n as default};

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

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{styled as o,Box as i,Container as a,Grid as n}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import p 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";const l=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1})),m=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)})),d=o(s)(({theme:e})=>({color:e.custom.palette.text.secondary})),b=({loading:r,...o})=>e(t,{children:e(r?C:c,{...o})}),c=({buttons:o,subtitle:i,title:p,maxWidth:b})=>e(t,{children:e(l,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:b,children:e(n,{container:!0,spacing:2,children:e(n,{size:12,children:r(m,{sx:{justifyContent:"space-between",py:1},children:[e(m,{children:r(m,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[p&&e(s,{variation:"sm",component:"h2",weight:"bold",children:p}),i&&e(d,{variation:"sm",component:"p",children:i})]})}),o&&e(m,{children:o})]})})})})})}),C=({title:o,subtitle:i,buttons:s,maxWidth:d})=>e(t,{children:e(l,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:d,children:e(n,{container:!0,spacing:2,children:e(n,{size:12,children:r(m,{sx:{justifyContent:"space-between",py:1},children:[e(m,{children:r(m,{sx:{alignItems:"flex-start",flexDirection:"column",gap:.5},children:[o&&e(p,{variant:"text",width:200,height:28}),i&&e(p,{variant:"text",width:140,height:17})]})}),e(m,{children:s&&r(t,{children:[e(p,{variant:"text",width:72,height:28}),e(p,{variant:"text",width:56,height:28})]})})]})})})})})});export{b as default};
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import{styled as o,Box as i,Container as a,Grid as n}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 p 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";const l=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1})),m=o(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)})),d=o(s)(({theme:e})=>({color:e.custom.palette.text.secondary})),b=({loading:r,...o})=>e(t,{children:e(r?C:c,{...o})}),c=({buttons:o,subtitle:i,title:p,maxWidth:b})=>e(t,{children:e(l,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:b,children:e(n,{container:!0,spacing:2,children:e(n,{size:12,children:r(m,{sx:{justifyContent:"space-between",py:1},children:[e(m,{children:r(m,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[p&&e(s,{variation:"sm",component:"h2",weight:"bold",children:p}),i&&e(d,{variation:"sm",component:"p",children:i})]})}),o&&e(m,{children:o})]})})})})})}),C=({title:o,subtitle:i,buttons:s,maxWidth:d})=>e(t,{children:e(l,{sx:{justifyContent:"space-between"},children:e(a,{maxWidth:d,children:e(n,{container:!0,spacing:2,children:e(n,{size:12,children:r(m,{sx:{justifyContent:"space-between",py:1},children:[e(m,{children:r(m,{sx:{alignItems:"flex-start",flexDirection:"column",gap:.5},children:[o&&e(p,{variant:"text",width:200,height:28}),i&&e(p,{variant:"text",width:140,height:17})]})}),e(m,{children:s&&r(t,{children:[e(p,{variant:"text",width:72,height:28}),e(p,{variant:"text",width:56,height:28})]})})]})})})})})});export{b as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as s}from"@mui/material";import m,{SenitmentKeyEnums as n}from"../../../utils/useSentimentDiscriptor.js";import a from"../../BrandCore/Icon/components/SentimentDoubleDown.js";import p from"../../BrandCore/Icon/components/SentimentDoubleUp.js";import l from"../../BrandCore/Icon/components/SentimentDown.js";import C from"../../BrandCore/Icon/components/SentimentFlat.js";import b from"../../BrandCore/Icon/components/SentimentUp.js";import"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import{IconSizeMap as j}from"../../WebCore/IconButtonBase/IconButton.variant-helpers.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";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 d=t(r)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs)})),u=({commentCard:t=!1,sentimentScore:r=0})=>{const u=i(),{getSentimentByScore:W}=m(),{name:B,color:S,key:h}=W(r);return e(d,{children:[o(s,{sx:{minHeight:24,justifyContent:"center"},children:o(c,{component:"p",variation:"xs",color:u.custom.palette.text.secondary,children:t?`was ${B.toLowerCase()}`:B})}),h===n.veryPositive&&o(p,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===n.positive&&o(b,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===n.neutral&&o(C,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===n.negative&&o(l,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===n.veryNegative&&o(a,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}})]})};export{u as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,useTheme as i,Stack as s}from"@mui/material";import m,{SenitmentKeyEnums as a}from"../../../utils/useSentimentDiscriptor.js";import n from"../../BrandCore/Icon/components/SentimentDoubleDown.js";import p from"../../BrandCore/Icon/components/SentimentDoubleUp.js";import l from"../../BrandCore/Icon/components/SentimentDown.js";import C from"../../BrandCore/Icon/components/SentimentFlat.js";import b from"../../BrandCore/Icon/components/SentimentUp.js";import"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import{IconSizeMap as j}from"../../WebCore/IconButtonBase/IconButton.variant-helpers.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 d=t(r)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs)})),u=({commentCard:t=!1,sentimentScore:r=0})=>{const u=i(),{getSentimentByScore:W}=m(),{name:B,color:S,key:h}=W(r);return e(d,{children:[o(s,{sx:{minHeight:24,justifyContent:"center"},children:o(c,{component:"p",variation:"xs",color:u.custom.palette.text.secondary,children:t?`was ${B.toLowerCase()}`:B})}),h===a.veryPositive&&o(p,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===a.positive&&o(b,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===a.neutral&&o(C,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===a.negative&&o(l,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}}),h===a.veryNegative&&o(n,{sx:{color:S,width:t?j.xs:j.sm,height:t?j.xs:j.sm}})]})};export{u as default};

package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import{mergeSx as i}from"merge-sx";import{useState as a,useRef as s,useEffect as l,useCallback as p}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.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/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 b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/utils/autocomplete.styles.js";import"../../../../WebCore/Select/AutocompleteListbox.js";import"../../../../WebCore/Select/StyledAutocomplete.js";import"../../../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d 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{heightBasedOnPercentage as c}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as C,VerticalBarValue as u,VerticalBar as j,VerticalBarActions as h,VerticalBarLabel as W}from"../StyledComponents.js";const x=({percentage:x,label:B,checked:S,toolTipContent:g,hideValue:k,hideLabel:f,hideCheckbox:y,disableTooltip:L,animateBar:I,slotProps:v,tickInterval:w,onChange:A,maxDataValue:M,disabled:R,loading:T,value:P,id:F,className:N,graphMaxHeight:V,responsive:D})=>{r();const[G,O]=a(0),H=s(null);l(()=>{const e=c(x,w,M,V,{hideLabel:f,hideCheckbox:y,hideValue:k}),o=I?G:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);O(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[P]);const q=p(()=>{!R&&A&&A(F,!S)},[R,A,S]);return e(b,{message:g||null,disableHoverListener:L||!g,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...v?.tooltip?.slotProps?.wrapper?.sx}}},children:o(C,{maxHeight:V,disabled:R,...v?.barWrapper,id:F,className:N,onClick:q,responsive:D,children:[!k&&e(u,{...v?.value,children:T?e(d,{width:20,height:18}):e(m,{variation:"xxs",component:"p",monospaced:!0,sx:{fontSize:"10px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",textAlign:"center",minWidth:0,color:e=>R||!S?e.custom.palette.text.disabled:e.custom.palette.text.secondary},children:`${Math.round(x)}%`})}),T?e(d,{width:"fill-available",height:G}):e(j,{checked:S,value:G,maxHeight:V,disabled:R,...v?.bar}),o(h,{children:[!f&&e(W,{...v?.label,children:T?e(d,{width:20,height:20}):e(m,{variation:"xs",component:"p",weight:"bold",sx:{color:e=>R||!S?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:B})}),!y&&e(t,{children:T?e(d,{width:24,height:24,sx:{borderRadius:.5}}):e(n,{id:`${F}-checkbox`,variant:"secondary",checked:!R&&S,disabled:R,checkboxLabel:void 0,inputRef:H,onChange:q,...v?.checkbox,sx:i({mr:0,mt:1},v?.checkbox?.sx)})})]})]})})};export{x as default};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r}from"@mui/material";import{mergeSx as i}from"merge-sx";import{useState as a,useRef as s,useEffect as l,useCallback as p}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.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/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 b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/utils/autocomplete.styles.js";import"../../../../WebCore/Select/AutocompleteListbox.js";import"../../../../WebCore/Select/StyledAutocomplete.js";import"../../../../WebCore/Select/SelectItem.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 d 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{heightBasedOnPercentage as c}from"../../utils/heightBasedOnPercentage.js";import{VeticalBarWrapper as C,VerticalBarValue as u,VerticalBar as j,VerticalBarActions as h,VerticalBarLabel as W}from"../StyledComponents.js";const x=({percentage:x,label:B,checked:S,toolTipContent:g,hideValue:k,hideLabel:f,hideCheckbox:y,disableTooltip:L,animateBar:I,slotProps:v,tickInterval:w,onChange:A,maxDataValue:M,disabled:R,loading:T,value:P,id:F,className:N,graphMaxHeight:V,responsive:D})=>{r();const[G,O]=a(0),H=s(null);l(()=>{const e=c(x,w,M,V,{hideLabel:f,hideCheckbox:y,hideValue:k}),o=I?G:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);O(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[P]);const q=p(()=>{!R&&A&&A(F,!S)},[R,A,S]);return e(b,{message:g||null,disableHoverListener:L||!g,followCursor:!0,placement:"bottom-start",slotProps:{wrapper:{sx:{height:"fill-available",width:1,minWidth:0,...v?.tooltip?.slotProps?.wrapper?.sx}}},children:o(C,{maxHeight:V,disabled:R,...v?.barWrapper,id:F,className:N,onClick:q,responsive:D,children:[!k&&e(u,{...v?.value,children:T?e(d,{width:20,height:18}):e(m,{variation:"xxs",component:"p",monospaced:!0,sx:{fontSize:"10px",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",width:"100%",textAlign:"center",minWidth:0,color:e=>R||!S?e.custom.palette.text.disabled:e.custom.palette.text.secondary},children:`${Math.round(x)}%`})}),T?e(d,{width:"fill-available",height:G}):e(j,{checked:S,value:G,maxHeight:V,disabled:R,...v?.bar}),o(h,{children:[!f&&e(W,{...v?.label,children:T?e(d,{width:20,height:20}):e(m,{variation:"xs",component:"p",weight:"bold",sx:{color:e=>R||!S?e.custom.palette.text.disabled:e.custom.palette.text.primary},children:B})}),!y&&e(t,{children:T?e(d,{width:24,height:24,sx:{borderRadius:.5}}):e(n,{id:`${F}-checkbox`,variant:"secondary",checked:!R&&S,disabled:R,checkboxLabel:void 0,inputRef:H,onChange:q,...v?.checkbox,sx:i({mr:0,mt:1},v?.checkbox?.sx)})})]})]})})};export{x as default};

package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as o,Box as t}from"@mui/material";import{memo as i,useRef as a,useState as s,useEffect as p,useMemo as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import m from"../../../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.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/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/Pill/StyledPill.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/utils/autocomplete.styles.js";import"../../../../WebCore/Select/AutocompleteListbox.js";import"../../../../WebCore/Select/StyledAutocomplete.js";import"../../../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import l 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{createYAxisIntervalTicks as b}from"../../utils/createYAxisIntervalTicks.js";import{Axis as d,Spacer as C,AxisSegmentWrapper as c,AxisSegment as j}from"../StyledComponents.js";const u=i(({yAxisMax:i,rounding:u,tickInterval:W,loading:h,yAxisTickData:B,hideLabel:S,showGraphLines:y,hideCheckbox:x,disabled:g,slotProps:L,graphMaxHeight:f,responsive:I})=>{const k=o(),v=a(null),[M,A]=s(void 0);p(()=>{if(I&&v.current){const e=()=>{const e=v.current?.parentElement?.offsetWidth;e&&A(e-50)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[I]);const R=n(()=>u?Math.ceil(i/u)*u:i,[i,u]),T=B||b(W,R).reverse(),{onChange:w,...D}=L?.root||{};return e(d,{maxHeight:f,ref:v,children:[e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[S&&r(C,{}),x&&r(C,{})]}),r(c,{...D,hideLabel:S,hideCheckbox:x,maxHeight:f,children:T.map((e,o)=>r(j,{showGraphLines:y,graphWidth:M,children:h?r(l,{width:20,height:20}):r(m,{component:"p",variation:"xs",monospaced:!0,sx:{color:g?k.custom.palette.text.disabled:k.custom.palette.text.primary},children:e})},o))}),e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[!S&&r(C,{}),!x&&r(C,{})]})]})});export{u as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useTheme as o,Box as t}from"@mui/material";import{memo as i,useRef as a,useState as s,useEffect as p,useMemo as m}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/Accordion/Accordion.js";import n from"../../../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.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/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/Pill/StyledPill.js";import"../../../../WebCore/Progress/Progress.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/utils/autocomplete.styles.js";import"../../../../WebCore/Select/AutocompleteListbox.js";import"../../../../WebCore/Select/StyledAutocomplete.js";import"../../../../WebCore/Select/SelectItem.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 l 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{createYAxisIntervalTicks as b}from"../../utils/createYAxisIntervalTicks.js";import{Axis as d,Spacer as C,AxisSegmentWrapper as c,AxisSegment as j}from"../StyledComponents.js";const u=i(({yAxisMax:i,rounding:u,tickInterval:W,loading:h,yAxisTickData:B,hideLabel:S,showGraphLines:y,hideCheckbox:x,disabled:g,slotProps:L,graphMaxHeight:f,responsive:I})=>{const k=o(),v=a(null),[M,A]=s(void 0);p(()=>{if(I&&v.current){const e=()=>{const e=v.current?.parentElement?.offsetWidth;e&&A(e-50)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}},[I]);const R=m(()=>u?Math.ceil(i/u)*u:i,[i,u]),T=B||b(W,R).reverse(),{onChange:w,...D}=L?.root||{};return e(d,{maxHeight:f,ref:v,children:[e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[S&&r(C,{}),x&&r(C,{})]}),r(c,{...D,hideLabel:S,hideCheckbox:x,maxHeight:f,children:T.map((e,o)=>r(j,{showGraphLines:y,graphWidth:M,children:h?r(l,{width:20,height:20}):r(n,{component:"p",variation:"xs",monospaced:!0,sx:{color:g?k.custom.palette.text.disabled:k.custom.palette.text.primary},children:e})},o))}),e(t,{sx:{display:"flex",flexDirection:"column",alignItems:"center"},children:[!S&&r(C,{}),!x&&r(C,{})]})]})});export{u as default};

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 m}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";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 p from"../SentimentArrow/SentimentArrow.js";const n=r(m.div,{shouldForwardProp:e=>!["active"].includes(e)})(({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})),l=r(m.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),d=({active:r,animated:m,label:d,sentimentScore:b,stat:c,title:u,onClick:C})=>{const j=i();return e(n,{layout:m,active:r,onClick:C,children:[o(s,{component:"p",variation:"sm",weight:"bold",children:u}),e(l,{layout:m,children:["number"==typeof b?e(t,{children:[o(s,{monospaced:!0,variation:"md",component:"p",weight:"bold",sx:{lineHeight:"160%"},children:o(a,{value:b,format:{maximumFractionDigits:1},animated:m})}),o(p,{sentimentScore:b})]}):o(s,{component:"p",variation:"md",weight:"bold",sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof c?o(a,{value:c,format:{maximumFractionDigits:1},animated:m}):"-"})}),!!d&&o(s,{component:"p",variation:"xs",color:j.custom.palette.text.secondary,clamp:1,sx:{wordBreak:"break-all"},children:d})]})]})};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 m}from"motion/react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 p from"../SentimentArrow/SentimentArrow.js";const n=r(m.div,{shouldForwardProp:e=>!["active"].includes(e)})(({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})),l=r(m.div)(({theme:e})=>({display:"flex",alignItems:"center",gap:e.spacing(e.custom.padding.sm)})),d=({active:r,animated:m,label:d,sentimentScore:b,stat:c,title:u,onClick:C})=>{const j=i();return e(n,{layout:m,active:r,onClick:C,children:[o(s,{component:"p",variation:"sm",weight:"bold",children:u}),e(l,{layout:m,children:["number"==typeof b?e(t,{children:[o(s,{monospaced:!0,variation:"md",component:"p",weight:"bold",sx:{lineHeight:"160%"},children:o(a,{value:b,format:{maximumFractionDigits:1},animated:m})}),o(p,{sentimentScore:b})]}):o(s,{component:"p",variation:"md",weight:"bold",sx:{fontVariantNumeric:"tabular-nums"},children:o(t,{children:"number"==typeof c?o(a,{value:c,format:{maximumFractionDigits:1},animated:m}):"-"})}),!!d&&o(s,{component:"p",variation:"xs",color:j.custom.palette.text.secondary,clamp:1,sx:{wordBreak:"break-all"},children:d})]})]})};export{d as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Stack as i,Box as a}from"@mui/material";import{mergeSx as p}from"merge-sx";import{forwardRef as s}from"react";import{backgroundBasedOnVariation as m}from"../../WebCore/Surface/Surface.variant-helpers.js";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import d from"../../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/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 b 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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import u 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 j from"../KpiIndicator/KpiIndicator.js";const W=s(({colorScheme:s="purple",variation:W,title:h,description:g,loading:S,onShowMoreClick:y,menuItems:x,active:B,...f},I)=>{const k=t(),L="raised";return e(C,{ref:I,active:B,borderradius:"lg",variation:L,...f,sx:p({display:"flex",flexDirection:"column",gap:k.custom.margin.sm,border:`1px solid ${k.custom.palette.stroke.light}`,padding:k.custom.padding.md,"&:hover":{cursor:"pointer",".TestKPICard__Menu":{opacity:1}},..."dimmed"===W&&{border:`1px solid ${k.custom.palette.stroke.light}`}},f.sx),children:[e(i,{direction:"row",gap:1,children:[e(i,{direction:"row",gap:1,width:"100%",sx:{minHeight:"22px"},children:[o(r,{children:S?o(u,{sx:{width:17,height:16}}):o(a,{sx:{height:"22px",display:"flex",placeItems:"center"},children:o(j,{colorScheme:s,disabled:W&&"dimmed"===W})})}),S?o(u,{sx:{marginTop:"-1px"}}):o(n,{component:"p",variation:"md",weight:"bold",sx:{color:"dimmed"===W?k.custom.palette.text.disabled:k.custom.palette.text.primary},children:h})]}),!S&&Boolean(x?.length)&&o(b,{trigger:o(c,{icon:o(l,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestKPICard__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${k.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:x,width:128,offset:[0,-8],placement:"bottom-end"})]}),S?o(a,{display:"flex",flexDirection:"column",gap:.5,children:[...new Array(3).fill(void 0)].map((e,r)=>o(u,{height:19},`TestKPICard__Skeleton--description-${r}`))}):o(d,{clamp:3,component:"p",variation:"sm",sx:{color:"dimmed"===W?k.custom.palette.text.disabled:k.custom.palette.text.secondary},onShowMoreClick:y,slotProps:{showMoreButton:{disabled:"dimmed"===W},gradientBox:{background:B?k.custom.palette.blue[0]:m(L,k)}},children:g})]})});export{W as default};
+import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Stack as i,Box as a}from"@mui/material";import{mergeSx as p}from"merge-sx";import{forwardRef as s}from"react";import{backgroundBasedOnVariation as m}from"../../WebCore/Surface/Surface.variant-helpers.js";import l from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import n from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import d from"../../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/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 b 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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 u 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 j from"../KpiIndicator/KpiIndicator.js";const W=s(({colorScheme:s="purple",variation:W,title:h,description:g,loading:S,onShowMoreClick:y,menuItems:B,active:f,...x},I)=>{const k=t(),L="raised";return e(C,{ref:I,active:f,borderradius:"lg",variation:L,...x,sx:p({display:"flex",flexDirection:"column",gap:k.custom.margin.sm,border:`1px solid ${k.custom.palette.stroke.light}`,padding:k.custom.padding.md,"&:hover":{cursor:"pointer",".TestKPICard__Menu":{opacity:1}},..."dimmed"===W&&{border:`1px solid ${k.custom.palette.stroke.light}`}},x.sx),children:[e(i,{direction:"row",gap:1,children:[e(i,{direction:"row",gap:1,width:"100%",sx:{minHeight:"22px"},children:[o(r,{children:S?o(u,{sx:{width:17,height:16}}):o(a,{sx:{height:"22px",display:"flex",placeItems:"center"},children:o(j,{colorScheme:s,disabled:W&&"dimmed"===W})})}),S?o(u,{sx:{marginTop:"-1px"}}):o(n,{component:"p",variation:"md",weight:"bold",sx:{color:"dimmed"===W?k.custom.palette.text.disabled:k.custom.palette.text.primary},children:h})]}),!S&&Boolean(B?.length)&&o(b,{trigger:o(c,{icon:o(l,{name:"more-horizontal",size:16}),variation:"outlined",className:"TestKPICard__Menu",sx:{width:28,aspectRatio:1,borderRadius:"100% !important",transition:"opacity 0.3s ease",opacity:0,"&:focus":{background:`${k.custom.palette.interaction.press} !important`,opacity:1}}}),menuItems:B,width:128,offset:[0,-8],placement:"bottom-end"})]}),S?o(a,{display:"flex",flexDirection:"column",gap:.5,children:[...new Array(3).fill(void 0)].map((e,r)=>o(u,{height:19},`TestKPICard__Skeleton--description-${r}`))}):o(d,{clamp:3,component:"p",variation:"sm",sx:{color:"dimmed"===W?k.custom.palette.text.disabled:k.custom.palette.text.secondary},onShowMoreClick:y,slotProps:{showMoreButton:{disabled:"dimmed"===W},gradientBox:{background:f?k.custom.palette.blue[0]:m(L,k)}},children:g})]})});export{W 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import i from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";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,{component:"p",variation:"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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import i from"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 s,getStatusText as p}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:s(r)}),o(i,{component:"p",variation:"sm",children:p(r)})]}));export{m 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.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/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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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/extension-underline";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 f=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"})),C=m(l)(({theme:e})=>({alignItems:"center",gap:e.spacing(e.custom.padding.md),justifyContent:"space-between",flexDirection:"row",flex:1})),g=s(t(({id:t,videoElement:s,initialEndTime:m=0,initialCurrentTime:l=0,initialMuted:u,initialVolume:g,markers:j,options:y,slots:T,events:{onEnd:W,onPlay:k,onSeekEnd:v,onSeeking:B,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:P,onFirstPlay:w,onFirstEnded:x,onReset:M}={},videoSeekTime:R},A)=>{const[F,V]=o(!1),[D,G]=o([]),N={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...y},[{seeking:O,endTime:z,currentTime:U,playing:_,buffering:q,loaded:H,ended:J,volume:K,muted:Q,startTime:X,firstPlay:Y,firstEnded:Z},$]=o({startTime:p(N.normaliseTime?l:0),endTime:p(N.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=Q,s.volume=K,N.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()=>{pe()}},[]),i(()=>{$(e=>({...e,startTime:p(N.normaliseTime?l:0),endTime:p(N.normaliseTime?m:s.duration),currentTime:p(l??0)})),s.currentTime=p(l??0)},[l,m]);const ee=n(()=>{$(e=>({...e,playing:!1,ended:!0,...!Z&&{firstEnded:!0}})),W&&W(),!Z&&x&&x()},[Z]);i(()=>{if(!s||null==R)return;(async()=>{const e=!s.paused,r=R===z;$(e=>({...e,playing:!1,currentTime:p(R)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),$(e=>({...e,currentTime:p(R)})),await new Promise(e=>setTimeout(e,50)),$(t=>({...t,playing:e,currentTime:p(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,s]);const re=n(e=>{$(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Q!==e.target?.muted&&L&&L(!Q),K!==e.target?.volume&&E&&E(K)},[Q,K]),te=n(()=>{const e=p(s.currentTime)>=z&&z!==p(s.duration)&&!J,r=p(s.currentTime)>=z&&z===p(s.duration)&&!J&&!_;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),$(e=>({...e,currentTime:p(s.currentTime)})),h&&h(p(s.currentTime))},[z,J,_]),oe=n(()=>{$(e=>({...e,playing:!1})),I&&I()},[U]),ie=n(()=>{$(e=>({...e,playing:!0,ended:!1,...!N?.disableBufferingEvents&&{buffering:!1},...!Y&&{firstPlay:!0}})),!Y&&w&&w(),k&&k()},[Y,N?.disableBufferingEvents]),ne=n(()=>{N?.disableBufferingEvents||$(e=>({...e,buffering:!0}))},[N?.disableBufferingEvents]),ae=n(()=>{N?.disableBufferingEvents||$(e=>({...e,buffering:!1}))},[q,N?.disableBufferingEvents]),se=n(()=>{if(N?.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>=X&&t<=z){const r=Math.max(t,X),i=Math.min(o,z);e.push({start:r-X,end:i-X,startPercent:(r-X)/(z-X)*100,widthPercent:(i-r)/(z-X)*100})}}G(e)},[O,z,U,_,q,H,J,K,Q,X,D,N?.disableBufferingEvents]),me=n(async e=>{_&&pe(),s.currentTime=X,e&&await de(),P&&P()},[_,U,X,z,J]),le=n(async()=>{_&&pe(),s.currentTime=X,$(e=>({...e,startTime:p(N.normaliseTime?l:0),endTime:p(N.normaliseTime?m:s.duration),currentTime:p(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[_,U,X,z,J,l,m]),de=async()=>{await s.play()},pe=()=>{s.pause()},ue=n(e=>{s.currentTime=p(e),$(r=>({...r,currentTime:p(e),ended:!1,seeking:!0,...!N?.disableBufferingEvents&&{buffering:!1},firstPlay:!Y||r.firstPlay,bufferProgress:e})),B&&B(e),!Y&&w&&w()},[q,Y,N?.disableBufferingEvents]),ce=n(async()=>{document.hidden?_&&!s.paused?(V(!0),pe()):V(!1):(F&&!_&&await de(),V(!1))},[_,F,pe,de,s]),be=n(e=>{e&&s.pause(),$(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&_&&s.pause(),$(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),v&&v(r)},[_,J,q,O]);return d("visibilitychange",ce,document),d("pause",oe,s),d("playing",ie,s),d("timeupdate",te,s),d("ended",ee,s),d("volumechange",re,s),d("waiting",ne,s),d("canplay",ae,s),d("progress",se,s),a(A,()=>({play:de,pause:pe,restart:me,reset:le,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:O,endTime:z,currentTime:U,playing:_,buffering:q,loaded:H,ended:J,volume:K,firstPlay:Y,firstEnded:Z,muted:Q,startTime:X}})),e(f,{variation:"raised",borderradius:"xl",id:t,children:[e(C,{...N?.rtl&&{dir:"rtl"},children:[r(c,{seeking:O,playing:_,ended:J,buffering:q,handleAction:async()=>{J?await me(!0):_?pe():await de()}}),r(b,{handleSeeking:ue,handleSeekEnd:fe,handleSeekStart:be,ended:J,marker:T?.marker,markers:j,markerIndicatorMode:N.markerIndicatorMode,markerIndicatorSize:N.markerIndicatorSize,markerIndicator:N.markerIndicator,startTime:N.normaliseTime?X:0,currentTime:U,endTime:z,playing:_,bufferRanges:D,buffering:q,volume:K,muted:Q,volumeControls:N.volumeControls,volumeControlsType:N.volumeControlsType,handleVolumeMute:()=>{s.muted=!Q},handleVolumeChange:e=>{s.volume=e,Q&&(s.muted=!1)}})]}),T?.bottom]})}));export{g as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as o,useEffect as i,useCallback as n,useImperativeHandle as a,memo as s}from"react";import{styled as m,Stack as l}from"@mui/material";import d from"@use-it/event-listener";import{normaliseFloat as u}from"../../../utils/normaliseFloat.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.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/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.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/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 p 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/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.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 f=m(p)(({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"})),C=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:p,initialVolume:g,markers:j,options:y,slots:T,events:{onEnd:W,onPlay:k,onSeekEnd:v,onSeeking:B,onSeekStart:S,onTimeUpdate:h,onPause:I,onVolumeChange:E,onVolumeMute:L,onRestart:P,onFirstPlay:w,onFirstEnded:x,onReset:M}={},videoSeekTime:R},A)=>{const[F,V]=o(!1),[D,G]=o([]),N={rtl:!1,volumeControls:!0,normaliseTime:!1,markerIndicatorMode:"time",markerIndicator:!1,markerIndicatorSize:3,volumeControlsType:"mute",disableBufferingEvents:!1,...y},[{seeking:O,endTime:z,currentTime:U,playing:_,buffering:q,loaded:H,ended:J,volume:K,muted:Q,startTime:X,firstPlay:Y,firstEnded:Z},$]=o({startTime:u(N.normaliseTime?l:0),endTime:u(N.normaliseTime?m:s.duration),currentTime:u(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1,volume:g||1,muted:p||!1,buffering:!1});i(()=>{if(s.muted=Q,s.volume=K,N.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(()=>{$(e=>({...e,startTime:u(N.normaliseTime?l:0),endTime:u(N.normaliseTime?m:s.duration),currentTime:u(l??0)})),s.currentTime=u(l??0)},[l,m]);const ee=n(()=>{$(e=>({...e,playing:!1,ended:!0,...!Z&&{firstEnded:!0}})),W&&W(),!Z&&x&&x()},[Z]);i(()=>{if(!s||null==R)return;(async()=>{const e=!s.paused,r=R===z;$(e=>({...e,playing:!1,currentTime:u(R)})),await new Promise(e=>{const r=()=>{s.removeEventListener("seeked",r),e()};s.addEventListener("seeked",r),setTimeout(e,500)}),$(e=>({...e,currentTime:u(R)})),await new Promise(e=>setTimeout(e,50)),$(t=>({...t,playing:e,currentTime:u(r?R-.001:R+.001)}))})().catch(e=>{console.error("Error seeking video:",e)})},[R,s]);const re=n(e=>{$(r=>({...r,muted:e.target?.muted,volume:"number"==typeof e.target?.volume?e.target?.volume:1})),Q!==e.target?.muted&&L&&L(!Q),K!==e.target?.volume&&E&&E(K)},[Q,K]),te=n(()=>{const e=u(s.currentTime)>=z&&z!==u(s.duration)&&!J,r=u(s.currentTime)>=z&&z===u(s.duration)&&!J&&!_;(e||r)&&(s.pause(),s.dispatchEvent(new Event("ended"))),$(e=>({...e,currentTime:u(s.currentTime)})),h&&h(u(s.currentTime))},[z,J,_]),oe=n(()=>{$(e=>({...e,playing:!1})),I&&I()},[U]),ie=n(()=>{$(e=>({...e,playing:!0,ended:!1,...!N?.disableBufferingEvents&&{buffering:!1},...!Y&&{firstPlay:!0}})),!Y&&w&&w(),k&&k()},[Y,N?.disableBufferingEvents]),ne=n(()=>{N?.disableBufferingEvents||$(e=>({...e,buffering:!0}))},[N?.disableBufferingEvents]),ae=n(()=>{N?.disableBufferingEvents||$(e=>({...e,buffering:!1}))},[q,N?.disableBufferingEvents]),se=n(()=>{if(N?.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>=X&&t<=z){const r=Math.max(t,X),i=Math.min(o,z);e.push({start:r-X,end:i-X,startPercent:(r-X)/(z-X)*100,widthPercent:(i-r)/(z-X)*100})}}G(e)},[O,z,U,_,q,H,J,K,Q,X,D,N?.disableBufferingEvents]),me=n(async e=>{_&&ue(),s.currentTime=X,e&&await de(),P&&P()},[_,U,X,z,J]),le=n(async()=>{_&&ue(),s.currentTime=X,$(e=>({...e,startTime:u(N.normaliseTime?l:0),endTime:u(N.normaliseTime?m:s.duration),currentTime:u(l??0),loaded:!0,ended:!1,firstPlay:!1,firstEnded:!1,seeking:!1,playing:!1})),M&&M()},[_,U,X,z,J,l,m]),de=async()=>{await s.play()},ue=()=>{s.pause()},pe=n(e=>{s.currentTime=u(e),$(r=>({...r,currentTime:u(e),ended:!1,seeking:!0,...!N?.disableBufferingEvents&&{buffering:!1},firstPlay:!Y||r.firstPlay,bufferProgress:e})),B&&B(e),!Y&&w&&w()},[q,Y,N?.disableBufferingEvents]),ce=n(async()=>{document.hidden?_&&!s.paused?(V(!0),ue()):V(!1):(F&&!_&&await de(),V(!1))},[_,F,ue,de,s]),be=n(e=>{e&&s.pause(),$(e=>({...e,seeking:!0})),S&&S()},[J]),fe=n(async(e,r,t)=>{r&&(s.currentTime=r),e&&!J&&await s.play(),t&&_&&s.pause(),$(e=>({...e,...r?{currentTime:r}:{},ended:!t&&e.ended,seeking:!1})),v&&v(r)},[_,J,q,O]);return d("visibilitychange",ce,document),d("pause",oe,s),d("playing",ie,s),d("timeupdate",te,s),d("ended",ee,s),d("volumechange",re,s),d("waiting",ne,s),d("canplay",ae,s),d("progress",se,s),a(A,()=>({play:de,pause:ue,restart:me,reset:le,seek:(e,r,t)=>fe(r,e,t),videoState:{seeking:O,endTime:z,currentTime:U,playing:_,buffering:q,loaded:H,ended:J,volume:K,firstPlay:Y,firstEnded:Z,muted:Q,startTime:X}})),e(f,{variation:"raised",borderradius:"xl",id:t,children:[e(C,{...N?.rtl&&{dir:"rtl"},children:[r(c,{seeking:O,playing:_,ended:J,buffering:q,handleAction:async()=>{J?await me(!0):_?ue():await de()}}),r(b,{handleSeeking:pe,handleSeekEnd:fe,handleSeekStart:be,ended:J,marker:T?.marker,markers:j,markerIndicatorMode:N.markerIndicatorMode,markerIndicatorSize:N.markerIndicatorSize,markerIndicator:N.markerIndicator,startTime:N.normaliseTime?X:0,currentTime:U,endTime:z,playing:_,bufferRanges:D,buffering:q,volume:K,muted:Q,volumeControls:N.volumeControls,volumeControlsType:N.volumeControlsType,handleVolumeMute:()=>{s.muted=!Q},handleVolumeChange:e=>{s.volume=e,Q&&(s.muted=!1)}})]}),T?.bottom]})}));export{g as default};