npm - @useloops/design-system - Versions diffs - 1.4.594 → 1.4.596 - Mend

@useloops/design-system 1.4.594 → 1.4.596

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (132) hide show

package/dist/esm/systems/Platform/LoopItem/LoopItem.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import s from"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import p from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import n from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as m,ContentContainer as l,LoopItemTitle as d,LoopItemText as c,CtaContent as b}from"./_partials/styledPartials.js";const C={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}},u=({onClick:u,id:j,thumbnail:h,title:g,active:W=!1,loading:y,testCount:B,draftCount:S,cta:f})=>{const x=o();return e(p,y?{borderradius:"lg",variation:"raised",onClick:u,active:W,"data-id":j,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),t(l,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(n,{height:19}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[t(n,{height:16}),t(n,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:u,active:W,"data-id":j,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),e(l,{children:[t(d,{component:"p",variation:"sm",weight:"bold",children:g}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!S&&t(c,{component:"p",variation:"sm",children:"Empty"}),!!B&&t(c,{component:"p",variation:"sm",children:`${B} ${a("Test",B)}`}),!!S&&t(c,{component:"p",variation:"sm",children:`${S} ${a("Draft",S)}`})]})]}),f&&t(b,{children:f})]})};export{u as default};
1	+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import s from"../../WebCore/Image/Image.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 p from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import n from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as m,ContentContainer as l,LoopItemTitle as d,LoopItemText as c,CtaContent as b}from"./_partials/styledPartials.js";const C={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}},u=({onClick:u,id:j,thumbnail:h,title:g,active:W=!1,loading:y,testCount:B,draftCount:S,cta:f})=>{const x=o();return e(p,y?{borderradius:"lg",variation:"raised",onClick:u,active:W,"data-id":j,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),t(l,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(n,{height:19}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[t(n,{height:16}),t(n,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:u,active:W,"data-id":j,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:f?`1fr ${x.spacing(8)} ${x.spacing(7)}`:`1fr ${x.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:f?0:x.spacing(x.custom.padding.md),overflow:"hidden"},children:[t(m,{id:"image-holder",sx:{borderBottom:`1px solid ${x.custom.palette.stroke.light}`},children:t(s,{src:h,width:"100%",height:"100%",containerSx:C})}),e(l,{children:[t(d,{component:"p",variation:"sm",weight:"bold",children:g}),e(i,{direction:"row",gap:x.spacing(x.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!S&&t(c,{component:"p",variation:"sm",children:"Empty"}),!!B&&t(c,{component:"p",variation:"sm",children:`${B} ${a("Test",B)}`}),!!S&&t(c,{component:"p",variation:"sm",children:`${S} ${a("Draft",S)}`})]})]}),f&&t(b,{children:f})]})};export{u as default};

package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{styled as e,Box as o}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import t from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const r=e(o)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e(o)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e(o)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),s=e(o)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),p=e(t,{shouldForwardProp:e=>!["disabled"].includes(e)})(({theme:e,disabled:o})=>({color:o?e.custom.palette.text.disabled:e.custom.palette.text.primary})),m=e(t)(({theme:e})=>({color:e.custom.palette.text.secondary}));export{a as ContentContainer,s as CtaContent,r as IconBacking,i as ImageContainer,m as LoopItemText,p as LoopItemTitle};
1	+ import{styled as e,Box as o}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import t from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const r=e(o)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e(o)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e(o)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),s=e(o)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),p=e(t,{shouldForwardProp:e=>!["disabled"].includes(e)})(({theme:e,disabled:o})=>({color:o?e.custom.palette.text.disabled:e.custom.palette.text.primary})),m=e(t)(({theme:e})=>({color:e.custom.palette.text.secondary}));export{a as ContentContainer,s as CtaContent,r as IconBacking,i as ImageContainer,m as LoopItemText,p as LoopItemTitle};

