@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/HelpCenter/HelpCenterDialog/components/HelpContentItem.js

@@ -1 +1,272 @@
-import e from"prop-types";import{makeStyles as t}from"@material-ui/core";import o from"@material-ui/icons/PlayCircleFilled";import"../../../Modal/index.js";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"react";import"classnames";import"lodash";import"@material-ui/icons/Help";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import{ATTACMENT_METADATA_TYPE as i}from"../../../../constants/helpCenter.js";import"../../../../constants/bha.js";import"../../../../utils/index.js";import{ArticleIcon as r}from"../../ArticleIcon.js";import"../../DialogLayout.js";import"../HelpCenterDialog.js";import"../../ItemContent/ItemContent.js";import"../../SingleItemHeader.js";import{helpContentShape as n}from"../../shapes/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as s,jsx as p}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../../LoadingIndicator/LoadingIndicator.js";import"../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import"../../../AssetEditor/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../Typography.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/index.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SettingEditors/RadioEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import m from"../../../TruncatedText/index.js";import"../../../RangeSlider/RangeSlider.js";import"../../../Login/components/Login.js";import"../../../Login/components/PasswordField.js";import"../../../Login/components/Chip.js";import"../../../Login/components/StepFooter.js";import"../../../Login/components/StepContent.js";import"../../../Login/components/StepHeader.js";import"../../../Login/components/Step.js";import"../../../Login/components/OrDivider.js";import"../../../Login/components/HiddenEmailField.js";import"../../../Login/components/EmailField.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/index.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../IconButton/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../MenuItem/index.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Stepper/Stepper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../FilesLoader/Icons/FileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../DocumentViewer/DocumentViewer.js";import{HelpContentTimestamp as a}from"./HelpContentTimestamp.js";var l=t((function(e){return{helpContentItem:{width:410,border:"1px solid ".concat(e.palette.primary.text9),borderRadius:8,marginBottom:24,overflow:"hidden","&:hover":{cursor:"pointer",borderColor:e.palette.primary.main},"&:not(:nth-child(3n))":{marginRight:24}},imageContainer:{width:"100%",height:230},coverImage:{width:"100%",height:"100%"},caption:{display:"flex",alignItems:"center",padding:"8px 16px"},captionTextContainer:{marginLeft:16,width:"calc(100% - 40px)"},title:{fontWeight:500,fontSize:18,lineHeight:"24px",color:e.palette.primary.contrastText},captionIcon:{color:e.palette.primary.text6}}})),d=function(e){var t,o;return null===(t=e.attachmentMetadata)||void 0===t||null===(o=t.find((function(e){return e.type===i.thumb})))||void 0===o?void 0:o.cdn_url};function c(e){var t=e.helpContent,i=e.onClick,n=l(),c=t.articleContent?r:o;return s("div",{className:n.helpContentItem,onClick:i,children:[p("div",{className:n.imageContainer,children:p("img",{src:d(t),alt:"Cover image",className:n.coverImage})}),s("div",{className:n.caption,children:[p(c,{className:n.captionIcon}),s("div",{className:n.captionTextContainer,children:[p("span",{className:n.title,children:p(m,{children:t.title})}),p(a,{helpContent:t})]})]})]})}c.propTypes={helpContent:n.isRequired,onClick:e.func.isRequired};export{c as HelpContentItem};
+import '@babel/runtime/helpers/defineProperty';
+import 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../../constants/completion.js';
+import '../../../../constants/alerts.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '../../../../constants/goals.js';
+import '../../../../constants/segment.js';
+import '../../../../constants/apps.js';
+import '../../../../constants/drillstring.js';
+import '../../../../constants/notifications.js';
+import '../../../../constants/feed.js';
+import { ATTACMENT_METADATA_TYPE } from '../../../../constants/helpCenter.js';
+import '../../../../constants/bha.js';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '../../../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/typeof';
+import '../../../../clients/api/apiCore.js';
+import '../../../../clients/constants.js';
+import '../../../../utils/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import 'react';
+import 'querystring';
+import 'uuid/v1';
+import '../../../../clients/subscriptions.js';
+import 'uuid';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import 'classnames';
+import '../../../Modal/index.js';
+import '../../../IconMenu/index.js';
+import '../../../StyledMenuItem/index.js';
+import '../../../LoadingIndicator/LoadingIndicator.js';
+import '../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import '../../../Tooltip/MuiTooltipDcWrapper.js';
+import '../../../Avatar/index.js';
+import '../../../Annotations/AnnotationsContext.js';
+import '../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import '../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import '../../../IconButton/index.js';
+import '../../../ConfirmationDialog.js';
+import '../../../Annotations/components/AnnotationsList/index.js';
+import '../../../Annotations/components/LastAnnotation/index.js';
+import '../../../PadModeSelect/PadModeSelect.js';
+import '../../../DevCenter/AppHeader/AppHeader.js';
+import '../../../Button/index.js';
+import '../../../DevCenter/AppSideBar/AppSideBar.js';
+import '../../../DevCenter/AppContext.js';
+import '../../../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons/Help';
+import { ArticleIcon } from '../../ArticleIcon.js';
+import '../../DialogLayout.js';
+import '../../SingleItemHeader.js';
+import '../../../DocumentViewer/DocumentViewer.js';
+import { helpContentShape } from '../../shapes/index.js';
+import PlayCircleFilledIcon from '@material-ui/icons/PlayCircleFilled';
+import { HelpContentTimestamp } from './HelpContentTimestamp.js';
+import 'slate';
+import '../../../SlateFormattedText/RenderElements.js';
+import '../../../SlateFormattedText/SlateFormattedText.js';
+import '../../ItemContent/ItemContent.js';
+import '../HelpCenterDialog.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../../ErrorBoundary/ErrorBoundary.js';
+import '../../../Typography.js';
+import '../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import '../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../../../DevCenter/NavigationBar/NavigationBar.js';
+import '../../../DevCenter/SideBar/SideBar.js';
+import '../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
+import TruncatedText from '../../../TruncatedText/index.js';
+import '../../../AssetEditor/SingleAssetEditor.js';
+import '../../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../../AssetEditor/index.js';
+import '../../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../../CollapsableSidebar.js';
+import '../../../DateTimePicker/index.js';
+import '../../../DatePicker/index.js';
+import '../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../../../ColorPicker/ColorPicker.js';
+import '../../../ParameterCharts/AddEditTrack.js';
+import '../../../ParameterCharts/ParameterCharts.js';
+import '../../../ChartActionsList/ChartActionsList.js';
+import '../../../SettingEditors/ColorEditor/index.js';
+import '../../../SettingEditors/DropdownEditor/index.js';
+import '../../../SettingEditors/RadioEditor/index.js';
+import '../../../SwitchControl/index.js';
+import '../../../RangeSlider/RangeSlider.js';
+import '../../../Login/components/Login.js';
+import '../../../Login/components/PasswordField.js';
+import '../../../Login/components/Chip.js';
+import '../../../Login/components/StepFooter.js';
+import '../../../Login/components/StepContent.js';
+import '../../../Login/components/StepHeader.js';
+import '../../../Login/components/Step.js';
+import '../../../Login/components/OrDivider.js';
+import '../../../Login/components/HiddenEmailField.js';
+import '../../../Login/components/EmailField.js';
+import '../../../Breadcrumbs/index.js';
+import '../../../VirtualizedTable/index.js';
+import '../../../EmptyView/EmptyView.js';
+import '../../../MenuItem/index.js';
+import '../../../ContextMenuItem/index.js';
+import '../../../FolderMenuItem/index.js';
+import '../../../EditableItem/EditableItem/index.js';
+import '../../../EditableItem/EditableItemWithBadge/index.js';
+import '../../../Checkbox/index.js';
+import '../../../FolderMenuItemWithLinks/index.js';
+import '../../../TextField/index.js';
+import '../../../Chip/index.js';
+import '../../../Counter/index.js';
+import '../../../AnchorsList/AnchorsList.js';
+import '../../../Select/index.js';
+import '../../../CustomSelect/index.js';
+import '../../../Tabs/Tabs.js';
+import '../../../Tabs/Tab.js';
+import '../../../ResizableTable/ResizableTable.js';
+import '../../../Drillstring/BHASchematic.js';
+import '../../../Drillstring/BHAComponentIcon.js';
+import '../../../Drillstring/BHATable/index.js';
+import '../../../Drillstring/BHAComponentDetail/index.js';
+import '../../../Casing/CasingComponentIcon.js';
+import '../../../Casing/CasingTable/index.js';
+import '../../../WellSummary/WellSummaryItemLabel.js';
+import '../../../WellSummary/WellSummaryItemTitle.js';
+import '../../../WellSummary/WellSummaryItemValue.js';
+import '../../../WellSummary/ActivitySummaryChart.js';
+import '../../../WellSummary/FracWirelineTimeChart.js';
+import '../../../BICOffsetPickerDialog/index.js';
+import '../../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../../../OffsetWellPickerV3/index.js';
+import '../../../Notifications/Notifications.js';
+import '../../../TextLink/index.js';
+import '../../../Template/TemplatePopover/index.js';
+import '../../../PinnableFilters/PinnableFilters.js';
+import '../../../HeaderLayout/HeaderLayout.js';
+import '../../../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../../../PadOffsetsPicker/OffsetAssetChip.js';
+import '../../../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../../../PadOffsetsPicker/StagesSelector.js';
+import '../../../Table/TableToolbar/TableToolbar.js';
+import '../../../PriceInput/PriceInput.js';
+import '../../../LabelsCounter/LabelsCounter.js';
+import '../../../Stepper/Step.js';
+import '../../../Stepper/StepsWrapper.js';
+import '../../../Stepper/Stepper.js';
+import '../../../Comment/CommentIcon/index.js';
+import '../../../FilesLoader/Icons/FileIcon.js';
+import '../../../FilesLoader/FilesLoader.js';
+import '../../../SearchInput/index.js';
+import '../../../StageDesignVActual/ComparisonHeader.js';
+import '../../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../../../StageDesignVActual/ComparisonRow.js';
+import '../../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../../../EmbeddedApp/EmbeddedApp.js';
+import '../../../FeedItem/FeedItem.js';
+import '../../../KeyboardDateTimePicker.js';
+import '../../../PostInput/PostInput.js';
+import '../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../../../AddComment/Popover.js';
+import '../../../AddComment/Popup.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    helpContentItem: {
+      width: 410,
+      border: "1px solid ".concat(theme.palette.primary.text9),
+      borderRadius: 8,
+      overflow: 'hidden',
+      '&:hover': {
+        cursor: 'pointer',
+        borderColor: theme.palette.primary.main
+      }
+    },
+    imageContainer: {
+      width: '100%',
+      height: 230
+    },
+    coverImage: {
+      width: '100%',
+      height: '100%'
+    },
+    caption: {
+      display: 'flex',
+      alignItems: 'center',
+      padding: '8px 16px'
+    },
+    captionTextContainer: {
+      marginLeft: 16,
+      width: 'calc(100% - 40px)'
+    },
+    title: {
+      fontWeight: 500,
+      fontSize: 18,
+      lineHeight: '24px',
+      color: theme.palette.primary.contrastText
+    },
+    captionIcon: {
+      color: theme.palette.primary.text6
+    }
+  };
+});
+
+var getCoverImageSrc = function getCoverImageSrc(helpContent) {
+  var _helpContent$attachme, _helpContent$attachme2;
+
+  return (_helpContent$attachme = helpContent.attachmentMetadata) === null || _helpContent$attachme === void 0 ? void 0 : (_helpContent$attachme2 = _helpContent$attachme.find(function (_ref) {
+    var type = _ref.type;
+    return type === ATTACMENT_METADATA_TYPE.thumb;
+  })) === null || _helpContent$attachme2 === void 0 ? void 0 : _helpContent$attachme2.cdn_url;
+};
+
+function HelpContentItem(_ref2) {
+  var helpContent = _ref2.helpContent,
+      onClick = _ref2.onClick;
+  var styles = useStyles();
+  var CaptionIcon = helpContent.articleContent ? ArticleIcon : PlayCircleFilledIcon;
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.helpContentItem,
+    onClick: onClick,
+    children: [/*#__PURE__*/jsx("div", {
+      className: styles.imageContainer,
+      children: /*#__PURE__*/jsx("img", {
+        src: getCoverImageSrc(helpContent),
+        alt: "Cover image",
+        className: styles.coverImage
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.caption,
+      children: [/*#__PURE__*/jsx(CaptionIcon, {
+        className: styles.captionIcon
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.captionTextContainer,
+        children: [/*#__PURE__*/jsx("span", {
+          className: styles.title,
+          children: /*#__PURE__*/jsx(TruncatedText, {
+            children: helpContent.title
+          })
+        }), /*#__PURE__*/jsx(HelpContentTimestamp, {
+          helpContent: helpContent
+        })]
+      })]
+    })]
+  });
+}
+HelpContentItem.propTypes = {
+  helpContent: helpContentShape.isRequired,
+  onClick: PropTypes.func.isRequired
+};
+
+export { HelpContentItem };
+//# sourceMappingURL=HelpContentItem.js.map

