@useloops/design-system 1.4.694 → 1.4.696

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

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

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

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

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

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

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

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

package/dist/systems/WebCore/InputFieldBase/InputFieldBase.d.ts

@@ -6,7 +6,7 @@ import { TextFieldProps } from '@mui/material';
 type InputFieldBaseProps = TextFieldProps;
 declare const InputFieldBase: _emotion_styled.StyledComponent<{
     variant?: _mui_material.TextFieldVariants | undefined;
-} & Omit<_mui_material.OutlinedTextFieldProps | _mui_material.FilledTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
+} & Omit<_mui_material.FilledTextFieldProps | _mui_material.OutlinedTextFieldProps | _mui_material.StandardTextFieldProps, "variant"> & (_mui_system.MUIStyledCommonProps<_mui_material.Theme> & InputFieldBaseProps), {}, {}>;
 
 export { InputFieldBase as default };
 export type { InputFieldBaseProps };

package/dist/systems/WebCore/Slider/Slider.d.ts

@@ -21,6 +21,7 @@ interface SliderProps {
     onChange?: (event: Event, value: number | number[], activeThumb: number) => void;
     step?: number;
     value?: number | number[];
+    valueLabelFormat?: (value: number, index: number) => ReactNode;
     slotProps?: {
         root?: BoxProps;
     };

package/dist/systems/WebCore/TintedSurface/TintedSurface.d.ts

@@ -0,0 +1,19 @@
+import { FunctionComponent } from 'react';
+import { SurfaceProps } from '../Surface/Surface.js';
+
+declare const TintedSurfacePaletteMap: {
+    readonly info: "blue";
+    readonly success: "green";
+    readonly warning: "yellow";
+    readonly error: "red";
+};
+interface TintedSurfaceProps extends SurfaceProps {
+    colorScheme: keyof typeof TintedSurfacePaletteMap;
+    slotProps?: {
+        root?: Omit<SurfaceProps, 'children'>;
+    };
+}
+declare const TintedSurface: FunctionComponent<TintedSurfaceProps>;
+
+export { TintedSurface as default };
+export type { TintedSurfaceProps };

package/dist/systems/WebCore/TintedSurface/TintedSurface.js

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

package/dist/theme/theme.hooks.d.ts

@@ -4,7 +4,7 @@ import { PaletteMode, Direction } from '@mui/material';
 import { ScreenSize, CustomTheme } from './types.js';
 
 declare const useThemeBuilder: (initialMode?: PaletteMode, initialScreenSize?: ScreenSize, initialDirection?: Direction) => {
-    breakpoint: "" | "sm" | "lg" | "md" | "xl";
+    breakpoint: "" | "sm" | "md" | "lg" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@useloops/design-system",
-    "version": "1.4.694",
+    "version": "1.4.696",
     "description": "The official React based Loops design system",
     "main": "dist/index.js",
     "module": "dist/esm/index.js",