package/dist/esm/systems/Platform/LoopItemEmpty/LoopItemEmpty.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{forwardRef as r}from"react";import{getInteractionStateStyles as i}from"../../WebCore/styleblocks/interactionStates.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import p from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as m,IconBacking as l,ContentContainer as n,LoopItemTitle as d,CtaContent as b}from"../LoopItem/_partials/styledPartials.js";const c=r(({onClick:r,ctaSpacing:c,disabledText:C,disabled:u},j)=>{const W=t();return e(p,{borderradius:"lg",interactive:!u,variation:"raised",ref:j,onClick:u?void 0:()=>r(),sx:{display:"grid",justifySelf:"stretch",minWidth:128,maxWidth:176,overflow:"hidden",backgroundColor:u?W.custom.palette.interaction.disabled:W.custom.palette.purple[0],"&:hover":{background:u?W.custom.palette.interaction.disabled:i(W,"hover",W.custom.palette.purple[0])},"&:active":{background:u?W.custom.palette.interaction.disabled:i(W,"active",W.custom.palette.purple[0])}},children:[o(m,{id:"image-holder",sx:{backgroundColor:"unset "},children:o(l,{id:"icon-container",children:o(a,{name:"add",size:48,color:u?W.custom.palette.icon.disabled:W.custom.palette.icon.link})})}),e(n,{sx:{pb:W.spacing(W.custom.padding.lg),gap:0,justifyContent:"start"},children:[o(d,{component:"p",variation:"sm",weight:"bold",disabled:u,children:"Create a new Loop"}),C&&o(s,{component:"p",variation:"xs",sx:{color:W.custom.palette.text.disabled,marginTop:W.spacing(W.custom.margin.md)},children:C})]}),c&&o(b,{})]})});export{c as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t}from"@mui/material";import{forwardRef as r}from"react";import{getInteractionStateStyles as i}from"../../WebCore/styleblocks/interactionStates.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import s from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/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 p from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as l,IconBacking as m,ContentContainer as n,LoopItemTitle as b,CtaContent as d}from"../LoopItem/_partials/styledPartials.js";const c=r(({onClick:r,ctaSpacing:c,disabledText:C,disabled:u},j)=>{const W=t();return e(p,{borderradius:"lg",interactive:!u,variation:"raised",ref:j,onClick:u?void 0:()=>r(),sx:{display:"grid",justifySelf:"stretch",minWidth:128,maxWidth:176,overflow:"hidden",backgroundColor:u?W.custom.palette.interaction.disabled:W.custom.palette.purple[0],"&:hover":{background:u?W.custom.palette.interaction.disabled:i(W,"hover",W.custom.palette.purple[0])},"&:active":{background:u?W.custom.palette.interaction.disabled:i(W,"active",W.custom.palette.purple[0])}},children:[o(l,{id:"image-holder",sx:{backgroundColor:"unset "},children:o(m,{id:"icon-container",children:o(a,{name:"add",size:48,color:u?W.custom.palette.icon.disabled:W.custom.palette.icon.link})})}),e(n,{sx:{pb:W.spacing(W.custom.padding.lg),gap:0,justifyContent:"start"},children:[o(b,{component:"p",variation:"sm",weight:"bold",disabled:u,children:"Create a new Loop"}),C&&o(s,{component:"p",variation:"xs",sx:{color:W.custom.palette.text.disabled,marginTop:W.spacing(W.custom.margin.md)},children:C})]}),c&&o(d,{})]})});export{c as default};