package/components/HelpCenter/HelpCenterDialog/components/HelpContentItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpContentItem.js","sources":["../../../../../src/components/HelpCenter/HelpCenterDialog/components/HelpContentItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport PlayCircleFilledIcon from '@material-ui/icons/PlayCircleFilled';\n\nimport { TruncatedText } from '~/components';\nimport { ATTACMENT_METADATA_TYPE } from '~/constants/helpCenter';\nimport { helpContentShape } from '../../shapes';\nimport { ArticleIcon } from '../../ArticleIcon';\n\nimport { HelpContentTimestamp } from './HelpContentTimestamp';\n\nconst useStyles = makeStyles(theme => ({\n  helpContentItem: {\n    width: 410,\n    border: `1px solid ${theme.palette.primary.text9}`,\n    borderRadius: 8,\n    overflow: 'hidden',\n    '&:hover': {\n      cursor: 'pointer',\n      borderColor: theme.palette.primary.main,\n    },\n  },\n  imageContainer: {\n    width: '100%',\n    height: 230,\n  },\n  coverImage: {\n    width: '100%',\n    height: '100%',\n  },\n  caption: {\n    display: 'flex',\n    alignItems: 'center',\n    padding: '8px 16px',\n  },\n  captionTextContainer: {\n    marginLeft: 16,\n    width: 'calc(100% - 40px)',\n  },\n  title: {\n    fontWeight: 500,\n    fontSize: 18,\n    lineHeight: '24px',\n    color: theme.palette.primary.contrastText,\n  },\n  captionIcon: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst getCoverImageSrc = helpContent =>\n  helpContent.attachmentMetadata?.find(({ type }) => type === ATTACMENT_METADATA_TYPE.thumb)\n    ?.cdn_url;\n\nexport function HelpContentItem({ helpContent, onClick }) {\n  const styles = useStyles();\n\n  const CaptionIcon = helpContent.articleContent ? ArticleIcon : PlayCircleFilledIcon;\n\n  return (\n    <div className={styles.helpContentItem} onClick={onClick}>\n      <div className={styles.imageContainer}>\n        {/* eslint-disable-next-line jsx-a11y/img-redundant-alt */}\n        <img src={getCoverImageSrc(helpContent)} alt=\"Cover image\" className={styles.coverImage} />\n      </div>\n      <div className={styles.caption}>\n        <CaptionIcon className={styles.captionIcon} />\n        <div className={styles.captionTextContainer}>\n          <span className={styles.title}>\n            <TruncatedText>{helpContent.title}</TruncatedText>\n          </span>\n          <HelpContentTimestamp helpContent={helpContent} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nHelpContentItem.propTypes = {\n  helpContent: helpContentShape.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n"],"names":["useStyles","makeStyles","theme","helpContentItem","width","border","palette","primary","text9","borderRadius","overflow","cursor","borderColor","main","imageContainer","height","coverImage","caption","display","alignItems","padding","captionTextContainer","marginLeft","title","fontWeight","fontSize","lineHeight","color","contrastText","captionIcon","text6","getCoverImageSrc","helpContent","attachmentMetadata","find","type","ATTACMENT_METADATA_TYPE","thumb","cdn_url","HelpContentItem","onClick","styles","CaptionIcon","articleContent","ArticleIcon","PlayCircleFilledIcon","_jsxs","_jsx","propTypes","helpContentShape","isRequired","PropTypes","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAE,GADQ;AAEfC,MAAAA,MAAM,sBAAeH,KAAK,CAACI,OAAN,CAAcC,OAAd,CAAsBC,KAArC,CAFS;AAGfC,MAAAA,YAAY,EAAE,CAHC;AAIfC,MAAAA,QAAQ,EAAE,QAJK;AAKf,iBAAW;AACTC,QAAAA,MAAM,EAAE,SADC;AAETC,QAAAA,WAAW,EAAEV,KAAK,CAACI,OAAN,CAAcC,OAAd,CAAsBM;AAF1B;AALI,KADoB;AAWrCC,IAAAA,cAAc,EAAE;AACdV,MAAAA,KAAK,EAAE,MADO;AAEdW,MAAAA,MAAM,EAAE;AAFM,KAXqB;AAerCC,IAAAA,UAAU,EAAE;AACVZ,MAAAA,KAAK,EAAE,MADG;AAEVW,MAAAA,MAAM,EAAE;AAFE,KAfyB;AAmBrCE,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,UAAU,EAAE,QAFL;AAGPC,MAAAA,OAAO,EAAE;AAHF,KAnB4B;AAwBrCC,IAAAA,oBAAoB,EAAE;AACpBC,MAAAA,UAAU,EAAE,EADQ;AAEpBlB,MAAAA,KAAK,EAAE;AAFa,KAxBe;AA4BrCmB,IAAAA,KAAK,EAAE;AACLC,MAAAA,UAAU,EAAE,GADP;AAELC,MAAAA,QAAQ,EAAE,EAFL;AAGLC,MAAAA,UAAU,EAAE,MAHP;AAILC,MAAAA,KAAK,EAAEzB,KAAK,CAACI,OAAN,CAAcC,OAAd,CAAsBqB;AAJxB,KA5B8B;AAkCrCC,IAAAA,WAAW,EAAE;AACXF,MAAAA,KAAK,EAAEzB,KAAK,CAACI,OAAN,CAAcC,OAAd,CAAsBuB;AADlB;AAlCwB,GAAL;AAAA,CAAN,CAA5B;;AAuCA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAAAC,WAAW;AAAA;;AAAA,kCAClCA,WAAW,CAACC,kBADsB,oFAClC,sBAAgCC,IAAhC,CAAqC;AAAA,QAAGC,IAAH,QAAGA,IAAH;AAAA,WAAcA,IAAI,KAAKC,uBAAuB,CAACC,KAA/C;AAAA,GAArC,CADkC,2DAClC,uBACIC,OAF8B;AAAA,CAApC;;AAIO,SAASC,eAAT,QAAmD;AAAA,MAAxBP,WAAwB,SAAxBA,WAAwB;AAAA,MAAXQ,OAAW,SAAXA,OAAW;AACxD,MAAMC,MAAM,GAAGzC,SAAS,EAAxB;AAEA,MAAM0C,WAAW,GAAGV,WAAW,CAACW,cAAZ,GAA6BC,WAA7B,GAA2CC,oBAA/D;AAEA,sBACEC;AAAK,IAAA,SAAS,EAAEL,MAAM,CAACtC,eAAvB;AAAwC,IAAA,OAAO,EAAEqC,OAAjD;AAAA,4BACEO;AAAK,MAAA,SAAS,EAAEN,MAAM,CAAC3B,cAAvB;AAAA,6BAEEiC;AAAK,QAAA,GAAG,EAAEhB,gBAAgB,CAACC,WAAD,CAA1B;AAAyC,QAAA,GAAG,EAAC,aAA7C;AAA2D,QAAA,SAAS,EAAES,MAAM,CAACzB;AAA7E;AAFF,MADF,eAKE8B;AAAK,MAAA,SAAS,EAAEL,MAAM,CAACxB,OAAvB;AAAA,8BACE8B,IAAC,WAAD;AAAa,QAAA,SAAS,EAAEN,MAAM,CAACZ;AAA/B,QADF,eAEEiB;AAAK,QAAA,SAAS,EAAEL,MAAM,CAACpB,oBAAvB;AAAA,gCACE0B;AAAM,UAAA,SAAS,EAAEN,MAAM,CAAClB,KAAxB;AAAA,iCACEwB,IAAC,aAAD;AAAA,sBAAgBf,WAAW,CAACT;AAA5B;AADF,UADF,eAIEwB,IAAC,oBAAD;AAAsB,UAAA,WAAW,EAAEf;AAAnC,UAJF;AAAA,QAFF;AAAA,MALF;AAAA,IADF;AAiBD;AAEDO,eAAe,CAACS,SAAhB,GAA4B;AAC1BhB,EAAAA,WAAW,EAAEiB,gBAAgB,CAACC,UADJ;AAE1BV,EAAAA,OAAO,EAAEW,SAAS,CAACC,IAAV,CAAeF;AAFE,CAA5B;;;;"}

package/components/HelpCenter/HelpCenterDialog/components/HelpContentList.js

@@ -1 +1,268 @@
-import e from"prop-types";import{makeStyles as t}from"@material-ui/core";import"../../../Modal/index.js";import"../../../IconMenu/index.js";import"../../../StyledMenuItem/index.js";import"../../../DevCenter/AppHeader/AppHeader.js";import"../../../DevCenter/AppSideBar/AppSideBar.js";import"../../../DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/slicedToArray";import"react";import"classnames";import"lodash";import"@material-ui/icons/Help";import"../../../Annotations/components/AnnotationsList/index.js";import"../../../Annotations/components/LastAnnotation/index.js";import"../../../Annotations/AnnotationsContext.js";import"../../../../utils/mobileDetect.js";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"querystring";import"uuid/v1";import"../../../../clients/jsonApi/index.js";import"../../../../clients/subscriptions.js";import"../../../../constants/goals.js";import"../../../../constants/segment.js";import"../../../../constants/alerts.js";import"../../../../constants/apps.js";import"../../../../constants/drillstring.js";import"../../../../constants/completion.js";import"../../../../constants/notifications.js";import"../../../../constants/feed.js";import"../../../../constants/bha.js";import"../../../../utils/index.js";import"../../ArticleIcon.js";import"../../DialogLayout.js";import"../HelpCenterDialog.js";import"../../ItemContent/ItemContent.js";import"../../SingleItemHeader.js";import{helpContentShape as r}from"../../shapes/index.js";import"../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsx as o,jsxs as i,Fragment as n}from"react/jsx-runtime";import"../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../../ErrorBoundary/ErrorBoundary.js";import"../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import s from"../../../LoadingIndicator/LoadingIndicator.js";import"../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js";import"../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js";import"../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js";import"../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import"../../../DevCenter/AppContext.js";import"../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js";import"../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js";import"../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router";import"../../../DevCenter/NavigationBar/NavigationBar.js";import"../../../DevCenter/SideBar/SideBar.js";import"../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import"../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js";import"../../../AssetEditor/index.js";import"../../../AppVersionsSelect/AppVersionsSelect.js";import"../../../Typography.js";import"../../../CollapsableSidebar.js";import"../../../DateTimePicker/index.js";import"../../../DatePicker/index.js";import"../../../SlateFormattedText/SlateFormattedText.js";import"../../../SlateFormattedText/RenderElements.js";import"@babel/runtime/helpers/typeof";import"slate";import"../../../ParameterCharts/ParameterCharts.js";import"../../../ParameterCharts/AddEditTrack.js";import"../../../ChartActionsList/ChartActionsList.js";import"../../../AssetEditor/AssetEditorAutocomplete.js";import"../../../AssetEditor/SingleAssetEditor.js";import"../../../SettingEditors/ColorEditor/index.js";import"../../../SettingEditors/DropdownEditor/index.js";import"../../../SettingEditors/RadioEditor/index.js";import"../../../SwitchControl/index.js";import"../../../ColorPicker/ColorPicker.js";import"../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";import"../../../TruncatedText/index.js";import"../../../RangeSlider/RangeSlider.js";import"../../../Login/components/Login.js";import"../../../Login/components/PasswordField.js";import"../../../Login/components/Chip.js";import"../../../Login/components/StepFooter.js";import"../../../Login/components/StepContent.js";import"../../../Login/components/StepHeader.js";import"../../../Login/components/Step.js";import"../../../Login/components/OrDivider.js";import"../../../Login/components/HiddenEmailField.js";import"../../../Login/components/EmailField.js";import"../../../Breadcrumbs/index.js";import"../../../VirtualizedTable/index.js";import"../../../EmptyView/EmptyView.js";import"../../../EmptyView/EmptyAppView/EmptyAppView.js";import"../../../Button/index.js";import"../../../ContextMenuItem/index.js";import"../../../FolderMenuItem/index.js";import"../../../EditableItem/EditableItem/index.js";import"../../../EditableItem/EditableItemWithBadge/index.js";import"../../../Checkbox/index.js";import"../../../FolderMenuItemWithLinks/index.js";import"../../../IconButton/index.js";import"../../../TextField/index.js";import"../../../Chip/index.js";import"../../../Counter/index.js";import"../../../AnchorsList/AnchorsList.js";import"../../../Select/index.js";import"../../../CustomSelect/index.js";import"../../../Tabs/Tabs.js";import"../../../Tabs/Tab.js";import"../../../ResizableTable/ResizableTable.js";import"../../../Drillstring/BHASchematic.js";import"../../../Drillstring/BHATable/index.js";import"../../../Drillstring/BHAComponentIcon.js";import"../../../Drillstring/BHAComponentDetail/index.js";import"../../../Casing/CasingTable/index.js";import"../../../Casing/CasingComponentIcon.js";import"../../../WellSummary/WellSummaryItemLabel.js";import"../../../WellSummary/WellSummaryItemTitle.js";import"../../../WellSummary/WellSummaryItemValue.js";import"../../../WellSummary/ActivitySummaryChart.js";import"../../../WellSummary/FracWirelineTimeChart.js";import"../../../BICOffsetPickerDialog/index.js";import"../../../OffsetWellPickerV2/OffsetWellPickerDialog.js";import"../../../OffsetWellPickerV3/index.js";import"../../../Notifications/Notifications.js";import"@babel/runtime/helpers/toConsumableArray";import"uuid";import"../../../ConfirmationDialog.js";import"../../../TextLink/index.js";import"../../../Avatar/index.js";import"../../../Template/TemplatePopover/index.js";import"../../../MenuItem/index.js";import"../../../PadModeSelect/PadModeSelect.js";import"../../../PinnableFilters/PinnableFilters.js";import"../../../HeaderLayout/HeaderLayout.js";import"../../../PadOffsetsPicker/PadOffsetsPicker.js";import"../../../PadOffsetsPicker/OffsetAssetChip.js";import"../../../PadOffsetsPicker/OffsetAssetsListExpander.js";import"../../../PadOffsetsPicker/StagesSelector.js";import"../../../Table/TableToolbar/TableToolbar.js";import"../../../Tooltip/MuiTooltipDcWrapper.js";import"../../../PriceInput/PriceInput.js";import"../../../LabelsCounter/LabelsCounter.js";import"../../../Stepper/Step.js";import"../../../Stepper/StepsWrapper.js";import"../../../Stepper/Stepper.js";import"../../../Comment/CommentIcon/index.js";import"../../../FilesLoader/FilesLoader.js";import"../../../FilesLoader/Icons/FileIcon.js";import"../../../SearchInput/index.js";import"../../../FeedItem/FeedItem.js";import"../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js";import"../../../PostInput/PostInput.js";import"../../../KeyboardDateTimePicker.js";import"../../../AddComment/Popover.js";import"../../../AddComment/Popup.js";import"../../../StageDesignVActual/ComparisonBar/ComparisonBar.js";import"../../../StageDesignVActual/ElementsComparison/ElementsComparison.js";import"../../../StageDesignVActual/ComparisonHeader.js";import"../../../StageDesignVActual/ComparisonRow.js";import"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import"../../../EmbeddedApp/EmbeddedApp.js";import"../../../DocumentViewer/DocumentViewer.js";import{HelpContentItem as p}from"./HelpContentItem.js";import{HelpCenterLink as m}from"./HelpCenterLink.js";import{EmptyView as a}from"./EmptyView.js";var l=t((function(e){return{loader:{height:500,display:"flex",alignItems:"center"},helpContentsContainer:{width:"100%",display:"flex",flexWrap:"wrap"},footer:{display:"flex",alignItems:"center",justifyContent:"center",height:32,width:"100%",fontSize:14,lineHeight:"22px",color:e.palette.primary.text7,marginBottom:12}}})),d="Oops! Something went wrong",j="No help content was found",c="There is no Help Content yet";function C(e){var t=e.error,r=e.helpContents,C=e.isLoading,u=e.onItemClick,A=e.search,D=l();return C?o(s,{fullscreen:!1,className:D.loader}):t?o(a,{title:d}):0===r.length?o(a,{title:A?j:c}):i(n,{children:[o("div",{className:D.helpContentsContainer,children:r.map((function(e){return o(p,{helpContent:e,onClick:function(){return u(e)}},e.id)}))}),i("div",{className:D.footer,children:["Did nоt find an answer? ",o(m,{})]})]})}C.propTypes={isLoading:e.bool.isRequired,error:e.shape({message:e.string.isRequired}),helpContents:e.arrayOf(r).isRequired,onItemClick:e.func.isRequired,search:e.string},C.defaultProps={error:null,search:null};export{C as HelpContentList};
+import '@babel/runtime/helpers/defineProperty';
+import 'lodash';
+import '@babel/runtime/helpers/toConsumableArray';
+import '../../../../constants/completion.js';
+import '../../../../constants/alerts.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '../../../../constants/goals.js';
+import '../../../../constants/segment.js';
+import '../../../../constants/apps.js';
+import '../../../../constants/drillstring.js';
+import '../../../../constants/notifications.js';
+import '../../../../constants/feed.js';
+import '../../../../constants/bha.js';
+import '@babel/runtime/regenerator';
+import '@babel/runtime/helpers/asyncToGenerator';
+import 'query-string';
+import '../../../../utils/mobileDetect.js';
+import '@babel/runtime/helpers/typeof';
+import '../../../../clients/api/apiCore.js';
+import '../../../../clients/constants.js';
+import '../../../../utils/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import 'react';
+import 'querystring';
+import 'uuid/v1';
+import '../../../../clients/subscriptions.js';
+import 'uuid';
+import '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import 'classnames';
+import '../../../Modal/index.js';
+import '../../../IconMenu/index.js';
+import '../../../StyledMenuItem/index.js';
+import LoadingIndicator from '../../../LoadingIndicator/LoadingIndicator.js';
+import '../../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DcTooltipsCoordinatorProvider/DcTooltipsCoordinatorProvider.js';
+import '../../../Tooltip/MuiTooltipDcWrapper.js';
+import '../../../Avatar/index.js';
+import '../../../Annotations/AnnotationsContext.js';
+import '../../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js';
+import 'react-router';
+import '../../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js';
+import '../../../IconButton/index.js';
+import '../../../ConfirmationDialog.js';
+import '../../../Annotations/components/AnnotationsList/index.js';
+import '../../../Annotations/components/LastAnnotation/index.js';
+import '../../../PadModeSelect/PadModeSelect.js';
+import '../../../DevCenter/AppHeader/AppHeader.js';
+import '../../../Button/index.js';
+import '../../../DevCenter/AppSideBar/AppSideBar.js';
+import '../../../DevCenter/AppContext.js';
+import '../../../DevCenter/AppsDataProvider/AppsDataProvider.js';
+import '@material-ui/icons/Help';
+import '../../ArticleIcon.js';
+import '../../DialogLayout.js';
+import '../../SingleItemHeader.js';
+import '../../../DocumentViewer/DocumentViewer.js';
+import { helpContentShape } from '../../shapes/index.js';
+import { HelpContentItem } from './HelpContentItem.js';
+import { HelpCenterLink } from './HelpCenterLink.js';
+import { EmptyView } from './EmptyView.js';
+import 'slate';
+import '../../../SlateFormattedText/RenderElements.js';
+import '../../../SlateFormattedText/SlateFormattedText.js';
+import '../../ItemContent/ItemContent.js';
+import '../HelpCenterDialog.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import '../../../EmptyView/EmptyAppView/EmptyAppView.js';
+import '../../../ErrorBoundary/ErrorBoundary.js';
+import '../../../Typography.js';
+import '../../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DisabledSettingsMessage/DisabledSettingsMessage.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../../EmptyView/EmptyAppView/components/ErrorSubtitleWithIntercomLink.js';
+import '../../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton/index.js';
+import '../../../DevCenter/DevCenterAppContainer/DevCenterAppContainer.css.js';
+import '../../../DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js';
+import '../../../DevCenter/DevCenterAppContainer/components/PriorityMenus/PriorityMenus.css.js';
+import '../../../DevCenter/NavigationBar/NavigationBar.js';
+import '../../../DevCenter/SideBar/SideBar.js';
+import '../../../DevCenter/AppSettingsPopover/AppSettingsPopover.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js';
+import '../../../DevCenter/IsolatedDevCenterAppContainer/AppsGridDragHandle.js';
+import '../../../TruncatedText/index.js';
+import '../../../AssetEditor/SingleAssetEditor.js';
+import '../../../AssetEditor/AssetEditorAutocomplete.js';
+import '../../../AssetEditor/index.js';
+import '../../../AppVersionsSelect/AppVersionsSelect.js';
+import '../../../CollapsableSidebar.js';
+import '../../../DateTimePicker/index.js';
+import '../../../DatePicker/index.js';
+import '../../../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
+import '../../../ColorPicker/ColorPicker.js';
+import '../../../ParameterCharts/AddEditTrack.js';
+import '../../../ParameterCharts/ParameterCharts.js';
+import '../../../ChartActionsList/ChartActionsList.js';
+import '../../../SettingEditors/ColorEditor/index.js';
+import '../../../SettingEditors/DropdownEditor/index.js';
+import '../../../SettingEditors/RadioEditor/index.js';
+import '../../../SwitchControl/index.js';
+import '../../../RangeSlider/RangeSlider.js';
+import '../../../Login/components/Login.js';
+import '../../../Login/components/PasswordField.js';
+import '../../../Login/components/Chip.js';
+import '../../../Login/components/StepFooter.js';
+import '../../../Login/components/StepContent.js';
+import '../../../Login/components/StepHeader.js';
+import '../../../Login/components/Step.js';
+import '../../../Login/components/OrDivider.js';
+import '../../../Login/components/HiddenEmailField.js';
+import '../../../Login/components/EmailField.js';
+import '../../../Breadcrumbs/index.js';
+import '../../../VirtualizedTable/index.js';
+import '../../../EmptyView/EmptyView.js';
+import '../../../MenuItem/index.js';
+import '../../../ContextMenuItem/index.js';
+import '../../../FolderMenuItem/index.js';
+import '../../../EditableItem/EditableItem/index.js';
+import '../../../EditableItem/EditableItemWithBadge/index.js';
+import '../../../Checkbox/index.js';
+import '../../../FolderMenuItemWithLinks/index.js';
+import '../../../TextField/index.js';
+import '../../../Chip/index.js';
+import '../../../Counter/index.js';
+import '../../../AnchorsList/AnchorsList.js';
+import '../../../Select/index.js';
+import '../../../CustomSelect/index.js';
+import '../../../Tabs/Tabs.js';
+import '../../../Tabs/Tab.js';
+import '../../../ResizableTable/ResizableTable.js';
+import '../../../Drillstring/BHASchematic.js';
+import '../../../Drillstring/BHAComponentIcon.js';
+import '../../../Drillstring/BHATable/index.js';
+import '../../../Drillstring/BHAComponentDetail/index.js';
+import '../../../Casing/CasingComponentIcon.js';
+import '../../../Casing/CasingTable/index.js';
+import '../../../WellSummary/WellSummaryItemLabel.js';
+import '../../../WellSummary/WellSummaryItemTitle.js';
+import '../../../WellSummary/WellSummaryItemValue.js';
+import '../../../WellSummary/ActivitySummaryChart.js';
+import '../../../WellSummary/FracWirelineTimeChart.js';
+import '../../../BICOffsetPickerDialog/index.js';
+import '../../../OffsetWellPickerV2/OffsetWellPickerDialog.js';
+import '../../../OffsetWellPickerV3/index.js';
+import '../../../Notifications/Notifications.js';
+import '../../../TextLink/index.js';
+import '../../../Template/TemplatePopover/index.js';
+import '../../../PinnableFilters/PinnableFilters.js';
+import '../../../HeaderLayout/HeaderLayout.js';
+import '../../../PadOffsetsPicker/PadOffsetsPicker.js';
+import '../../../PadOffsetsPicker/OffsetAssetChip.js';
+import '../../../PadOffsetsPicker/OffsetAssetsListExpander.js';
+import '../../../PadOffsetsPicker/StagesSelector.js';
+import '../../../Table/TableToolbar/TableToolbar.js';
+import '../../../PriceInput/PriceInput.js';
+import '../../../LabelsCounter/LabelsCounter.js';
+import '../../../Stepper/Step.js';
+import '../../../Stepper/StepsWrapper.js';
+import '../../../Stepper/Stepper.js';
+import '../../../Comment/CommentIcon/index.js';
+import '../../../FilesLoader/Icons/FileIcon.js';
+import '../../../FilesLoader/FilesLoader.js';
+import '../../../SearchInput/index.js';
+import '../../../StageDesignVActual/ComparisonHeader.js';
+import '../../../StageDesignVActual/ComparisonBar/ComparisonBar.js';
+import '../../../StageDesignVActual/ComparisonRow.js';
+import '../../../StageDesignVActual/ElementsComparison/ElementsComparison.js';
+import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import '../../../EmbeddedApp/EmbeddedApp.js';
+import '../../../FeedItem/FeedItem.js';
+import '../../../KeyboardDateTimePicker.js';
+import '../../../PostInput/PostInput.js';
+import '../../../FeedItem/FeedItemEditProvider/FeedItemEditProvider.js';
+import '../../../AddComment/Popover.js';
+import '../../../AddComment/Popup.js';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    loader: {
+      height: 500,
+      display: 'flex',
+      alignItems: 'center'
+    },
+    helpContentsContainer: {
+      width: '100%',
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: 24,
+      marginBottom: 24
+    },
+    footer: {
+      display: 'flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: 32,
+      width: '100%',
+      fontSize: 14,
+      lineHeight: '22px',
+      color: theme.palette.primary.text7,
+      marginBottom: 12
+    }
+  };
+});
+var EMPTY_VIEW_TEXTS = {
+  error: 'Oops! Something went wrong',
+  nothingFound: 'No help content was found',
+  noContent: 'There is no help content yet'
+};
+function HelpContentList(_ref) {
+  var error = _ref.error,
+      helpContents = _ref.helpContents,
+      isLoading = _ref.isLoading,
+      onItemClick = _ref.onItemClick,
+      search = _ref.search;
+  var styles = useStyles();
+  if (isLoading) return /*#__PURE__*/jsx(LoadingIndicator, {
+    fullscreen: false,
+    className: styles.loader
+  });
+  if (error) return /*#__PURE__*/jsx(EmptyView, {
+    title: EMPTY_VIEW_TEXTS.error
+  });
+
+  if (helpContents.length === 0) {
+    return /*#__PURE__*/jsx(EmptyView, {
+      title: search ? EMPTY_VIEW_TEXTS.nothingFound : EMPTY_VIEW_TEXTS.noContent
+    });
+  }
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx("div", {
+      className: styles.helpContentsContainer,
+      children: helpContents.map(function (helpContent) {
+        return /*#__PURE__*/jsx(HelpContentItem, {
+          helpContent: helpContent,
+          onClick: function onClick() {
+            return onItemClick(helpContent);
+          }
+        }, helpContent.id);
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.footer,
+      children: ["Did n\u043Et find an answer?\xA0", /*#__PURE__*/jsx(HelpCenterLink, {})]
+    })]
+  });
+}
+HelpContentList.propTypes = {
+  isLoading: PropTypes.bool.isRequired,
+  error: PropTypes.shape({
+    message: PropTypes.string.isRequired
+  }),
+  helpContents: PropTypes.arrayOf(helpContentShape).isRequired,
+  onItemClick: PropTypes.func.isRequired,
+  search: PropTypes.string
+};
+HelpContentList.defaultProps = {
+  error: null,
+  search: null
+};
+
+export { HelpContentList };
+//# sourceMappingURL=HelpContentList.js.map