@useloops/design-system 1.4.535 → 1.4.536

package/dist/esm/_chunks/PlanTierCard-DRxliD1W.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{styled as i,Box as r,Stack as o,useTheme as s,chipClasses as a}from"@mui/material";import{forwardRef as n,useRef as p,useEffect as m,startTransition as l}from"react";import"./semanticColor-D7tAxZiD.js";import{a as d}from"./primitiveVariables-C2nCN8Fk.js";import"./types-DNd754Km.js";import"./typography-BTnFjSJk.js";import"./Icon-BP-WmpAJ.js";import"merge-sx";import{T as c}from"./Typography-CgDLR_Wd.js";import"./misc-DEfpkrzV.js";import"./typography.util-ZFUiA8Aq.js";import"./AnnualController-Cac2S5IF.js";import"./Accordion-DefclLdl.js";import"./Badge-udxQgyxt.js";import"./Breadcrumb-DsuUqc-L.js";import{B as h}from"./Button-CpuXPWGi.js";import"./ButtonBase-C2q4CZV7.js";import"./StyledCheckbox-SuzP9Yxe.js";import"./InputFieldBase-B4d6Dg-h.js";import"./CreatableAutocomplete-CmmYcs5K.js";import"@mui/icons-material";import"./InputLabelBase-BdwNmiyi.js";import"./Differential-CrNzQGqM.js";import"./StyledMenu-riM_crCE.js";import{u as g}from"./breakpoint.hook-CtMCCTHh.js";import{u}from"./screen.hook-BNmuYIBj.js";import"./FormGenerator-Ccs5ud37.js";import"./GridOverlay-BLtO6feB.js";import"html-react-parser";import"./IconButton-CVSXM4Tq.js";import"./IconButtonBase-CBa1P3Dt.js";import"./IconButtonGroup-C2ivSzDs.js";import"./Image-B_WlPc7A.js";import{L as j}from"./Label-D75U7tme.js";import"./Likert-CE1d1idd.js";import{L as f}from"./Link-uYzcfgc4.js";import"@lottiefiles/dotlottie-react";import"./LoopsAiButton-DeAXErZu.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"./Surface-B6Np35YX.js";import"./MenuItem-Dqu--f1Y.js";import"./ModalContentWrapper-LR-5lBgA.js";import"./NavigationButton-BY1JgkDq.js";import"./NudgeButton-248syNPr.js";import"./NumberField-DCxbOEav.js";import"./StyledPill-BI44yAhP.js";import"./Progress-BOcnDGZ1.js";import"./ProgressBar-CViBq0rq.js";import"./Radio-B4pNfjag.js";import"./autocomplete.styles-DJ5ythgf.js";import"./Select-NwXZk9Ft.js";import"./RankItem-B-PCTpPr.js";import"./SortableList-CTyQ9Xw7.js";import"@tiptap/extension-placeholder";import"@tiptap/extension-underline";import"@tiptap/starter-kit";import"mui-tiptap";import"./RichTextField-DDibFJZO.js";import{S as y}from"./Skeleton-CgzS0S-t.js";import"./Slider-CmfPIVYZ.js";import"./StarRating-CYozI9kV.js";import"./Switch-I2zWYCGY.js";import"./Textarea-bTjE-WiF.js";import"./TrialPill-iCI6w-r7.js";import"./UserMenuButton-CSuyo0LH.js";import"./VideoModal-BQ-9nxlU.js";import"./AiContentContainer-DnUBmyTZ.js";import"@mui/material/ListItem";import"@mui/material/ListItemText";import"./AISummary-DSf8JQ1a.js";import"./styledPartials-DVZ-JUyj.js";import"@mui/icons-material/CameraAlt";import"@mui/material/styles";import"./CommentCard-sjIah2I2.js";import"./DataPointInfo-C-Fxn_ri.js";import"./DemographicSelectionSection-BeqckGqY.js";import"./StyledSurface-DnCF-ViB.js";import"./StyledSurface-D2bC5OA7.js";import"./TestStatus-rteMMvPA.js";import"@number-flow/react";import"./StyledBox-C2rOzU2D.js";import"./FilterCount-1td3rYiB.js";import"./FilteredItemsCard-B0mfzUDc.js";import"./FilterGroupAccordion-nVAPQnUF.js";import"./FilterPyramidGraph-CY9g9Tpc.js";import"./StyledLisItemButton-DNKQ7vhb.js";import"@mui/material/Box";import"@mui/material/ListItemIcon";import"./StyledLinearProgress-BM98I3DB.js";import"./Header-DXJcbhwD.js";import"./QuestionStatsCard-CeJDecAZ.js";import"./LikertGraph-4JYsd2vm.js";import"./styledPartials-E4AuVW7Y.js";import"./LoopItemEmpty-BjMlCAWI.js";import"./Navigation-DwQMm3UW.js";import"./StyledTimeline-BysHUoCZ.js";import"@mui/lab";import"@mui/lab/Timeline";import"motion/react";import"./styledPartials-C-w4dTKo.js";import"dayjs";import"./QuestionBlock-DTYKUSXB.js";import"./QuestionLabel-BxlAJ9k7.js";import"./QuestionSelector-Bmml7Hv3.js";import"./SearchInput-BUt3SK7I.js";import"./SectionHeader-B9t1O583.js";import"./SentimentArrow-dV4iGdpD.js";import"./SliderGraphYAxis-BdIOTYHU.js";import"./Tab-B4_aRvy2.js";import"react-truncate-list";import"react-truncate-list/dist/styles.css";import"./TestKPICard-Cb9JVqSQ.js";import"./VideoControls-Dl5SACNt.js";import"./theme.provider-BJGpM9uN.js";const x=i(r)((({theme:t})=>({alignItems:"center",display:"flex",gap:t.spacing(t.custom.padding.xs),width:"100%","& .MuiSvgIcon-root":{alignSelf:"start"}}))),b=({feature:i,featuresIcon:r})=>t(x,{children:[r,e(c,{variation:"sm",component:"p",children:i})]}),I=(...t)=>e=>!t.includes(e),S={PlanTierCard:i(o,{shouldForwardProp:I("bordered")})((({theme:t,bordered:e})=>({backgroundColor:t.custom.palette.surface.default,borderRadius:t.spacing(t.custom.radius.lg),border:e?`4px solid ${t.custom.palette.purple[500]}`:`1px solid ${t.custom.palette.stroke.light}`,padding:e?0:3,boxShadow:t.custom.elevation.raised,display:"flex",flex:1,minWidth:"280px",maxWidth:"480px",position:"relative"}))),Top:i(o)((({theme:t})=>({gap:t.spacing(t.custom.padding.lg),padding:t.spacing(t.custom.padding.md),paddingBottom:0}))),Head:i(o,{shouldForwardProp:I("height")})((({theme:t,height:e})=>({gap:t.spacing(t.custom.padding.md),transition:"height 0.3s ease-out",...e&&{minHeight:`${e}px`}}))),PlanTitle:i(o)((({theme:t})=>({gap:t.spacing(t.custom.padding.md),justifyContent:"space-between",flexDirection:"row"}))),Billing:i(o)((({theme:t})=>({alignItems:"start"}))),Price:i(o)((({theme:t})=>({flexDirection:"row",alignItems:"end",gap:t.spacing(t.custom.padding.xs)}))),Body:i(o,{shouldForwardProp:I("height")})((({height:t})=>({...t&&{minHeight:`${t}px`},transition:"height 0.3s ease-out"}))),Bottom:i(o,{shouldForwardProp:I("height")})((({theme:t,height:e})=>({alignItems:"stretch",justifyContent:"space-between",gap:t.spacing(t.custom.padding.lg),padding:t.spacing(t.custom.padding.md),...e&&{minHeight:`${e}px`},transition:"height 0.3s ease-out",[t.breakpoints.up("lg")]:{padding:`${t.spacing(t.custom.padding.lg)} ${t.spacing(t.custom.padding.md)}`}}))),FeatureList:i(o)((({theme:t})=>({alignItems:"center",gap:t.spacing(t.custom.padding.xs),padding:`0 ${t.spacing(t.custom.padding.md)}`})))},B=()=>t(S.PlanTierCard,{children:[t(S.Top,{children:[t(S.Head,{children:[e(S.PlanTitle,{children:e(y,{height:38})}),t(S.Billing,{children:[e(S.Price,{children:e(y,{height:35,width:200})}),e(y,{height:20,width:100})]}),e(y,{height:24,width:100})]}),e(S.Body,{children:e(y,{height:50})}),e(y,{height:100})]}),t(S.Bottom,{children:[t(S.FeatureList,{children:[e(y,{}),e(y,{}),e(y,{}),e(y,{})]}),e(y,{height:40})]})]}),w=i(r,{shouldForwardProp:I("height")})((({height:t})=>({...t&&{minHeight:`${t}px`}}))),k=i(r)((({theme:t})=>({display:"flex",flexDirection:"column",padding:t.spacing(t.custom.padding.md),justifyContent:"center",alignItems:"start",borderRadius:t.spacing(t.custom.radius.md),backgroundColor:t.custom.palette.purple[0]}))),C=n((({respondentsTitle:i,respondentsFeatures:a,featuresIcon:n,height:p},m)=>{const l=s();return e(w,{ref:m,height:p,children:t(k,{children:[e(c,{component:"p",variation:"lg",weight:"bold",children:i}),a?.length&&e(o,{sx:{gap:l.spacing(l.custom.padding.xs),width:"100%"},children:a?.map((({features:s,bundleName:a,bundleCost:p})=>t(o,{children:[e(r,{sx:{borderBottom:`1px solid ${l.custom.palette.purple[100]}`,width:"100%",margin:`${l.spacing(l.custom.margin.md)} 0`}}),(a||p)&&t(o,{direction:"row",mb:l.spacing(l.custom.padding.sm),gap:l.spacing(l.custom.padding.sm),children:[a&&e(c,{component:"p",variation:"lg",weight:"bold",children:a}),p&&t(r,{sx:{marginLeft:"auto",display:"flex",alignItems:"baseline",color:l.custom.palette.text.secondary,gap:"2px"},children:[e(c,{component:"p",variation:"xs",sx:{color:l.custom.palette.text.secondary},children:"From"}),e(c,{component:"p",variation:"lg",weight:"bold",ml:"2px",children:p}),e(c,{component:"p",variation:"xs",sx:{color:l.custom.palette.text.secondary},children:"/mo"})]})]}),s?.map((t=>e(b,{feature:t,featuresIcon:n},`${i}-feature-${t}`)))]},`bundle-${a}`)))})]})})})),P=i(j)((({theme:t})=>({backgroundColor:t.custom.palette.green[600],color:t.custom.palette.text.lockedWhite,borderRadius:t.spacing(t.custom.radius.round),width:"fit-content",height:3*d+"px",flexShrink:0,lineHeight:1,[`& .${a.label}`]:{textTransform:"none"}}))),T=({amount:i,billingType:r,body:o,bordered:a,ctaEvent:n=()=>{},ctaLink:y="#",ctaTarget:x="_self",ctaText:I,ctaVariation:w="primary",currencySymbol:k,currentPlan:T,featuresHeading:v,features:H=[],featuresIcon:F,heading:L,label:$,loading:A,respondentsTitle:R,respondentsFeatures:G,respondentsFeaturesIcon:D,saving:W,sectionHeights:E,updateSectionHeight:M,syncHeightsOnBreakpoints:N})=>{const Q=s(),V=g(),{width:q}=u(),U=p(null),z=p(null),O=p(null),Y=p(null);return A?e(B,{}):(m((()=>{l((()=>{if(E&&M){const t=[{ref:U,key:"headerHeight"},{ref:z,key:"bodyHeight"},{ref:O,key:"respondentCardHeight"},{ref:Y,key:"bottomHeight"}];N?.includes(V)?t.forEach((({ref:t,key:e})=>{t.current?.offsetHeight&&t.current.offsetHeight>E[e]&&M(e,t.current.offsetHeight)})):t.forEach((({key:t})=>{0!==E[t]&&M(t,0)}))}}))}),[V,N,q,M]),t(S.PlanTierCard,{bordered:a,children:[t(S.Top,{children:[t(S.Head,{ref:U,height:E?.headerHeight,children:[t(S.PlanTitle,{children:[e(c,{variation:"lg",component:"h1",weight:"bold",children:L}),$&&e(j,{body:$,weight:"heavy",sx:{height:3*d,backgroundColor:t=>t.custom.palette.icon.primary,color:t=>t.custom.palette.text.primaryInverted}})]}),t(S.Billing,{children:[e(S.Price,{children:t(c,{variation:"xxl",component:"p",weight:"bold",children:[k,i]})}),r&&e(c,{variation:"sm",component:"p",sx:{color:Q.custom.palette.text.secondary},children:r})]}),W&&e(P,{body:W,weight:"heavy"})]}),e(S.Body,{ref:z,height:E?.bodyHeight,children:o}),R&&e(C,{ref:O,height:E?.respondentCardHeight,respondentsTitle:R,respondentsFeatures:G,featuresIcon:D})]}),t(S.Bottom,{ref:Y,height:E?.bottomHeight,children:[H?.length&&t(S.FeatureList,{children:[v&&e(c,{component:"p",variation:"sm",weight:"bold",mr:"auto",children:v}),H.map(((t,i)=>e(b,{feature:t,featuresIcon:F},`${L}-feature-${i}`)))]}),!T&&e(f,{href:y,title:I,target:x,onClick:()=>{L&&n(L)},sx:{"&:hover":{cursor:"pointer"}},children:e(h,{fullWidth:!0,variation:w,sizing:"lg",disabled:T,children:I})})]})]}))};export{T as P};