@useloops/design-system 1.4.547 → 1.4.549

package/dist/systems/BrandCore/primitiveVariables.d.ts

@@ -0,0 +1,76 @@
+type GenericSizeMap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+declare const breakpoints: {
+    sm: number;
+    md: number;
+    lg: number;
+    lgNav: number;
+    xl: number;
+    xxl: number;
+};
+declare const space: {
+    0: number;
+    25: number;
+    50: number;
+    100: number;
+    150: number;
+    200: number;
+    300: number;
+    350: number;
+    400: number;
+    500: number;
+    600: number;
+    800: number;
+    1000: number;
+    2000: number;
+};
+declare const base: number;
+declare const margin: {
+    none: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    xxl: number;
+    xxxl: number;
+};
+declare const padding: {
+    none: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+};
+declare const radius: {
+    none: number;
+    xs: number;
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+    round: number;
+};
+declare const elevation: {
+    raised: string;
+    float: string;
+    overlay: string;
+    aiSummary: string;
+};
+declare const elevationFilter: {
+    raised: string;
+    float: string;
+    overlay: string;
+};
+declare const boxShadow: {
+    input: {
+        focus: string;
+    };
+};
+declare const easing: {
+    default: string;
+    input: string;
+};
+
+export { base, boxShadow, breakpoints, easing, elevation, elevationFilter, margin, padding, radius, space };
+export type { GenericSizeMap };

package/dist/systems/BrandCore/semanticColor.d.ts

@@ -0,0 +1,5 @@
+import { SemanticColor } from './types.js';
+
+declare const semantic: SemanticColor;
+
+export { semantic };

package/dist/systems/BrandCore/semanticColor.js

@@ -0,0 +1 @@
+"use strict";var e=require("./primitiveColor.js");const r={light:{surface:{sunken:e.neutral[50],default:e.neutral[0],raised:e.neutral[0],float:e.neutral[0],overlay:e.neutral[0],scrim:e.neutralAlpha[5],transparent:e.neutralAlpha[.01]},interaction:{none:e.neutralAlpha[0],hover:e.neutralAlpha[1],press:e.neutralAlpha[2],hoverOnDark:e.neutralAlpha[3],pressOnDark:e.neutralAlpha[4],disabled:e.neutralAlpha[2],disabledMuted:e.neutralAlpha[1]},stroke:{default:e.neutral[200],light:e.neutral[100],focus:e.purple[500],disabled:e.neutral[100]},text:{primary:e.neutral[1e3],secondary:e.neutral[600],placeholder:e.neutral[400],disabled:e.neutral[300],link:e.purple[800],linkHover:e.purple[900],primaryInverted:e.neutral[0],secondaryInverted:e.neutral[400],placeholderInverted:e.neutral[600],disabledInverted:e.neutral[700],positive:e.green[800],negative:e.red[700],lockedWhite:e.neutral[0]},icon:{primary:e.neutral[1e3],secondary:e.neutral[600],disabled:e.neutral[300],primaryInverted:e.neutral[0],secondaryInverted:e.neutral[400],disabledInverted:e.neutral[700],positive:e.green[800],negative:e.red[700],lockedWhite:e.neutral[0],link:e.purple[800],linkHover:e.purple[900]},input:{default:e.neutral[0],disabled:"#FFFFFF80"},skeleton:{default:e.neutralAlpha[2]},data:{sentimentVeryPositive:e.green[300],sentimentPositive:e.green[100],sentimentNeutral:e.neutral[100],sentimentNegative:e.red[100],sentimentVeryNegative:e.red[300]}},dark:{surface:{default:e.darkNeutral[50],sunken:e.darkNeutral[0],raised:e.darkNeutral[100],float:e.darkNeutral[100],overlay:e.darkNeutral[200],scrim:e.darkNeutralAlpha[5],transparent:e.darkNeutralAlpha[.01]},interaction:{none:e.darkNeutralAlpha[0],hover:e.darkNeutralAlpha[1],press:e.darkNeutralAlpha[2],hoverOnDark:e.darkNeutralAlpha[3],pressOnDark:e.darkNeutralAlpha[4],disabled:e.darkNeutralAlpha[2],disabledMuted:e.darkNeutralAlpha[1]},stroke:{default:e.darkNeutral[200],light:e.darkNeutral[100],focus:e.purple[500],disabled:e.darkNeutral[100]},text:{primary:e.darkNeutral[1e3],secondary:e.darkNeutral[700],placeholder:e.darkNeutral[400],disabled:e.darkNeutral[300],link:e.purple[100],linkHover:e.purple[0],primaryInverted:e.darkNeutral[0],secondaryInverted:e.darkNeutral[400],placeholderInverted:e.darkNeutral[600],disabledInverted:e.darkNeutral[700],positive:e.green[300],negative:e.red[300],lockedWhite:e.neutral[0]},icon:{primary:e.darkNeutral[1e3],secondary:e.darkNeutral[700],disabled:e.darkNeutral[300],primaryInverted:e.darkNeutral[0],secondaryInverted:e.darkNeutral[400],disabledInverted:e.darkNeutral[700],positive:e.green[300],negative:e.red[300],lockedWhite:e.neutral[0],link:e.purple[100],linkHover:e.purple[0]},input:{default:e.darkNeutral[100],disabled:"#2A223C80"},skeleton:{default:e.darkNeutralAlpha[2]},data:{sentimentVeryPositive:e.green[600],sentimentPositive:e.green[800],sentimentNeutral:e.darkNeutral[100],sentimentNegative:e.red[800],sentimentVeryNegative:e.red[600]}}};exports.semantic=r;

package/dist/systems/BrandCore/textures.js

@@ -0,0 +1 @@
+"use strict";exports.noise1="https://useloops-public.s3.eu-west-2.amazonaws.com/public/static/misc/noise_tile.png";

package/dist/systems/BrandCore/types.d.ts

