@useloops/design-system 1.4.742 → 1.4.744

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

@@ -1 +1 @@
-import{jsxs as e,jsx 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{forwardRef as s,useState as p,useEffect as l}from"react";import{isButton as n}from"../../../utils/isButton.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import c from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import b 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/Progress/Progress.js";import C from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import j from"../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";import W from"../EditedByAvatar/EditedByAvatar.js";export{getAuthorAvatarColor}from"../EditedByAvatar/EditedByAvatar.js";import y from"../SentimentArrow/SentimentArrow.js";import x from"../TimeToFindResult/TimeToFindResult.js";import{CommentCardContainer as g,CommentActions as B}from"./_partials/Containers.js";const f=s(({author:s,authorId:f,timeStamp:S,commentType:h,onTimeStampClick:I,copyLoading:L,favouriteLoading:k,isActive:A,isHovered:T,isStarred:v,moreMenuItems:F,moreMenuState:M,onClick:R,onFavouritePress:w,onMorePress:G,original:P,sentimentScore:_,positionX:z,positionY:E,positionAspectRatio:O,statusLabel:N,statusLabelPrefix:K,statusLabelTone:V,translation:D,translationError:H,slotProps:U,demographicString:X,onClickSeeMore:Y},$)=>{const q=t(),[J,Q]=p(!D),Z=matchMedia("(hover: none)").matches,[ee,oe]=p(T||Z),te=a({variant:"popper"});return l(()=>{te.close()},[ee]),e(g,{ref:$,onMouseOver:()=>oe(!0),onMouseOut:()=>oe(!1),isActive:A,isHovered:T,onClick:e=>{n(e.target)||R?.()},children:[L&&o(j,{}),e(r,{sx:{alignItems:"start",display:"flex",gap:q.p.md,justifyContent:"space-between"},children:[s&&e(r,{sx:{alignItems:"flex-start",display:"flex",gap:q.p.sm},children:[o(W,{name:s,userId:f,tooltip:!1}),e(r,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:q.p.sm,rowGap:q.p.xs},children:[o(d,{size:"xs",bold:!0,children:s}),null!=_&&o(y,{sentimentScore:_,commentCard:!0}),S&&o(c,{sizing:"xs",variation:"subtle",onClick:I,sx:{color:q.custom.palette.text.secondary},children:`at ${S}`})]})]}),e(B,{children:[X&&Y?o(C,{message:X,children:o(u,{icon:o(m,{name:"info",color:q.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:ee?1:0},onClick:Y})}):null,!H&&D?o(u,{variation:J?"default":"toggle",icon:o(m,{name:"translate",color:q.custom.palette.icon.primary}),sizing:"xs",onClick:()=>Q(!J),sx:{opacity:ee?1:0,backgroundColor:"red"}}):null,!!w&&o(u,{loading:k,sizing:"xs",icon:o(m,v?{name:"star-filled",color:q.custom.palette.yellow[300]}:{name:"star",color:q.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),w?.()},sx:{opacity:v||ee?1:0}}),F&&F.length>0&&o(b,{...M&&{state:M},state:te,trigger:o(u,{sizing:"xs",icon:o(m,{name:"more-vertical",color:q.custom.palette.icon.primary}),onClick:()=>G?.(),sx:{opacity:ee?1:0}}),menuItems:F,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...U?.menu}})]})]}),o(r,{sx:{alignItems:"start",display:"flex",gap:q.p.sm,justifyContent:"space-between",pl:null!=N?q.p.lg:0},children:null!=N?o(x,{x:z??0,y:E??0,aspectRatio:O,prefix:K,label:N,tone:V}):o(i,{sx:{alignItems:"start",gap:q.p.xs,pr:q.p.md},children:e(i,{direction:"row",sx:{gap:q.m.sm},children:[o(r,{sx:{pt:q.p.xs,mx:q.p.xs,minWidth:q.p.md,display:"flex",justifyContent:"center"},children:h&&o(m,{name:h,color:q.custom.palette.icon.secondary,size:18})}),e(r,{sx:{display:"flex",alignItems:"center",gap:q.p.sm,flexWrap:"wrap"},children:[o(d,{size:"sm",className:"message",dir:"auto",children:!D||J?P:D}),H?o(d,{size:"xs",color:q.custom.palette.text.disabled,children:H}):null]})]})})})]})});export{f as default};
+import{jsxs as e,jsx 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{forwardRef as s,useState as p,useEffect as l}from"react";import{isButton as n}from"../../../utils/isButton.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../BrandCore/Sticker/Sticker.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as d}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import c from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import u from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import b 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/Progress/Progress.js";import C from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";import j from"../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";import W from"../EditedByAvatar/EditedByAvatar.js";export{getAuthorAvatarColor}from"../EditedByAvatar/EditedByAvatar.js";import y from"../SentimentArrow/SentimentArrow.js";import x from"../TimeToFindResult/TimeToFindResult.js";import{CommentCardContainer as g,CommentActions as f}from"./_partials/Containers.js";const B=s(({author:s,authorId:B,timeStamp:S,commentType:h,onTimeStampClick:I,copyLoading:L,favouriteLoading:k,isActive:A,isHovered:T,isStarred:v,moreMenuItems:F,moreMenuState:M,onClick:R,onFavouritePress:w,onMorePress:G,original:P,sentimentScore:_,positionX:z,positionY:E,positionAspectRatio:O,statusLabel:N,statusLabelPrefix:K,statusLabelTone:V,translation:D,translationError:H,slotProps:U,demographicString:X,onClickSeeMore:Y},$)=>{const q=t(),[J,Q]=p(!D),Z=matchMedia("(hover: none)").matches,[ee,oe]=p(T||Z),te=a({variant:"popper"});return l(()=>{te.close()},[ee]),e(g,{ref:$,onMouseOver:()=>oe(!0),onMouseOut:()=>oe(!1),isActive:A,isHovered:T,onClick:e=>{n(e.target)||R?.()},children:[L&&o(j,{}),e(r,{sx:{alignItems:"start",display:"flex",gap:q.p.md,justifyContent:"space-between"},children:[s&&e(r,{sx:{alignItems:"flex-start",display:"flex",gap:q.p.sm},children:[o(W,{name:s,userId:B,tooltip:!1}),e(r,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:q.p.sm,rowGap:q.p.xs},children:[o(d,{size:"xs",bold:!0,children:s}),null!=_&&o(y,{sentimentScore:_,commentCard:!0}),S&&o(c,{sizing:"xs",variation:"subtle",onClick:I,sx:{color:q.custom.palette.text.secondary},children:`at ${S}`})]})]}),e(f,{children:[X&&Y?o(C,{message:X,children:o(u,{icon:o(m,{name:"info",color:q.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:ee?1:0},onClick:Y})}):null,!H&&D?o(u,{variation:J?"default":"toggle",icon:o(m,{name:"translate",color:q.custom.palette.icon.primary}),sizing:"xs",onClick:()=>Q(!J),sx:{opacity:ee?1:0,backgroundColor:"red"}}):null,!!w&&o(u,{loading:k,sizing:"xs",icon:o(m,v?{name:"star-filled",color:q.custom.palette.yellow[300]}:{name:"star",color:q.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),w?.()},sx:{opacity:v||ee?1:0}}),F&&F.length>0&&o(b,{...M&&{state:M},state:te,trigger:o(u,{sizing:"xs",icon:o(m,{name:"more-vertical",color:q.custom.palette.icon.primary}),onClick:()=>G?.(),sx:{opacity:ee?1:0}}),menuItems:F,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...U?.menu}})]})]}),o(r,{sx:{alignItems:"start",display:"flex",gap:q.p.sm,justifyContent:"space-between",pl:null!=N?q.p.lg:0},children:null!=N?o(x,{x:z??0,y:E??0,aspectRatio:O,prefix:K,label:N,tone:V}):o(i,{sx:{alignItems:"start",gap:q.p.xs,pr:q.p.md,width:1},children:e(i,{direction:"row",sx:{gap:q.m.sm,alignSelf:"stretch"},children:[o(r,{sx:{pt:q.p.xs,mx:q.p.xs,minWidth:q.p.md,display:"flex",justifyContent:"center"},children:h&&o(m,{name:h,color:q.custom.palette.icon.secondary,size:18})}),e(r,{sx:{display:"flex",alignItems:"center",gap:q.p.sm,flexWrap:"wrap",flex:1},children:[o(d,{size:"sm",className:"message",dir:"auto",sx:{"&:dir(rtl)":{flexGrow:1}},children:!D||J?P:D}),H?o(d,{size:"xs",color:q.custom.palette.text.disabled,children:H}):null]})]})})})]})});export{B as default};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as t}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import r from"../../WebCore/Avatar/Avatar.js";import"../../WebCore/Badge/Badge.js";import"merge-sx";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import i from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";const a=(e,o)=>{if(!o)return e.custom.palette.neutral[200];return`hsl(${(e=>{let o=0;for(let t=0;t<e.length;t++)o=e.charCodeAt(t)+((o<<5)-o);return Math.abs(o)%360})(o)}, 100%, 75%)`},p=({name:p,userId:s,avatarSrc:m,timestamp:l,tooltip:n=!0,disabled:b=!1})=>{const d=o(),C=n?p?l?`Last edited by ${p} on ${l}.`:`Last edited by ${p}.`:l?`Last edited on ${l}.`:void 0:void 0,u=e(r,{sizing:"xs",src:m??void 0,alt:p,sx:{backgroundColor:b?d.custom.palette.interaction.disabled:a(d,s??p),color:b?d.custom.palette.text.disabled:d.custom.palette.text.primary},children:e(t,{bold:!0,disabled:b,sx:{lineHeight:1,fontSize:d.custom.typography.body.md,position:"relative",top:"-1px",textTransform:"uppercase"},children:p?.substring(0,1)})});return C?e(i,{message:C,children:u}):u};export{p as default,a as getAuthorAvatarColor};
+import{jsx as e}from"react/jsx-runtime";import{useTheme as o}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../BrandCore/textures.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as t}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import r from"../../WebCore/Avatar/Avatar.js";import"../../WebCore/Badge/Badge.js";import"merge-sx";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormBuilder/FormBuilder.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../BrandCore/Sticker/Sticker.js";import"../../WebCore/Progress/Progress.js";import i from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js";import"../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../../WebCore/TintedSurface/TintedSurface.js";const a=(e,o)=>{if(!o)return e.custom.palette.neutral[200];return`hsl(${(e=>{let o=0;for(let t=0;t<e.length;t++)o=e.charCodeAt(t)+((o<<5)-o);return Math.abs(o)%360})(o)}, 100%, 75%)`},p=({name:p,userId:s,avatarSrc:m,timestamp:l,action:n="Last edited",tooltip:b=!0,disabled:C=!1})=>{const d=o(),u=b?p?l?`${n} by ${p} on ${l}.`:`${n} by ${p}.`:l?`${n} on ${l}.`:void 0:void 0,j=e(r,{sizing:"xs",src:m??void 0,alt:p,sx:{backgroundColor:C?d.custom.palette.interaction.disabled:a(d,s??p),color:C?d.custom.palette.text.disabled:d.custom.palette.text.primary},children:e(t,{bold:!0,disabled:C,sx:{lineHeight:1,fontSize:d.custom.typography.body.md,position:"relative",top:"-1px",textTransform:"uppercase"},children:p?.substring(0,1)})});return u?e(i,{message:u,children:j}):j};export{p as default,a as getAuthorAvatarColor};

