@useloops/design-system 1.4.653 → 1.4.655

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/dist/Platform/LoopVideoNudge.d.ts +1 -0
  2. package/dist/Platform/LoopVideoNudge.js +1 -0
  3. package/dist/Platform.d.ts +1 -0
  4. package/dist/Platform.js +1 -1
  5. package/dist/WebCore/Animations.d.ts +1 -0
  6. package/dist/WebCore/Animations.js +1 -0
  7. package/dist/WebCore.d.ts +1 -0
  8. package/dist/WebCore.js +1 -1
  9. package/dist/esm/Platform/LoopVideoNudge.js +1 -0
  10. package/dist/esm/Platform.js +1 -1
  11. package/dist/esm/WebCore/Animations.js +1 -0
  12. package/dist/esm/WebCore.js +1 -1
  13. package/dist/esm/index.js +1 -1
  14. package/dist/esm/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  15. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  16. package/dist/esm/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  17. package/dist/esm/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  18. package/dist/esm/systems/Platform/AIInsight/AIInsight.js +1 -1
  19. package/dist/esm/systems/Platform/AISummary/AISummary.js +1 -1
  20. package/dist/esm/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  21. package/dist/esm/systems/Platform/AssetItem/AssetItem.js +1 -1
  22. package/dist/esm/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  23. package/dist/esm/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  24. package/dist/esm/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  25. package/dist/esm/systems/Platform/CommentCard/CommentCard.js +1 -1
  26. package/dist/esm/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  27. package/dist/esm/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  28. package/dist/esm/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  29. package/dist/esm/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  30. package/dist/esm/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  31. package/dist/esm/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  32. package/dist/esm/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  33. package/dist/esm/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  34. package/dist/esm/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  35. package/dist/esm/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  36. package/dist/esm/systems/Platform/FilterCount/FilterCount.js +1 -1
  37. package/dist/esm/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  38. package/dist/esm/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  39. package/dist/esm/systems/Platform/FilterRow/FilterRow.js +1 -1
  40. package/dist/esm/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  41. package/dist/esm/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  42. package/dist/esm/systems/Platform/Header/Header.js +1 -1
  43. package/dist/esm/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  44. package/dist/esm/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  45. package/dist/esm/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  46. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  47. package/dist/esm/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  48. package/dist/esm/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  49. package/dist/esm/systems/Platform/LoopItem/LoopItem.js +1 -1
  50. package/dist/esm/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
  51. package/dist/esm/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  52. package/dist/esm/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -0
  53. package/dist/esm/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  54. package/dist/esm/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  55. package/dist/esm/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  56. package/dist/esm/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  57. package/dist/esm/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  58. package/dist/esm/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  59. package/dist/esm/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  60. package/dist/esm/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  61. package/dist/esm/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  62. package/dist/esm/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  63. package/dist/esm/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  64. package/dist/esm/systems/Platform/SearchInput/SearchInput.js +1 -1
  65. package/dist/esm/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  66. package/dist/esm/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  67. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  68. package/dist/esm/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  69. package/dist/esm/systems/Platform/Tab/Tab.js +1 -1
  70. package/dist/esm/systems/Platform/TestItem/TestItem.js +1 -1
  71. package/dist/esm/systems/Platform/TestStatus/TestStatus.js +1 -1
  72. package/dist/esm/systems/Platform/VideoControls/VideoControls.js +1 -1
  73. package/dist/esm/systems/WebCore/Animations/FadeIn.js +10 -0
  74. package/dist/index.d.ts +2 -0
  75. package/dist/index.js +1 -1
  76. package/dist/systems/Marketing/PlanFeatureTable/PlanFeatureTableSkeleton.js +1 -1
  77. package/dist/systems/Marketing/PlanTierCard/PlanTierCard.js +1 -1
  78. package/dist/systems/Marketing/PlanTierCard/PlanTierCardSkeleton.js +1 -1
  79. package/dist/systems/Marketing/PlanTierCard/SavingsPill.js +1 -1
  80. package/dist/systems/Platform/AIInsight/AIInsight.js +1 -1
  81. package/dist/systems/Platform/AISummary/AISummary.js +1 -1
  82. package/dist/systems/Platform/AIWrittenByLockUp/AiWrittenByLockUp.js +1 -1
  83. package/dist/systems/Platform/AssetItem/AssetItem.js +1 -1
  84. package/dist/systems/Platform/AssetItem/_partials/AssetItemMenu.js +1 -1
  85. package/dist/systems/Platform/AssetItem/_partials/CoverTypeIndicator.js +1 -1
  86. package/dist/systems/Platform/AssetItem/_partials/ImageTile.js +1 -1
  87. package/dist/systems/Platform/CommentCard/CommentCard.js +1 -1
  88. package/dist/systems/Platform/DataPointInfo/DataPointInfo.js +1 -1
  89. package/dist/systems/Platform/DataPointInfo/_partials/DataSourceItem.js +1 -1
  90. package/dist/systems/Platform/DataPointInfo/_partials/EmptyStateMessage.js +1 -1
  91. package/dist/systems/Platform/DataPointInfo/_partials/StatValue.js +1 -1
  92. package/dist/systems/Platform/DemographicSelectionSection/DemographicSelectionSection.js +1 -1
  93. package/dist/systems/Platform/EmojiListItem/EmojiListItem.js +1 -1
  94. package/dist/systems/Platform/EmojiListItem/_partials/StyledSurface.js +1 -1
  95. package/dist/systems/Platform/EmojiQuestionEditorOption/EmojiQuestionEditorOption.js +1 -1
  96. package/dist/systems/Platform/EmptyStateCard/EmptyStateCard.js +1 -1
  97. package/dist/systems/Platform/ExtendedTestStatus/ExtendedTestStatus.js +1 -1
  98. package/dist/systems/Platform/FilterCount/FilterCount.js +1 -1
  99. package/dist/systems/Platform/FilterGroupAccordion/FilterGroupAccordion.js +1 -1
  100. package/dist/systems/Platform/FilterPyramidGraph/FilterPyramidGraph.js +1 -1
  101. package/dist/systems/Platform/FilterRow/FilterRow.js +1 -1
  102. package/dist/systems/Platform/FilteredItemsCard/FilteredItemsCard.js +1 -1
  103. package/dist/systems/Platform/GraphBar/_partials/UnitText/UnitText.js +1 -1
  104. package/dist/systems/Platform/Header/Header.js +1 -1
  105. package/dist/systems/Platform/KpiDataPopover/KpiDataPopover.js +1 -1
  106. package/dist/systems/Platform/KpiDataPopover/KpiDetails.js +1 -1
  107. package/dist/systems/Platform/KpiDataPopover/QuestionStatsCard.js +1 -1
  108. package/dist/systems/Platform/LikertGraph/_partials/LikertActionController/LikertActionController.js +1 -1
  109. package/dist/systems/Platform/LikertGraph/_partials/LikertGraphBar/LikertGraphBar.js +1 -1
  110. package/dist/systems/Platform/LinkExpired/LinkExpired.js +1 -1
  111. package/dist/systems/Platform/LoopItem/LoopItem.js +1 -1
  112. package/dist/systems/Platform/LoopItem/_partials/styledPartials.js +1 -1
  113. package/dist/systems/Platform/LoopItemEmpty/LoopItemEmpty.js +1 -1
  114. package/dist/systems/Platform/LoopVideoNudge/LoopVideoNudge.d.ts +12 -0
  115. package/dist/systems/Platform/LoopVideoNudge/LoopVideoNudge.js +1 -0
  116. package/dist/systems/Platform/MFACodeVerify/MFACodeVerify.js +1 -1
  117. package/dist/systems/Platform/MiniResultCard/MiniResultCard.js +1 -1
  118. package/dist/systems/Platform/PaginationControl/PaginationControl.js +1 -1
  119. package/dist/systems/Platform/ProjectItem/ProjectItemGridView.js +1 -1
  120. package/dist/systems/Platform/ProjectItem/ProjectItemListView.js +1 -1
  121. package/dist/systems/Platform/ProjectItem/_partials/NoThumbnailPlaceholder.js +1 -1
  122. package/dist/systems/Platform/ProjectItem/_partials/styledPartials.js +1 -1
  123. package/dist/systems/Platform/QuestionBar/QuestionBar.js +1 -1
  124. package/dist/systems/Platform/QuestionBlock/QuestionBlock.js +1 -1
  125. package/dist/systems/Platform/QuestionSelector/QuestionSelector.js +1 -1
  126. package/dist/systems/Platform/ScrollIndicator/ScrollIndicator.js +1 -1
  127. package/dist/systems/Platform/SearchInput/SearchInput.js +1 -1
  128. package/dist/systems/Platform/SectionHeader/SectionHeader.js +1 -1
  129. package/dist/systems/Platform/SentimentArrow/SentimentArrow.js +1 -1
  130. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphBar/SliderGraphBar.js +1 -1
  131. package/dist/systems/Platform/SliderGraph/_partials/SliderGraphYAxis/SliderGraphYAxis.js +1 -1
  132. package/dist/systems/Platform/SliderGraph/_partials/StyledComponents.d.ts +8 -8
  133. package/dist/systems/Platform/Tab/Tab.js +1 -1
  134. package/dist/systems/Platform/TestItem/TestItem.js +1 -1
  135. package/dist/systems/Platform/TestStatus/TestStatus.js +1 -1
  136. package/dist/systems/Platform/VideoControls/VideoControls.js +1 -1
  137. package/dist/systems/WebCore/Animations/FadeIn.d.ts +9 -0
  138. package/dist/systems/WebCore/Animations/FadeIn.js +10 -0
  139. package/dist/systems/WebCore/InputFieldBase/InputFieldBase.d.ts +1 -1
  140. package/dist/systems/WebCore/Typography/Typography.d.ts +1 -1
  141. package/dist/theme/theme.hooks.d.ts +1 -1
  142. package/package.json +1 -1
