@useloops/design-system 1.4.575 → 1.4.578
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/systems/Marketing/TickGroup/TickGroup.js +1 -1
- package/dist/esm/systems/Platform/AssetItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/esm/systems/Platform/OnboardingCard/Timeline.js +1 -1
- package/dist/esm/systems/WebCore/Image/Image.js +1 -1
- package/dist/systems/Marketing/TickGroup/TickGroup.js +1 -1
- package/dist/systems/Platform/AssetItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
- package/dist/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
- package/dist/systems/Platform/OnboardingCard/Timeline.js +1 -1
- package/dist/systems/WebCore/Image/Image.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Stack as i,Box as a}from"@mui/material";import n from"../../BrandCore/Icon/Icon.js";import o from"../../WebCore/Typography/Typography.js";const t=({heading:t,ticks:p})=>e(i,{sx:{display:"flex",gap:{sm:2,lg:4}},children:[r(o,{variation:"xl",component:"p",sx:{textAlign:"center"},children:t}),r(a,{sx:{columnGap:
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Stack as i,Box as a}from"@mui/material";import n from"../../BrandCore/Icon/Icon.js";import o from"../../WebCore/Typography/Typography.js";const t=({heading:t,ticks:p})=>e(i,{sx:{display:"flex",gap:{sm:2,lg:4}},children:[r(o,{variation:"xl",component:"p",sx:{textAlign:"center"},children:t}),r(a,{sx:{columnGap:2,display:"flex",flex:1,flexWrap:"wrap",justifyContent:"center",rowGap:2},children:p.map((i,p)=>e(a,{sx:{display:"flex",alignItems:"center",gap:1,px:{sm:0,lg:2}},children:[r(n,{name:"badge-tick",size:32}),r(o,{variation:"xxl",component:"p",children:i})]},`tick-group-${t}-${p}`))})]});export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o,Box as t}from"@mui/material";const e={sm:120,lg:200},s=o(t,{shouldForwardProp:o=>"loading"!=o})(({theme:o,size:t,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:o.custom.palette.icon.disabled,borderRadius:o.spacing(o.custom.radius.sm),backgroundColor:o.custom.palette.surface.sunken,boxShadow:`${o.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:o.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:o.spacing(o.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:o.spacing(o.custom.margin.xs),right:o.spacing(o.custom.margin.xs)},"& .overlay-item":{zIndex:
|
|
1
|
+
import{styled as o,Box as t}from"@mui/material";const e={sm:120,lg:200},s=o(t,{shouldForwardProp:o=>"loading"!=o})(({theme:o,size:t,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:o.custom.palette.icon.disabled,borderRadius:o.spacing(o.custom.radius.sm),backgroundColor:o.custom.palette.surface.sunken,boxShadow:`${o.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:o.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:o.spacing(o.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:o.spacing(o.custom.margin.xs),right:o.spacing(o.custom.margin.xs)},"& .overlay-item":{zIndex:2},"&:hover":{"&:before":{opacity:1,backgroundColor:o.custom.palette.interaction.hover},".AssetItem__Menu":{opacity:1}},"&:active":{"&:before":{backgroundColor:o.custom.palette.interaction.press}},width:e[t]}));export{s as AssetItemContainer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useTheme as o,Box as r,Stack as i}from"@mui/material";import{pluralise as a}from"../../../utils/pluralise.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import n from"../../WebCore/Image/Image.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/utils/autocomplete.styles.js";import"../../WebCore/Select/AutocompleteListbox.js";import"../../WebCore/Select/StyledAutocomplete.js";import"../../WebCore/Select/SelectItem.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import 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{CardContainer as s,ImageContainer as p,ContentContainer as l,LoopItemTitle as d,LoopItemText as c,CtaContent as b}from"./_partials/styledPartials.js";const C={position:"relative",width:"100%",height:"100%",display:"flex","& .lazy-load-image-background":{width:"100%",height:"100%"},"& .lazy-load-image-background > img":{objectFit:"cover",width:"100%",height:"100%"}},j=({onClick:j,id:u,thumbnail:W,title:h,active:g=!1,loading:S,testCount:B,draftCount:y,cta:f})=>{const k=o();return e(s,S?{onClick:j,active:g,"data-id":u,cta:f,children:[t(p,{id:"image-holder",children:t(n,{src:W,width:"100%",height:"100%",containerSx:C})}),t(l,{children:e(r,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[t(m,{height:19}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[t(m,{height:16}),t(m,{height:16})]})]})})]}:{onClick:j,active:g,"data-id":u,cta:f,children:[t(p,{id:"image-holder",children:t(n,{src:W,width:"100%",height:"100%",containerSx:C})}),e(l,{children:[t(d,{component:"p",variation:"sm",weight:"bold",active:g,children:h}),e(i,{direction:"row",gap:k.spacing(k.custom.margin.sm),width:1,justifyContent:"center",children:[!B&&!y&&t(c,{component:"p",variation:"sm",active:g,children:"Empty"}),!!B&&t(c,{component:"p",variation:"sm",active:g,children:`${B} ${a("Test",B)}`}),!!y&&t(c,{component:"p",variation:"sm",active:g,children:`${y} ${a("Draft",y)}`})]})]}),f&&t(b,{children:f})]})};export{j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,Box as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import o from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const r=e(t,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:t,cta:o,disabled:r})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:o?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:o?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:r?"default":"pointer"},...t&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),i=e(t)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),a=e(t)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),s=e(t)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),p=e(t)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),m=e(o,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:t,disabled:o})=>({color:o?e.custom.palette.text.disabled:t?e.custom.palette.text.
|
|
1
|
+
import{styled as e,Box as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"react/jsx-runtime";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/Accordion/Accordion.js";import o from"../../../WebCore/Typography/Typography.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"@mui/icons-material";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"react";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/utils/autocomplete.styles.js";import"../../../WebCore/Select/AutocompleteListbox.js";import"../../../WebCore/Select/StyledAutocomplete.js";import"../../../WebCore/Select/SelectItem.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const r=e(t,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:t,cta:o,disabled:r})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:o?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:o?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:r?"default":"pointer"},...t&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),i=e(t)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),a=e(t)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),s=e(t)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),p=e(t)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),m=e(o,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:t,disabled:o})=>({color:o?e.custom.palette.text.disabled:t?e.custom.palette.text.lockedWhite:e.custom.palette.text.primary})),n=e(o,{shouldForwardProp:e=>"active"!==e})(({theme:e,active:t})=>({color:t?e.custom.palette.text.lockedWhite:e.custom.palette.text.secondary}));export{r as CardContainer,s as ContentContainer,p as CtaContent,i as IconBacking,a as ImageContainer,n as LoopItemText,m as LoopItemTitle};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{timelineItemClasses as
|
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import{timelineItemClasses as t,TimelineItem as n,TimelineSeparator as o,TimelineConnector as r,TimelineContent as l}from"@mui/lab";import c from"@mui/lab/Timeline";import{Box as m}from"@mui/material";import{motion as a}from"motion/react";import{useMemo as d,useRef as s,useState as p,useCallback as h,useEffect as u}from"react";import g from"../../BrandCore/Icon/Icon.js";import f from"../../WebCore/Button/Button.js";import{StyledDot as C,ItemContainer as x,TitleText as v,DescriptionText as b,StyledBoxWrapper as k,StyledLinkWrapper as w}from"./StyledTimeline.js";const z=({children:i,complete:t,onClick:n})=>t?e(k,{children:i}):e(w,{underline:"none",component:"button",onClick:n,target:"_self",children:i}),j=({complete:t,title:n,description:o,onClick:r})=>e(x,{children:i(z,{complete:t,onClick:r,children:[e(v,{component:"p",variation:"lg",children:n}),!t&&e(g,{name:"arrow-right",size:16}),!t&&o&&e(b,{variation:"lg",component:"p",children:o})]})}),y=({item:t,showConnector:c})=>{const{complete:m,title:a,description:d,onClick:s}=t;return i(n,{children:[i(o,{children:[e(C,{completed:m,children:m?e(g,{name:"badge-tick-in-circle",size:24}):void 0}),c&&e(r,{sx:{backgroundColor:e=>e.custom.palette.icon.disabled}})]}),t&&e(l,{sx:{pt:0},children:e(j,{complete:m,title:a,description:d,onClick:s})})]})},B={initial:{height:"auto",transition:{duration:0}},animate:e=>({height:e,transition:{duration:.4,ease:[.645,.045,.355,1]}})},T=({expanded:n,onToggleExpanded:o,items:r})=>{const l=r.find(e=>!e.complete),C=d(()=>n?r:[l],[n,r,l]),x=s(null),[v,b]=p(),k=h(()=>{if(!x.current)return;const e=x.current.scrollHeight;b(e)},[r]);return u(()=>{k()},[n,k]),u(()=>{const e=new ResizeObserver(k);return x.current&&e.observe(x.current),()=>e.disconnect()},[k]),e(a.div,{variants:B,initial:"initial",animate:"auto"===v?"initial":["initial","animate"],custom:v,style:{overflow:"hidden"},children:e("div",{ref:x,style:{display:"flex"},children:i(c,{sx:{paddingLeft:e=>e.spacing(e.custom.padding.xs),marginBottom:0,[`& .${t.root}`]:{minHeight:0,":before":{flex:0,padding:0}}},children:[C.map((i,t)=>{const n=t<C.length-1;return i&&i?.title===l?.title?e(y,{item:i,showConnector:C.length>1?n:!!l?.description},`${i.title}-${i.complete}`):i&&e(y,{item:i,showConnector:n},i.title)}),!n&&e(m,{sx:{marginTop:e=>e.spacing(e.custom.margin.md),alignSelf:"center"},children:e(f,{endIcon:e(g,{name:"chevron-down",size:16}),sizing:"xs",variation:"outlined",onClick:o,children:"Show more"})})]})})})};export{T as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{styled as
|
|
1
|
+
import{jsxs as t,jsx as i}from"react/jsx-runtime";import{styled as e,Box as r,Fade as o,Skeleton as n}from"@mui/material";import{useState as a}from"react";import{useInView as s}from"react-intersection-observer";const h=e("img")(({isLoaded:t})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",opacity:t?1:0,filter:t?"blur(0px)":"blur(15px)",transform:t?"scale(1)":"scale(1.05)",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s"})),l=({children:e,src:l,alt:c,width:d,height:m,containerSx:g,threshold:p=.1,rootMargin:u="500px",...f})=>{const[x,w]=a(!1),{ref:b,inView:v}=s({threshold:p,rootMargin:u,triggerOnce:!0});return t(r,{ref:b,sx:{position:"relative",width:d,height:m,overflow:"hidden",...g},children:[i(o,{in:!x,unmountOnExit:!0,children:i(r,{sx:{width:d,height:m,position:"absolute",inset:0},children:i(n,{variant:"rectangular",width:"100%",height:"100%"})})}),v&&i(h,{onLoad:()=>w(!0),alt:c,src:l,width:d,height:m,isLoaded:x,loading:"lazy",...f})]})};export{l as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),a=require("../../WebCore/Typography/Typography.js");module.exports=({heading:s,ticks:n})=>e.jsxs(r.Stack,{sx:{display:"flex",gap:{sm:2,lg:4}},children:[e.jsx(a,{variation:"xl",component:"p",sx:{textAlign:"center"},children:s}),e.jsx(r.Box,{sx:{columnGap:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("../../BrandCore/Icon/Icon.js"),a=require("../../WebCore/Typography/Typography.js");module.exports=({heading:s,ticks:n})=>e.jsxs(r.Stack,{sx:{display:"flex",gap:{sm:2,lg:4}},children:[e.jsx(a,{variation:"xl",component:"p",sx:{textAlign:"center"},children:s}),e.jsx(r.Box,{sx:{columnGap:2,display:"flex",flex:1,flexWrap:"wrap",justifyContent:"center",rowGap:2},children:n.map((n,t)=>e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:1,px:{sm:0,lg:2}},children:[e.jsx(i.default,{name:"badge-tick",size:32}),e.jsx(a,{variation:"xxl",component:"p",children:n})]},`tick-group-${s}-${t}`))})]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");const t={sm:120,lg:200},o=e.styled(e.Box,{shouldForwardProp:e=>"loading"!=e})(({theme:e,size:o,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:e.custom.palette.icon.disabled,borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.surface.sunken,boxShadow:`${e.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:e.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:e.spacing(e.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:e.spacing(e.custom.margin.xs),right:e.spacing(e.custom.margin.xs)},"& .overlay-item":{zIndex:
|
|
1
|
+
"use strict";var e=require("@mui/material");const t={sm:120,lg:200},o=e.styled(e.Box,{shouldForwardProp:e=>"loading"!=e})(({theme:e,size:o,loading:s})=>({position:"relative",cursor:s?"auto":"pointer",aspectRatio:"1 / 1",display:"flex",alignItems:"center",justifyContent:"center",color:e.custom.palette.icon.disabled,borderRadius:e.spacing(e.custom.radius.sm),backgroundColor:e.custom.palette.surface.sunken,boxShadow:`${e.custom.elevation.raised}`,overflow:"hidden","&:before":{content:'""',transition:"all 0.3s ease",position:"absolute",inset:0,backgroundColor:e.custom.palette.surface.sunken,opacity:0,zIndex:1},"& .cover-type-wrapper":{position:"absolute",bottom:e.spacing(e.custom.margin.sm),left:"50%",transform:"translateX(-50%)"},"& .asset-item-menu":{position:"absolute",top:e.spacing(e.custom.margin.xs),right:e.spacing(e.custom.margin.xs)},"& .overlay-item":{zIndex:2},"&:hover":{"&:before":{opacity:1,backgroundColor:e.custom.palette.interaction.hover},".AssetItem__Menu":{opacity:1}},"&:active":{"&:before":{backgroundColor:e.custom.palette.interaction.press}},width:t[o]}));exports.AssetItemContainer=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react")
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("../../../utils/pluralise.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/Icon/Icon.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js"),require("../../WebCore/Typography/Typography.js"),require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../WebCore/Button/Button.js"),require("../../WebCore/ButtonBase/ButtonBase.js"),require("../../WebCore/Checkbox/StyledCheckbox.js"),require("../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../WebCore/Differential/DifferentialContainer.js"),require("../../WebCore/Differential/DifferentialRadio.js"),require("../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../WebCore/IconButton/IconButton.js"),require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js");var t=require("../../WebCore/Image/Image.js");require("../../WebCore/Label/Label.js"),require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js"),require("../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/Menu/MenuItem.js"),require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("../../WebCore/Nudge/NudgeButton.js"),require("../../WebCore/NumberField/NumberField.js"),require("../../BrandCore/colorRamps.js"),require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../WebCore/Pill/StyledPill.js"),require("../../WebCore/Progress/Progress.js"),require("../../WebCore/ProgressBar/ProgressBar.js"),require("../../WebCore/Radio/StyledRadio.js"),require("../../WebCore/utils/autocomplete.styles.js"),require("../../WebCore/Select/AutocompleteListbox.js"),require("../../WebCore/Select/StyledAutocomplete.js"),require("../../WebCore/Select/SelectItem.js"),require("../../WebCore/Select/StyledSelect.js"),require("../../WebCore/RankItem/RankItemContainer.js"),require("../../WebCore/RankItem/RankItemLabel.js"),require("../../WebCore/SortableList/SortableList.js"),require("../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var o=require("../../WebCore/Skeleton/Skeleton.js");require("../../WebCore/Slider/StyledSlider.js"),require("../../WebCore/StarRating/StarRating.js"),require("../../WebCore/Switch/StyledSwitch.js"),require("../../WebCore/Textarea/Textarea.js"),require("../../WebCore/TrialCard/TrialCardContainers.js"),require("../../WebCore/TrialCard/TrialPill.js"),require("../../WebCore/UserMenu/UserMenuButton.js"),require("../../WebCore/VideoModal/VideoModal.js");var a=require("./_partials/styledPartials.js");const s={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%"}};module.exports=({onClick:n,id:u,thumbnail:l,title:d,active:c=!1,loading:C,testCount:j,draftCount:b,cta:q})=>{const p=r.useTheme();return C?e.jsxs(a.CardContainer,{onClick:n,active:c,"data-id":u,cta:q,children:[e.jsx(a.ImageContainer,{id:"image-holder",children:e.jsx(t,{src:l,width:"100%",height:"100%",containerSx:s})}),e.jsx(a.ContentContainer,{children:e.jsxs(r.Box,{display:"flex",gap:1,flexDirection:"column",width:2/3,alignSelf:"center",children:[e.jsx(o,{height:19}),e.jsxs(r.Stack,{direction:"row",gap:p.spacing(p.custom.margin.sm),width:1,justifyContent:"center",children:[e.jsx(o,{height:16}),e.jsx(o,{height:16})]})]})})]}):e.jsxs(a.CardContainer,{onClick:n,active:c,"data-id":u,cta:q,children:[e.jsx(a.ImageContainer,{id:"image-holder",children:e.jsx(t,{src:l,width:"100%",height:"100%",containerSx:s})}),e.jsxs(a.ContentContainer,{children:[e.jsx(a.LoopItemTitle,{component:"p",variation:"sm",weight:"bold",active:c,children:d}),e.jsxs(r.Stack,{direction:"row",gap:p.spacing(p.custom.margin.sm),width:1,justifyContent:"center",children:[!j&&!b&&e.jsx(a.LoopItemText,{component:"p",variation:"sm",active:c,children:"Empty"}),!!j&&e.jsx(a.LoopItemText,{component:"p",variation:"sm",active:c,children:`${j} ${i.pluralise("Test",j)}`}),!!b&&e.jsx(a.LoopItemText,{component:"p",variation:"sm",active:c,children:`${b} ${i.pluralise("Draft",b)}`})]})]}),q&&e.jsx(a.CtaContent,{children:q})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@mui/material");require("../../../../utils/formValidation/misc.js"),require("react/jsx-runtime"),require("../../../BrandCore/Icon/Icon.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/Accordion/Accordion.js");var r=require("../../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../WebCore/IconButton/IconButton.js"),require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/Label/Label.js"),require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/utils/autocomplete.styles.js"),require("../../../WebCore/Select/AutocompleteListbox.js"),require("../../../WebCore/Select/StyledAutocomplete.js"),require("../../../WebCore/Select/SelectItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/RankItemContainer.js"),require("../../../WebCore/RankItem/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js");const t=e.styled(e.Box,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:r,cta:t,disabled:o})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:t?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:t?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:o?"default":"pointer"},...r&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e.styled(e.Box)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e.styled(e.Box)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),s=e.styled(e.Box)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),u=e.styled(r,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:r,disabled:t})=>({color:t?e.custom.palette.text.disabled:r?e.custom.palette.text.
|
|
1
|
+
"use strict";var e=require("@mui/material");require("../../../../utils/formValidation/misc.js"),require("react/jsx-runtime"),require("../../../BrandCore/Icon/Icon.js"),require("../../../BrandCore/primitiveVariables.js"),require("../../../WebCore/utils/typography.util.js"),require("../../../WebCore/AnnualController/AnnualController.js"),require("../../../WebCore/Accordion/Accordion.js");var r=require("../../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../../WebCore/Badge/Badge.js"),require("../../../WebCore/Breadcrumb/Breadcrumb.js"),require("../../../WebCore/Button/Button.js"),require("../../../WebCore/ButtonBase/ButtonBase.js"),require("../../../WebCore/Checkbox/StyledCheckbox.js"),require("../../../WebCore/InputFieldBase/InputFieldBase.js"),require("../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js"),require("@mui/icons-material"),require("../../../WebCore/InputLabelBase/StyledInputLabelBase.js"),require("../../../WebCore/Differential/DifferentialContainer.js"),require("../../../WebCore/Differential/DifferentialRadio.js"),require("../../../WebCore/DropdownMenu/StyledMenu.js"),require("react"),require("../../../WebCore/FormGenerator/FormGenerator.js"),require("../../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser"),require("../../../WebCore/IconButton/IconButton.js"),require("../../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../../WebCore/Image/Image.js"),require("../../../WebCore/Label/Label.js"),require("../../../WebCore/Likert/LikertContainer.js"),require("../../../WebCore/Likert/LikertLabel.js"),require("../../../WebCore/Likert/LikertRadio.js"),require("../../../WebCore/Link/StyledLink.js"),require("@lottiefiles/dotlottie-react"),require("../../../WebCore/LoopsAiButton/LoopsAiButton.js"),require("markdown-to-jsx"),require("material-ui-popup-state/hooks"),require("../../../WebCore/Surface/Surface.js"),require("../../../WebCore/Menu/MenuItem.js"),require("../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../../WebCore/NavigationButton/NavigationButton.js"),require("../../../WebCore/Nudge/NudgeButton.js"),require("../../../WebCore/NumberField/NumberField.js"),require("../../../BrandCore/colorRamps.js"),require("../../../BrandCore/semanticColor.js"),require("../../../BrandCore/types.js"),require("../../../BrandCore/typography.js"),require("../../../WebCore/Pill/StyledPill.js"),require("../../../WebCore/Progress/Progress.js"),require("../../../WebCore/ProgressBar/ProgressBar.js"),require("../../../WebCore/Radio/StyledRadio.js"),require("../../../WebCore/utils/autocomplete.styles.js"),require("../../../WebCore/Select/AutocompleteListbox.js"),require("../../../WebCore/Select/StyledAutocomplete.js"),require("../../../WebCore/Select/SelectItem.js"),require("../../../WebCore/Select/StyledSelect.js"),require("../../../WebCore/RankItem/RankItemContainer.js"),require("../../../WebCore/RankItem/RankItemLabel.js"),require("../../../WebCore/SortableList/SortableList.js"),require("../../../WebCore/SortableList/components/SortableItem/SortableItem.js"),require("../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js"),require("@tiptap/extension-placeholder"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../../WebCore/RichTextField/StyledRichTextEditor.js"),require("../../../WebCore/Skeleton/Skeleton.js"),require("../../../WebCore/Slider/StyledSlider.js"),require("../../../WebCore/StarRating/StarRating.js"),require("../../../WebCore/Switch/StyledSwitch.js"),require("../../../WebCore/Textarea/Textarea.js"),require("../../../WebCore/TrialCard/TrialCardContainers.js"),require("../../../WebCore/TrialCard/TrialPill.js"),require("../../../WebCore/UserMenu/UserMenuButton.js"),require("../../../WebCore/VideoModal/VideoModal.js");const t=e.styled(e.Box,{shouldForwardProp:e=>!["active","cta","disabled"].includes(e)})(({theme:e,active:r,cta:t,disabled:o})=>({display:"grid",justifySelf:"stretch",gridTemplateRows:t?`1fr ${e.spacing(8)} ${e.spacing(7)}`:`1fr ${e.spacing(8)}`,minWidth:128,maxWidth:176,borderRadius:e.spacing(e.custom.radius.lg),paddingBottom:t?0:e.spacing(e.custom.padding.md),overflow:"hidden",backgroundColor:e.custom.palette.surface.raised,boxShadow:e.custom.elevation.raised,"&:hover":{cursor:o?"default":"pointer"},...r&&{backgroundColor:e.custom.palette.purple[500],color:e.custom.palette.text.primaryInverted,cursor:"pointer","& #image-holder":{position:"relative","&:after":{content:"''",position:"absolute",inset:0,border:`2px solid ${e.custom.palette.purple[500]}`,borderTopLeftRadius:e.spacing(e.custom.radius.lg),borderTopRightRadius:e.spacing(e.custom.radius.lg)}}}})),o=e.styled(e.Box)(({theme:e})=>({display:"flex",justifyContent:"center",alignItems:"center",marginTop:e.spacing(e.custom.margin.sm),height:64,width:64,backgroundColor:e.custom.palette.surface.default,borderRadius:e.custom.radius.round})),i=e.styled(e.Box)(({theme:e})=>({boxShadow:"none",backgroundColor:e.custom.palette.surface.default,overflow:"hidden",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",borderTopLeftRadius:e.spacing(e.custom.radius.md),borderTopRightRadius:e.spacing(e.custom.radius.md),aspectRatio:1.5})),a=e.styled(e.Box)(({theme:e})=>({paddingLeft:e.spacing(e.custom.padding.sm),paddingRight:e.spacing(e.custom.padding.sm),paddingTop:e.spacing(e.custom.padding.md),textAlign:"center",justifyContent:"center",display:"flex",flexDirection:"column",gap:e.spacing(e.custom.margin.xs)})),s=e.styled(e.Box)(({theme:e})=>({marginTop:e.spacing(e.custom.margin.md),display:"flex",justifyContent:"center"})),u=e.styled(r,{shouldForwardProp:e=>!["active","disabled"].includes(e)})(({theme:e,active:r,disabled:t})=>({color:t?e.custom.palette.text.disabled:r?e.custom.palette.text.lockedWhite:e.custom.palette.text.primary})),n=e.styled(r,{shouldForwardProp:e=>"active"!==e})(({theme:e,active:r})=>({color:r?e.custom.palette.text.lockedWhite:e.custom.palette.text.secondary}));exports.CardContainer=t,exports.ContentContainer=a,exports.CtaContent=s,exports.IconBacking=o,exports.ImageContainer=i,exports.LoopItemText=n,exports.LoopItemTitle=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/lab"),t=require("@mui/lab/Timeline"),n=require("@mui/material"),r=require("motion/react"),o=require("react"),l=require("../../BrandCore/Icon/Icon.js"),s=require("../../WebCore/Button/Button.js"),c=require("./StyledTimeline.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(t);const u=({children:i,complete:t,onClick:n})=>t?e.jsx(c.StyledBoxWrapper,{children:i}):e.jsx(c.StyledLinkWrapper,{underline:"none",component:"button",onClick:n,target:"_self",children:i}),m=({complete:i,title:t,description:n,onClick:r})=>e.jsx(c.ItemContainer,{children:e.jsxs(u,{complete:i,onClick:r,children:[e.jsx(c.TitleText,{component:"p",variation:"lg",children:t}),!i&&e.jsx(l.default,{name:"arrow-right",size:16}),!i&&n&&e.jsx(c.DescriptionText,{variation:"lg",component:"p",children:n})]})}),x=({item:t,showConnector:n})=>{const{complete:r,title:o,description:s,onClick:a}=t;return e.jsxs(i.TimelineItem,{children:[e.jsxs(i.TimelineSeparator,{children:[e.jsx(c.StyledDot,{completed:r,children:r?e.jsx(l.default,{name:"badge-tick-in-circle",size:24}):void 0}),n&&e.jsx(i.TimelineConnector,{sx:{backgroundColor:e=>e.custom.palette.icon.disabled}})]}),t&&e.jsx(i.TimelineContent,{children:e.jsx(m,{complete:r,title:o,description:s,onClick:a})})]})},p={initial:{height:"auto",transition:{duration:0}},animate:e=>({height:e,transition:{duration:.4,ease:[.645,.045,.355,1]}})};module.exports=({expanded:t,onToggleExpanded:c,items:a})=>{const u=a.find(e=>!e.complete),m=o.useMemo(()=>t?a:[u],[t,a,u]),h=o.useRef(null),[j,g]=o.useState(),f=o.useCallback(()=>{if(!h.current)return;const e=h.current.scrollHeight;g(e)},[a]);return o.useEffect(()=>{f()},[t,f]),o.useEffect(()=>{const e=new ResizeObserver(f);return h.current&&e.observe(h.current),()=>e.disconnect()},[f]),e.jsx(r.motion.div,{variants:p,initial:"initial",animate:"auto"===j?"initial":["initial","animate"],custom:j,style:{overflow:"hidden"},children:e.jsx("div",{ref:h,style:{display:"flex"},children:e.jsxs(d.default,{sx:{paddingLeft:e=>e.spacing(e.custom.padding.xs),marginBottom:0,[`& .${i.timelineItemClasses.root}`]:{minHeight:0,":before":{flex:0,padding:0}}},children:[m.map((i,t)=>{const n=t<m.length-1;return i&&i?.title===u?.title?e.jsx(x,{item:i,showConnector:m.length>1?n:!!u?.description},`${i.title}-${i.complete}`):i&&e.jsx(x,{item:i,showConnector:n},i.title)}),!t&&e.jsx(n.Box,{sx:{marginTop:e=>e.spacing(e.custom.margin.md),alignSelf:"center"},children:e.jsx(s,{endIcon:e.jsx(l.default,{name:"chevron-down",size:16}),sizing:"xs",variation:"outlined",onClick:c,children:"Show more"})})]})})})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("@mui/lab"),t=require("@mui/lab/Timeline"),n=require("@mui/material"),r=require("motion/react"),o=require("react"),l=require("../../BrandCore/Icon/Icon.js"),s=require("../../WebCore/Button/Button.js"),c=require("./StyledTimeline.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(t);const u=({children:i,complete:t,onClick:n})=>t?e.jsx(c.StyledBoxWrapper,{children:i}):e.jsx(c.StyledLinkWrapper,{underline:"none",component:"button",onClick:n,target:"_self",children:i}),m=({complete:i,title:t,description:n,onClick:r})=>e.jsx(c.ItemContainer,{children:e.jsxs(u,{complete:i,onClick:r,children:[e.jsx(c.TitleText,{component:"p",variation:"lg",children:t}),!i&&e.jsx(l.default,{name:"arrow-right",size:16}),!i&&n&&e.jsx(c.DescriptionText,{variation:"lg",component:"p",children:n})]})}),x=({item:t,showConnector:n})=>{const{complete:r,title:o,description:s,onClick:a}=t;return e.jsxs(i.TimelineItem,{children:[e.jsxs(i.TimelineSeparator,{children:[e.jsx(c.StyledDot,{completed:r,children:r?e.jsx(l.default,{name:"badge-tick-in-circle",size:24}):void 0}),n&&e.jsx(i.TimelineConnector,{sx:{backgroundColor:e=>e.custom.palette.icon.disabled}})]}),t&&e.jsx(i.TimelineContent,{sx:{pt:0},children:e.jsx(m,{complete:r,title:o,description:s,onClick:a})})]})},p={initial:{height:"auto",transition:{duration:0}},animate:e=>({height:e,transition:{duration:.4,ease:[.645,.045,.355,1]}})};module.exports=({expanded:t,onToggleExpanded:c,items:a})=>{const u=a.find(e=>!e.complete),m=o.useMemo(()=>t?a:[u],[t,a,u]),h=o.useRef(null),[j,g]=o.useState(),f=o.useCallback(()=>{if(!h.current)return;const e=h.current.scrollHeight;g(e)},[a]);return o.useEffect(()=>{f()},[t,f]),o.useEffect(()=>{const e=new ResizeObserver(f);return h.current&&e.observe(h.current),()=>e.disconnect()},[f]),e.jsx(r.motion.div,{variants:p,initial:"initial",animate:"auto"===j?"initial":["initial","animate"],custom:j,style:{overflow:"hidden"},children:e.jsx("div",{ref:h,style:{display:"flex"},children:e.jsxs(d.default,{sx:{paddingLeft:e=>e.spacing(e.custom.padding.xs),marginBottom:0,[`& .${i.timelineItemClasses.root}`]:{minHeight:0,":before":{flex:0,padding:0}}},children:[m.map((i,t)=>{const n=t<m.length-1;return i&&i?.title===u?.title?e.jsx(x,{item:i,showConnector:m.length>1?n:!!u?.description},`${i.title}-${i.complete}`):i&&e.jsx(x,{item:i,showConnector:n},i.title)}),!t&&e.jsx(n.Box,{sx:{marginTop:e=>e.spacing(e.custom.margin.md),alignSelf:"center"},children:e.jsx(s,{endIcon:e.jsx(l.default,{name:"chevron-down",size:16}),sizing:"xs",variation:"outlined",onClick:c,children:"Show more"})})]})})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),i=require("react"),r=require("react-intersection-observer");const s=t.styled("img")(({isLoaded:e})=>({display:"block",width:"100%",objectFit:"cover",height:"100%",opacity:e?1:0,filter:e?"blur(0px)":"blur(15px)",transform:e?"scale(1)":"scale(1.05)",transition:"opacity 0.5s ease-in-out, filter 0.5s ease-in-out, transform 0.5s ease-in-out",transitionDelay:"0.2s"}));module.exports=({children:o,src:n,alt:a,width:h,height:l,containerSx:d,threshold:c=.1,rootMargin:u="500px",...x})=>{const[g,p]=i.useState(!1),{ref:w,inView:m}=r.useInView({threshold:c,rootMargin:u,triggerOnce:!0});return e.jsxs(t.Box,{ref:w,sx:{position:"relative",width:h,height:l,overflow:"hidden",...d},children:[e.jsx(t.Fade,{in:!g,unmountOnExit:!0,children:e.jsx(t.Box,{sx:{width:h,height:l,position:"absolute",inset:0},children:e.jsx(t.Skeleton,{variant:"rectangular",width:"100%",height:"100%"})})}),m&&e.jsx(s,{onLoad:()=>p(!0),alt:a,src:n,width:h,height:l,isLoaded:g,loading:"lazy",...x})]})};
|