package/dist/esm/systems/Platform/MFACodeVerify/MFACodeVerify.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ArrowBack as r}from"@mui/icons-material";import{useTheme as o,Box as i}from"@mui/material";import"../AiContentContainer/AiContentContainer.js";import"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import s from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import m from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.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 p from"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import n from"../../WebCore/Typography/Typography.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import l from"../../WebCore/Link/Link.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../AISummary/AISummary.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import d from"../AuthContainerSurface/AuthContainerSurface.js";import"@mui/icons-material/CameraAlt";import"@mui/material/styles";import"../CommentCard/CommentCard.js";import"../DataPointInfo/DataPointInfo.js";import"../DemographicSelectionSection/DemographicSelectionSection.js";import"../EmojiListItem/_partials/StyledSurface.js";import"../EmojiQuestionEditorOption/_partials/StyledSurface.js";import"../TestStatus/TestStatus.js";import"@number-flow/react";import"../ExtendedTestStatus/_partials/StyledBox.js";import"../FilterCount/FilterCount.js";import"../FilteredItemsCard/FilteredItemsCard.js";import"../FilterGroupAccordion/FilterGroupAccordion.js";import"../FilterPyramidGraph/FilterPyramidGraph.js";import"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";import"../GraphBar/_partials/StyledLinearProgress/StyledLinearProgress.js";import"../Header/Header.js";import"../KpiDataPopover/KpiDetails.js";import"../KpiDataPopover/QuestionStatsCard.js";import"../LikertGraph/LikertGraph.js";import"../LoopItem/_partials/styledPartials.js";import"../LoopItemEmpty/LoopItemEmpty.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import"../SliderGraph/_partials/StyledComponents.js";import"../MiniResultCard/MiniResultCard.js";import"../Navigation/Navigation.js";import"../OnboardingCard/StyledOnboardingCard.js";import"@mui/lab";import"@mui/lab/Timeline";import"motion/react";import"../OnboardingCard/StyledTimeline.js";import"../ProjectItem/_partials/ProjectItemBadge.js";import"../ProjectItem/_partials/styledPartials.js";import"dayjs";import"../QuestionBlock/QuestionBlock.js";import"../QuestionLabel/QuestionLabel.js";import"../QuestionSelector/QuestionSelector.js";import"../SearchInput/SearchInput.js";import"../SectionHeader/SectionHeader.js";import"../SentimentArrow/SentimentArrow.js";import"../Tab/Tab.js";import"react-truncate-list";import"../TestKPICard/TestKPICard.js";import"../VideoControls/VideoControls.js";const C=()=>{const C=o();return e(m,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:t(d,{variation:"overlay",headContent:e(s,{sizing:"sm",variation:"subtle",startIcon:e(r,{}),children:"Back"}),children:[e(a,{logo:!1,headerText:"Two-factor authentication",subText:t(n,{variation:"md",component:"p",align:"center",children:["An email with a verification code has been sent to"," ",e("strong",{children:"[registered-email-address]"}),". Enter the code to continue."]})}),e(i,{sx:{mb:C.spacing(C.custom.margin.lg),width:1},children:e(p,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:C.spacing(C.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:C.spacing(C.custom.margin.md)}},fields:[{fieldType:"textfield",name:"verificationCode",fullWidth:!0,label:"Verification code",validation:{required:{value:!0,message:"Please enter your 6 digit code"}}}]},onFormSubmit:()=>console.warn("submitted"),submitButton:e(s,{fullWidth:!0,type:"submit",children:"Verify"})})}),t(n,{align:"center",variation:"sm",component:"p",children:["Having trouble logging in? ",e(l,{children:"Contact support"}),"."]})]})})};export{C as default};
1	+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ArrowBack as r}from"@mui/icons-material";import{useTheme as o,Box as i}from"@mui/material";import"../AiContentContainer/AiContentContainer.js";import"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import s from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import m from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.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 p from"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import n from"../../WebCore/Typography/Typography.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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 l from"../../WebCore/Link/Link.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../AISummary/AISummary.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import d from"../AuthContainerSurface/AuthContainerSurface.js";import"@mui/icons-material/CameraAlt";import"@mui/material/styles";import"../CommentCard/CommentCard.js";import"../DataPointInfo/DataPointInfo.js";import"../DemographicSelectionSection/DemographicSelectionSection.js";import"../EmojiListItem/_partials/StyledSurface.js";import"../EmojiQuestionEditorOption/_partials/StyledSurface.js";import"../TestStatus/TestStatus.js";import"@number-flow/react";import"../ExtendedTestStatus/_partials/StyledBox.js";import"../FilterCount/FilterCount.js";import"../FilteredItemsCard/FilteredItemsCard.js";import"../FilterGroupAccordion/FilterGroupAccordion.js";import"../FilterPyramidGraph/FilterPyramidGraph.js";import"../GraphBar/_partials/StyledListItemButton/StyledLisItemButton.js";import"../GraphBar/_partials/StyledLinearProgress/StyledLinearProgress.js";import"../Header/Header.js";import"../KpiDataPopover/KpiDetails.js";import"../KpiDataPopover/QuestionStatsCard.js";import"../LikertGraph/LikertGraph.js";import"../LoopItem/_partials/styledPartials.js";import"../LoopItemEmpty/LoopItemEmpty.js";import"../SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js";import"../SliderGraph/_partials/StyledComponents.js";import"../MiniResultCard/MiniResultCard.js";import"../Navigation/Navigation.js";import"../OnboardingCard/StyledOnboardingCard.js";import"@mui/lab";import"@mui/lab/Timeline";import"motion/react";import"../OnboardingCard/StyledTimeline.js";import"../ProjectItem/_partials/ProjectItemBadge.js";import"../ProjectItem/_partials/styledPartials.js";import"dayjs";import"../QuestionBlock/QuestionBlock.js";import"../QuestionLabel/QuestionLabel.js";import"../QuestionSelector/QuestionSelector.js";import"../SearchInput/SearchInput.js";import"../SectionHeader/SectionHeader.js";import"../SentimentArrow/SentimentArrow.js";import"../Tab/Tab.js";import"react-truncate-list";import"../TestKPICard/TestKPICard.js";import"../VideoControls/VideoControls.js";const C=()=>{const C=o();return e(m,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:t(d,{variation:"overlay",headContent:e(s,{sizing:"sm",variation:"subtle",startIcon:e(r,{}),children:"Back"}),children:[e(a,{logo:!1,headerText:"Two-factor authentication",subText:t(n,{variation:"md",component:"p",align:"center",children:["An email with a verification code has been sent to"," ",e("strong",{children:"[registered-email-address]"}),". Enter the code to continue."]})}),e(i,{sx:{mb:C.spacing(C.custom.margin.lg),width:1},children:e(p,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:C.spacing(C.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:C.spacing(C.custom.margin.md)}},fields:[{fieldType:"textfield",name:"verificationCode",fullWidth:!0,label:"Verification code",validation:{required:{value:!0,message:"Please enter your 6 digit code"}}}]},onFormSubmit:()=>console.warn("submitted"),submitButton:e(s,{fullWidth:!0,type:"submit",children:"Verify"})})}),t(n,{align:"center",variation:"sm",component:"p",children:["Having trouble logging in? ",e(l,{children:"Contact support"}),"."]})]})})};export{C as default};

