@useloops/design-system 1.4.675 → 1.4.677

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as r,Box as i,Container as a,Grid as s}from"@mui/material";import{mergeSx as p}from"merge-sx";import n from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as l}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import d from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import b 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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const u=({backAction:r,title:u,showEditTitleOnlyOnHover:B=!0,breadcrumbLinks:y,buttons:f,controlBar:x,sx:S,slotProps:I,loading:k})=>{const L={...I,container:{maxWidth:!1,...I?.container}};return e(t,{children:[o(C,{sx:p({justifyContent:"space-between",position:"sticky",top:"0",zIndex:999},S),children:o(a,{...L.container,children:o(s,{container:!0,spacing:2,children:o(s,{size:12,children:e(h,{sx:{justifyContent:"space-between",py:1,height:61},children:[e(h,{children:[void 0!==r&&o(c,{sizing:"lg",icon:o(n,{name:"arrow-left",size:20}),sx:{color:e=>e.custom.palette.icon.primary},onClick:r}),e(h,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[u&&e(i,{sx:{display:"flex",alignItems:"center",gap:1,...B&&{":hover .Header__TitleIconButton":{opacity:1}}},children:[k?o(b,{width:256,sx:{fontSize:l.lg,lineHeight:1.4}}):o(m,{size:"lg",bold:!0,children:u}),void 0!==L?.titleIconButton?.onClick&&o(c,{icon:o(n,{name:"edit"}),sizing:"md",sx:{my:"-4px",...B&&{opacity:0,transition:"opacity 0.3s ease"}},className:"Header__TitleIconButton",...L?.titleIconButton})]}),y&&o(t,{children:k?o(b,{width:200,height:17,sx:{fontSize:l.lg,lineHeight:1.4,mt:.5}}):o(d,{links:y})})]})]}),f&&o(h,{children:f})]})})})})}),x&&o(j,{children:o(a,{...L.container,children:o(s,{container:!0,spacing:2,children:o(s,{size:12,children:o(W,{children:o(g,{children:x})})})})})})]})},C=r(i)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.surface.default,borderBottom:`1px solid ${e.custom.palette.stroke.light}`,display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1,height:61})),j=r(i)(({theme:e})=>({borderBottom:`1px solid ${e.custom.palette.stroke.light}`,width:"100%"})),W=r(i)(({theme:e})=>({display:"flex",justifyContent:"flex-end",padding:`${e.spacing(1)} 0`})),g=r(i)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,borderRadius:e.spacing(e.custom.radius.lg),display:"flex",gap:e.spacing(.5),justifyContent:"flex-end",padding:e.spacing(1)})),h=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)}));export{u as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{styled as r,Box as i,Container as a,Grid as s}from"@mui/material";import{mergeSx as n}from"merge-sx";import p from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import{fontSizemap as l}from"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import d from"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import c from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import b 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 u=({backAction:r,title:u,showEditTitleOnlyOnHover:B=!0,breadcrumbLinks:y,buttons:f,controlBar:x,sx:S,slotProps:I,loading:k})=>{const L={...I,container:{maxWidth:!1,...I?.container}};return e(t,{children:[o(C,{sx:n({justifyContent:"space-between",position:"sticky",top:"0",zIndex:999},S),children:o(a,{...L.container,children:o(s,{container:!0,spacing:2,children:o(s,{size:12,children:e(h,{sx:{justifyContent:"space-between",py:1,height:61},children:[e(h,{children:[void 0!==r&&o(c,{sizing:"lg",icon:o(p,{name:"arrow-left",size:20}),sx:{color:e=>e.custom.palette.icon.primary},onClick:r}),e(h,{sx:{alignItems:"flex-start",flexDirection:"column",gap:0},children:[u&&e(i,{sx:{display:"flex",alignItems:"center",gap:1,...B&&{":hover .Header__TitleIconButton":{opacity:1}}},children:[k?o(b,{width:256,sx:{fontSize:l.lg,lineHeight:1.4}}):o(m,{size:"lg",bold:!0,children:u}),void 0!==L?.titleIconButton?.onClick&&o(c,{icon:o(p,{name:"edit"}),sizing:"md",sx:{my:"-4px",...B&&{opacity:0,transition:"opacity 0.3s ease"}},className:"Header__TitleIconButton",...L?.titleIconButton})]}),y&&o(t,{children:k?o(b,{width:200,height:17,sx:{fontSize:l.lg,lineHeight:1.4,mt:.5}}):o(d,{links:y})})]})]}),f&&o(h,{children:f})]})})})})}),x&&o(j,{children:o(a,{...L.container,children:o(s,{container:!0,spacing:2,children:o(s,{size:12,children:o(W,{children:o(g,{children:x})})})})})})]})},C=r(i)(({theme:e})=>({alignItems:"center",backgroundColor:e.custom.palette.surface.default,borderBottom:`1px solid ${e.custom.palette.stroke.light}`,display:"flex",gap:e.spacing(1),justifyContent:"space-between",padding:1,height:61})),j=r(i)(({theme:e})=>({borderBottom:`1px solid ${e.custom.palette.stroke.light}`,width:"100%"})),W=r(i)(({theme:e})=>({display:"flex",justifyContent:"flex-end",padding:`${e.spacing(1)} 0`})),g=r(i)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,borderRadius:e.spacing(e.custom.radius.lg),display:"flex",gap:e.spacing(.5),justifyContent:"flex-end",padding:e.spacing(1)})),h=r(i)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(1)}));export{u as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Stack as r,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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import i from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import a from"./KpiDetails.js";import p from"./QuestionStatsCard.js";const s=({indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b,linkedQuestions:d})=>e(i,{variation:"overlay",borderradius:"lg",sx:{padding:e=>e.spacing(e.custom.padding.md),paddingBottom:0,maxHeight:"384px",width:"320px",overflowY:"scroll",backgroundColor:e=>e.custom.palette.surface.overlay},children:[e(r,{gap:e=>e.spacing(e.custom.margin.md),sx:{},children:[o(a,{indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b}),o(r,{gap:e=>e.spacing(e.custom.margin.md),children:d&&d.map((e,r)=>o(p,{...e},`${r}-${e.questionTitle}`))})]}),o(t,{sx:{position:"sticky",bottom:0,height:"24px",width:"100%",background:e=>`linear-gradient(0deg, ${e.custom.palette.surface.overlay} 0%, rgba(0, 0, 0, 0.00) 100%)`}})]});export{s as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{Stack as r,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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import i from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import a from"./KpiDetails.js";import p from"./QuestionStatsCard.js";const s=({indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b,linkedQuestions:d})=>e(i,{variation:"overlay",borderradius:"lg",sx:{padding:e=>e.spacing(e.custom.padding.md),paddingBottom:0,maxHeight:"384px",width:"320px",overflowY:"scroll",backgroundColor:e=>e.custom.palette.surface.overlay},children:[e(r,{sx:{gap:e=>e.spacing(e.custom.margin.md)},children:[o(a,{indicatorColor:s,kpiTitle:m,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b}),o(r,{sx:{gap:e=>e.spacing(e.custom.margin.md)},children:d&&d.map((e,r)=>o(p,{...e},`${r}-${e.questionTitle}`))})]}),o(t,{sx:{position:"sticky",bottom:0,height:"24px",width:"100%",background:e=>`linear-gradient(0deg, ${e.custom.palette.surface.overlay} 0%, rgba(0, 0, 0, 0.00) 100%)`}})]});export{s as default};

package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,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{backgroundCreator as a}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import s from"../KpiIndicator/KpiIndicator.js";const m=r(t)(({theme:e})=>({flexDirection:"column",marginLeft:"auto",padding:`0 ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)}`,width:"88px",flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),border:`1px solid ${e.custom.palette.purple[100]}`,background:a(e,{texture:"none",gradient:"tone2"})})),l=({indicatorColor:r,kpiTitle:a,tagTitle:l,combinedAverageValue:n,combinedAveragePercent:b})=>e(t,{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"start",alignSelf:"stretch",direction:"row",children:[o(i,{sx:{height:"25px",display:"flex",placeItems:"center"},children:o(s,{colorScheme:r})}),e(t,{gap:e=>e.spacing(e.custom.margin.xs),children:[o(p,{clamp:2,size:"lg",bold:!0,children:a}),o(p,{clamp:2,size:"sm",secondary:!0,children:l})]}),e(m,{children:[e(t,{sx:{padding:e=>`${e.spacing(e.custom.padding.sm)} 0`,gap:"2px"},children:[o(p,{bold:!0,align:"center",sx:{fontSize:"30px",color:e=>e.custom.palette.purple[1e3],lineHeight:1},children:n}),o(p,{size:"xxs",align:"center",sx:{color:e=>e.custom.palette.purple[800],lineHeight:1},children:`(${b}%)`})]}),o(p,{size:"xxs",align:"center",sx:{color:e=>e.custom.palette.purple[800],lineHeight:1},children:"Combined score"})]})]});export{l as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,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{backgroundCreator as a}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import s from"../KpiIndicator/KpiIndicator.js";const l=r(t)(({theme:e})=>({flexDirection:"column",marginLeft:"auto",padding:`0 ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)} ${e.spacing(e.custom.padding.sm)}`,width:"88px",flexGrow:0,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),border:`1px solid ${e.custom.palette.purple[100]}`,background:a(e,{texture:"none",gradient:"tone2"})})),m=({indicatorColor:r,kpiTitle:a,tagTitle:m,combinedAverageValue:n,combinedAveragePercent:b})=>e(t,{direction:"row",sx:{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"start",alignSelf:"stretch"},children:[o(i,{sx:{height:"25px",display:"flex",placeItems:"center"},children:o(s,{colorScheme:r})}),e(t,{sx:{gap:e=>e.spacing(e.custom.margin.xs)},children:[o(p,{clamp:2,size:"lg",bold:!0,children:a}),o(p,{clamp:2,size:"sm",secondary:!0,children:m})]}),e(l,{children:[e(t,{sx:{padding:e=>`${e.spacing(e.custom.padding.sm)} 0`,gap:"2px"},children:[o(p,{bold:!0,align:"center",sx:{fontSize:"30px",color:e=>e.custom.palette.purple[1e3],lineHeight:1},children:n}),o(p,{size:"xxs",align:"center",sx:{color:e=>e.custom.palette.purple[800],lineHeight:1},children:`(${b}%)`})]}),o(p,{size:"xxs",align:"center",sx:{color:e=>e.custom.palette.purple[800],lineHeight:1},children:"Combined score"})]})]});export{m as default};

package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,Stack as i,Divider as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as s}from"../../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{backgroundCreator as l}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import m from"../../WebCore/Flag/Flag.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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c 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 b from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import u from"./ScaleChart.js";import C from"./SliderChart.js";const j=t(r)(({theme:e})=>({display:"flex",padding:e.spacing(e.custom.padding.xs),width:"40px",alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),background:l(e,{texture:"none",gradient:"tone2"}),border:`1px solid ${e.custom.palette.purple[100]}`})),W=({questionBody:t,questionData:l,questionTitle:W,questionType:g,questionUrl:x,testTitle:B,testCountry:h,localeTooltipText:y,averageScore:f,scoreHelpText:S})=>e(c,{variation:"default",borderradius:"md",sx:{display:"flex",flexDirection:"column",padding:e=>e.spacing(e.custom.padding.md),gap:e=>e.spacing(e.custom.margin.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,backgroundColor:e=>e.custom.palette.surface.default,"&:hover":{backgroundColor:e=>e.custom.palette.interaction.hover}},children:[e(i,{sx:{alignItems:"flex-end",flexDirection:"column",gap:e=>e.spacing(e.custom.margin.sm)},children:[o(n,{clamp:5,size:"xs",sx:{marginRight:"auto"},children:t}),"scale"===g&&o(u,{data:l}),"slider"===g&&o(C,{data:l}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.xs),children:[e(i,{direction:"row",alignItems:"center",children:[o(n,{size:"xxs",sx:{textAlign:"center"},children:"Score"}),o(b,{message:S,placement:"bottom",children:o(r,{sx:{width:3*s,height:3*s,display:"flex",alignItems:"center",justifyContent:"center"},children:o(p,{name:"info",size:16,sx:{color:e=>e.custom.palette.icon.secondary}})})})]}),o(j,{children:o(n,{size:"xs",bold:!0,sx:{color:e=>e.custom.palette.purple[1e3]},children:f})})]})]}),o(a,{sx:{color:e=>e.custom.palette.stroke.light}}),e(i,{direction:"row",gap:e=>e.spacing(e.custom.margin.sm),alignItems:"center",justifyContent:"start",children:[o(b,{message:y,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:h,slotProps:{avatar:{sx:{width:16,height:16}}}})}),e(i,{gap:e=>e.spacing(e.custom.margin.xs),alignSelf:"start",children:[o(n,{clamp:1,size:"xxs",bold:!0,children:B}),o(n,{clamp:2,size:"xxs",secondary:!0,children:W})]}),o(d,{icon:o(p,{name:"open-in-new"}),variation:"outlined",sizing:"sm",onClick:()=>window.open(x,"_blank","noopener,noreferrer"),sx:{marginLeft:"auto"}})]})]});export{W as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,Box as r,Stack as i,Divider as a}from"@mui/material";import"../../BrandCore/colorRamps.js";import{base as s}from"../../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{backgroundCreator as l}from"../../WebCore/utils/backgroundCreator.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as n}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import m from"../../WebCore/Flag/Flag.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/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import c 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 b from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../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 u from"./ScaleChart.js";import C from"./SliderChart.js";const j=t(r)(({theme:e})=>({display:"flex",padding:e.spacing(e.custom.padding.xs),width:"40px",alignItems:"center",justifyContent:"center",borderRadius:e.spacing(e.custom.radius.md),background:l(e,{texture:"none",gradient:"tone2"}),border:`1px solid ${e.custom.palette.purple[100]}`})),W=({questionBody:t,questionData:l,questionTitle:W,questionType:g,questionUrl:x,testTitle:B,testCountry:h,localeTooltipText:f,averageScore:y,scoreHelpText:S})=>e(c,{variation:"default",borderradius:"md",sx:{display:"flex",flexDirection:"column",padding:e=>e.spacing(e.custom.padding.md),gap:e=>e.spacing(e.custom.margin.md),border:e=>`1px solid ${e.custom.palette.stroke.light}`,backgroundColor:e=>e.custom.palette.surface.default,"&:hover":{backgroundColor:e=>e.custom.palette.interaction.hover}},children:[e(i,{sx:{alignItems:"flex-end",flexDirection:"column",gap:e=>e.spacing(e.custom.margin.sm)},children:[o(n,{clamp:5,size:"xs",sx:{marginRight:"auto"},children:t}),"scale"===g&&o(u,{data:l}),"slider"===g&&o(C,{data:l}),e(i,{direction:"row",sx:{gap:e=>e.spacing(e.custom.margin.xs)},children:[e(i,{direction:"row",sx:{alignItems:"center"},children:[o(n,{size:"xxs",sx:{textAlign:"center"},children:"Score"}),o(b,{message:S,placement:"bottom",children:o(r,{sx:{width:3*s,height:3*s,display:"flex",alignItems:"center",justifyContent:"center"},children:o(p,{name:"info",size:16,sx:{color:e=>e.custom.palette.icon.secondary}})})})]}),o(j,{children:o(n,{size:"xs",bold:!0,sx:{color:e=>e.custom.palette.purple[1e3]},children:y})})]})]}),o(a,{sx:{color:e=>e.custom.palette.stroke.light}}),e(i,{direction:"row",sx:{gap:e=>e.spacing(e.custom.margin.sm),alignItems:"center",justifyContent:"start"},children:[o(b,{message:f,placement:"left",slotProps:{wrapper:{sx:{alignSelf:"baseline"}}},children:o(m,{countryCode:h,slotProps:{avatar:{sx:{width:16,height:16}}}})}),e(i,{sx:{gap:e=>e.spacing(e.custom.margin.xs),alignSelf:"start"},children:[o(n,{clamp:1,size:"xxs",bold:!0,children:B}),o(n,{clamp:2,size:"xxs",secondary:!0,children:W})]}),o(d,{icon:o(p,{name:"open-in-new"}),variation:"outlined",sizing:"sm",onClick:()=>window.open(x,"_blank","noopener,noreferrer"),sx:{marginLeft:"auto"}})]})]});export{W as default};