@@ -0,0 +1,171 @@
+interface ColorRange {
+    [key: number]: string | undefined;
+    0: string;
+    50?: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950?: string;
+    1000: string;
+    1100?: string;
+}
+interface ColorRangeAlpha {
+    0: string;
+    0.01: string;
+    1: string;
+    2: string;
+    3: string;
+    4: string;
+    5: string;
+}
+declare enum FontWeight {
+    DEFAULT = 400,
+    BOLD = 500
+}
+interface SemanticColor {
+    light: {
+        surface: {
+            sunken: string | undefined;
+            default: string | undefined;
+            raised: string | undefined;
+            float: string | undefined;
+            overlay: string | undefined;
+            scrim: string | undefined;
+            transparent: string | undefined;
+        };
+        interaction: {
+            none: string | undefined;
+            hover: string | undefined;
+            press: string | undefined;
+            hoverOnDark: string | undefined;
+            pressOnDark: string | undefined;
+            disabled: string | undefined;
+            disabledMuted: string | undefined;
+        };
+        stroke: {
+            default: string | undefined;
+            light: string | undefined;
+            focus: string | undefined;
+            disabled: string | undefined;
+        };
+        text: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            placeholder: string | undefined;
+            disabled: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            placeholderInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+        };
+        icon: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            disabled: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+        };
+        input: {
+            default: string | undefined;
+            disabled: string | undefined;
+        };
+        skeleton: {
+            default: string | undefined;
+        };
+        data: {
+            sentimentVeryPositive: string | undefined;
+            sentimentPositive: string | undefined;
+            sentimentNegative: string | undefined;
+            sentimentVeryNegative: string | undefined;
+            sentimentNeutral: string | undefined;
+        };
+    };
+    dark: {
+        surface: {
+            sunken: string | undefined;
+            default: string | undefined;
+            raised: string | undefined;
+            float: string | undefined;
+            overlay: string | undefined;
+            scrim: string | undefined;
+            transparent: string | undefined;
+        };
+        interaction: {
+            none: string | undefined;
+            hover: string | undefined;
+            press: string | undefined;
+            hoverOnDark: string | undefined;
+            pressOnDark: string | undefined;
+            disabled: string | undefined;
+            disabledMuted: string | undefined;
+        };
+        stroke: {
+            default: string | undefined;
+            light: string | undefined;
+            focus: string | undefined;
+            disabled: string | undefined;
+        };
+        text: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            placeholder: string | undefined;
+            disabled: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            placeholderInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+        };
+        icon: {
+            primary: string | undefined;
+            secondary: string | undefined;
+            disabled: string | undefined;
+            primaryInverted: string | undefined;
+            secondaryInverted: string | undefined;
+            disabledInverted: string | undefined;
+            positive: string | undefined;
+            negative: string | undefined;
+            lockedWhite: string | undefined;
+            link: string | undefined;
+            linkHover: string | undefined;
+        };
+        input: {
+            default: string | undefined;
+            disabled: string | undefined;
+        };
+        skeleton: {
+            default: string | undefined;
+        };
+        data: {
+            sentimentVeryPositive: string | undefined;
+            sentimentPositive: string | undefined;
+            sentimentNegative: string | undefined;
+            sentimentVeryNegative: string | undefined;
+            sentimentNeutral: string | undefined;
+        };
+    };
+}
+
+export { FontWeight };
+export type { ColorRange, ColorRangeAlpha, SemanticColor };

package/dist/systems/BrandCore/typography.d.ts

@@ -0,0 +1,32 @@
+import { FontWeight } from './types.js';
+
+declare const fonts: {
+    Domaine: {
+        name: string;
+        default: {
+            fileName: string;
+            weight: FontWeight;
+        };
+        bold: {
+            fileName: string;
+            weight: FontWeight;
+        };
+    };
+    FoundersGrotesk: {
+        name: string;
+        default: {
+            fileName: string;
+            weight: FontWeight;
+        };
+        bold: {
+            fileName: string;
+            weight: FontWeight;
+        };
+    };
+    FontStack: {
+        Serif: string;
+        SansSerif: string;
+    };
+};
+
+export { fonts };

package/dist/systems/BrandCore/typography.js

@@ -0,0 +1 @@
+"use strict";var e=require("./types.js");const o={Domaine:{name:"Domaine",default:{fileName:"DomaineRegular.woff2",weight:e.FontWeight.DEFAULT},bold:{fileName:"DomaineMedium.woff2",weight:e.FontWeight.BOLD}},FoundersGrotesk:{name:"FoundersGrotesk",default:{fileName:"FoundersGroteskRegular.woff2",weight:e.FontWeight.DEFAULT},bold:{fileName:"FoundersGroteskMedium.woff2",weight:e.FontWeight.BOLD}},FontStack:{Serif:'"Domaine", Palatino, serif',SansSerif:'"FoundersGrotesk", Arial, sans-serif'}};exports.fonts=o;

package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTable.d.ts

@@ -0,0 +1,25 @@
+import { FunctionComponent } from 'react';
+import { PlanFeatureTableData } from './PlanFeatureTableData.js';
+
+interface PlanFeatureTableProps {
+    currencySymbol: string;
+    data?: PlanFeatureTableData;
+    loading?: boolean;
+    tier1MinimumTerm: string;
+    tier1Price: number | string;
+    tier1QuestionLimit: number | string;
+    tier1RespondentPrice: number | string;
+    tier2MinimumTerm: string;
+    tier2Price: number | string;
+    tier2QuestionLimit: number | string;
+    tier2RespondentPrice: number | string;
+    tier4MinimumTerm: string;
+    tier4Price: number | string;
+    tier4QuestionLimit: number | string;
+    tier4RespondentPrice: number | string;
+    variation?: 'default' | 'platform';
+}
+declare const PlanFeatureTable: FunctionComponent<PlanFeatureTableProps>;
+
+export { PlanFeatureTable as default };
+export type { PlanFeatureTableProps };