package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import c from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import b from"../AssetItem/AssetItem.js";import{mapQuestionTypeToLabel as u}from"../utils/mapQuestionTypeToLabel.js";const C=({cardNumber:r,testTitle:m,question:C,questionType:h,subCopy:g,assetThumbnail:x,assetType:y,statTitle:f,statValue:S,onClickAsset:B,resultGraph:k,onClickShowMore:I})=>{const L=i(),{icon:T,label:v}=u(h);return e(j,{children:[e(W,{children:[o(a,{sx:{height:"22px",borderRadius:L.r.md,backgroundColor:L.custom.palette.icon.primary,paddingX:L.p.sm,justifyContent:"center"},children:o(l,{component:"p",variation:"sm",monospaced:!0,textColor:L.custom.palette.text.primaryInverted,children:r})}),o(l,{component:"p",variation:"md",children:m})]}),e(a,{sx:{flexDirection:"row",gap:L.m.xs,borderRadius:L.r.round,border:`1px solid ${L.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${L.p.sm}`,alignItems:"center"},children:[o(n,{name:T,size:16}),o(l,{variation:"sm",component:"p",sx:{px:L.p.xs},children:v})]}),e(a,{sx:{gap:L.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:L.p.md},children:[e(a,{sx:{gap:L.m.sm},children:[o(l,{component:"p",variation:"lg",weight:"bold",clamp:4,children:C}),g&&o(c,{typographyProps:{secondary:!0,variation:"sm",component:"p",clamp:3},children:g})]}),o(t,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:L.r.xs,border:`1px solid ${L.custom.palette.stroke.light}`,boxShadow:L.custom.elevation.raised,[`> .${s.root}`]:{display:"flex",height:"100%"}},children:o(b,{mediaType:y,thumbnail:x,onClick:B})})]}),e(a,{sx:{gap:L.m.xs},children:[e(a,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:L.m.sm,height:"18px"},children:[o(l,{component:"p",variation:"xs",children:f}),S&&e(l,{component:"p",variation:"xs",weight:"bold",monospaced:!0,children:[o(p,{value:S,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===h&&"%"]})]}),o(t,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:L.p.md},children:k})]}),I&&o(d,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:o(n,{name:"open-in-new"}),onClick:I,children:"View full result"})]})},j=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32m+"px",maxWidth:64m+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),W=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));export{C as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a,boxClasses as s}from"@mui/material";import p from"@number-flow/react";import"../../BrandCore/colorRamps.js";import{base as m}from"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import d from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import c from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import b from"../AssetItem/AssetItem.js";import{mapQuestionTypeToLabel as u}from"../utils/mapQuestionTypeToLabel.js";const C=({cardNumber:r,testTitle:m,question:C,questionType:h,subCopy:g,assetThumbnail:x,assetType:y,statTitle:f,statValue:S,onClickAsset:B,resultGraph:k,onClickShowMore:I})=>{const L=i(),{icon:T,label:v}=u(h);return e(j,{children:[e(W,{children:[o(a,{sx:{height:"22px",borderRadius:L.r.md,backgroundColor:L.custom.palette.icon.primary,paddingX:L.p.sm,justifyContent:"center"},children:o(l,{component:"p",variation:"sm",monospaced:!0,textColor:L.custom.palette.text.primaryInverted,children:r})}),o(l,{component:"p",variation:"md",children:m})]}),e(a,{sx:{flexDirection:"row",gap:L.m.xs,borderRadius:L.r.round,border:`1px solid ${L.custom.palette.stroke.light}`,placeSelf:"center",padding:`2px ${L.p.sm}`,alignItems:"center"},children:[o(n,{name:T,size:16}),o(l,{variation:"sm",component:"p",sx:{px:L.p.xs},children:v})]}),e(a,{sx:{gap:L.m.sm,flexDirection:"row",justifyContent:"space-between",paddingX:L.p.md},children:[e(a,{sx:{gap:L.m.sm},children:[o(l,{component:"p",variation:"lg",weight:"bold",clamp:4,children:C}),g&&o(c,{typographyProps:{secondary:!0,variation:"sm",component:"p",clamp:3},children:g})]}),o(t,{sx:{minWidth:"92px",width:"92px",height:"92px",overflow:"hidden",borderRadius:L.r.xs,border:`1px solid ${L.custom.palette.stroke.light}`,boxShadow:L.custom.elevation.raised,[`> .${s.root}`]:{display:"flex",height:"100%"}},children:o(b,{mediaType:y,thumbnail:x,onClick:B})})]}),e(a,{sx:{gap:L.m.xs},children:[e(a,{sx:{placeSelf:"center",alignItems:"center",flexDirection:"row",gap:L.m.sm,height:"18px"},children:[o(l,{component:"p",variation:"xs",children:f}),S&&e(l,{component:"p",variation:"xs",weight:"bold",monospaced:!0,children:[o(p,{value:S,animated:!0,format:{minimumFractionDigits:2,maximumFractionDigits:2}}),"likert"===h&&"%"]})]}),o(t,{sx:{display:"flex",flexDirection:"column",justifyContent:"center",height:"96px",paddingX:L.p.md},children:k})]}),I&&o(d,{sizing:"sm",sx:{placeSelf:"center"},variation:"outlined",endIcon:o(n,{name:"open-in-new"}),onClick:I,children:"View full result"})]})},j=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.default,borderRadius:e.r.lg,boxShadow:e.custom.elevation.raised,minWidth:32m+"px",maxWidth:64m+"px",paddingBottom:e.p.md,display:"grid",gridTemplateRows:"auto auto 1fr 118px auto",gap:e.m.md})),W=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",alignItems:"start",gap:e.m.sm,padding:e.p.md,borderRadius:`${e.r.lg} ${e.r.lg} 0 0`}));export{C as default};