@@ -1 +1 @@
1
- import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Box as i,Stack as a}from"@mui/material";import{mergeSx as n}from"merge-sx";import{forwardRef as s,useId as p,useState as l,useEffect as m}from"react";import{tone5 as d,tone3 as c}from"../../BrandCore/gradients.js";import b from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import u from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import C from"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import g from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import j from"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import W from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";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 h from"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import B from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const y=s(({heading:s,body:y,bodyLineClamp:x=6,attribution:f,menuItems:k,onStartChatClick:S,onRetryClick:I,loading:L,loadingMessage:v="",error:A,slotProps:T,sx:w},R)=>{const M=r(),F=`gradient-${p()}`,[P,G]=l(x);return m(()=>{G(x)},[x]),e(i,{ref:R,sx:n({boxShadow:M.custom.elevation.aiSummary,borderRadius:"8px",background:c(M),padding:"1px"},w),children:t(a,{sx:{padding:M.spacing(M.custom.padding.md),gap:M.spacing(M.custom.padding.sm),borderRadius:"7px",background:d(M)},children:[(s?.length||k?.length)&&e(a,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",gap:M.spacing(M.custom.padding.md),children:L?v?.length?t(a,{direction:"row",alignItems:"center",gap:1,children:[e(h,{sizing:"sm",sx:{position:"static",color:M.custom.palette.neutral[400]}}),t(a,{direction:"row",alignItems:"center",gap:1,sx:{alignItems:"center"},children:[e(u,{component:"p",variation:"sm",className:A?"ellipsis-loading":void 0,children:v}),A&&void 0!==I&&e(u,{component:"p",variation:"sm",onClick:I,children:"Refresh",...T?.retry,sx:n({textDecoration:"underline",cursor:"pointer"},T?.retry?.sx)})]})]}):e(B,{...T?.skeleton}):t(o,{children:[e(u,{component:"p",variation:"sm",fontWeight:500,color:M.custom.palette.text.primary,...T?.heading,children:s}),k?.length&&e(W,{trigger:e(g,{icon:e(b,{name:"more-horizontal",color:M.custom.palette.icon.primary}),sizing:"sm"}),placement:"bottom-end",offset:[0,8],width:165,menuItems:k,...T?.menu})]})}),L&&t(o,{children:[e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton})]}),!L&&y?.length&&e(C,{variation:"sm",color:M.custom.palette.text.primary,clamp:P,slotProps:{gradientBox:{background:M.custom.palette.purple[0]}},onShowMoreClick:()=>{G(void 0)},onShowLessClick:()=>{G(x)},...T?.expandableTypographyClamp,backgroundColorOverride:M.custom.palette.purple[0],children:y}),(f?.length||void 0!==S)&&t(a,{direction:"row",alignItems:"center",justifyContent:"space-between",pt:M.spacing(M.custom.padding.xs),gap:M.spacing(M.custom.padding.md),children:[f?.length&&t(a,{direction:"row",alignItems:"center",gap:M.spacing(M.custom.padding.xs),children:[e("svg",{style:{width:0,height:0,position:"absolute"},children:e("defs",{children:t("linearGradient",{id:F,gradientTransform:"rotate(-18)",children:[e("stop",{offset:"0%",stopColor:M.custom.palette.purple[600]}),e("stop",{offset:"100%",stopColor:M.custom.palette.blue[400]})]})})}),e(b,{name:"ai",size:20,...T?.attributionIcon,sx:n({"& *":{fill:`url(#${F})`}},T?.attributionIcon?.sx)}),e(u,{component:"p",variation:"xs",fontWeight:500,...T?.attribution,sx:n({background:c(M),backgroundClip:"text","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"},T?.attribution?.sx),children:f})]}),void 0!==S&&e(j,{text:"Start Chat",onClick:S,loading:L,disabled:L,slotProps:{button:{sx:{...T?.startChatButton?.sx}}}})]})]})})});export{y as default};
1
+ import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{useTheme as r,Box as i,Stack as a}from"@mui/material";import{mergeSx as n}from"merge-sx";import{forwardRef as s,useId as p,useState as l,useEffect as m}from"react";import{tone5 as d,tone3 as c}from"../../BrandCore/gradients.js";import b from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import u from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import C from"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import g from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import j from"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import W from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";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 h from"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import B from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const y=s(({heading:s,body:y,bodyLineClamp:x=6,attribution:f,menuItems:k,onStartChatClick:S,onRetryClick:I,loading:L,loadingMessage:v="",error:A,slotProps:T,sx:w},R)=>{const F=r(),M=`gradient-${p()}`,[P,G]=l(x);return m(()=>{G(x)},[x]),e(i,{ref:R,sx:n({boxShadow:F.custom.elevation.aiSummary,borderRadius:"8px",background:c(F),padding:"1px"},w),children:t(a,{sx:{padding:F.spacing(F.custom.padding.md),gap:F.spacing(F.custom.padding.sm),borderRadius:"7px",background:d(F)},children:[(s?.length||k?.length)&&e(a,{direction:"row",alignItems:"flex-start",justifyContent:"space-between",gap:F.spacing(F.custom.padding.md),children:L?v?.length?t(a,{direction:"row",alignItems:"center",gap:1,children:[e(h,{sizing:"sm",sx:{position:"static",color:F.custom.palette.neutral[400]}}),t(a,{direction:"row",alignItems:"center",gap:1,sx:{alignItems:"center"},children:[e(u,{component:"p",variation:"sm",className:A?"ellipsis-loading":void 0,children:v}),A&&void 0!==I&&e(u,{component:"p",variation:"sm",onClick:I,children:"Refresh",...T?.retry,sx:n({textDecoration:"underline",cursor:"pointer"},T?.retry?.sx)})]})]}):e(B,{...T?.skeleton}):t(o,{children:[e(u,{component:"p",variation:"sm",fontWeight:500,color:F.custom.palette.text.primary,...T?.heading,children:s}),k?.length&&e(W,{trigger:e(g,{icon:e(b,{name:"more-horizontal",color:F.custom.palette.icon.primary}),sizing:"sm"}),placement:"bottom-end",offset:[0,8],width:165,menuItems:k,...T?.menu})]})}),L&&t(o,{children:[e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton}),e(B,{...T?.skeleton})]}),!L&&y?.length&&e(C,{variation:"sm",color:F.custom.palette.text.primary,clamp:P,slotProps:{gradientBox:{background:F.custom.palette.purple[0]}},onShowMoreClick:()=>{G(void 0)},onShowLessClick:()=>{G(x)},...T?.expandableTypographyClamp,backgroundColorOverride:F.custom.palette.purple[0],children:y}),(f?.length||void 0!==S)&&t(a,{direction:"row",alignItems:"center",justifyContent:"space-between",pt:F.spacing(F.custom.padding.xs),gap:F.spacing(F.custom.padding.md),children:[f?.length&&t(a,{direction:"row",alignItems:"center",gap:F.spacing(F.custom.padding.xs),children:[e("svg",{style:{width:0,height:0,position:"absolute"},children:e("defs",{children:t("linearGradient",{id:M,gradientTransform:"rotate(-18)",children:[e("stop",{offset:"0%",stopColor:F.custom.palette.purple[600]}),e("stop",{offset:"100%",stopColor:F.custom.palette.blue[400]})]})})}),e(b,{name:"ai",size:20,...T?.attributionIcon,sx:n({"& *":{fill:`url(#${M})`}},T?.attributionIcon?.sx)}),e(u,{component:"p",variation:"xs",fontWeight:500,...T?.attribution,sx:n({background:c(F),backgroundClip:"text","-webkit-background-clip":"text","-webkit-text-fill-color":"transparent"},T?.attribution?.sx),children:f})]}),void 0!==S&&e(j,{text:"Start Chat",onClick:S,loading:L,disabled:L,slotProps:{button:{sx:{...T?.startChatButton?.sx}}}})]})]})})});export{y as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Stack as r}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import{tone3 as a,tone3_lowOpacity_text as p}from"../../BrandCore/gradients.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import n from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import l from"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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 b=({sx:b,onUpvote:C,onDownvote:c,onCopy:d,aiButtonText:u,onClickAIButton:j})=>{const W=t(),B=i({position:"relative",mt:W.custom.margin.md,gap:W.custom.margin.md,alignItems:"center"},b);return e(r,{direction:"row",sx:B,children:[e(r,{direction:"row",gap:W.spacing(W.custom.padding.xs),children:[o(s,{name:"ai",size:20,sx:{color:"transparent",background:a(W),maskImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.75 3c.207 0 .375.168.375.375a3 3 0 003 3 .375.375 0 010 .75 3 3 0 00-3 3 .375.375 0 01-.75 0 3 3 0 00-3-3 .375.375 0 110-.75 3 3 0 003-3c0-.207.168-.375.375-.375zM15.875 7.875a.375.375 0 00-.75 0c0 2.9-2.35 5.25-5.25 5.25a.375.375 0 000 .75c2.9 0 5.25 2.35 5.25 5.25a.375.375 0 00.75 0c0-2.9 2.35-5.25 5.25-5.25a.375.375 0 000-.75 5.25 5.25 0 01-5.25-5.25zM6.125 13.875a.375.375 0 00-.75 0 3 3 0 01-3 3 .375.375 0 000 .75 3 3 0 013 3 .375.375 0 00.75 0 3 3 0 013-3 .375.375 0 000-.75 3 3 0 01-3-3z'/%3E%3C/svg%3E\")",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center"}}),o(m,{component:"p",variation:"xs",weight:"bold",noWrap:!0,sx:{...p(W)},children:"Written by Loops Intelligence"})]}),e(r,{direction:"row",sx:{marginLeft:"auto"},children:[!!C&&o(n,{icon:o(s,{name:"thumb-up"}),sizing:"xs",onClick:C}),!!c&&o(n,{icon:o(s,{name:"thumb-down"}),sizing:"xs",onClick:c}),!!d&&o(n,{icon:o(s,{name:"copy"}),sizing:"xs",onClick:d})]}),u&&o(l,{text:u,onClick:j})]})};export{b as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Stack as r}from"@mui/material";import{mergeSx as i}from"merge-sx";import"../../BrandCore/colorRamps.js";import{tone3 as a,tone3_lowOpacity_text as p}from"../../BrandCore/gradients.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import s from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import n from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import l from"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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 b=({sx:b,onUpvote:C,onDownvote:d,onCopy:c,aiButtonText:u,onClickAIButton:j})=>{const W=t(),B=i({position:"relative",mt:W.custom.margin.md,gap:W.custom.margin.md,alignItems:"center"},b);return e(r,{direction:"row",sx:B,children:[e(r,{direction:"row",gap:W.spacing(W.custom.padding.xs),children:[o(s,{name:"ai",size:20,sx:{color:"transparent",background:a(W),maskImage:"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.75 3c.207 0 .375.168.375.375a3 3 0 003 3 .375.375 0 010 .75 3 3 0 00-3 3 .375.375 0 01-.75 0 3 3 0 00-3-3 .375.375 0 110-.75 3 3 0 003-3c0-.207.168-.375.375-.375zM15.875 7.875a.375.375 0 00-.75 0c0 2.9-2.35 5.25-5.25 5.25a.375.375 0 000 .75c2.9 0 5.25 2.35 5.25 5.25a.375.375 0 00.75 0c0-2.9 2.35-5.25 5.25-5.25a.375.375 0 000-.75 5.25 5.25 0 01-5.25-5.25zM6.125 13.875a.375.375 0 00-.75 0 3 3 0 01-3 3 .375.375 0 000 .75 3 3 0 013 3 .375.375 0 00.75 0 3 3 0 013-3 .375.375 0 000-.75 3 3 0 01-3-3z'/%3E%3C/svg%3E\")",maskSize:"contain",maskRepeat:"no-repeat",maskPosition:"center"}}),o(m,{component:"p",variation:"xs",weight:"bold",noWrap:!0,sx:{...p(W)},children:"Written by Loops Intelligence"})]}),e(r,{direction:"row",sx:{marginLeft:"auto"},children:[!!C&&o(n,{icon:o(s,{name:"thumb-up"}),sizing:"xs",onClick:C}),!!d&&o(n,{icon:o(s,{name:"thumb-down"}),sizing:"xs",onClick:d}),!!c&&o(n,{icon:o(s,{name:"copy"}),sizing:"xs",onClick:c})]}),u&&o(l,{text:u,onClick:j})]})};export{b as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import"../../../utils/formValidation/misc.js";import"@mui/material";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import t from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import i from"./_partials/AssetItemMenu.js";import a from"./_partials/CoverTypeIndicator.js";import p from"./_partials/ImageTile.js";import{AssetItemContainer as s}from"./_partials/styledPartials.js";const m=({size:m,thumbnail:l,cover:n,mediaType:b,loading:C,disabled:d,menuItems:j,slotProps:u,...W})=>e(s,{loading:C,disabled:d,size:m,...W,children:C?e(t,{sx:{borderRadius:0}}):o(r,{children:[e(i,{slotProps:u,menuItems:j}),e(p,{thumbnail:l,size:m,disabled:d}),e(a,{cover:n,mediaType:b})]})});export{m as default};
1
+ import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import"../../../utils/formValidation/misc.js";import"@mui/material";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/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 t from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import i from"./_partials/AssetItemMenu.js";import a from"./_partials/CoverTypeIndicator.js";import p from"./_partials/ImageTile.js";import{AssetItemContainer as s}from"./_partials/styledPartials.js";const m=({size:m,thumbnail:l,cover:n,mediaType:b,loading:C,disabled:d,menuItems:j,slotProps:u,...W})=>e(s,{loading:C,disabled:d,size:m,...W,children:C?e(t,{sx:{borderRadius:0}}):o(r,{children:[e(i,{slotProps:u,menuItems:j}),e(p,{thumbnail:l,size:m,disabled:d}),e(a,{cover:n,mediaType:b})]})});export{m as default};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{Box as o}from"@mui/material";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import t from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import i from"../../../WebCore/Menu/Menu.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const a=({slotProps:a,menuItems:p})=>e(o,{className:"asset-item-menu overlay-item",children:Boolean(p?.length)&&e(i,{trigger:e(r,{icon:e(t,{name:"more-horizontal",size:16}),variation:"outlined",shape:"round",className:"AssetItem__Menu",sizing:"sm",sx:{transition:"opacity 0.3s ease",opacity:0,"&:focus":{opacity:1}}}),menuItems:p,width:128,offset:[0,8],placement:"bottom-end",...a?.menu})});export{a as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{Box as o}from"@mui/material";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import t from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import r from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import i from"../../../WebCore/Menu/Menu.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"material-ui-popup-state/hooks";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const a=({slotProps:a,menuItems:p})=>e(o,{className:"asset-item-menu overlay-item",children:Boolean(p?.length)&&e(i,{trigger:e(r,{icon:e(t,{name:"more-horizontal",size:16}),variation:"outlined",shape:"round",className:"AssetItem__Menu",sizing:"sm",sx:{transition:"opacity 0.3s ease",opacity:0,"&:focus":{opacity:1}}}),menuItems:p,width:128,offset:[0,8],placement:"bottom-end",...a?.menu})});export{a as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a}from"@mui/material";import p from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import s from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const m=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.neutralAlpha[5],borderRadius:e.spacing(e.custom.radius.md),padding:`${e.spacing(e.custom.padding.xs)} ${e.spacing(e.custom.padding.sm)}`})),l=({mediaType:r,cover:l})=>{const n=i();return"image"!==r||l?e(t,{className:"cover-type-wrapper overlay-item",children:e(m,{className:"cover-type",children:o(a,{direction:"row",spacing:1,alignItems:"center",justifyContent:"center",gap:n.custom.margin.sm,children:[e(p,{name:"image"===r?"image":"play-video",color:n.custom.palette.icon.lockedWhite,size:20}),e(t,{children:e(s,{variation:"xs",component:"p",sx:{color:n.custom.palette.text.lockedWhite,marginLeft:"-8px"},weight:"bold",children:"video"===r?"Video":"Cover"})})]})})}):null};export{m as StyledContainer,l as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a}from"@mui/material";import p from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import s from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/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 m=r(t)(({theme:e})=>({backgroundColor:e.custom.palette.neutralAlpha[5],borderRadius:e.spacing(e.custom.radius.md),padding:`${e.spacing(e.custom.padding.xs)} ${e.spacing(e.custom.padding.sm)}`})),l=({mediaType:r,cover:l})=>{const n=i();return"image"!==r||l?e(t,{className:"cover-type-wrapper overlay-item",children:e(m,{className:"cover-type",children:o(a,{direction:"row",spacing:1,alignItems:"center",justifyContent:"center",gap:n.custom.margin.sm,children:[e(p,{name:"image"===r?"image":"play-video",color:n.custom.palette.icon.lockedWhite,size:20}),e(t,{children:e(s,{variation:"xs",component:"p",sx:{color:n.custom.palette.text.lockedWhite,marginLeft:"-8px"},weight:"bold",children:"video"===r?"Video":"Cover"})})]})})}):null};export{m as StyledContainer,l as default};
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import r from"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/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 i={sm:120,lg:200},a=o(t,{shouldForwardProp:e=>"disabled"!==e})(({size:e,disabled:o})=>({position:"relative",width:"inherit",height:"inherit",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,mixBlendMode:o?"overlay":"multiply","& .lazy-load-image-background":{display:"flex","& img":{width:"auto",height:"auto",maxWidth:"100%",maxHeight:i[e],objectFit:"contain"}}})),p=({thumbnail:o,size:t="sm",disabled:i})=>e(a,{"data-id":"image-tile-container",size:t,disabled:i,children:e(r,{id:"image",src:o,alt:"placeholder",loading:"lazy"})});export{p as default};
1
+ import{jsx as e}from"react/jsx-runtime";import{styled as o,Box as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import r from"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/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 i={sm:120,lg:200},a=o(t,{shouldForwardProp:e=>"disabled"!==e})(({size:e,disabled:o})=>({position:"relative",width:"inherit",height:"inherit",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1,mixBlendMode:o?"overlay":"multiply","& .lazy-load-image-background":{display:"flex","& img":{width:"auto",height:"auto",maxWidth:"100%",maxHeight:i[e],objectFit:"contain"}}})),p=({thumbnail:o,size:t="sm",disabled:i})=>e(a,{"data-id":"image-tile-container",size:t,disabled:i,children:e(r,{id:"image",src:o,alt:"placeholder",loading:"lazy"})});export{p as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{forwardRef as s,useState as p,useEffect as n}from"react";import{isButton as l}from"../../../utils/isButton.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import d from"../../WebCore/Avatar/Avatar.js";import"../../WebCore/Badge/Badge.js";import"merge-sx";import"../../WebCore/Breadcrumb/Breadcrumb.js";import u from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import b from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import C from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import j from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import g from"../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";import W from"../SentimentArrow/SentimentArrow.js";import{CommentCardContainer as y,CommentActions as x}from"./_partials/Containers.js";const f=(e,o)=>{if(!o)return e.custom.palette.neutral[200];return`hsl(${(e=>{let o=0;for(let t=0;t<e.length;t++)o=e.charCodeAt(t)+((o<<5)-o);return Math.abs(o)%360})(o)}, 100%, 75%)`},h=s(({author:s,authorId:h,timeStamp:B,commentType:S,onTimeStampClick:I,copyLoading:k,favouriteLoading:v,isActive:L,isHovered:A,isStarred:T,moreMenuItems:M,moreMenuState:w,onClick:F,onFavouritePress:P,onMorePress:R,original:G,sentimentScore:_,translation:z,translationError:O,slotProps:N,demographicString:V,onClickSeeMore:D},E)=>{const H=t(),[K,U]=p(!z),$=matchMedia("(hover: none)").matches,[q,J]=p(A||$),Q=a({variant:"popper"});return n(()=>{Q.close()},[q]),e(y,{ref:E,onMouseOver:()=>J(!0),onMouseOut:()=>J(!1),isActive:L,isHovered:A,onClick:e=>{l(e.target)||F?.()},children:[k&&o(g,{}),e(r,{sx:{alignItems:"start",display:"flex",gap:H.spacing(H.custom.padding.md),justifyContent:"space-between"},children:[s&&e(r,{sx:{alignItems:"flex-start",display:"flex",gap:H.spacing(H.custom.padding.sm)},children:[o(d,{sizing:"xs",sx:{backgroundColor:f(H,h??s),color:H.custom.palette.text.primary},children:o(c,{component:"p",weight:"bold",sx:{lineHeight:1,fontSize:"16px",position:"relative",top:"-1px"},children:s?.substring(0,1)})}),e(r,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:H.spacing(H.custom.padding.sm),rowGap:H.spacing(H.custom.padding.xs)},children:[o(c,{component:"p",variation:"xs",color:H.custom.palette.text.primary,fontWeight:500,children:s}),o(W,{sentimentScore:_,commentCard:!0}),B&&o(u,{sizing:"xs",variation:"subtle",onClick:I,sx:{color:H.custom.palette.text.secondary},children:`at ${B}`})]})]}),e(x,{children:[V&&D?o(j,{message:V,children:o(b,{icon:o(m,{name:"info",color:H.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:q?1:0},onClick:D})}):null,!O&&z?o(b,{variation:K?"default":"toggle",icon:o(m,{name:"translate",color:H.custom.palette.icon.primary}),sizing:"xs",onClick:()=>U(!K),sx:{opacity:q?1:0,backgroundColor:"red"}}):null,!!P&&o(b,{loading:v,sizing:"xs",icon:o(m,T?{name:"star-filled",color:H.custom.palette.yellow[300]}:{name:"star",color:H.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),P?.()},sx:{opacity:T||q?1:0}}),M&&M.length>0&&o(C,{...w&&{state:w},state:Q,trigger:o(b,{sizing:"xs",icon:o(m,{name:"more-vertical",color:H.custom.palette.icon.primary}),onClick:()=>R?.(),sx:{opacity:q?1:0}}),menuItems:M,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...N?.menu}})]})]}),o(r,{sx:{alignItems:"start",display:"flex",gap:H.spacing(H.custom.padding.sm),justifyContent:"space-between"},children:o(i,{sx:{alignItems:"start",gap:H.spacing(H.custom.padding.xs),pr:H.spacing(H.custom.padding.md)},children:e(i,{direction:"row",gap:H.m.sm,children:[o(r,{sx:{pt:H.spacing(H.custom.padding.xs),mx:H.spacing(H.custom.padding.xs),minWidth:H.spacing(H.p.md),display:"flex",justifyContent:"center"},children:S&&o(m,{name:S,color:H.custom.palette.icon.secondary,size:18})}),e(r,{display:"flex",children:[o(c,{component:"p",variation:"sm",color:H.custom.palette.text.primary,className:"message",children:!z||K?G:z}),O?o(c,{component:"p",variation:"xs",color:H.custom.palette.text.disabled,children:O}):null]})]})})})]})});export{h as default,f as getAuthorAvatarColor};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useTheme as t,Box as r,Stack as i}from"@mui/material";import{usePopupState as a}from"material-ui-popup-state/hooks";import{forwardRef as s,useState as p,useEffect as n}from"react";import{isButton as l}from"../../../utils/isButton.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/primitiveVariables.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import m from"../../BrandCore/Icon/Icon.js";import"../../../utils/formValidation/misc.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import c from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import d from"../../WebCore/Avatar/Avatar.js";import"../../WebCore/Badge/Badge.js";import"merge-sx";import"../../WebCore/Breadcrumb/Breadcrumb.js";import u from"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import b from"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import C from"../../WebCore/Menu/Menu.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/Surface/Surface.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../WebCore/Progress/Progress.js";import j from"../../WebCore/Tooltip/Tooltip.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import g from"../ClipboardCopyingOverlay/ClipboardCopyingOverlay.js";import W from"../SentimentArrow/SentimentArrow.js";import{CommentCardContainer as y,CommentActions as x}from"./_partials/Containers.js";const f=(e,o)=>{if(!o)return e.custom.palette.neutral[200];return`hsl(${(e=>{let o=0;for(let t=0;t<e.length;t++)o=e.charCodeAt(t)+((o<<5)-o);return Math.abs(o)%360})(o)}, 100%, 75%)`},h=s(({author:s,authorId:h,timeStamp:B,commentType:S,onTimeStampClick:I,copyLoading:k,favouriteLoading:v,isActive:A,isHovered:L,isStarred:T,moreMenuItems:M,moreMenuState:F,onClick:w,onFavouritePress:P,onMorePress:R,original:G,sentimentScore:_,translation:z,translationError:O,slotProps:N,demographicString:V,onClickSeeMore:D},E)=>{const H=t(),[K,U]=p(!z),$=matchMedia("(hover: none)").matches,[q,J]=p(L||$),Q=a({variant:"popper"});return n(()=>{Q.close()},[q]),e(y,{ref:E,onMouseOver:()=>J(!0),onMouseOut:()=>J(!1),isActive:A,isHovered:L,onClick:e=>{l(e.target)||w?.()},children:[k&&o(g,{}),e(r,{sx:{alignItems:"start",display:"flex",gap:H.spacing(H.custom.padding.md),justifyContent:"space-between"},children:[s&&e(r,{sx:{alignItems:"flex-start",display:"flex",gap:H.spacing(H.custom.padding.sm)},children:[o(d,{sizing:"xs",sx:{backgroundColor:f(H,h??s),color:H.custom.palette.text.primary},children:o(c,{component:"p",weight:"bold",sx:{lineHeight:1,fontSize:"16px",position:"relative",top:"-1px"},children:s?.substring(0,1)})}),e(r,{sx:{alignItems:"center",display:"flex",flexWrap:"wrap",columnGap:H.spacing(H.custom.padding.sm),rowGap:H.spacing(H.custom.padding.xs)},children:[o(c,{component:"p",variation:"xs",color:H.custom.palette.text.primary,fontWeight:500,children:s}),o(W,{sentimentScore:_,commentCard:!0}),B&&o(u,{sizing:"xs",variation:"subtle",onClick:I,sx:{color:H.custom.palette.text.secondary},children:`at ${B}`})]})]}),e(x,{children:[V&&D?o(j,{message:V,children:o(b,{icon:o(m,{name:"info",color:H.custom.palette.icon.primary}),sizing:"xs",sx:{opacity:q?1:0},onClick:D})}):null,!O&&z?o(b,{variation:K?"default":"toggle",icon:o(m,{name:"translate",color:H.custom.palette.icon.primary}),sizing:"xs",onClick:()=>U(!K),sx:{opacity:q?1:0,backgroundColor:"red"}}):null,!!P&&o(b,{loading:v,sizing:"xs",icon:o(m,T?{name:"star-filled",color:H.custom.palette.yellow[300]}:{name:"star",color:H.custom.palette.icon.primary}),onClick:e=>{e.stopPropagation(),P?.()},sx:{opacity:T||q?1:0}}),M&&M.length>0&&o(C,{...F&&{state:F},state:Q,trigger:o(b,{sizing:"xs",icon:o(m,{name:"more-vertical",color:H.custom.palette.icon.primary}),onClick:()=>R?.(),sx:{opacity:q?1:0}}),menuItems:M,width:128,offset:[0,-8],placement:"bottom-end",slotProps:{...N?.menu}})]})]}),o(r,{sx:{alignItems:"start",display:"flex",gap:H.spacing(H.custom.padding.sm),justifyContent:"space-between"},children:o(i,{sx:{alignItems:"start",gap:H.spacing(H.custom.padding.xs),pr:H.spacing(H.custom.padding.md)},children:e(i,{direction:"row",gap:H.m.sm,children:[o(r,{sx:{pt:H.spacing(H.custom.padding.xs),mx:H.spacing(H.custom.padding.xs),minWidth:H.spacing(H.p.md),display:"flex",justifyContent:"center"},children:S&&o(m,{name:S,color:H.custom.palette.icon.secondary,size:18})}),e(r,{display:"flex",children:[o(c,{component:"p",variation:"sm",color:H.custom.palette.text.primary,className:"message",children:!z||K?G:z}),O?o(c,{component:"p",variation:"xs",color:H.custom.palette.text.disabled,children:O}):null]})]})})})]})});export{h as default,f as getAuthorAvatarColor};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Box as i,Stack as a}from"@mui/material";import{mergeSx as p}from"merge-sx";import{forwardRef as l}from"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import m from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import s from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import n from"../KpiIndicator/KpiIndicator.js";import c from"./_partials/DataSourceItem.js";import d from"./_partials/EmptyStateMessage.js";import b from"./_partials/StatValue.js";const u=l(({title:l,indicatorColor:u,subTitle:C,averageValue:j,minValue:W,maxValue:B,dataSources:y,dataSourcesTitle:g,dataSourcesLoading:S,emptyStateBody:h,emptyStateTitle:x,emptyState:I,sx:f},L)=>{const v=r();return e(s,{borderradius:"sm",variation:"overlay",children:e(i,{ref:L,sx:p({overflowY:"auto",p:v.custom.padding.md,width:256,maxHeight:350},f),children:o(a,{direction:"column",gap:v.custom.margin.md,children:[o(a,{direction:"row",gap:v.custom.margin.sm,sx:{width:"100%"},children:[u&&e(i,{sx:{height:"22px",display:"flex",placeItems:"center"},children:e(n,{colorScheme:u})}),o(a,{children:[e(m,{component:"p",variation:"sm",weight:"bold",children:l}),C&&e(m,{component:"p",variation:"xs",sx:{color:v.custom.palette.text.secondary},children:C})]})]}),I?e(d,{title:x,body:h}):o(a,{direction:"row",gap:v.custom.margin.sm,children:[e(b,{value:j?.value,keyText:"avg.",color:j?.color}),e(b,{value:W?.value,keyText:"min.",color:W?.color}),e(b,{value:B?.value,keyText:"max.",color:B?.color})]}),y&&!I&&e(a,{direction:"row",gap:v.custom.margin.sm,children:o(a,{gap:v.custom.margin.xs,sx:{width:1},children:[e(m,{component:"p",variation:"xs",sx:{color:v.custom.palette.text.secondary},weight:"bold",children:g}),e(a,{sx:{gap:v.custom.margin.xs},children:S?o(t,{children:[e(c,{loading:!0,content:null,cta:void 0}),e(c,{loading:!0,content:null,cta:void 0}),e(c,{loading:!0,content:null,cta:void 0})]}):y.map(({id:o,content:t,cta:r,iconName:i,iconButtonDisabled:a},p)=>e(c,{id:o,content:t,cta:r,iconName:i,iconButtonDisabled:a},p))})]})})]})})})});export{u as default};
1
+ import{jsx as e,jsxs as o,Fragment as t}from"react/jsx-runtime";import{useTheme as r,Box as i,Stack as a}from"@mui/material";import{mergeSx as p}from"merge-sx";import{forwardRef as m}from"react";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import l from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import s from"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import n from"../KpiIndicator/KpiIndicator.js";import c from"./_partials/DataSourceItem.js";import d from"./_partials/EmptyStateMessage.js";import b from"./_partials/StatValue.js";const u=m(({title:m,indicatorColor:u,subTitle:C,averageValue:j,minValue:W,maxValue:B,dataSources:y,dataSourcesTitle:g,dataSourcesLoading:S,emptyStateBody:h,emptyStateTitle:x,emptyState:I,sx:f},L)=>{const v=r();return e(s,{borderradius:"sm",variation:"overlay",children:e(i,{ref:L,sx:p({overflowY:"auto",p:v.custom.padding.md,width:256,maxHeight:350},f),children:o(a,{direction:"column",gap:v.custom.margin.md,children:[o(a,{direction:"row",gap:v.custom.margin.sm,sx:{width:"100%"},children:[u&&e(i,{sx:{height:"22px",display:"flex",placeItems:"center"},children:e(n,{colorScheme:u})}),o(a,{children:[e(l,{component:"p",variation:"sm",weight:"bold",children:m}),C&&e(l,{component:"p",variation:"xs",sx:{color:v.custom.palette.text.secondary},children:C})]})]}),I?e(d,{title:x,body:h}):o(a,{direction:"row",gap:v.custom.margin.sm,children:[e(b,{value:j?.value,keyText:"avg.",color:j?.color}),e(b,{value:W?.value,keyText:"min.",color:W?.color}),e(b,{value:B?.value,keyText:"max.",color:B?.color})]}),y&&!I&&e(a,{direction:"row",gap:v.custom.margin.sm,children:o(a,{gap:v.custom.margin.xs,sx:{width:1},children:[e(l,{component:"p",variation:"xs",sx:{color:v.custom.palette.text.secondary},weight:"bold",children:g}),e(a,{sx:{gap:v.custom.margin.xs},children:S?o(t,{children:[e(c,{loading:!0,content:null,cta:void 0}),e(c,{loading:!0,content:null,cta:void 0}),e(c,{loading:!0,content:null,cta:void 0})]}):y.map(({id:o,content:t,cta:r,iconName:i,iconButtonDisabled:a},p)=>e(c,{id:o,content:t,cta:r,iconName:i,iconButtonDisabled:a},p))})]})})]})})})});export{u as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Box as i,Stack as a}from"@mui/material";import{useId as p}from"react";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import s from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import m from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import l from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import n from"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const b=({id:b,content:d,cta:u,loading:C,iconName:c,iconButtonDisabled:j})=>{const W=t(),B=b||p();return e(i,{id:B,sx:{width:"100%",border:`1px solid ${W.custom.palette.stroke.light}`,borderRadius:W.spacing(W.custom.radius.sm),p:W.custom.padding.sm},children:[o(a,{direction:"row",gap:W.custom.margin.sm,justifyContent:"space-between",children:e(r,C?{children:[o(n,{variant:"text",width:"100%",height:25,sx:{borderRadius:W.custom.radius.sm}}),o(n,{variant:"rectangular",width:30,height:25,sx:{borderRadius:W.custom.radius.sm}})]}:{children:[o(a,{sx:{whiteSpace:"pre-wrap"},children:d?.split("\n").map((e,r)=>o(m,{component:"p",variation:"xs",sx:{color:W.custom.palette.text.secondary,wordBreak:"break-word"},children:e||" "},r))}),o(l,{id:B,disabled:j,sizing:"sm",variation:"outlined",onClick:u,icon:o(s,{name:c||"open-in-new"})})]})}),o(a,{direction:"row",gap:W.custom.margin.sm,justifyContent:"space-between"})]})};export{b as default};
1
+ import{jsxs as e,jsx as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Box as i,Stack as a}from"@mui/material";import{useId as p}from"react";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/primitiveVariables.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import s from"../../../BrandCore/Icon/Icon.js";import"../../../../utils/formValidation/misc.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import m from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import n from"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/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 l from"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const b=({id:b,content:d,cta:C,loading:u,iconName:c,iconButtonDisabled:j})=>{const W=t(),B=b||p();return e(i,{id:B,sx:{width:"100%",border:`1px solid ${W.custom.palette.stroke.light}`,borderRadius:W.spacing(W.custom.radius.sm),p:W.custom.padding.sm},children:[o(a,{direction:"row",gap:W.custom.margin.sm,justifyContent:"space-between",children:e(r,u?{children:[o(l,{variant:"text",width:"100%",height:25,sx:{borderRadius:W.custom.radius.sm}}),o(l,{variant:"rectangular",width:30,height:25,sx:{borderRadius:W.custom.radius.sm}})]}:{children:[o(a,{sx:{whiteSpace:"pre-wrap"},children:d?.split("\n").map((e,r)=>o(m,{component:"p",variation:"xs",sx:{color:W.custom.palette.text.secondary,wordBreak:"break-word"},children:e||" "},r))}),o(n,{id:B,disabled:j,sizing:"sm",variation:"outlined",onClick:C,icon:o(s,{name:c||"open-in-new"})})]})}),o(a,{direction:"row",gap:W.custom.margin.sm,justifyContent:"space-between"})]})};export{b as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import i from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import a from"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const p=({title:p,body:s})=>{const m=r();return e(a,{variation:"sunken",borderradius:"md",sx:{p:m.custom.padding.sm,textAlign:"center"},children:o(t,{gap:m.custom.margin.sm,children:[e(i,{component:"p",variation:"sm",weight:"bold",children:p}),s&&e(i,{component:"p",variation:"xs",sx:{color:m.custom.palette.text.secondary},children:s})]})})};export{p as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useTheme as r,Stack as t}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import i from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import a from"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const p=({title:p,body:s})=>{const m=r();return e(a,{variation:"sunken",borderradius:"md",sx:{p:m.custom.padding.sm,textAlign:"center"},children:o(t,{gap:m.custom.margin.sm,children:[e(i,{component:"p",variation:"sm",weight:"bold",children:p}),s&&e(i,{component:"p",variation:"xs",sx:{color:m.custom.palette.text.secondary},children:s})]})})};export{p as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import p from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import{getSentimentColorStack as s}from"../utils/sentimentColorUtils.js";const m=r(t)(({theme:e,color:o})=>({background:o,borderRadius:e.spacing(e.custom.radius.sm),padding:e.spacing(e.custom.padding.sm),display:"flex",flex:1,gap:e.spacing(e.custom.margin.xs)})),l=({value:r,color:t,keyText:l})=>{const n=i(),{backgroundColor:b,statColor:C,textColor:d}=s(n,t);return e(a,{direction:"row",gap:n.custom.margin.sm,flex:1,children:o(m,{color:b,children:[e(p,{component:"p",variation:"md",weight:"bold",sx:{lineHeight:"100%",color:C},children:r}),e(p,{component:"p",variation:"xs",sx:{color:d},children:l})]})})};export{l as default};
1
+ import{jsx as e,jsxs as o}from"react/jsx-runtime";import{styled as r,Box as t,useTheme as i,Stack as a}from"@mui/material";import"../../../../utils/formValidation/misc.js";import"../../../BrandCore/Icon/Icon.js";import"../../../BrandCore/primitiveVariables.js";import"../../../WebCore/utils/typography.util.js";import"../../../WebCore/AnnualController/AnnualController.js";import"../../../WebCore/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import p from"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";import{getSentimentColorStack as s}from"../utils/sentimentColorUtils.js";const m=r(t)(({theme:e,color:o})=>({background:o,borderRadius:e.spacing(e.custom.radius.sm),padding:e.spacing(e.custom.padding.sm),display:"flex",flex:1,gap:e.spacing(e.custom.margin.xs)})),l=({value:r,color:t,keyText:l})=>{const n=i(),{backgroundColor:b,statColor:C,textColor:d}=s(n,t);return e(a,{direction:"row",gap:n.custom.margin.sm,flex:1,children:o(m,{color:b,children:[e(p,{component:"p",variation:"md",weight:"bold",sx:{lineHeight:"100%",color:C},children:r}),e(p,{component:"p",variation:"xs",sx:{color:d},children:l})]})})};export{l as default};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import p from"../../WebCore/Pill/Pill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const s=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",flexDirection:"row",gap:e.spacing(e.custom.margin.sm),padding:e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),alignSelf:"stretch"})),m=t(i)(({theme:e})=>({gap:e.spacing(e.custom.margin.xs),flexDirection:"row",flexWrap:"wrap",flex:"1 1 0",alignItems:"flex-start",justifyContent:"flex-end"})),l=({demographicOptionLabel:t,demographicSelectionLabels:r})=>e(s,{children:[o(a,{component:"p",weight:"bold",variation:"xs",sx:{maxWidth:"128px",color:e=>e.custom.palette.text.primary,paddingTop:"1px"},children:t}),o(m,{children:r.map((e,t)=>o(p,{label:e,sx:{maxWidth:"256px"}},`${t}-${e}`))})]});export{l as default};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{styled as t,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/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import p from"../../WebCore/Pill/Pill.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";const s=t(r)(({theme:e})=>({backgroundColor:e.custom.palette.surface.sunken,display:"flex",flexDirection:"row",gap:e.spacing(e.custom.margin.sm),padding:e.spacing(e.custom.padding.sm),borderRadius:e.spacing(e.custom.radius.md),alignSelf:"stretch"})),m=t(i)(({theme:e})=>({gap:e.spacing(e.custom.margin.xs),flexDirection:"row",flexWrap:"wrap",flex:"1 1 0",alignItems:"flex-start",justifyContent:"flex-end"})),l=({demographicOptionLabel:t,demographicSelectionLabels:r})=>e(s,{children:[o(a,{component:"p",weight:"bold",variation:"xs",sx:{maxWidth:"128px",color:e=>e.custom.palette.text.primary,paddingTop:"1px"},children:t}),o(m,{children:r.map((e,t)=>o(p,{label:e,sx:{maxWidth:"256px"}},`${t}-${e}`))})]});export{l as default};
@@ -1 +1 @@
1
- import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import p from"../../WebCore/EmojiWrapper/EmojiWrapper.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{StyledSurface as m}from"./_partials/StyledSurface.js";const l=({disabled:l,loading:n,active:b,onClick:d,icon:C,label:c,slotProps:u,...j})=>{const W=t();return e(m,{borderradius:"md",variation:"default",active:!l&&b,disabled:l,onClick:l?void 0:d,sx:{px:W.custom.padding.sm,py:W.custom.padding.xs,...u?.surface?.sx},...u?.surface,...j,children:o(i,{sx:{display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-content-container",children:[C&&e(r,{children:n?e(s,{variant:"text",width:24,sx:{borderRadius:"50%"}}):e(p,{disabled:l,checked:!0,...u?.icon,children:C})}),c&&e(i,{sx:{height:24,flexGrow:1,display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-label-container",children:n?e(s,{variant:"text",width:120}):e(a,{component:"p",variation:"md",sx:{color:l?W.custom.palette.text.disabled:W.custom.palette.text.primary},...u?.label,children:c})})]})})};export{l as default};
1
+ import{jsx as e,jsxs as o,Fragment as r}from"react/jsx-runtime";import{useTheme as t,Box as i}from"@mui/material";import"../../../utils/formValidation/misc.js";import"../../BrandCore/Icon/Icon.js";import"../../BrandCore/primitiveVariables.js";import"../../WebCore/utils/typography.util.js";import"../../WebCore/AnnualController/AnnualController.js";import"../../WebCore/SelectItem/SelectItem.js";import"../../WebCore/Accordion/Accordion.js";import a from"../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../WebCore/Badge/Badge.js";import"../../WebCore/Breadcrumb/Breadcrumb.js";import"../../WebCore/Button/Button.js";import"../../WebCore/ButtonBase/ButtonBase.js";import"../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../WebCore/Checkbox/StyledCheckbox.js";import"../../WebCore/InputFieldBase/InputFieldBase.js";import"../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../WebCore/Differential/DifferentialContainer.js";import"../../WebCore/Differential/DifferentialRadio.js";import"../../WebCore/DropdownMenu/StyledMenu.js";import p from"../../WebCore/EmojiWrapper/EmojiWrapper.js";import"../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../WebCore/Animations/FadeIn.js";import"../../WebCore/FormGenerator/FormGenerator.js";import"../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../WebCore/IconButton/IconButton.js";import"../../WebCore/IconButtonBase/IconButtonBase.js";import"../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../WebCore/Image/Image.js";import"../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../WebCore/Label/Label.js";import"../../WebCore/Likert/LikertContainer.js";import"../../WebCore/Likert/LikertLabel.js";import"../../WebCore/Likert/LikertRadio.js";import"../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import"../../WebCore/Surface/Surface.js";import"../../WebCore/Menu/MenuItem.js";import"../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../WebCore/NavigationButton/NavigationButton.js";import"../../WebCore/Nudge/NudgeButton.js";import"../../WebCore/NumberField/NumberField.js";import"../../BrandCore/colorRamps.js";import"../../BrandCore/semanticColor.js";import"../../BrandCore/types.js";import"../../BrandCore/typography.js";import"../../WebCore/Progress/Progress.js";import"../../WebCore/Pill/StyledPill.js";import"../../WebCore/ProgressBar/ProgressBar.js";import"../../WebCore/Radio/StyledRadio.js";import"../../WebCore/Select/StyledSelect.js";import"../../WebCore/RankItem/RankItemContainer.js";import"../../WebCore/RankItem/RankItemLabel.js";import"../../WebCore/SortableList/SortableList.js";import"../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../WebCore/RichTextField/StyledRichTextEditor.js";import s from"../../WebCore/Skeleton/Skeleton.js";import"../../WebCore/Slider/StyledSlider.js";import"../../WebCore/StarRating/StarRating.js";import"../../WebCore/Switch/StyledSwitch.js";import"../../WebCore/Textarea/Textarea.js";import"../../WebCore/TrialCard/TrialCardContainers.js";import"../../WebCore/TrialCard/TrialPill.js";import"../../WebCore/UserMenu/UserMenuButton.js";import"../../WebCore/VideoModal/VideoModal.js";import{StyledSurface as m}from"./_partials/StyledSurface.js";const l=({disabled:l,loading:n,active:b,onClick:d,icon:C,label:c,slotProps:u,...j})=>{const W=t();return e(m,{borderradius:"md",variation:"default",active:!l&&b,disabled:l,onClick:l?void 0:d,sx:{px:W.custom.padding.sm,py:W.custom.padding.xs,...u?.surface?.sx},...u?.surface,...j,children:o(i,{sx:{display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-content-container",children:[C&&e(r,{children:n?e(s,{variant:"text",width:24,sx:{borderRadius:"50%"}}):e(p,{disabled:l,checked:!0,...u?.icon,children:C})}),c&&e(i,{sx:{height:24,flexGrow:1,display:"flex",alignItems:"center",gap:W.spacing(W.custom.margin.sm)},className:"emoji-list-item-label-container",children:n?e(s,{variant:"text",width:120}):e(a,{component:"p",variation:"md",sx:{color:l?W.custom.palette.text.disabled:W.custom.palette.text.primary},...u?.label,children:c})})]})})};export{l as default};
@@ -1 +1 @@
1
- import{styled as e}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/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import o from"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const t=e(o)(({theme:e,disabled:o,active:t})=>({position:"relative",display:"flex",gap:e.spacing(e.custom.margin.sm),alignItems:"center",minWidth:140,width:"100%",transition:"all 0.2s ease",cursor:o?"not-allowed":"pointer",border:`1px solid ${t?e.custom.palette.blue[500]:e.custom.palette.interaction.none}`,"&:before":{content:'""',position:"absolute",inset:0,borderRadius:"inherit",transition:"all 0.2s ease",pointerEvents:"none",backgroundColor:o?e.custom.palette.interaction.disabledMuted:"transparent"},"&:hover":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.hover}},"&:active":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.press}}}));export{t as StyledSurface};
1
+ import{styled as e}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/SelectItem/SelectItem.js";import"../../../WebCore/Accordion/Accordion.js";import"../../../WebCore/Typography/Typography.js";import"@mui/icons-material";import"react";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteListbox.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledPopper.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteField.js";import"../../../WebCore/AutocompleteBaseField/_partials/AutocompleteChip.js";import"../../../WebCore/AutocompleteBaseField/_partials/StyledAutocompleteInput.js";import"merge-sx";import"../../../WebCore/Badge/Badge.js";import"../../../WebCore/Breadcrumb/Breadcrumb.js";import"../../../WebCore/Button/Button.js";import"../../../WebCore/ButtonBase/ButtonBase.js";import"../../../WebCore/ButtonTabGroup/_partials/ActiveIndicator.js";import"../../../WebCore/ButtonTabGroup/_partials/ButtonTabsWrapper.js";import"../../../WebCore/ButtonTabGroup/_partials/TabButton.js";import"../../../WebCore/Checkbox/StyledCheckbox.js";import"../../../WebCore/InputFieldBase/InputFieldBase.js";import"../../../WebCore/CreatableAutocomplete/CreatableAutocomplete.js";import"../../../WebCore/InputLabelBase/StyledInputLabelBase.js";import"../../../WebCore/Differential/DifferentialContainer.js";import"../../../WebCore/Differential/DifferentialRadio.js";import"../../../WebCore/DropdownMenu/StyledMenu.js";import"../../../WebCore/ExpandableTypographyClamp/ExpandableTypographyClamp.js";import"../../../WebCore/Animations/FadeIn.js";import"../../../WebCore/FormGenerator/FormGenerator.js";import"../../../WebCore/GridOverlay/GridOverlay.js";import"html-react-parser";import"../../../WebCore/IconButton/IconButton.js";import"../../../WebCore/IconButtonBase/IconButtonBase.js";import"../../../WebCore/IconButtonGroup/IconButtonGroup.js";import"../../../WebCore/Image/Image.js";import"../../../WebCore/KeyValueLabel/KeyValueLabel.js";import"../../../WebCore/Label/Label.js";import"../../../WebCore/Likert/LikertContainer.js";import"../../../WebCore/Likert/LikertLabel.js";import"../../../WebCore/Likert/LikertRadio.js";import"../../../WebCore/Link/StyledLink.js";import"@lottiefiles/dotlottie-react";import"../../../WebCore/LoopsAiButton/LoopsAiButton.js";import"markdown-to-jsx";import"material-ui-popup-state/hooks";import o from"../../../WebCore/Surface/Surface.js";import"../../../WebCore/Menu/MenuItem.js";import"../../../WebCore/ModalLayout/_partials/ModalActionsWrapper.js";import"../../../WebCore/ModalLayout/_partials/ModalContentWrapper.js";import"../../../WebCore/NavigationButton/NavigationButton.js";import"../../../WebCore/Nudge/NudgeButton.js";import"../../../WebCore/NumberField/NumberField.js";import"../../../BrandCore/colorRamps.js";import"../../../BrandCore/semanticColor.js";import"../../../BrandCore/types.js";import"../../../BrandCore/typography.js";import"../../../WebCore/Progress/Progress.js";import"../../../WebCore/Pill/StyledPill.js";import"../../../WebCore/ProgressBar/ProgressBar.js";import"../../../WebCore/Radio/StyledRadio.js";import"../../../WebCore/Select/StyledSelect.js";import"../../../WebCore/RankItem/RankItemContainer.js";import"../../../WebCore/RankItem/RankItemLabel.js";import"../../../WebCore/SortableList/SortableList.js";import"../../../WebCore/SortableList/components/SortableItem/SortableItem.js";import"../../../WebCore/SortableList/components/SortableOverlay/SortableOverlay.js";import"@tiptap/extension-placeholder";import"@tiptap/starter-kit";import"mui-tiptap";import"../../../WebCore/RichTextField/StyledRichTextEditor.js";import"../../../WebCore/Skeleton/Skeleton.js";import"../../../WebCore/Slider/StyledSlider.js";import"../../../WebCore/StarRating/StarRating.js";import"../../../WebCore/Switch/StyledSwitch.js";import"../../../WebCore/Textarea/Textarea.js";import"../../../WebCore/TrialCard/TrialCardContainers.js";import"../../../WebCore/TrialCard/TrialPill.js";import"../../../WebCore/UserMenu/UserMenuButton.js";import"../../../WebCore/VideoModal/VideoModal.js";const t=e(o)(({theme:e,disabled:o,active:t})=>({position:"relative",display:"flex",gap:e.spacing(e.custom.margin.sm),alignItems:"center",minWidth:140,width:"100%",transition:"all 0.2s ease",cursor:o?"not-allowed":"pointer",border:`1px solid ${t?e.custom.palette.blue[500]:e.custom.palette.interaction.none}`,"&:before":{content:'""',position:"absolute",inset:0,borderRadius:"inherit",transition:"all 0.2s ease",pointerEvents:"none",backgroundColor:o?e.custom.palette.interaction.disabledMuted:"transparent"},"&:hover":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.hover}},"&:active":{"&:before":{backgroundColor:o?e.custom.palette.interaction.disabledMuted:e.custom.palette.interaction.press}}}));export{t as StyledSurface};