package/dist/systems/Platform/CommentCard/CommentCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("material-ui-popup-state/hooks"),o=require("react"),i=require("../../../utils/isButton.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js");require("../../BrandCore/Sticker/Sticker.js"),require("../../../utils/formValidation/misc.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 a=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");var l=require("../../WebCore/Button/Button.js");require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var u=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");var n=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js");var p=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),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 d=require("../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),c=require("../EditedByAvatar/EditedByAvatar.js"),b=require("../SentimentArrow/SentimentArrow.js"),m=require("../TimeToFindResult/TimeToFindResult.js"),C=require("./_partials/Containers.js");const j=o.forwardRef(({author:j,authorId:q,timeStamp:x,commentType:W,onTimeStampClick:y,copyLoading:B,favouriteLoading:g,isActive:S,isHovered:f,isStarred:h,moreMenuItems:v,moreMenuState:I,onClick:k,onFavouritePress:L,onMorePress:A,original:T,sentimentScore:M,positionX:F,positionY:R,positionAspectRatio:P,statusLabel:w,statusLabelPrefix:_,statusLabelTone:G,translation:z,translationError:O,slotProps:E,demographicString:N,onClickSeeMore:K},V)=>{const D=r.useTheme(),[H,U]=o.useState(!z),X=matchMedia("(hover: none)").matches,[Y,$]=o.useState(f||X),J=t.usePopupState({variant:"popper"});return o.useEffect(()=>{J.close()},[Y]),e.jsxs(C.CommentCardContainer,{ref:V,onMouseOver:()=>$(!0),onMouseOut:()=>$(!1),isActive:S,isHovered:f,onClick:e=>{i.isButton(e.target)||k?.()},children:[B&&e.jsx(d,{}),e.jsxs(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.md,justifyContent:"space-between"},children:[j&&e.jsxs(r.Box,{sx:{alignItems:"flex-start",display:"flex",gap:D.p.sm},children:[e.jsx(c.default,{name:j,userId:q,tooltip:!1}),e.jsxs(r.Box,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:D.p.sm,rowGap:D.p.xs},children:[e.jsx(a.Text,{size:"xs",bold:!0,children:j}),null!=M&&e.jsx(b,{sentimentScore:M,commentCard:!0}),x&&e.jsx(l,{sizing:"xs",variation:"subtle",onClick:y,sx:{color:D.custom.palette.text.secondary},children:`at ${x}`})]})]}),e.jsxs(C.CommentActions,{children:[N&&K?e.jsx(p,{message:N,children:e.jsx(u,{icon:e.jsx(s.default,{name:"info",color:D.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:Y?1:0},onClick:K})}):null,!O&&z?e.jsx(u,{variation:H?"default":"toggle",icon:e.jsx(s.default,{name:"translate",color:D.custom.palette.icon.primary}),sizing:"xs",onClick:()=>U(!H),sx:{opacity:Y?1:0,backgroundColor:"red"}}):null,!!L&&e.jsx(u,{loading:g,sizing:"xs",icon:h?e.jsx(s.default,{name:"star-filled",color:D.custom.palette.yellow[300]}):e.jsx(s.default,{name:"star",color:D.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),L?.()},sx:{opacity:h||Y?1:0}}),v&&v.length>0&&e.jsx(n.default,{...I&&{state:I},state:J,trigger:e.jsx(u,{sizing:"xs",icon:e.jsx(s.default,{name:"more-vertical",color:D.custom.palette.icon.primary}),onClick:()=>A?.(),sx:{opacity:Y?1:0}}),menuItems:v,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...E?.menu}})]})]}),e.jsx(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.sm,justifyContent:"space-between",pl:null!=w?D.p.lg:0},children:null!=w?e.jsx(m,{x:F??0,y:R??0,aspectRatio:P,prefix:_,label:w,tone:G}):e.jsx(r.Stack,{sx:{alignItems:"start",gap:D.p.xs,pr:D.p.md},children:e.jsxs(r.Stack,{direction:"row",sx:{gap:D.m.sm},children:[e.jsx(r.Box,{sx:{pt:D.p.xs,mx:D.p.xs,minWidth:D.p.md,display:"flex",justifyContent:"center"},children:W&&e.jsx(s.default,{name:W,color:D.custom.palette.icon.secondary,size:18})}),e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:D.p.sm,flexWrap:"wrap"},children:[e.jsx(a.Text,{size:"sm",className:"message",dir:"auto",children:!z||H?T:z}),O?e.jsx(a.Text,{size:"xs",color:D.custom.palette.text.disabled,children:O}):null]})]})})})]})});exports.getAuthorAvatarColor=c.getAuthorAvatarColor,exports.default=j;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("material-ui-popup-state/hooks"),o=require("react"),i=require("../../../utils/isButton.js");require("../../BrandCore/colorRamps.js"),require("../../BrandCore/primitiveVariables.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js");var s=require("../../BrandCore/Icon/Icon.js");require("../../BrandCore/Sticker/Sticker.js"),require("../../../utils/formValidation/misc.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 a=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");var l=require("../../WebCore/Button/Button.js");require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var n=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");var u=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../WebCore/Progress/Progress.js");var p=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),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 d=require("../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js"),c=require("../EditedByAvatar/EditedByAvatar.js"),b=require("../SentimentArrow/SentimentArrow.js"),m=require("../TimeToFindResult/TimeToFindResult.js"),C=require("./_partials/Containers.js");const j=o.forwardRef(({author:j,authorId:x,timeStamp:q,commentType:W,onTimeStampClick:y,copyLoading:B,favouriteLoading:g,isActive:S,isHovered:f,isStarred:h,moreMenuItems:v,moreMenuState:I,onClick:k,onFavouritePress:L,onMorePress:A,original:T,sentimentScore:M,positionX:F,positionY:R,positionAspectRatio:w,statusLabel:P,statusLabelPrefix:G,statusLabelTone:_,translation:z,translationError:O,slotProps:E,demographicString:N,onClickSeeMore:K},V)=>{const D=r.useTheme(),[H,U]=o.useState(!z),X=matchMedia("(hover: none)").matches,[Y,$]=o.useState(f||X),J=t.usePopupState({variant:"popper"});return o.useEffect(()=>{J.close()},[Y]),e.jsxs(C.CommentCardContainer,{ref:V,onMouseOver:()=>$(!0),onMouseOut:()=>$(!1),isActive:S,isHovered:f,onClick:e=>{i.isButton(e.target)||k?.()},children:[B&&e.jsx(d,{}),e.jsxs(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.md,justifyContent:"space-between"},children:[j&&e.jsxs(r.Box,{sx:{alignItems:"flex-start",display:"flex",gap:D.p.sm},children:[e.jsx(c.default,{name:j,userId:x,tooltip:!1}),e.jsxs(r.Box,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:D.p.sm,rowGap:D.p.xs},children:[e.jsx(a.Text,{size:"xs",bold:!0,children:j}),null!=M&&e.jsx(b,{sentimentScore:M,commentCard:!0}),q&&e.jsx(l,{sizing:"xs",variation:"subtle",onClick:y,sx:{color:D.custom.palette.text.secondary},children:`at ${q}`})]})]}),e.jsxs(C.CommentActions,{children:[N&&K?e.jsx(p,{message:N,children:e.jsx(n,{icon:e.jsx(s.default,{name:"info",color:D.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:Y?1:0},onClick:K})}):null,!O&&z?e.jsx(n,{variation:H?"default":"toggle",icon:e.jsx(s.default,{name:"translate",color:D.custom.palette.icon.primary}),sizing:"xs",onClick:()=>U(!H),sx:{opacity:Y?1:0,backgroundColor:"red"}}):null,!!L&&e.jsx(n,{loading:g,sizing:"xs",icon:h?e.jsx(s.default,{name:"star-filled",color:D.custom.palette.yellow[300]}):e.jsx(s.default,{name:"star",color:D.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),L?.()},sx:{opacity:h||Y?1:0}}),v&&v.length>0&&e.jsx(u.default,{...I&&{state:I},state:J,trigger:e.jsx(n,{sizing:"xs",icon:e.jsx(s.default,{name:"more-vertical",color:D.custom.palette.icon.primary}),onClick:()=>A?.(),sx:{opacity:Y?1:0}}),menuItems:v,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...E?.menu}})]})]}),e.jsx(r.Box,{sx:{alignItems:"start",display:"flex",gap:D.p.sm,justifyContent:"space-between",pl:null!=P?D.p.lg:0},children:null!=P?e.jsx(m,{x:F??0,y:R??0,aspectRatio:w,prefix:G,label:P,tone:_}):e.jsx(r.Stack,{sx:{alignItems:"start",gap:D.p.xs,pr:D.p.md,width:1},children:e.jsxs(r.Stack,{direction:"row",sx:{gap:D.m.sm,alignSelf:"stretch"},children:[e.jsx(r.Box,{sx:{pt:D.p.xs,mx:D.p.xs,minWidth:D.p.md,display:"flex",justifyContent:"center"},children:W&&e.jsx(s.default,{name:W,color:D.custom.palette.icon.secondary,size:18})}),e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:D.p.sm,flexWrap:"wrap",flex:1},children:[e.jsx(a.Text,{size:"sm",className:"message",dir:"auto",sx:{"&:dir(rtl)":{flexGrow:1}},children:!z||H?T:z}),O?e.jsx(a.Text,{size:"xs",color:D.custom.palette.text.disabled,children:O}):null]})]})})})]})});exports.getAuthorAvatarColor=c.getAuthorAvatarColor,exports.default=j;