package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import i from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const p=({children:p,items:s,activeItem:n,onClickNext:m,onClickPrevious:l,renderTitle:c})=>{const C=r(),b=({active:e})=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"4",height:"4",viewBox:"0 0 4 4",fill:"none",children:o("circle",{cx:"2",cy:"2",r:"2",fill:e?C.custom.palette.icon.primary:C.custom.palette.icon.disabled})});return e(t,{sx:{pt:C.spacing(C.custom.padding.xs),gap:C.spacing(C.custom.padding.sm),justifyContent:"center",alignItems:"center"},children:[e(t,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",children:[c\|\|null,s?.length>1&&e(t,{direction:"row",sx:{ml:"auto",gap:"2px"},children:[o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-left",color:C.custom.palette.icon.primary}),onClick:l}),o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-right",color:C.custom.palette.icon.primary}),onClick:m})]})]}),p,o(t,{direction:"row",gap:C.spacing(C.custom.margin.xs),children:s.map((e,r)=>o(b,{active:e===n},`pag-ctrl-dot-${r}`))})]})};export{p as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import i from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import a from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const p=({children:p,items:s,activeItem:n,onClickNext:m,onClickPrevious:l,renderTitle:c})=>{const b=r(),C=({active:e})=>o("svg",{xmlns:"http://www.w3.org/2000/svg",width:"4",height:"4",viewBox:"0 0 4 4",fill:"none",children:o("circle",{cx:"2",cy:"2",r:"2",fill:e?b.custom.palette.icon.primary:b.custom.palette.icon.disabled})});return e(t,{sx:{pt:b.spacing(b.custom.padding.xs),gap:b.spacing(b.custom.padding.sm),justifyContent:"center",alignItems:"center"},children:[e(t,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",children:[c\|\|null,s?.length>1&&e(t,{direction:"row",sx:{ml:"auto",gap:"2px"},children:[o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-left",color:b.custom.palette.icon.primary}),onClick:l}),o(a,{shape:"round",variation:"outlined",sizing:"xs",icon:o(i,{name:"chevron-right",color:b.custom.palette.icon.primary}),onClick:m})]})]}),p,o(t,{direction:"row",gap:b.spacing(b.custom.margin.xs),children:s.map((e,r)=>o(C,{active:e===n},`pag-ctrl-dot-${r}`))})]})};export{p as default};