package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTable.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("@mui/material"),t=require("react"),r=require("../../BrandCore/Icon/Icon.js"),n=require("../../WebCore/Tooltip/Tooltip.js"),s=require("../../WebCore/Typography/Typography.js"),a=require("./data.js"),c=require("./PlanFeatureTableSkeleton.js");const o=({text:t,isEvenRow:n,theme:a})=>{const c="{{tick}}"===t,o="{{dash}}"===t;return e.jsxs(i.Box,{sx:{display:"flex",alignItems:"center",justifyContent:"center",textAlign:"center",padding:`${a.spacing(a.custom.padding.md)} ${a.spacing(a.custom.padding.sm)}`,backgroundColor:n?a.custom.palette.surface.sunken:"transparent"},children:[c&&e.jsx(r.default,{name:"badge-tick-in-circle",size:24}),o&&e.jsx(r.default,{name:"badge-hyphen",size:24}),!c&&!o&&e.jsx(i.Stack,{sx:{direction:"column",gap:a.spacing(a.custom.margin.xs)},children:t.split("\n").map(i=>e.jsx(s,{variation:"lg",component:"p",sx:{color:a.custom.palette.text.secondary,hyphens:"none",whiteSpace:"pre"},children:i},`${i}-cell-text`))})]})};module.exports=({currencySymbol:m,data:p,loading:d,tier1MinimumTerm:l,tier1Price:u,tier1QuestionLimit:g,tier1RespondentPrice:x,tier2MinimumTerm:h,tier2Price:j,tier2QuestionLimit:y,tier2RespondentPrice:f,tier4MinimumTerm:b,tier4Price:$,tier4QuestionLimit:k,tier4RespondentPrice:v,variation:P="default"})=>{if(d)return e.jsx(c,{});const T=i.useTheme(),w={...a,...p},R=e=>"number"==typeof e?`${m}${new Intl.NumberFormat("en-GB").format(e)}`:e||"",S=e=>e.replace("{{currencySymbol}}",m||"").replace("{{tier1MinimumTerm}}",l?`${l} months`:"No minimum term").replace("{{tier2MinimumTerm}}",h?`${h} months`:"No minimum term").replace("{{tier4MinimumTerm}}",b?`${b} months`:"No minimum term").replace("{{tier1Price}}",R(u)).replace("{{tier2Price}}",R(j)).replace("{{tier4Price}}",R($)).replace("{{tier1QuestionLimit}}",g?String(g):"").replace("{{tier2QuestionLimit}}",y?String(y):"").replace("{{tier4QuestionLimit}}",k?String(k):"").replace("{{tier1RespondentPrice}}",R(x)).replace("{{tier2RespondentPrice}}",R(f)).replace("{{tier4RespondentPrice}}",R(v)),C=Object.values(w.headings).map(({heading:e,pricing:i})=>({heading:e,pricing:S(i)})),B=Object.values(w.rows).map((e,i)=>({key:`pricing-table-features-${i}`,type:"row",name:{heading:e.heading,description:e.description},tier1:S(e.tier1),tier2:S(e.tier2),tier4:S(e.tier4)}));return e.jsx(i.Box,{sx:{backgroundColor:T.custom.palette.surface.default,borderRadius:T.spacing(T.custom.radius.xl),boxShadow:T.custom.elevation.raised,padding:{sm:T.spacing(T.custom.padding.md),lg:T.spacing(T.custom.padding.lg)},minWidth:{sm:576}},children:e.jsxs(i.Box,{sx:{display:"grid",gridTemplateColumns:"repeat(4, 1fr)"},children:[e.jsx(i.Box,{sx:{padding:`${T.spacing(T.custom.padding.md)} ${T.spacing(T.custom.padding.sm)}`,mb:2}}),C.map(({heading:t,pricing:r})=>e.jsxs(i.Stack,{sx:{alignItems:"center",justifyContent:"center",textAlign:"center",padding:`${T.spacing(T.custom.padding.md)} ${T.spacing(T.custom.padding.sm)}`},children:[e.jsx(s,{variation:"platform"===P?"lg":"xxl",component:"p",weight:"bold",children:t}),e.jsx(s,{variation:"platform"===P?"sm":"md",component:"p",sx:{color:T.custom.palette.text.secondary,whiteSpace:"nowrap"},children:r})]},t)),B.map((a,c)=>e.jsxs(t.Fragment,{children:[e.jsx(i.Box,{sx:{display:"flex",alignItems:"center",padding:`${T.spacing(T.custom.padding.md)} ${T.spacing(T.custom.padding.sm)}`,backgroundColor:c%2==1?T.custom.palette.surface.sunken:"transparent",minWidth:"160px"},children:e.jsxs(i.Box,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",flex:1,gap:1},children:[a.name.description&&e.jsx(n,{message:a.name.description,children:e.jsx(i.Box,{sx:{alignItems:"center",color:T.custom.palette.icon.secondary,display:"flex"},children:e.jsx(r.default,{name:"info",size:24})})}),e.jsx(s,{variation:"platform"===P?"md":"lg",component:"p",children:a.name.heading})]})}),e.jsx(o,{text:a.tier1,isEvenRow:c%2==1,theme:T},`${a.key}-tier1`),e.jsx(o,{text:a.tier2,isEvenRow:c%2==1,theme:T},`${a.key}-tier2`),e.jsx(o,{text:a.tier4,isEvenRow:c%2==1,theme:T},`${a.key}-tier4`)]},`${a.key}-name`))]})})};

package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableData.d.ts

@@ -0,0 +1,35 @@
+interface PlanHeading {
+    heading: string;
+    pricing: string;
+}
+interface PlanRow {
+    heading: string;
+    description: string;
+    tier1: string;
+    tier2: string;
+    tier3: string;
+    tier4: string;
+}
+interface PlanFeatureTableData {
+    headings: {
+        '01-tier1': PlanHeading;
+        '02-tier2': PlanHeading;
+        '03-tier3': PlanHeading;
+        '04-tier4': PlanHeading;
+    };
+    rows: {
+        '01-servicing': PlanRow;
+        '02-respondents': PlanRow;
+        '03-questions': PlanRow;
+        '04-ai': PlanRow;
+        '05-demographics': PlanRow;
+        '06-training': PlanRow;
+        '07-invite': PlanRow;
+        '08-email': PlanRow;
+        '09-beta': PlanRow;
+        '10-sso': PlanRow;
+        '11-minimum': PlanRow;
+    };
+}
+
+export type { PlanFeatureTableData };

package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js

@@ -0,0 +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"),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/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var t=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 i=()=>e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",textAlign:"center",width:122},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"center",alignItems:"center",p:{sm:.5,md:1},flex:1},children:e.jsx(t,{height:30,width:40})})});module.exports=()=>{const o=r.useTheme(),s=Array.from({length:4},(e,r)=>({heading:`Heading ${r+1}`})),a=Array.from({length:11},(e,r)=>({key:r}));return e.jsxs(r.Stack,{sx:{backgroundColor:o.custom.palette.surface.default,borderRadius:o.spacing(o.custom.radius.xl),boxShadow:o.custom.elevation.raised,display:"flex",gap:2,pb:{sm:2,lg:4},px:{sm:2,lg:4},minWidth:{sm:680}},children:[e.jsxs(r.Box,{sx:{display:"flex",py:2,px:1,justifyContent:"space-between",gap:2},children:[e.jsx(r.Box,{sx:{width:160}}),s.map(({heading:i})=>e.jsxs(r.Stack,{sx:{alignItems:"center",display:"flex",justifyContent:"center",width:122,gap:1},children:[e.jsx(t,{height:32,width:100}),e.jsx(t,{height:22})]},i))]}),a.map(s=>e.jsxs(r.Box,{sx:{display:"flex",justifyContent:"space-between",p:1,"&:nth-of-type(even)":{backgroundColor:o.custom.palette.surface.sunken}},children:[e.jsx(r.Box,{sx:{display:"flex",alignItems:"center",width:160},children:e.jsx(r.Box,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",flex:1,gap:1},children:e.jsx(t,{height:30})})}),e.jsx(i,{}),e.jsx(i,{}),e.jsx(i,{}),e.jsx(i,{})]},s.key))]})};

package/dist/systems/Marketing/PlanFeatureTable/data.js

@@ -0,0 +1 @@
+"use strict";module.exports={headings:{"01-tier1":{heading:"Starter",pricing:"Pay as you go"},"02-tier2":{heading:"Team",pricing:"{{tier2Price}}"},"04-tier4":{heading:"Enterprise",pricing:"Bespoke package"}},rows:{"01-servicing":{heading:"Client servicing included",description:"Hands-on support from our team to help design, launch, and analyze your tests.",tier1:"{{dash}}",tier2:"{{dash}}",tier3:"💪\nServiced lite",tier4:"💪\nFully serviced"},"02-respondents":{heading:"Price per respondent",description:"The cost for each individual respondent beyond any included monthly credits.",tier1:"{{tier1RespondentPrice}}",tier2:"{{tier2RespondentPrice}}",tier3:"{{tier3RespondentPrice}}",tier4:"{{tier4RespondentPrice}}"},"03-questions":{heading:"Question limit",description:"The maximum number of questions you can include in a single test.",tier1:"{{tier1QuestionLimit}}",tier2:"{{tier2QuestionLimit}}",tier3:"{{tier3QuestionLimit}}",tier4:"{{tier4QuestionLimit}}"},"04-seats":{heading:"Seats",description:"Number of user accounts included in your plan.",tier1:"1",tier2:"👥\nUnlimited",tier3:"👥\nUnlimited",tier4:"👥\nUnlimited"},"04-ai":{heading:"AI-powered insights",description:"Automated analysis that highlights key themes, sentiment, and trends from responses.",tier1:"Limited",tier2:"✨\nUnlimited",tier3:"✨\nUnlimited",tier4:"✨\nUnlimited"},"05-demographics":{heading:"Demographic filters",description:"Filters you can apply when sourcing respondents, such as age, gender, or location.",tier1:"Basic",tier2:"🎯\nAdvanced",tier3:"🎯\nAdvanced",tier4:"🎯\nAdvanced"},"06-training":{heading:"Training",description:"Onboarding and guidance to help your team get the most from the platform.",tier1:"{{dash}}",tier2:"{{tick}}",tier3:"{{dash}}",tier4:"{{tick}}"},"07-invite":{heading:"Invite your own respondents",description:"Bring your own audience by sharing a test link directly with your chosen participants.",tier1:"{{dash}}",tier2:"{{tick}}",tier3:"{{dash}}",tier4:"{{tick}}"},"08-email":{heading:"Email capture",description:"Option to collect respondents’ email addresses during testing.",tier1:"{{dash}}",tier2:"{{tick}}",tier3:"{{dash}}",tier4:"{{tick}}"},"09-beta":{heading:"Beta features",description:"Early access to experimental tools and features before public release.",tier1:"{{dash}}",tier2:"{{dash}}",tier3:"{{dash}}",tier4:"{{tick}}"},"10-sso":{heading:"Single sign on (SSO)",description:"Secure login via your organisation’s identity provider, such as Google or Microsoft.",tier1:"{{dash}}",tier2:"{{dash}}",tier3:"{{dash}}",tier4:"{{tick}}"},"11-minimum":{heading:"Minimum term",description:"The minimum contract length you’ll commit to when choosing this plan.",tier1:"{{tier1MinimumTerm}}",tier2:"{{tier2MinimumTerm}}",tier3:"{{tier3MinimumTerm}}",tier4:"{{tier4MinimumTerm}}"}}};

package/dist/systems/Marketing/PlanTierCard/FeatureListItem.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("../../WebCore/Typography/Typography.js");const i=r.styled(r.Box)(({theme:e})=>({alignItems:"center",display:"flex",gap:e.spacing(e.custom.padding.xs),width:"100%","& .MuiSvgIcon-root":{alignSelf:"start"}}));module.exports=({feature:r,featuresIcon:s})=>e.jsxs(i,{children:[s,e.jsx(t,{variation:"sm",component:"p",children:r})]});

package/dist/systems/Marketing/PlanTierCard/PlanTierCard.d.ts

@@ -0,0 +1,35 @@
+import { Breakpoint } from '@mui/material';
+import { FunctionComponent, ReactElement } from 'react';
+import { RespondentBundle } from './RespondentPricingCard.js';
+
+type Section = 'headerHeight' | 'bodyHeight' | 'respondentCardHeight' | 'bottomHeight';
+interface PlanTierCardProps {
+    amount: string;
+    billingType?: string;
+    body: ReactElement;
+    bordered?: boolean;
+    ctaEvent?: (heading: string) => void;
+    ctaLink?: string;
+    ctaTarget?: string;
+    ctaText: string;
+    ctaVariation?: 'primary' | 'secondary' | 'outlined';
+    currencySymbol: string;
+    currentPlan?: boolean;
+    featuresHeading?: string;
+    features?: string[];
+    featuresIcon: ReactElement;
+    heading: string;
+    label?: string;
+    loading?: boolean;
+    respondentsTitle?: string;
+    respondentsFeatures: RespondentBundle[];
+    respondentsFeaturesIcon: ReactElement;
+    saving?: string;
+    sectionHeights: Record<Section, number>;
+    updateSectionHeight?: (section: Section, height: number) => void;
+    syncHeightsOnBreakpoints?: Breakpoint[];
+}
+declare const PlanTierCard: FunctionComponent<PlanTierCardProps>;
+
+export { PlanTierCard as default };
+export type { PlanTierCardProps, Section };

package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react"),i=require("../../../utils/breakpoint.hook.js"),o=require("../../../utils/screen.hook.js");require("../../BrandCore/colorRamps.js");var a=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("../../BrandCore/Icon/Icon.js"),require("../../../utils/formValidation/misc.js");var s=require("../../WebCore/utils/typography.util.js");require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var n=require("../../WebCore/Typography/Typography.js");require("merge-sx"),require("../../WebCore/Badge/Badge.js"),require("../../WebCore/Breadcrumb/Breadcrumb.js");var u=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("../../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");var l=require("../../WebCore/Label/Label.js");require("../../WebCore/Likert/LikertContainer.js"),require("../../WebCore/Likert/LikertLabel.js"),require("../../WebCore/Likert/LikertRadio.js");var d=require("../../WebCore/Link/Link.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("../../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/extension-underline"),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");var b=require("./FeatureListItem.js"),c=require("./PlanTierCardContainers.js"),j=require("./PlanTierCardSkeleton.js"),C=require("./RespondentPricingCard.js"),q=require("./SavingsPill.js");module.exports=({amount:p,billingType:h,body:W,bordered:g,ctaEvent:m=()=>{},ctaLink:f="#",ctaTarget:y="_self",ctaText:x,ctaVariation:B="primary",currencySymbol:S,currentPlan:k,featuresHeading:I,features:v=[],featuresIcon:L,heading:T,label:R,loading:H,respondentsTitle:P,respondentsFeatures:M,respondentsFeaturesIcon:F,saving:A,sectionHeights:w,updateSectionHeight:G,syncHeightsOnBreakpoints:N})=>{const V=r.useTheme(),D=i.useBreakpoint(),{width:E}=o.useScreenSize(),O=t.useRef(null),z=t.useRef(null),$=t.useRef(null),_=t.useRef(null);return H?e.jsx(j,{}):(t.useEffect(()=>{t.startTransition(()=>{if(w&&G){const e=[{ref:O,key:"headerHeight"},{ref:z,key:"bodyHeight"},{ref:$,key:"respondentCardHeight"},{ref:_,key:"bottomHeight"}];N?.includes(D)?e.forEach(({ref:e,key:r})=>{e.current?.offsetHeight&&e.current.offsetHeight>w[r]&&G(r,e.current.offsetHeight)}):e.forEach(({key:e})=>{0!==w[e]&&G(e,0)})}})},[D,N,E,G]),e.jsxs(c.default.PlanTierCard,{bordered:g,children:[e.jsxs(c.default.Top,{children:[e.jsxs(c.default.Head,{ref:O,height:w?.headerHeight,children:[e.jsxs(c.default.PlanTitle,{children:[e.jsx(n,{variation:"lg",component:"h1",weight:"bold",children:T}),R&&e.jsx(l,{body:R,weight:"heavy",sx:{height:3*a.base,backgroundColor:e=>e.custom.palette.icon.primary,color:e=>e.custom.palette.text.primaryInverted,"& .MuiChip-label":{fontSize:`${s.typographyVariantMap.lg.body.xxs}`}}})]}),e.jsxs(c.default.Billing,{children:[e.jsx(c.default.Price,{children:e.jsxs(n,{variation:"xxl",component:"p",weight:"bold",children:[S,p]})}),h&&e.jsx(n,{variation:"sm",component:"p",sx:{color:V.custom.palette.text.secondary},children:h})]}),A&&e.jsx(q,{body:A,weight:"heavy"})]}),e.jsx(c.default.Body,{ref:z,height:w?.bodyHeight,children:W}),P&&e.jsx(C,{ref:$,height:w?.respondentCardHeight,respondentsTitle:P,respondentsFeatures:M,featuresIcon:F})]}),e.jsxs(c.default.Bottom,{ref:_,height:w?.bottomHeight,children:[v?.length&&e.jsxs(c.default.FeatureList,{children:[I&&e.jsx(n,{component:"p",variation:"sm",weight:"bold",mr:"auto",children:I}),v.map((r,t)=>e.jsx(b,{feature:r,featuresIcon:L},`${T}-feature-${t}`))]}),!k&&e.jsx(d,{href:f,title:x,target:y,onClick:()=>{T&&m(T)},sx:{"&:hover":{cursor:"pointer"}},children:e.jsx(u,{fullWidth:!0,variation:B,sizing:"lg",disabled:k,children:x})})]})]}))};

package/dist/systems/Marketing/PlanTierCard/PlanTierCardContainers.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@mui/material");const e=(...t)=>e=>!t.includes(e),a={PlanTierCard:t.styled(t.Stack,{shouldForwardProp:e("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:t.styled(t.Stack)(({theme:t})=>({gap:t.spacing(t.custom.padding.lg),padding:t.spacing(t.custom.padding.md),paddingBottom:0})),Head:t.styled(t.Stack,{shouldForwardProp:e("height")})(({theme:t,height:e})=>({gap:t.spacing(t.custom.padding.md),transition:"height 0.3s ease-out",...e&&{minHeight:`${e}px`}})),PlanTitle:t.styled(t.Stack)(({theme:t})=>({gap:t.spacing(t.custom.padding.md),justifyContent:"space-between",flexDirection:"row"})),Billing:t.styled(t.Stack)(({theme:t})=>({alignItems:"start"})),Price:t.styled(t.Stack)(({theme:t})=>({flexDirection:"row",alignItems:"end",gap:t.spacing(t.custom.padding.xs)})),Body:t.styled(t.Stack,{shouldForwardProp:e("height")})(({height:t})=>({...t&&{minHeight:`${t}px`},transition:"height 0.3s ease-out"})),Bottom:t.styled(t.Stack,{shouldForwardProp:e("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:t.styled(t.Stack)(({theme:t})=>({alignItems:"center",gap:t.spacing(t.custom.padding.xs),padding:`0 ${t.spacing(t.custom.padding.md)}`}))};exports.default=a,exports.shouldForwardProp=e;

package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");require("../../../utils/formValidation/misc.js"),require("@mui/material"),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"),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/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var r=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 i=require("./PlanTierCardContainers.js");module.exports=()=>e.jsxs(i.default.PlanTierCard,{children:[e.jsxs(i.default.Top,{children:[e.jsxs(i.default.Head,{children:[e.jsx(i.default.PlanTitle,{children:e.jsx(r,{height:38})}),e.jsxs(i.default.Billing,{children:[e.jsx(i.default.Price,{children:e.jsx(r,{height:35,width:200})}),e.jsx(r,{height:20,width:100})]}),e.jsx(r,{height:24,width:100})]}),e.jsx(i.default.Body,{children:e.jsx(r,{height:50})}),e.jsx(r,{height:100})]}),e.jsxs(i.default.Bottom,{children:[e.jsxs(i.default.FeatureList,{children:[e.jsx(r,{}),e.jsx(r,{}),e.jsx(r,{}),e.jsx(r,{})]}),e.jsx(r,{height:40})]})]});

package/dist/systems/Marketing/PlanTierCard/RespondentPricingCard.d.ts

@@ -0,0 +1,7 @@
+type RespondentBundle = {
+    features: string[];
+    bundleName?: string;
+    bundleCost?: string;
+};
+
+export type { RespondentBundle };

package/dist/systems/Marketing/PlanTierCard/RespondentPricingCard.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("@mui/material"),r=require("react"),s=require("../../WebCore/Typography/Typography.js"),o=require("./FeatureListItem.js"),i=require("./PlanTierCardContainers.js");const a=t.styled(t.Box,{shouldForwardProp:i.shouldForwardProp("height")})(({height:e})=>({...e&&{minHeight:`${e}px`}})),n=t.styled(t.Box)(({theme:e})=>({display:"flex",flexDirection:"column",padding:e.spacing(e.custom.padding.md),justifyContent:"center",alignItems:"start",borderRadius:e.spacing(e.custom.radius.md),backgroundColor:e.custom.palette.purple[0]})),c=r.forwardRef(({respondentsTitle:r,respondentsFeatures:i,featuresIcon:c,height:d},l)=>{const p=t.useTheme();return e.jsx(a,{ref:l,height:d,children:e.jsxs(n,{children:[e.jsx(s,{component:"p",variation:"lg",weight:"bold",children:r}),i?.length&&e.jsx(t.Stack,{sx:{gap:p.spacing(p.custom.padding.xs),width:"100%"},children:i?.map(({features:i,bundleName:a,bundleCost:n})=>e.jsxs(t.Stack,{children:[e.jsx(t.Box,{sx:{borderBottom:`1px solid ${p.custom.palette.purple[100]}`,width:"100%",margin:`${p.spacing(p.custom.margin.md)} 0`}}),(a||n)&&e.jsxs(t.Stack,{direction:"row",mb:p.spacing(p.custom.padding.sm),gap:p.spacing(p.custom.padding.sm),children:[a&&e.jsx(s,{component:"p",variation:"lg",weight:"bold",children:a}),n&&e.jsxs(t.Box,{sx:{marginLeft:"auto",display:"flex",alignItems:"baseline",color:p.custom.palette.text.secondary,gap:"2px"},children:[e.jsx(s,{component:"p",variation:"xs",sx:{color:p.custom.palette.text.secondary},children:"From"}),e.jsx(s,{component:"p",variation:"lg",weight:"bold",ml:"2px",children:n}),e.jsx(s,{component:"p",variation:"xs",sx:{color:p.custom.palette.text.secondary},children:"/mo"})]})]}),e.jsx(t.Stack,{gap:p.spacing(p.custom.margin.xs),children:i?.map(t=>e.jsx(o,{feature:t,featuresIcon:c},`${r}-feature-${t}`))})]},`bundle-${a}`))})]})})});module.exports=c;

package/dist/systems/Marketing/PlanTierCard/SavingsPill.js

@@ -0,0 +1 @@
+"use strict";var e=require("@mui/material");require("../../BrandCore/colorRamps.js");var r=require("../../BrandCore/primitiveVariables.js");require("../../BrandCore/semanticColor.js"),require("../../BrandCore/types.js"),require("../../BrandCore/typography.js"),require("react/jsx-runtime"),require("../../BrandCore/Icon/Icon.js"),require("../../../utils/formValidation/misc.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"),require("../../WebCore/Image/Image.js");var o=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("../../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/extension-underline"),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(o)(({theme:o})=>({backgroundColor:o.custom.palette.green[600],color:o.custom.palette.text.lockedWhite,borderRadius:o.spacing(o.custom.radius.round),width:"fit-content",height:3*r.base+"px",flexShrink:0,lineHeight:1,[`& .${e.chipClasses.label}`]:{textTransform:"none"}}));module.exports=t;

package/dist/systems/Marketing/TickGroup/TickGroup.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent } from 'react';
+
+interface TickGroupProps {
+    heading: string;
+    ticks: string[];
+}
+declare const TickGroup: FunctionComponent<TickGroupProps>;
+
+export { TickGroup as default };
+export type { TickGroupProps };

package/dist/systems/Marketing/TickGroup/TickGroup.js

@@ -0,0 +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:4,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}`))})]});

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

@@ -0,0 +1,17 @@
+import { FunctionComponent, ReactElement } from 'react';
+import { AiContentContainerProps } from '../AiContentContainer/AiContentContainer.js';
+
+interface AIInsightProps {
+    themeDescription: string;
+    comments: ReactElement[];
+    slotProps?: {
+        aiContentContainer: AiContentContainerProps;
+    };
+    suggestions?: string[];
+    activeCommentIndex?: number;
+    onActiveCommentIndexChange?: (index: number) => void;
+}
+declare const AIInsight: FunctionComponent<AIInsightProps>;
+
+export { AIInsight as default };
+export type { AIInsightProps };

package/dist/systems/Platform/AIInsight/AIInsight.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("react");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");var i=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("../../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/extension-underline"),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");var o=require("../AiContentContainer/AiContentContainer.js"),s=require("../PaginationControl/PaginationControl.js");module.exports=({comments:n,themeDescription:a,slotProps:u,suggestions:l,activeCommentIndex:d,onActiveCommentIndexChange:C})=>{const[c,b]=t.useState(0),j=r.useTheme(),q=t.useRef(null),[p,m]=t.useState("auto"),W=d??c,g=e=>{C&&C(e),void 0===d&&b(e)};t.useEffect(()=>{if(!q.current)return;const e=q.current.scrollHeight;m(e)},[W]);const h=n?.length?n[W]:void 0;return e.jsxs(o.default,{slotProps:{childrenContainer:{display:"flex",flexDirection:"column",gap:j.spacing(j.custom.padding.md)}},withLockUp:!0,...u?.aiContentContainer,children:[e.jsx(i,{component:"p",variation:"sm",children:a}),!!n?.length&&e.jsx(r.Box,{children:e.jsx(s,{items:Array.from({length:n?.length},(e,r)=>r.toString()),activeItem:W.toString(),onClickNext:()=>{W+1===n.length?g(0):g(W+1)},onClickPrevious:()=>{g(0===W?n.length-1:W-1)},renderTitle:e.jsx(i,{component:"p",variation:"sm",weight:"bold",children:"Key comments"}),children:e.jsx(r.Box,{ref:q,sx:{overflow:"hidden",height:"auto"===p?"auto":`${p}px`,transition:"height 0.1s ease-in-out",boxShadow:j.custom.elevation.raised,borderRadius:j.spacing(j.custom.radius.md),width:"100%"},children:h})})}),!!l?.length&&e.jsxs(r.Box,{children:[e.jsx(i,{component:"p",variation:"sm",weight:"bold",children:"Ideas to consider"}),e.jsx(r.List,{sx:{listStyleType:"disc",padding:`${j.spacing(j.custom.padding.sm)} 0 0 ${j.spacing(j.custom.padding.md+j.custom.padding.sm)}`},children:l.map((t,o)=>e.jsx(r.ListItem,{sx:{display:"list-item",padding:0},children:e.jsx(r.ListItemText,{disableTypography:!0,primary:e.jsx(i,{component:"p",variation:"sm",children:t})})},`${o}-suggestion`))})]})]})};

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

@@ -0,0 +1,37 @@
+import * as react from 'react';
+import { ComponentProps } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import Icon from '../../BrandCore/Icon/Icon.js';
+import { ButtonProps } from '../../WebCore/Button/Button.js';
+import { ExpandableTypographyClampProps } from '../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js';
+import { TypographyProps } from '../../WebCore/Typography/Typography.js';
+import { MenuProps } from '../../WebCore/Menu/Menu.js';
+import { SkeletonProps } from '../../WebCore/Skeleton/Skeleton.js';
+
+type AISummaryProps = {
+    heading?: string;
+    body?: string;
+    bodyLineClamp?: number;
+    attribution?: string;
+    menuItems?: MenuProps['menuItems'];
+    onStartChatClick?: () => void;
+    onRetryClick?: () => void;
+    loading?: boolean;
+    loadingMessage?: string;
+    error?: boolean;
+    slotProps?: {
+        heading?: Omit<TypographyProps, 'children'>;
+        retry?: Omit<TypographyProps, 'onClick'>;
+        expandableTypographyClamp?: Omit<ExpandableTypographyClampProps, 'children'>;
+        attributionIcon?: Partial<ComponentProps<typeof Icon>>;
+        attribution?: Partial<Omit<TypographyProps, 'children'>>;
+        menu?: Omit<MenuProps, 'menuItems'>;
+        startChatButton?: Omit<ButtonProps, 'onClick'>;
+        skeleton?: SkeletonProps;
+    };
+    sx?: SxProps<Theme>;
+};
+declare const AISummary: react.ForwardRefExoticComponent<AISummaryProps & react.RefAttributes<HTMLDivElement>>;
+
+export { AISummary as default };
+export type { AISummaryProps };

package/dist/systems/Platform/AISummary/AISummary.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),t=require("merge-sx"),o=require("react"),i=require("../../BrandCore/Icon/Icon.js");require("../../../utils/formValidation/misc.js"),require("../../BrandCore/primitiveVariables.js"),require("../../WebCore/utils/typography.util.js"),require("../../WebCore/AnnualController/AnnualController.js"),require("../../WebCore/Accordion/Accordion.js");var a=require("../../WebCore/Typography/Typography.js");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");var s=require("../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js");require("../../WebCore/FormGenerator/FormGenerator.js"),require("../../WebCore/GridOverlay/GridOverlay.js"),require("html-react-parser");var n=require("../../WebCore/IconButton/IconButton.js");require("../../WebCore/IconButtonBase/IconButtonBase.js"),require("../../WebCore/IconButtonGroup/IconButtonGroup.js"),require("../../WebCore/Image/Image.js"),require("../../WebCore/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");var l=require("../../WebCore/LoopsAiButton/LoopsAiButton.js");require("markdown-to-jsx");var u=require("../../WebCore/Menu/Menu.js");require("../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js"),require("../../WebCore/ModalLayout/_partials/ModalContentWrapper.js"),require("../../WebCore/Surface/Surface.js"),require("../../WebCore/NavigationButton/NavigationButton.js"),require("material-ui-popup-state/hooks"),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");var d=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/extension-underline"),require("@tiptap/starter-kit"),require("mui-tiptap"),require("../../WebCore/RichTextField/StyledRichTextEditor.js");var c=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 p=o.forwardRef(({heading:p,body:b,bodyLineClamp:m=6,attribution:j,menuItems:C,onStartChatClick:g,onRetryClick:x,loading:q,loadingMessage:W="",error:h,slotProps:S,sx:k},y)=>{const B=r.useTheme(),f=`gradient-${o.useId()}`,[I,v]=o.useState(m);return o.useEffect(()=>{v(m)},[m]),e.jsx(r.Box,{ref:y,sx:t.mergeSx({boxShadow:B.custom.elevation.aiSummary,borderRadius:"8px",background:`linear-gradient(-18deg, ${B.custom.palette.purple[600]} 0%, ${B.custom.palette.blue[400]} 100%)`,padding:"1px"},k),children:e.jsxs(r.Stack,{sx:{padding:B.spacing(B.custom.padding.md),gap:B.spacing(B.custom.padding.sm),borderRadius:"7px",background:`linear-gradient(-25deg, ${B.custom.palette.purple[0]} 0%, ${B.custom.palette.blue[0]} 100%)`},children:[(p?.length||C?.length)&&e.jsx(r.Stack,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",gap:B.spacing(B.custom.padding.md),children:q?W?.length?e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:1,children:[e.jsx(d,{sizing:"sm",sx:{position:"static",color:B.custom.palette.neutral[400]}}),e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:1,sx:{alignItems:"center"},children:[e.jsx(a,{component:"p",variation:"sm",className:h?"ellipsis-loading":void 0,children:W}),h&&void 0!==x&&e.jsx(a,{component:"p",variation:"sm",onClick:x,children:"Refresh",...S?.retry,sx:t.mergeSx({textDecoration:"underline",cursor:"pointer"},S?.retry?.sx)})]})]}):e.jsx(c,{...S?.skeleton}):e.jsxs(e.Fragment,{children:[e.jsx(a,{component:"p",variation:"sm",fontWeight:500,color:B.custom.palette.text.primary,...S?.heading,children:p}),C?.length&&e.jsx(u.default,{trigger:e.jsx(n,{icon:e.jsx(i.default,{name:"more-horizontal",color:B.custom.palette.icon.primary}),sizing:"sm"}),placement:"bottom-end",offset:[0,8],width:165,menuItems:C,...S?.menu})]})}),q&&e.jsxs(e.Fragment,{children:[e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton}),e.jsx(c,{...S?.skeleton})]}),!q&&b?.length&&e.jsx(s,{variation:"sm",color:B.custom.palette.text.primary,clamp:I,slotProps:{gradientBox:{background:B.custom.palette.purple[0]}},onShowMoreClick:()=>{v(void 0)},onShowLessClick:()=>{v(m)},...S?.expandableTypographyClamp,children:b}),(j?.length||void 0!==g)&&e.jsxs(r.Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",pt:B.spacing(B.custom.padding.xs),gap:B.spacing(B.custom.padding.md),children:[j?.length&&e.jsxs(r.Stack,{direction:"row",alignItems:"center",gap:B.spacing(B.custom.padding.xs),children:[e.jsx("svg",{style:{width:0,height:0,position:"absolute"},children:e.jsx("defs",{children:e.jsxs("linearGradient",{id:f,gradientTransform:"rotate(-18)",children:[e.jsx("stop",{offset:"0%",stopColor:B.custom.palette.purple[600]}),e.jsx("stop",{offset:"100%",stopColor:B.custom.palette.blue[400]})]})})}),e.jsx(i.default,{name:"ai",size:20,...S?.attributionIcon,sx:t.mergeSx({"& *":{fill:`url(#${f})`}},S?.attributionIcon?.sx)}),e.jsx(a,{component:"p",variation:"xs",fontWeight:500,...S?.attribution,sx:t.mergeSx({background:`linear-gradient(-18deg, ${B.custom.palette.purple[600]} 0%, ${B.custom.palette.blue[400]} 100%)`,backgroundClip:"text","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"},S?.attribution?.sx),children:j})]}),void 0!==g&&e.jsx(l,{text:"Start Chat",onClick:g,loading:q,disabled:q,slotProps:{button:{sx:{...S?.startChatButton?.sx}}}})]})]})})});module.exports=p;