package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js

@@ -1 +1 @@
-import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:h,active:B,label:g,toolTipContent:x,id:y,onChange:S,color:I,loading:L,slotProps:k={},hideCheckboxes:f,hideLabels:T,hideColorIndicators:A,disableTooltips:F,percentage:R,amount:v})=>{const w=r(),M=p(null),G=B??h,P=l(()=>{!W&&S&&S(y,!h)},[W,S,h]),_=f&&T&&A,D=0===R||0===v;return!_&&e(C,{disabled:W||L,onClick:D?void 0:P,zeroDataMode:D,children:e(b,{followCursor:!0,message:x,disableHoverListener:W||L||F||!x||_,...k?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:_?0:`${w.spacing(w.custom.margin.sm)} ${w.spacing(w.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:w.spacing(w.custom.margin.md),cursor:D?"initial":"pointer",...k?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{gap:w.spacing(w.custom.margin.xs),sx:{width:1,alignItems:"center"},children:[!A&&e(u,{sx:{...k?.actionsSwatchIndicator?.sx},color:W||L?w.custom.palette.interaction.disabled:G?I:w.custom.palette.neutral[100]}),!T&&e(j,{children:L?e(d,{width:50,height:20}):e(m,{size:"sm",textAlign:"center",...k?.actionsLabel,disabled:D||W,sx:s({color:G?c(I,w):w.custom.palette.text.disabled},k?.actionsLabel?.sx),children:g})})]}),!f&&e(a,{children:L?e(d,{width:24,height:24}):e(n,{id:`${y}-checkbox`,variant:"secondary",checked:!D&&(!W&&h),disabled:D||W,checkboxLabel:void 0,inputRef:M,...k?.actionsCheckbox,sx:s({mr:0},k?.actionsCheckbox?.sx)})})]})})})};export{W as default};
+import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Stack as i,Box as a}from"@mui/material";import{mergeSx as s}from"merge-sx";import{useRef as p,useCallback as l}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import n from"../../../../WebCore/Checkbox/Checkbox.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import b from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as c}from"../../utils/getIndicatorColor.js";import{LikertActionControllerWrapper as C,SwatchIndicator as u,LikertGraphLabel as j}from"../StyledComponents.js";const W=({disabled:W,checked:B,active:h,label:g,toolTipContent:x,id:S,onChange:y,color:I,loading:L,slotProps:k={},hideCheckboxes:f,hideLabels:T,hideColorIndicators:A,disableTooltips:F,percentage:R,amount:v})=>{const w=r(),M=p(null),G=l(()=>{!W&&y&&y(S,!B)},[W,y,B]),P=f&&T&&A,_=0===R||0===v;return!P&&e(C,{disabled:W||L,onClick:_?void 0:G,zeroDataMode:_,children:e(b,{followCursor:!0,message:x,disableHoverListener:W||L||F||!x||P,...k?.actionsTooltip,slotProps:{wrapper:{sx:{width:"100%",height:"100%",padding:P?0:`${w.spacing(w.custom.margin.sm)} ${w.spacing(w.custom.margin.xs)}`,flexDirection:"column",display:"flex",alignItems:"center",justifyContent:"space-between",gap:w.spacing(w.custom.margin.md),cursor:_?"initial":"pointer",...k?.actionsTooltip?.slotProps?.wrapper?.sx}}},children:o(t,{children:[o(i,{sx:{gap:w.spacing(w.custom.margin.xs),width:1,alignItems:"center"},children:[!A&&e(u,{sx:{...k?.actionsSwatchIndicator?.sx},color:W||L?w.custom.palette.interaction.disabled:B?I:w.custom.palette.neutral[100]}),!T&&e(j,{children:L?e(d,{width:50,height:20}):e(m,{size:"sm",...k?.actionsLabel,disabled:_||W,sx:s({textAlign:"center",color:B?c(I,w):w.custom.palette.text.disabled},k?.actionsLabel?.sx),children:g})})]}),!f&&e(a,{children:L?e(d,{width:24,height:24}):e(n,{id:`${S}-checkbox`,variant:"secondary",checked:!_&&(!W&&B),disabled:_||W,checkboxLabel:void 0,inputRef:M,...k?.actionsCheckbox,sx:s({mr:0},k?.actionsCheckbox?.sx)})})]})})})};export{W as default};

package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as p,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/Typography/Typography.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as b}from"../../utils/getIndicatorColor.js";import{motion as u}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const c=({relativePercentage:c,amount:C,color:j,animateBars:W,disabled:y,loading:B,toolTipContent:h,hideAmount:g,disableTooltips:S,checked:f,active:x,hidePercentageSymbol:I,slotProps:L})=>{const T=r(),A=x??f,k=c&&c>8,[v,F]=p(0);return n(()=>{const e=B?20:c||0,o=W?v||0:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);F(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,B]),e(i,{component:u.div,...L?.graphBar,sx:s({height:"100%",width:`${v}%`,background:y||!A?T.custom.palette.neutral[100]:B?T.custom.palette.interaction.none:j,borderRadius:T.spacing(T.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},L?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:h,placement:"top",disableHoverListener:!h||y||B||S,followCursor:!0,...L?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...L?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:B?e(d,{width:"100%",height:"100%",sx:{borderRadius:T.spacing(T.custom.radius.sm)}}):t(u.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:k?1:0},transition:{duration:.3,ease:"easeInOut",delay:k?.1:0},children:[e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,size:"xs",bold:!0,sx:{whiteSpace:"nowrap",color:y||!A?T.custom.palette.text.disabled:b(j,T)},children:k?t(o,{children:[e(a,{value:c,animated:W}),I?"":"%"]}):null})}),e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,size:"xs",sx:{color:y||!A?T.custom.palette.text.disabled:b(j,T)},children:k?e(a,{value:C,animated:W}):null})})]})})})})};export{c as default};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useTheme as r,Box as i}from"@mui/material";import a from"@number-flow/react";import{mergeSx as s}from"merge-sx";import{useState as p,useEffect as n}from"react";import"../../../../../utils/formValidation/misc.js";import"../../../../BrandCore/Icon/Icon.js";import"../../../../BrandCore/primitiveVariables.js";import"../../../../WebCore/utils/typography.util.js";import"../../../../WebCore/AnnualController/AnnualController.js";import"../../../../WebCore/SelectItem/SelectItem.js";import"../../../../WebCore/Accordion/Accordion.js";import"../../../../WebCore/Animations/FadeIn.js";import{Text as l}from"../../../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../../../WebCore/Badge/Badge.js";import"../../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../../WebCore/Button/Button.js";import"../../../../WebCore/ButtonBase/ButtonBase.js";import"../../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../../WebCore/Differential/DifferentialContainer.js";import"../../../../WebCore/Differential/DifferentialRadio.js";import"../../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../../WebCore/FormGenerator/FormGenerator.js";import"../../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../../WebCore/IconButton/IconButton.js";import"../../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../../WebCore/Image/Image.js";import"../../../../WebCore/KbdGroup/Kbd.js";import"../../../../WebCore/KbdGroup/KbdGroup.js";import"../../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../../WebCore/Label/Label.js";import"../../../../WebCore/Likert/LikertContainer.js";import"../../../../WebCore/Likert/LikertLabel.js";import"../../../../WebCore/Likert/LikertRadio.js";import"../../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../../WebCore/Surface/Surface.js";import"../../../../WebCore/Menu/MenuItem.js";import"../../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../../WebCore/NavigationButton/NavigationButton.js";import"../../../../WebCore/Nudge/NudgeButton.js";import"../../../../WebCore/NumberField/NumberField.js";import"../../../../BrandCore/colorRamps.js";import"../../../../BrandCore/semanticColor.js";import"../../../../BrandCore/types.js";import"../../../../BrandCore/typography.js";import"../../../../WebCore/Progress/Progress.js";import m from"../../../../WebCore/Tooltip/Tooltip.js";import"../../../../WebCore/Pill/StyledPill.js";import"../../../../WebCore/ProgressBar/ProgressBar.js";import"../../../../WebCore/Radio/StyledRadio.js";import"../../../../WebCore/Select/StyledSelect.js";import"../../../../WebCore/RankItem/RankItemContainer.js";import"../../../../WebCore/RankItem/RankItemLabel.js";import"../../../../WebCore/SortableList/SortableList.js";import"../../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../../WebCore/RichTextField/StyledRichTextEditor.js";import d from"../../../../WebCore/Skeleton/Skeleton.js";import"../../../../WebCore/Slider/StyledSlider.js";import"../../../../WebCore/StarRating/StarRating.js";import"../../../../WebCore/Switch/StyledSwitch.js";import"../../../../WebCore/Textarea/Textarea.js";import"../../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../../WebCore/TrialCard/TrialPill.js";import"../../../../WebCore/UserMenu/UserMenuButton.js";import"../../../../WebCore/VideoModal/VideoModal.js";import{getTextColor as b}from"../../utils/getIndicatorColor.js";import{motion as u}from"../../../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";const c=({relativePercentage:c,amount:C,color:j,animateBars:W,disabled:y,loading:B,toolTipContent:h,hideAmount:g,disableTooltips:S,checked:f,active:x,hidePercentageSymbol:I,slotProps:L})=>{const A=r(),T=x??f,k=c&&c>8,[v,F]=p(0);return n(()=>{const e=B?20:c||0,o=W?v||0:e,t=performance.now(),r=i=>{const a=i-t,s=Math.min(a/250,1);F(o+(e-o)*(s*(2-s))),s<1&&requestAnimationFrame(r)},i=requestAnimationFrame(r);return()=>cancelAnimationFrame(i)},[C,B]),e(i,{component:u.div,...L?.graphBar,sx:s({height:"100%",width:`${v}%`,background:y||!T?A.custom.palette.neutral[100]:B?A.custom.palette.interaction.none:j,borderRadius:A.spacing(A.custom.radius.sm),boxSizing:"border-box",position:"relative",overflow:"hidden",display:"flex",alignItems:"center",justifyContent:"center"},L?.graphBar?.sx),initial:{opacity:0},animate:{opacity:1},transition:{duration:.3,ease:"easeOut"},children:e(m,{message:h,placement:"top",disableHoverListener:!h||y||B||S,followCursor:!0,...L?.graphBarTooltip,slotProps:{wrapper:{sx:{width:1,height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...L?.graphBarTooltip?.slotProps?.wrapper?.sx}}},children:e(o,{children:B?e(d,{width:"100%",height:"100%",sx:{borderRadius:A.spacing(A.custom.radius.sm)}}):t(u.div,{style:{width:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},initial:{opacity:0},animate:{opacity:k?1:0},transition:{duration:.3,ease:"easeInOut",delay:k?.1:0},children:[e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut"},children:e(l,{monospaced:!0,size:"xs",bold:!0,sx:{whiteSpace:"nowrap",color:y||!T?A.custom.palette.text.disabled:b(j,A)},children:k?t(o,{children:[e(a,{value:c,animated:W}),I?"":"%"]}):null})}),e(u.div,{initial:{y:10,opacity:0},animate:{y:k?0:10,opacity:k?1:0},transition:{duration:.3,ease:"easeOut",delay:.05},children:!g&&e(l,{monospaced:!0,size:"xs",sx:{color:y||!T?A.custom.palette.text.disabled:b(j,A)},children:k?e(a,{value:C,animated:W}):null})})]})})})})};export{c as default};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r}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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import o from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import i from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Text/Text.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import a 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"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../AISummary/AISummary.js";import"../ArrowTextIndicator/ArrowTextIndicator.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import p 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"@mui/material/Box";import"@mui/material/Stack";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"../QuestionBar/QuestionBar.js";import"../QuestionBlock/QuestionBlock.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";import"../LoopVideoNudge/LoopVideoNudge.js";import"../PinchIndicator/PinchIndicator.js";const s=()=>e(a,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:t(p,{variation:"overlay",children:[e(o,{headerText:"Link expired",subText:"Your reset password link has expired. Return to log in and try again."}),e(r,{sx:{width:1},children:e(i,{fullWidth:!0,variation:"outlined",children:"Return to Log in"})})]})});export{s as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Box as r}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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import o from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import i from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Text/Text.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import a 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"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../AISummary/AISummary.js";import"../ArrowTextIndicator/ArrowTextIndicator.js";import"../AssetItem/_partials/CoverTypeIndicator.js";import"../AssetItem/_partials/ImageTile.js";import"../AssetItem/_partials/styledPartials.js";import p 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"@mui/material/Box";import"@mui/material/Stack";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"../QuestionBar/QuestionBar.js";import"../QuestionBlock/QuestionBlock.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";import"../LoopVideoNudge/LoopVideoNudge.js";import"../PinchIndicator/PinchIndicator.js";const s=()=>e(a,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:t(p,{variation:"overlay",children:[e(o,{headerText:"Link expired",subText:"Your reset password link has expired. Return to log in and try again."}),e(r,{sx:{width:1},children:e(i,{fullWidth:!0,variation:"outlined",children:"Return to Log in"})})]})});export{s as default};

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

@@ -1 +1 @@
-import{jsx as o,jsxs as r}from"react/jsx-runtime";import i from"@mui/icons-material/VisibilityOffOutlined";import e from"@mui/icons-material/VisibilityOutlined";import{useTheme as t,Stack as a,Box as n}from"@mui/material";import{useState as s}from"react";import{emailValidation as m}from"../../../utils/formValidation/email.js";import{defaultInputValidation as l}from"../../../utils/formValidation/misc.js";import{passwordValidation as d}from"../../../utils/formValidation/password.js";import c from"../../BrandCore/Icon/Icon.js";import u from"../AuthContainerSurface/AuthContainerSurface.js";import f from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import p from"../../WebCore/Button/Button.js";import g from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";import h from"../../WebCore/FormGenerator/FormGenerator.js";import C from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import y from"../../WebCore/Link/Link.js";import{Text as x}from"../../WebCore/Text/Text.js";import b from"../../WebCore/TextBarDivider/TextBarDivider.js";const j=()=>{const j=t(),[w,W]=s(!1);return o(g,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:r(u,{variation:"overlay",children:[o(f,{headerText:"Log in to your account"}),r(a,{gap:1,width:"100%",children:[o(p,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-google-full-colour",size:20}),children:"Log in up using Google"}),o(p,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-linkedin-full-colour",size:20}),children:"Log in using LinkedIn"}),o(p,{variation:"secondary",fullWidth:!0,children:"Single sign-on (SSO)"})]}),o(b,{text:"or"}),o(h,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:j.spacing(j.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:j.spacing(j.custom.margin.md)}},fields:[{fieldType:"textfield",name:"email",fullWidth:!0,placeholder:"Email",validation:{...l("email",!0),...m}},{fieldType:"textfield",name:"password",type:w?"text":"password",fullWidth:!0,placeholder:"Password",endAdornment:o(C,{icon:o(w?e:i,{sx:{color:j.custom.palette.icon.primary}}),onClick:()=>W(!w)}),validation:{...l("password",!0),...d(6),equal:{value:"password",message:"You cannot choose 'password' as your password"},score:{value:1,message:"Your password is too weak"}}}]},onFormSubmit:()=>console.warn("sibmitted"),submitButton:o(p,{fullWidth:!0,children:"Log in"})}),o(n,{mt:j.spacing(j.custom.margin.sm),mb:j.spacing(j.custom.margin.lg),width:"100%",children:o(p,{variation:"subtle",fullWidth:!0,sizing:"md",children:"I forgot my password"})}),r(x,{align:"center",size:"sm",children:["We will process your data as set forth in our ",o(y,{children:"Terms of use"})," and"," ",o(y,{children:"Privacy & Cookies Policy"}),"."]})]})})};export{j as default};
+import{jsx as o,jsxs as r}from"react/jsx-runtime";import i from"@mui/icons-material/VisibilityOffOutlined";import e from"@mui/icons-material/VisibilityOutlined";import{useTheme as t,Stack as a,Box as n}from"@mui/material";import{useState as s}from"react";import{emailValidation as m}from"../../../utils/formValidation/email.js";import{defaultInputValidation as l}from"../../../utils/formValidation/misc.js";import{passwordValidation as d}from"../../../utils/formValidation/password.js";import c from"../../BrandCore/Icon/Icon.js";import u from"../AuthContainerSurface/AuthContainerSurface.js";import f from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import p from"../../WebCore/Button/Button.js";import g from"../../WebCore/ColorBackgroundContainer/ColorBackgroundContainer.js";import h from"../../WebCore/FormGenerator/FormGenerator.js";import C from"../../WebCore/IconButton/IconButton.js";import"../../BrandCore/primitiveVariables.js";import x from"../../WebCore/Link/Link.js";import{Text as y}from"../../WebCore/Text/Text.js";import b from"../../WebCore/TextBarDivider/TextBarDivider.js";const j=()=>{const j=t(),[w,W]=s(!1);return o(g,{sx:{display:"flex",justifyContent:"center",py:[2,5,5]},gradient:"tone4",children:r(u,{variation:"overlay",children:[o(f,{headerText:"Log in to your account"}),r(a,{sx:{gap:1,width:"100%"},children:[o(p,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-google-full-colour",size:20}),children:"Log in up using Google"}),o(p,{variation:"secondary",fullWidth:!0,startIcon:o(c,{name:"social-linkedin-full-colour",size:20}),children:"Log in using LinkedIn"}),o(p,{variation:"secondary",fullWidth:!0,children:"Single sign-on (SSO)"})]}),o(b,{text:"or"}),o(h,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:j.spacing(j.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:j.spacing(j.custom.margin.md)}},fields:[{fieldType:"textfield",name:"email",fullWidth:!0,placeholder:"Email",validation:{...l("email",!0),...m}},{fieldType:"textfield",name:"password",type:w?"text":"password",fullWidth:!0,placeholder:"Password",endAdornment:o(C,{icon:o(w?e:i,{sx:{color:j.custom.palette.icon.primary}}),onClick:()=>W(!w)}),validation:{...l("password",!0),...d(6),equal:{value:"password",message:"You cannot choose 'password' as your password"},score:{value:1,message:"Your password is too weak"}}}]},onFormSubmit:()=>console.warn("sibmitted"),submitButton:o(p,{fullWidth:!0,children:"Log in"})}),o(n,{sx:{mt:j.spacing(j.custom.margin.sm),mb:j.spacing(j.custom.margin.lg),width:"100%"},children:o(p,{variation:"subtle",fullWidth:!0,sizing:"md",children:"I forgot my password"})}),r(y,{align:"center",size:"sm",children:["We will process your data as set forth in our ",o(x,{children:"Terms of use"})," and"," ",o(x,{children:"Privacy & Cookies Policy"}),"."]})]})})};export{j as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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/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 m 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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as n,ContentContainer as d,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%"}},C=({onClick:C,id:u,thumbnail:j,title:W,active:h=!1,loading:g,testCount:B,draftCount:y,cta:S})=>{const f=o();return e(l,g?{borderradius:"lg",variation:"raised",onClick:C,active:h,"data-id":u,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:S?`1fr ${f.spacing(8)} ${f.spacing(7)}`:`1fr ${f.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:S?0:f.spacing(f.custom.padding.md),overflow:"hidden"},children:[t(n,{id:"image-holder",sx:{borderBottom:`1px solid ${f.custom.palette.stroke.light}`},children:t(p,{src:j,width:"100%",height:"100%",containerSx:c})}),t(d,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(m,{height:19}),e(i,{direction:"row",gap:f.spacing(f.custom.margin.sm),width:1,justifyContent:"center",children:[t(m,{height:16}),t(m,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:C,active:h,"data-id":u,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:S?`1fr ${f.spacing(8)} ${f.spacing(7)}`:`1fr ${f.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:S?0:f.spacing(f.custom.padding.md),overflow:"hidden"},children:[t(n,{id:"image-holder",sx:{borderBottom:`1px solid ${f.custom.palette.stroke.light}`},children:t(p,{src:j,width:"100%",height:"100%",containerSx:c})}),e(d,{children:[t(s,{size:"sm",bold:!0,children:W}),e(i,{direction:"row",gap:f.spacing(f.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!y&&t(s,{size:"sm",secondary:!0,children:"Empty"}),!!B&&t(s,{size:"sm",secondary:!0,children:`${B} ${a("Test",B)}`}),!!y&&t(s,{size:"sm",secondary:!0,children:`${y} ${a("Draft",y)}`})]})]}),S&&t(b,{children:S})]})};export{C as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as s}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import p from"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import 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/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 m 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 n,ContentContainer as d,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%"}},C=({onClick:C,id:u,thumbnail:j,title:W,active:h=!1,loading:g,testCount:B,draftCount:y,cta:S})=>{const f=o();return e(l,g?{borderradius:"lg",variation:"raised",onClick:C,active:h,"data-id":u,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:S?`1fr ${f.spacing(8)} ${f.spacing(7)}`:`1fr ${f.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:S?0:f.spacing(f.custom.padding.md),overflow:"hidden"},children:[t(n,{id:"image-holder",sx:{borderBottom:`1px solid ${f.custom.palette.stroke.light}`},children:t(p,{src:j,width:"100%",height:"100%",containerSx:c})}),t(d,{children:e(r,{sx:{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center"},children:[t(m,{height:19}),e(i,{direction:"row",sx:{gap:f.spacing(f.custom.margin.sm),width:1,justifyContent:"center"},children:[t(m,{height:16}),t(m,{height:16})]})]})})]}:{borderradius:"lg",variation:"raised",onClick:C,active:h,"data-id":u,interactive:!0,sx:{display:"grid",justifySelf:"stretch",gridTemplateRows:S?`1fr ${f.spacing(8)} ${f.spacing(7)}`:`1fr ${f.spacing(8)}`,minWidth:128,maxWidth:176,paddingBottom:S?0:f.spacing(f.custom.padding.md),overflow:"hidden"},children:[t(n,{id:"image-holder",sx:{borderBottom:`1px solid ${f.custom.palette.stroke.light}`},children:t(p,{src:j,width:"100%",height:"100%",containerSx:c})}),e(d,{children:[t(s,{size:"sm",bold:!0,children:W}),e(i,{direction:"row",sx:{gap:f.spacing(f.custom.margin.sm),width:1,justifyContent:"center"},children:[!B&&!y&&t(s,{size:"sm",secondary:!0,children:"Empty"}),!!B&&t(s,{size:"sm",secondary:!0,children:`${B} ${a("Test",B)}`}),!!y&&t(s,{size:"sm",secondary:!0,children:`${y} ${a("Draft",y)}`})]})]}),S&&t(b,{children:S})]})};export{C as default};

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

@@ -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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import s 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/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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{ImageContainer as l,IconBacking as m,ContentContainer as n,CtaContent as b}from"../LoopItem/_partials/styledPartials.js";const d=r(({onClick:r,ctaSpacing:d,disabledText:C,disabled:u},c)=>{const j=t();return e(s,{borderradius:"lg",interactive:!u,variation:"raised",ref:c,onClick:u?void 0:()=>r(),sx:{display:"grid",justifySelf:"stretch",minWidth:128,maxWidth:176,overflow:"hidden",backgroundColor:u?j.custom.palette.interaction.disabled:j.custom.palette.purple[0],"&:hover":{background:u?j.custom.palette.interaction.disabled:i(j,"hover",j.custom.palette.purple[0])},"&:active":{background:u?j.custom.palette.interaction.disabled:i(j,"active",j.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?j.custom.palette.icon.disabled:j.custom.palette.icon.link})})}),e(n,{sx:{pb:j.spacing(j.custom.padding.lg),gap:0,justifyContent:"start"},children:[o(p,{size:"sm",bold:!0,disabled:u,children:"Create a new Loop"}),C&&o(p,{size:"xs",sx:{color:j.custom.palette.text.disabled,marginTop:j.spacing(j.custom.margin.md)},children:C})]}),d&&o(b,{})]})});export{d as default};
+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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as p}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import s 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/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,CtaContent as b}from"../LoopItem/_partials/styledPartials.js";const d=r(({onClick:r,ctaSpacing:d,disabledText:C,disabled:u},c)=>{const j=t();return e(s,{borderradius:"lg",interactive:!u,variation:"raised",ref:c,onClick:u?void 0:()=>r(),sx:{display:"grid",justifySelf:"stretch",minWidth:128,maxWidth:176,overflow:"hidden",backgroundColor:u?j.custom.palette.interaction.disabled:j.custom.palette.purple[0],"&:hover":{background:u?j.custom.palette.interaction.disabled:i(j,"hover",j.custom.palette.purple[0])},"&:active":{background:u?j.custom.palette.interaction.disabled:i(j,"active",j.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?j.custom.palette.icon.disabled:j.custom.palette.icon.link})})}),e(n,{sx:{pb:j.spacing(j.custom.padding.lg),gap:0,justifyContent:"start"},children:[o(p,{size:"sm",bold:!0,disabled:u,children:"Create a new Loop"}),C&&o(p,{size:"xs",sx:{color:j.custom.palette.text.disabled,marginTop:j.spacing(j.custom.margin.md)},children:C})]}),d&&o(b,{})]})});export{d as default};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{useBreakpoint as p}from"../../../utils/breakpoint.hook.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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import s from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const l=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.icon.primary,borderRadius:e.r.md2,width:160,padding:e.p.sm,gap:e.m.sm,boxShadow:e.custom.elevation.overlay})),n=r("span")({whiteSpace:"nowrap"}),b=({message:r,countdown:t,replayLabel:b,onReplay:C})=>{const d=i(),u=p(),j=r.split("{X}"),W=j[0]??"",c=j[1]??"",B=c.match(/^( \S+)([\s\S]*)$/),y=B?.[1]??"",S=B?.[2]??c;return e(l,{children:[e(m,{size:"sm"===u||"md"===u?"sm":"md",monospaced:!0,textColor:d.custom.palette.text.primaryInverted,align:"center",children:[W,y?e(n,{children:[o(a,{value:t}),y]}):o(a,{value:t}),S]}),o(s,{variation:"outlined",sizing:"md",onClick:C,children:b})]})};export{b as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as r,Stack as t,useTheme as i}from"@mui/material";import a from"@number-flow/react";import{useBreakpoint as p}from"../../../utils/breakpoint.hook.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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import{Text as m}from"../../WebCore/Text/Text.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import s from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const l=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.icon.primary,borderRadius:e.r.md2,width:160,padding:e.p.sm,gap:e.m.sm,boxShadow:e.custom.elevation.overlay})),n=r("span")({whiteSpace:"nowrap"}),b=({message:r,countdown:t,replayLabel:b,onReplay:C})=>{const d=i(),u=p(),j=r.split("{X}"),W=j[0]??"",c=j[1]??"",B=c.match(/^( \S+)([\s\S]*)$/),S=B?.[1]??"",y=B?.[2]??c;return e(l,{children:[e(m,{size:"sm"===u||"md"===u?"sm":"md",monospaced:!0,textColor:d.custom.palette.text.primaryInverted,align:"center",children:[W,S?e(n,{children:[o(a,{value:t}),S]}):o(a,{value:t}),y]}),o(s,{variation:"outlined",sizing:"md",onClick:C,children:b})]})};export{b as default};

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

@@ -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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import a from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import s from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import{Text as m}from"../../WebCore/Text/Text.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import p 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 n from"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import 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/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/Typography/Typography.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import"../AISummary/AISummary.js";import"../ArrowTextIndicator/ArrowTextIndicator.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"@mui/material/Box";import"@mui/material/Stack";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"../QuestionBar/QuestionBar.js";import"../QuestionBlock/QuestionBlock.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";import"../LoopVideoNudge/LoopVideoNudge.js";import"../PinchIndicator/PinchIndicator.js";const u=()=>{const u=o();return e(p,{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(m,{size:"md",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:u.spacing(u.custom.margin.lg),width:1},children:e(n,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:u.spacing(u.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:u.spacing(u.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(m,{align:"center",size:"sm",children:["Having trouble logging in? ",e(l,{children:"Contact support"}),"."]})]})})};export{u as default};
+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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Animations/FadeIn.js";import a from"../../WebCore/AuthFormHeader/AuthFormHeader.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import s from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import{Text as m}from"../../WebCore/Text/Text.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import p 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 n from"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KbdGroup/Kbd.js";import"../../WebCore/KbdGroup/KbdGroup.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import 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/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"../ArrowTextIndicator/ArrowTextIndicator.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"@mui/material/Box";import"@mui/material/Stack";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"../QuestionBar/QuestionBar.js";import"../QuestionBlock/QuestionBlock.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";import"../LoopVideoNudge/LoopVideoNudge.js";import"../PinchIndicator/PinchIndicator.js";const u=()=>{const u=o();return e(p,{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(m,{size:"md",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:u.spacing(u.custom.margin.lg),width:1},children:e(n,{formConfig:{reValidateMode:"onChange",styleOverrides:{sxStack:{gap:u.spacing(u.custom.margin.sm)},sxForm:{width:1},sxButtons:{mt:u.spacing(u.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(m,{align:"center",size:"sm",children:["Having trouble logging in? ",e(l,{children:"Contact support"}),"."]})]})})};export{u as default};