package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box 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"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import r from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import i from"./_partials/NoThumbnailPlaceholder.js";import a from"./_partials/ProjectInfo.js";import s from"./_partials/ProjectItemBadge.js";import p from"./_partials/ProjectItemTitle.js";import{CardContainer as m,CardActionArea as l,ImageContainer as n,CardContent as d,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const c=({title:c,description:j,loopCount:u,testCount:W,draftCount:h,updatedAt:S,moreActions:B,thumbnail:y,noThumbnailMessage:g,isDemo:f,loading:I,onClick:L})=>e(m,I?{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:t(l,{component:"div",disableHoverStyle:!0,children:[e(n,{"data-id":"image-container",children:e(r,{})}),t(d,{children:[e(o,{"data-id":"title-container",height:32,children:e(r,{})}),e(r,{height:20}),e(r,{height:16,width:"60%"})]})]})}:{children:t(l,{component:"div",disableHoverStyle:!0,onClick:L,children:[t(n,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[f&&e(s,{body:"Demo",sx:{bottom:8,left:8}}),y&&e(b,{thumbnail:y,title:c,description:j}),!y&&g&&e(i,{text:g,textSizing:"sm"})]}),t(d,{children:[t(o,{"data-id":"title-container",children:[e(p,{title:c,maxLines:2}),e(o,{"data-id":"more-actions-container",onClick:e=>{e.stopPropagation()},children:B})]}),e(a,{loops:u,tests:W,drafts:h}),e(C,{updatedDate:S,format:!0})]})]})});export{c as default};
1	+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{Box as t}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import r from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import i from"./_partials/NoThumbnailPlaceholder.js";import a from"./_partials/ProjectInfo.js";import s from"./_partials/ProjectItemBadge.js";import p from"./_partials/ProjectItemTitle.js";import{CardContainer as m,CardActionArea as l,ImageContainer as n,CardContent as d,LazyImage as b}from"./_partials/styledPartials.js";import C from"./_partials/UpdatedInfo.js";const j=({title:j,description:c,loopCount:u,testCount:W,draftCount:h,updatedAt:S,moreActions:y,thumbnail:B,noThumbnailMessage:g,isDemo:f,loading:I,onClick:L})=>e(m,I?{disableRaisedEffect:!0,sx:{pointerEvents:"none"},children:o(l,{component:"div",disableHoverStyle:!0,children:[e(n,{"data-id":"image-container",children:e(r,{})}),o(d,{children:[e(t,{"data-id":"title-container",height:32,children:e(r,{})}),e(r,{height:20}),e(r,{height:16,width:"60%"})]})]})}:{children:o(l,{component:"div",disableHoverStyle:!0,onClick:L,children:[o(n,{"data-id":"image-container",sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`},children:[f&&e(s,{body:"Demo",sx:{bottom:8,left:8}}),B&&e(b,{thumbnail:B,title:j,description:c}),!B&&g&&e(i,{text:g,textSizing:"sm"})]}),o(d,{children:[o(t,{"data-id":"title-container",children:[e(p,{title:j,maxLines:2}),e(t,{"data-id":"more-actions-container",onClick:e=>{e.stopPropagation()},children:y})]}),e(a,{loops:u,tests:W,drafts:h}),e(C,{updatedDate:S,format:!0})]})]})});export{j as default};

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

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import a from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import s from"./_partials/NoThumbnailPlaceholder.js";import p from"./_partials/ProjectInfo.js";import n from"./_partials/ProjectItemBadge.js";import m from"./_partials/ProjectItemTitle.js";import{CardContainer as l,CardActionArea as d,ImageContainer as c,CardContent as b,LazyImage as C}from"./_partials/styledPartials.js";import u from"./_partials/UpdatedInfo.js";const j=({title:j,description:g,loopCount:W,testCount:h,draftCount:x,updatedAt:f,moreActions:B,thumbnail:y,noThumbnailMessage:S,isDemo:I,loading:k,onClick:L})=>{const w=o();return e(l,k?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${w.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:w.spacing(w.custom.margin.sm),alignItems:"center",padding:w.spacing(w.custom.padding.xs)},children:[e(c,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(b,{sx:{overflow:"hidden",pl:w.spacing(w.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:w.spacing(w.custom.margin.xs),children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",gap:w.spacing(w.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${w.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:w.spacing(w.custom.margin.sm),alignItems:"center",padding:w.spacing(w.custom.padding.xs)},children:[t(c,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[I&&e(n,{sx:{top:4,right:4},body:"Demo"}),y&&e(C,{thumbnail:y,title:j,description:g}),!y&&S&&e(s,{text:S,textSizing:"xxs"})]}),e(b,{sx:{overflow:"hidden",pl:w.spacing(w.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:w.spacing(w.custom.margin.xs),children:[e(m,{title:j,maxLines:1}),t(r,{direction:"row",gap:w.spacing(w.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(p,{loops:W,tests:h,drafts:x}),e(u,{updatedDate:f,format:!0,noWrap:!0})]})]})}),B&&e(i,{onClick:e=>e.stopPropagation(),children:B})]})})};export{j as default};
1	+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useTheme as o,Stack as r,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import a from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import s from"./_partials/NoThumbnailPlaceholder.js";import p from"./_partials/ProjectInfo.js";import m from"./_partials/ProjectItemBadge.js";import n from"./_partials/ProjectItemTitle.js";import{CardContainer as l,CardActionArea as d,ImageContainer as c,CardContent as b,LazyImage as C}from"./_partials/styledPartials.js";import u from"./_partials/UpdatedInfo.js";const j=({title:j,description:g,loopCount:W,testCount:h,draftCount:x,updatedAt:f,moreActions:y,thumbnail:B,noThumbnailMessage:S,isDemo:I,loading:k,onClick:L})=>{const w=o();return e(l,k?{disableRaisedEffect:!0,sx:{pointerEvents:"none",borderBottom:`1px solid ${w.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:w.spacing(w.custom.margin.sm),alignItems:"center",padding:w.spacing(w.custom.padding.xs)},children:[e(c,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:e(a,{})}),e(b,{sx:{overflow:"hidden",pl:w.spacing(w.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:w.spacing(w.custom.margin.xs),children:[e(a,{width:"100%",height:20}),t(r,{direction:"row",gap:w.spacing(w.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(a,{height:20,width:"70%"}),e(a,{height:16,width:200})]})]})})]})}:{disableRaisedEffect:!0,sx:{borderBottom:`1px solid ${w.custom.palette.stroke.light}`},children:t(d,{component:"div",onClick:L,sx:{display:"flex",gap:w.spacing(w.custom.margin.sm),alignItems:"center",padding:w.spacing(w.custom.padding.xs)},children:[t(c,{sx:{border:e=>`1px solid ${e.custom.palette.stroke.light}`,height:72,width:108},"data-id":"image-container",children:[I&&e(m,{sx:{top:4,right:4},body:"Demo"}),B&&e(C,{thumbnail:B,title:j,description:g}),!B&&S&&e(s,{text:S,textSizing:"xxs"})]}),e(b,{sx:{overflow:"hidden",pl:w.spacing(w.custom.padding.sm),minWidth:67,flex:1,"&:last-child":{pb:0}},children:t(r,{gap:w.spacing(w.custom.margin.xs),children:[e(n,{title:j,maxLines:1}),t(r,{direction:"row",gap:w.spacing(w.custom.margin.xs),justifyContent:"space-between",flexWrap:"wrap",children:[e(p,{loops:W,tests:h,drafts:x}),e(u,{updatedDate:f,format:!0,noWrap:!0})]})]})}),y&&e(i,{onClick:e=>e.stopPropagation(),children:y})]})})};export{j as default};

package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import a from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import p from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const s=({text:s,textSizing:m="sm"})=>{const n=r();return e(t,{sx:{p:n.custom.padding.sm,background:`linear-gradient(135deg, ${n.custom.palette.neutral[50]} 0%, ${n.custom.palette.neutral[100]} 100%)`},children:o(i,{display:"flex",alignItems:"center",justifyContent:"center",height:1,width:1,gap:n.custom.margin.xs,children:[e(a,{name:"image-no",color:n.custom.palette.icon.secondary}),e(p,{align:"center",variation:m,component:"p",secondary:!0,sx:{lineHeight:1.2},children:s})]})})};export{s as default};
1	+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import a from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import p from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/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"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const s=({text:s,textSizing:m="sm"})=>{const l=r();return e(t,{sx:{p:l.custom.padding.sm,background:`linear-gradient(135deg, ${l.custom.palette.neutral[50]} 0%, ${l.custom.palette.neutral[100]} 100%)`},children:o(i,{display:"flex",alignItems:"center",justifyContent:"center",height:1,width:1,gap:l.custom.margin.xs,children:[e(a,{name:"image-no",color:l.custom.palette.icon.secondary}),e(p,{align:"center",variation:m,component:"p",secondary:!0,sx:{lineHeight:1.2},children:s})]})})};export{s as default};

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

	@@ -1 +1 @@
1	- import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import s from"../../../WebCore/Image/Image.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const p=150,n=72,l=108,m=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),C=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" \| ");return e(s,{src:r,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},c=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),u=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,m as CardContainer,c as CardContent,p as GridImageHeight,b as ImageContainer,C as LazyImage,n as ListImageHeight,l as ListImageWidth,u as Tile};
1	+ import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t,CardActionArea as r,boxClasses as i,CardContent as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import s from"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const p=150,l=72,n=108,m=o(t,{shouldForwardProp:e=>!["disableRaisedEffect"].includes(e)})(({theme:e,disableRaisedEffect:o})=>({width:"100%",transition:"all 0.3s ease","&:hover":{'*[data-id="image-container"]':{boxShadow:o?"none":e.custom.elevation.raised}}})),d=o(r,{shouldForwardProp:e=>!["disableHoverStyle"].includes(e)})(({theme:e,disableHoverStyle:o=!1})=>({cursor:"pointer",...!0===o&&{"& .MuiCardActionArea-focusHighlight":{backgroundColor:e.palette.background.paper}}})),b=o(t)(({theme:e})=>({boxShadow:"none",overflow:"hidden",height:150,position:"relative",borderRadius:e.spacing(e.custom.radius.md),[`> .${i.root}`]:{display:"flex",height:"100%","> span":{display:"flex",width:"100%"}}})),C=({title:o,description:t,thumbnail:r})=>{const i=[o,t].filter(Boolean).join(" \| ");return e(s,{src:r,alt:i,title:i,style:{width:"100%",height:"auto",objectFit:"cover"}})},u=o(a)(({theme:e})=>({paddingTop:e.spacing(e.custom.padding.xs),paddingBottom:e.spacing(e.custom.padding.xs),paddingLeft:0,paddingRight:0,display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs),'& [data-id="title-container"]':{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"start",gap:e.spacing(e.custom.margin.xs),"& > p":{alignSelf:"center"}}})),c=o(t,{shouldForwardProp:e=>!["viewType"].includes(e)})(({theme:e,viewType:o})=>({width:"grid"===o?"100%":108,height:"grid"===o?150:72,backgroundColor:e.custom.palette.purple[0],display:"flex",justifyContent:"center",alignItems:"center",borderRadius:e.spacing(e.custom.radius.md),"& svg":{height:"grid"===o?64:32,width:"grid"===o?64:32}}));export{d as CardActionArea,m as CardContainer,u as CardContent,p as GridImageHeight,b as ImageContainer,C as LazyImage,l as ListImageHeight,n as ListImageWidth,c as Tile};

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

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import p from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import m from"../QuestionLabel/QuestionLabel.js";const n=r(t)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),l=r(t)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)})),d=({preQuestionText:r,questionText:d,questionType:b,supportText:C,slotProps:u,loading:j})=>{const c=i();return e(n,j?{children:[o(m,{loading:!0}),e(t,{gap:1,sx:{padding:c.spacing(c.custom.padding.md)},children:[o(s,{width:"100%",height:22}),o(s,{width:"100%",height:44}),o(s,{width:"100%",height:66})]})]}:{children:[o(m,{type:b}),e(l,{children:[r&&o(a,{variation:"md",component:"p",color:c.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:r}),o(a,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:d}),C&&o(p,{children:C})]})]})};export{d as default};
1	+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import p from"../../WebCore/HtmlParser/HtmlParser.js";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import m from"../QuestionLabel/QuestionLabel.js";const l=r(t)(({theme:e})=>({border:`1px solid ${e.custom.palette.stroke.light}`,borderRadius:e.spacing(e.custom.radius.lg),overflow:"hidden"})),n=r(t)(({theme:e})=>({gap:e.spacing(e.custom.padding.sm),padding:e.spacing(e.custom.padding.md)})),b=({preQuestionText:r,questionText:b,questionType:d,supportText:C,slotProps:u,loading:j})=>{const c=i();return e(l,j?{children:[o(m,{loading:!0}),e(t,{gap:1,sx:{padding:c.spacing(c.custom.padding.md)},children:[o(s,{width:"100%",height:22}),o(s,{width:"100%",height:44}),o(s,{width:"100%",height:66})]})]}:{children:[o(m,{type:d}),e(n,{children:[r&&o(a,{variation:"md",component:"p",color:c.custom.palette.text.secondary,sx:{whiteSpace:"pre-wrap"},children:r}),o(a,{variation:"md",component:"p",weight:"bold",sx:{whiteSpace:"pre-wrap"},children:b}),C&&o(p,{children:C})]})]})};export{b as default};

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

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{mapQuestionTypeToLabel as m}from"../utils/mapQuestionTypeToLabel.js";const n=r(t)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),l=({type:r,loading:t,slotProps:l})=>{const b=i(),C=m(r);return t?e(s,{width:"100%",height:36,sx:{borderRadius:`${b.spacing(b.custom.radius.lg)} ${b.spacing(b.custom.radius.lg)} 0 0`}}):o(n,{...l?.container,type:r,children:[e(a,{name:C.icon,size:16}),e(p,{variation:"sm",component:"p",sx:{px:b.spacing(b.custom.padding.xs)},children:C.label})]})};export{l as default};
1	+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i}from"@mui/material";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import a from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import p from"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/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"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{mapQuestionTypeToLabel as m}from"../utils/mapQuestionTypeToLabel.js";const l=r(t)(({theme:e,type:o})=>({backgroundColor:"focus"===o?e.custom.palette.peach[300]:e.custom.palette.surface.sunken,display:"flex",alignItems:"center",gap:e.spacing(e.custom.margin.xs),padding:`${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.md)}`})),n=({type:r,loading:t,slotProps:n})=>{const b=i(),C=m(r);return t?e(s,{width:"100%",height:36,sx:{borderRadius:`${b.spacing(b.custom.radius.lg)} ${b.spacing(b.custom.radius.lg)} 0 0`}}):o(l,{...n?.container,type:r,children:[e(a,{name:C.icon,size:16}),e(p,{variation:"sm",component:"p",sx:{px:b.spacing(b.custom.padding.xs)},children:C.label})]})};export{n as default};

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

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