package/dist/systems/Platform/EditedByAvatar/EditedByAvatar.d.ts

@@ -7,6 +7,7 @@ interface EditedByAvatarProps {
     userId?: string;
     avatarSrc?: string | null;
     timestamp?: string;
+    action?: string;
     /** Set false to render the avatar without the "Last edited…" tooltip */
     tooltip?: boolean;
     disabled?: boolean;

package/dist/systems/Platform/EditedByAvatar/EditedByAvatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js");var o=require("../../WebCore/Avatar/Avatar.js");require("../../WebCore/Badge/Badge.js"),require("merge-sx"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../BrandCore/Sticker/Sticker.js"),require("../../WebCore/Progress/Progress.js");var i=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");const a=(e,r)=>{if(!r)return e.custom.palette.neutral[200];return`hsl(${(e=>{let r=0;for(let t=0;t<e.length;t++)r=e.charCodeAt(t)+((r<<5)-r);return Math.abs(r)%360})(r)}, 100%, 75%)`};exports.default=({name:u,userId:s,avatarSrc:l,timestamp:n,tooltip:b=!0,disabled:d=!1})=>{const C=r.useTheme(),p=b?u?n?`Last edited by ${u} on ${n}.`:`Last edited by ${u}.`:n?`Last edited on ${n}.`:void 0:void 0,q=e.jsx(o,{sizing:"xs",src:l??void 0,alt:u,sx:{backgroundColor:d?C.custom.palette.interaction.disabled:a(C,s??u),color:d?C.custom.palette.text.disabled:C.custom.palette.text.primary},children:e.jsx(t.Text,{bold:!0,disabled:d,sx:{lineHeight:1,fontSize:C.custom.typography.body.md,position:"relative",top:"-1px",textTransform:"uppercase"},children:u?.substring(0,1)})});return p?e.jsx(i,{message:p,children:q}):q},exports.getAuthorAvatarColor=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../BrandCore/textures.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/SelectItem/SelectItem.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Animations/FadeIn.js");var t=require("../../WebCore/Text/Text.js");require("@mui/icons-material"),require("react"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js"),require("../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js"),require("../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js");var o=require("../../WebCore/Avatar/Avatar.js");require("../../WebCore/Badge/Badge.js"),require("merge-sx"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js"),require("../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js"),require("../../WebCore/ButtonTabGroup/_partials/TabButton.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js"),require("../../WebCore/FormBuilder/FormBuilder.js"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/KbdGroup/Kbd.js"),require("../../WebCore/KbdGroup/KbdGroup.js"),require("../../WebCore/KeyValueLabel/KeyValueLabel.js"),require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../BrandCore/Sticker/Sticker.js"),require("../../WebCore/Progress/Progress.js");var i=require("../../WebCore/Tooltip/Tooltip.js");require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/_partials/LayoutComponents/LayoutComponents.js"),require("../../WebCore/RankItem/_partials/RankItemLabel/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../WebCore/Skeleton/Skeleton.js"),require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js"),require("../../WebCore/TintedSurface/TintedSurface.js");const a=(e,r)=>{if(!r)return e.custom.palette.neutral[200];return`hsl(${(e=>{let r=0;for(let t=0;t<e.length;t++)r=e.charCodeAt(t)+((r<<5)-r);return Math.abs(r)%360})(r)}, 100%, 75%)`};exports.default=({name:u,userId:s,avatarSrc:l,timestamp:n,action:b="Last edited",tooltip:d=!0,disabled:C=!1})=>{const p=r.useTheme(),q=d?u?n?`${b} by ${u} on ${n}.`:`${b} by ${u}.`:n?`${b} on ${n}.`:void 0:void 0,j=e.jsx(o,{sizing:"xs",src:l??void 0,alt:u,sx:{backgroundColor:C?p.custom.palette.interaction.disabled:a(p,s??u),color:C?p.custom.palette.text.disabled:p.custom.palette.text.primary},children:e.jsx(t.Text,{bold:!0,disabled:C,sx:{lineHeight:1,fontSize:p.custom.typography.body.md,position:"relative",top:"-1px",textTransform:"uppercase"},children:u?.substring(0,1)})});return q?e.jsx(i,{message:q,children:j}):j},exports.getAuthorAvatarColor=a;

package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts

@@ -12,7 +12,7 @@ declare const SliderGraphWrapper: _emotion_styled.StyledComponent<_mui_system.Bo
 } & {
     responsive?: boolean;
 }, {}, {}>;
-declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "disabled" | "sx" | "alignItems" | "className" | "style" | "classes" | "children" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
+declare const VeticalBarWrapper: _emotion_styled.StyledComponent<_mui_material.ListItemButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, keyof _mui_material.ListItemButtonOwnProps> & Omit<_mui_material.ButtonBaseOwnProps, "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | keyof _mui_material.ListItemButtonOwnProps> & _mui_material_OverridableComponent.CommonProps & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "alignItems" | "className" | "style" | "classes" | "children" | "sx" | "autoFocus" | "tabIndex" | "disableGutters" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "type" | "selected" | "dense" | "divider"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme> & {
     component?: React.ElementType | undefined;
 } & {
     maxHeight: number;

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" | "md" | "lg" | "xl";
+    breakpoint: "" | "sm" | "lg" | "md" | "xl";
     custom: CustomTheme;
     gridOverlayVisible: boolean;
     mode: PaletteMode;

package/package.json

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