package/dist/esm/systems/Platform/ScrollIndicator/ScrollIndicator.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import{mergeSx as a}from"merge-sx";import{AnimatePresence as p,motion as n}from"motion/react";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/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 l from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import d from"../KpiIndicator/KpiIndicator.js";const b=({instructionText:b,hideTextBox:c,indicatorColor:C,animateIterationNumber:u="infinite",slotProps:j,show:W=!0})=>{const y=r();return e(p,{children:W&&o(t,{component:n.div,initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},...j?.root,sx:a({alignItems:"center",display:"flex",flexDirection:"column",gap:1.5},j?.root?.sx),children:[e(l,{sx:{p:1.5,width:40,height:68,backgroundColor:y.custom.palette.icon.primary,overflow:"hidden",position:"relative"},borderradius:"xl",variation:"default",...j?.iconWrapper,children:e(n.div,{initial:{opacity:0,top:12},animate:{opacity:[1,0,0,0,1],top:[12,100,-100,-80,12]},transition:{duration:1,times:[0,.8,.8,.4,1],ease:"circInOut",repeat:"infinite"===u?1/0:u-1,repeatDelay:.1},style:{position:"absolute",left:"50%",transform:"translateX(-50%)"},children:o(i,{gap:1.5,alignItems:"center",children:[e(d,{colorScheme:C\|\|"purple"}),e(s,{name:"thick-arrow-down",size:16,color:y.custom.palette.icon.disabled})]})})}),!c&&e(l,{variation:"overlay",sx:{px:y.custom.padding.md,py:y.custom.padding.sm,backgroundColor:y.custom.palette.icon.primary},borderradius:"md",...j?.instructionTextWrapper,children:e(m,{variation:"md",component:"p",align:"center",sx:{color:y.custom.palette.text.primaryInverted},...j?.instructionText,children:b})})]})})};export{b as default};
1	+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Box as t,Stack as i}from"@mui/material";import{mergeSx as a}from"merge-sx";import{AnimatePresence as p,motion as n}from"motion/react";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"react";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/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 l from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import b from"../KpiIndicator/KpiIndicator.js";const d=({instructionText:d,hideTextBox:c,indicatorColor:C,animateIterationNumber:u="infinite",slotProps:j,show:W=!0})=>{const y=r();return e(p,{children:W&&o(t,{component:n.div,initial:{opacity:0,y:20},animate:{opacity:1,y:0},exit:{opacity:0,y:20},transition:{duration:.3,ease:"easeInOut"},...j?.root,sx:a({alignItems:"center",display:"flex",flexDirection:"column",gap:1.5},j?.root?.sx),children:[e(l,{sx:{p:1.5,width:40,height:68,backgroundColor:y.custom.palette.icon.primary,overflow:"hidden",position:"relative"},borderradius:"xl",variation:"default",...j?.iconWrapper,children:e(n.div,{initial:{opacity:0,top:12},animate:{opacity:[1,0,0,0,1],top:[12,100,-100,-80,12]},transition:{duration:1,times:[0,.8,.8,.4,1],ease:"circInOut",repeat:"infinite"===u?1/0:u-1,repeatDelay:.1},style:{position:"absolute",left:"50%",transform:"translateX(-50%)"},children:o(i,{gap:1.5,alignItems:"center",children:[e(b,{colorScheme:C\|\|"purple"}),e(s,{name:"thick-arrow-down",size:16,color:y.custom.palette.icon.disabled})]})})}),!c&&e(l,{variation:"overlay",sx:{px:y.custom.padding.md,py:y.custom.padding.sm,backgroundColor:y.custom.palette.icon.primary},borderradius:"md",...j?.instructionTextWrapper,children:e(m,{variation:"md",component:"p",align:"center",sx:{color:y.custom.palette.text.primaryInverted},...j?.instructionText,children:d})})]})})};export{d as default};