@corva/ui 3.74.0-0 → 3.74.0-10

package/cjs-bundle/components/FeedItem/components/FeedComments.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),o=require("prop-types"),r=require("lodash"),n=require("moment"),t=require("@material-ui/core"),i=require("../../Comment/index.js"),c=require("../../CommentLoader.js"),u=require("../../CommentInput/index.js"),p=require("../../../clients/jsonApi/index.js");require("../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var a=require("react/jsx-runtime");require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");var m=require("../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/TextInputNext/TextInputNext.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../componentsV2/TemplatesControl/utils.js"),require("../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../componentsV2/TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var q=require("../../../utils/mobileDetect.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../../componentsV2/Autocomplete/Autocomplete.js"),require("../../../componentsV2/Select/Select.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../componentsV2/Slider/constants.js"),require("../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../componentsV2/Slider/Slider.scss.js"),require("../../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../../componentsV2/Hotkey/Hotkey.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../../ErrorBoundary/ErrorBoundary.js"),require("../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var d=l(e),j=l(o),C=l(n),A=t.makeStyles({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(e){var s=e.commentsListHeight;return s&&s-8},overflow:function(e){return e.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(e){var s=e.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function V(e){var o,n=e.openCommentInput,l=e.openCommentList,j=e.feedItem,V=e.currentUser,I=j.comments,v=I.length,g=v>3,h=s.useState(!1),D=d.default(h,2),S=D[0],x=D[1],P=s.useState(!1),b=d.default(P,2),f=b[0],T=b[1],B=s.useState(!1),H=d.default(B,2),y=H[0],L=H[1],k=s.useState(null),F=d.default(k,2),M=F[0],E=F[1],O=s.useRef(),w=s.useRef(),R=s.useMemo((function(){var e=r.sortBy(j.comments,(function(e){return-C.default(e.created_at).unix()}));return y?y&&!f?e.slice(0,5):y&&f?e:[]:e.slice(0,3)}),[I,f,y]);s.useEffect((function(){if(5===R.length&&!M){var e=w.current.clientHeight;E(e),T(!0)}M&&!y&&(E(null),T(!1))}),[R.length,M,y]);var G=m.useIsInsideIsolatedDcApp(),W=A({commentsListHeight:M,isAllCommentsVisibleKeyPressed:y,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!v)&&W.feedCommentsContainer,children:[n&&!q.isNativeDetected&&a.jsx(u,{inputRef:O,postComment:function(e){p.postFeedItemComment(j.id,e)},setIsPosting:x,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),l&&a.jsxs("div",{className:W.feedCommentsList,children:[a.jsx("div",{className:W.feedCommentsListContentWrapper,children:a.jsxs("div",{className:W.feedCommentsListContent,ref:w,children:[R.map((function(e){return a.jsx(i,{comment:e,handleDeleteCallback:r.noop,patchCommentCallback:r.noop,companyId:j.company_id,currentUser:V},e.id)})),M&&a.jsx("div",{className:W.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:W.showMore,onClick:function(){L(!y)},children:y?"Hide older comments":"See all comments"})]}),S&&a.jsx(c,{})]})}V.propTypes={openCommentInput:j.default.bool.isRequired,feedItem:j.default.shape().isRequired,currentUser:j.default.shape().isRequired},module.exports=V;
+"use strict";var e=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),o=require("prop-types"),r=require("lodash"),n=require("moment"),t=require("@material-ui/core"),i=require("../../Comment/index.js"),c=require("../../CommentLoader.js"),u=require("../../CommentInput/index.js"),p=require("../../../clients/jsonApi/index.js");require("../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var a=require("react/jsx-runtime");require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../componentsV2/Text/Text.js"),require("../../../componentsV2/Grid/Grid.js"),require("../../../componentsV2/Grid/Cell.js"),require("@babel/runtime/helpers/defineProperty"),require("classnames"),require("../../../componentsV2/Header/Header.scss.js"),require("../../../componentsV2/Button/Button.js"),require("../../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");var m=require("../../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../../componentsV2/Popover/Popover.js"),require("../../../componentsV2/PopoverPanel/PopoverPanel.js"),require("../../../componentsV2/Radio/Radio.js"),require("../../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../../componentsV2/TextInput/TextInput.js"),require("../../../componentsV2/TextInputNext/TextInputNext.js"),require("../../../componentsV2/Label/Label.js"),require("../../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../../componentsV2/TextLink/TextLink.js"),require("../../../componentsV2/Chip/Chip.js"),require("../../../componentsV2/ChipAlert/ChipAlert.js"),require("../../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../../componentsV2/Avatar/Avatar.js"),require("../../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../../componentsV2/Paper/Paper.js"),require("../../../componentsV2/ModalWindow/ModalWindow.js"),require("../../../componentsV2/Modal/Modal.scss.js"),require("../../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../../icons/IconParkProvider.js"),require("../../../icons/customIcons/icons/AddMessage.js"),require("../../../icons/customIcons/icons/DragOne.js"),require("../../../icons/customIcons/icons/Attention.js"),require("../../../icons/customIcons/icons/Collapse.js"),require("../../../icons/customIcons/icons/Dashboard.js"),require("../../../icons/customIcons/icons/Expand.js"),require("../../../icons/customIcons/icons/FolderClosed.js"),require("../../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../../icons/customIcons/icons/FolderOpened.js"),require("../../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../../icons/customIcons/icons/LessOrEqual.js"),require("../../../icons/customIcons/icons/Search.js"),require("../../../icons/customIcons/icons/SearchOne.js"),require("../../../icons/customIcons/icons/Wellhub.js"),require("../../../icons/customIcons/icons/MultiRuler.js"),require("../../../icons/customIcons/icons/Checkbox.js"),require("../../../icons/customIcons/icons/CheckboxChecked.js"),require("../../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../../icons/customIcons/icons/Radio.js"),require("../../../icons/customIcons/icons/RadioChecked.js"),require("../../../icons/customIcons/icons/SimulFrac.js"),require("../../../icons/customIcons/icons/ZipperFrac.js"),require("../../../icons/customIcons/icons/CautionFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js"),require("../../../icons/customIcons/icons/Pad.js"),require("../../../icons/customIcons/icons/DrilloutUnit.js"),require("../../../icons/customIcons/icons/FracFleet.js"),require("../../../icons/customIcons/icons/Global.js"),require("../../../icons/customIcons/icons/Program.js"),require("../../../icons/customIcons/icons/Rig.js"),require("../../../icons/customIcons/icons/Well.js"),require("../../../icons/customIcons/icons/Gap.js"),require("../../../icons/customIcons/icons/Pin.js"),require("../../../icons/customIcons/icons/CloseOneFilled.js"),require("../../../icons/customIcons/icons/AttentionFilled.js"),require("../../../icons/customIcons/icons/CheckOneFilled.js"),require("../../../icons/customIcons/icons/Archive.js"),require("../../../icons/customIcons/icons/ArchiveCancel.js"),require("../../../icons/customIcons/icons/Unarchive.js"),require("../../../icons/customIcons/icons/Archived.js"),require("../../../icons/customIcons/icons/InterventionUnit.js"),require("../../../icons/customIcons/icons/CloudDelete.js"),require("../../../icons/customIcons/icons/Lasso.js"),require("../../../icons/customIcons/icons/Radius.js"),require("../../../icons/customIcons/icons/ErrorOps.js"),require("../../../icons/customIcons/icons/DataTypeOps.js"),require("../../../icons/customIcons/icons/FalsePositiveOps.js"),require("../../../icons/customIcons/icons/CalibrationOps.js"),require("../../../icons/customIcons/icons/CriticalOps.js"),require("../../../icons/customIcons/icons/Company.js"),require("../../../icons/customIcons/icons/ArchiveOne.js"),require("../../../icons/customIcons/icons/ParseBotFusion.js"),require("../../../icons/customIcons/icons/Connect.js"),require("../../../icons/customIcons/icons/PuzzleOne.js"),require("../../../icons/customIcons/icons/Feed.js"),require("../../../icons/customIcons/icons/Prompt.js"),require("../../../icons/customIcons/icons/Companies.js"),require("../../../icons/customIcons/icons/ClipboardAi.js"),require("../../../icons/customIcons/icons/Key.js"),require("../../../icons/customIcons/icons/AtSignCrossed.js"),require("../../../icons/customIcons/icons/MappingManual.js"),require("../../../icons/customIcons/icons/Mapping.js"),require("../../../icons/customIcons/icons/Metrics.js"),require("../../../icons/customIcons/icons/Drops.js"),require("../../../icons/customIcons/icons/ClipboardSearch.js"),require("../../../icons/customIcons/icons/Template.js"),require("../../../icons/customIcons/icons/ClipboardMetrics.js"),require("../../../icons/customIcons/icons/ClipboardBuilder.js"),require("../../../icons/customIcons/icons/UnitConversion.js"),require("../../../icons/customIcons/icons/NPT.js"),require("../../../icons/customIcons/icons/GuidedFrac.js"),require("../../../componentsV2/utils.js"),require("../../../componentsV2/Hint/Hint.scss.js"),require("../../../componentsV2/Counter/Counter.js"),require("../../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../../componentsV2/TemplatesControl/utils.js"),require("../../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../../componentsV2/TemplatesControl/Store/utils.js"),require("../../../componentsV2/TemplatesControl/types.js"),require("../../../utils/index.js"),require("../../../permissions/PermissionsContext.js"),require("../../../permissions/constants/index.js"),require("../../../permissions/withPermissionsHOC.js"),require("../../../permissions/ProvidePermissions.js"),require("../../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../../componentsV2/Switch/Switch.js"),require("../../../componentsV2/Tabs/Tabs.js"),require("../../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../../componentsV2/FileIcon/FileIcon.js"),require("../../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../../utils/main.js"),require("../../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../../componentsV2/Stepper/Step/Step.scss.js"),require("../../../componentsV2/Stepper/Stepper.scss.js"),require("../../../componentsV2/ButtonLive/ButtonLive.js"),require("../../../componentsV2/ButtonText/ButtonText.js"),require("../../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../../componentsV2/Accordion/Accordion.scss.js"),require("../../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../../componentsV2/BadgeComment/BadgeComment.js"),require("../../../componentsV2/AppContainer/AppContainer.js"),require("../../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/alerts.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/completion.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../GradientManager/configuration/constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../../PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../../constants/streamSourceType.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../../componentsV2/AppCommonsProvider/AppCommonsProvider.js");var q=require("../../../utils/mobileDetect.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../../AppIcon/AppIcon.js"),require("../../../utils/getSingleAsset.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../../clients/subscriptions.v1.js"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../../utils/env.js"),require("../../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../../clients/api/apiCore.js"),require("../../../clients/constants.js"),require("../../../clients/sso/auth0.js"),require("../../../clients/sso/oauth2.js"),require("../../../clients/api/rateLimiter.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../../componentsV2/AppSettings/AppSettings.js"),require("../../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtreme.scss.js"),require("highcharts"),require("../../../componentsV2/ChartAxisExtreme/ChartAxisExtremeDragTracker.js"),require("../../../componentsV2/Autocomplete/Autocomplete.js"),require("../../../componentsV2/Select/Select.js"),require("../../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../../componentsV2/DatePicker/DatePicker.js"),require("../../../componentsV2/DragHandle/DragHandle.js"),require("../../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../../componentsV2/Slider/constants.js"),require("../../../componentsV2/Slider/components/SliderThumb.js"),require("../../../componentsV2/Slider/Slider.scss.js"),require("../../../componentsV2/SliderAdvanced/SliderAdvanced.js"),require("react-color"),require("../../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../../../componentsV2/ChartHelper/ChartHelper.scss.js"),require("../../../componentsV2/Hotkey/Hotkey.js"),require("@tanstack/react-query"),require("../../../componentsV2/InterventionEventSelector/useInterventionUnitEvents.js"),require("../../../componentsV2/InterventionEventSelector/InterventionEventSelector.scss.js"),require("../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js"),require("../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js"),require("../../ErrorBoundary/ErrorBoundary.js"),require("../../ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js");var d=l(e),j=l(o),C=l(n),A=t.makeStyles({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(e){var s=e.commentsListHeight;return s&&s-8},overflow:function(e){return e.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(e){var s=e.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(s?"#414141":"3b3b3b"," 100%)")}}});function V(e){var o,n=e.openCommentInput,l=e.openCommentList,j=e.feedItem,V=e.currentUser,I=j.comments,v=I.length,g=v>3,h=s.useState(!1),D=d.default(h,2),S=D[0],x=D[1],P=s.useState(!1),b=d.default(P,2),f=b[0],T=b[1],B=s.useState(!1),H=d.default(B,2),y=H[0],k=H[1],L=s.useState(null),F=d.default(L,2),M=F[0],E=F[1],O=s.useRef(),w=s.useRef(),R=s.useMemo((function(){var e=r.sortBy(j.comments,(function(e){return-C.default(e.created_at).unix()}));return y?y&&!f?e.slice(0,5):y&&f?e:[]:e.slice(0,3)}),[I,f,y]);s.useEffect((function(){if(5===R.length&&!M){var e=w.current.clientHeight;E(e),T(!0)}M&&!y&&(E(null),T(!1))}),[R.length,M,y]);var G=m.useIsInsideIsolatedDcApp(),U=A({commentsListHeight:M,isAllCommentsVisibleKeyPressed:y,isInsideDcApp:G});return a.jsxs("div",{className:(n||!!v)&&U.feedCommentsContainer,children:[n&&!q.isNativeDetected&&a.jsx(u,{inputRef:O,postComment:function(e){p.postFeedItemComment(j.id,e)},setIsPosting:x,companyId:j.company_id,autoFocus:!1,currentUser:V,parentId:"".concat(j.id,"-").concat(null===(o=j.comments)||void 0===o?void 0:o.size)}),l&&a.jsxs("div",{className:U.feedCommentsList,children:[a.jsx("div",{className:U.feedCommentsListContentWrapper,children:a.jsxs("div",{className:U.feedCommentsListContent,ref:w,children:[R.map((function(e){return a.jsx(i,{comment:e,handleDeleteCallback:r.noop,patchCommentCallback:r.noop,companyId:j.company_id,currentUser:V},e.id)})),M&&a.jsx("div",{className:U.gradient})]})}),g&&a.jsx(t.Typography,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:U.showMore,onClick:function(){k(!y)},children:y?"Hide older comments":"See all comments"})]}),S&&a.jsx(c,{})]})}V.propTypes={openCommentInput:j.default.bool.isRequired,feedItem:j.default.shape().isRequired,currentUser:j.default.shape().isRequired},module.exports=V;
 //# sourceMappingURL=FeedComments.js.map

package/cjs-bundle/components/FeedItem/components/FeedComments.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedComments.js","sources":["../../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.map(comment => (\n                <Comment\n                  key={comment.id}\n                  comment={comment}\n                  handleDeleteCallback={noop /* NOTE: Received through subscription */}\n                  patchCommentCallback={noop}\n                  companyId={feedItem.company_id}\n                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}
+{"version":3,"file":"FeedComments.js","sources":["../../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideIsolatedDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.map(comment => (\n                <Comment\n                  key={comment.id}\n                  comment={comment}\n                  handleDeleteCallback={noop /* NOTE: Received through subscription */}\n                  patchCommentCallback={noop}\n                  companyId={feedItem.company_id}\n                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","_ref","commentsListHeight","overflow","_ref2","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","_ref3","isInsideDcApp","concat","FeedComments","_ref4","_feedItem$comments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","_useState2","_slicedToArray","_useState","isPosting","setIsPosting","_useState4","_useState3","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","_useState6","_useState5","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","_useState8","_useState7","setCommentsListHeight","inputEl","useRef","commentsListRef","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideIsolatedDcApp","classes","_jsxs","className","children","isNativeDetected","_jsx","CommentInput","inputRef","postComment","comment","postFeedItemComment","id","companyId","company_id","autoFocus","parentId","size","jsxs","jsx","ref","map","Comment","handleDeleteCallback","noop","patchCommentCallback","Typography","variant","color","onClick","CommentLoader","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"itgBAeMA,EAAYC,EAAAA,WAAW,CAC3BC,SAAU,CACRC,OAAQ,WAEVC,sBAAuB,CAAEC,QAAS,iBAClCC,iBAAkB,CAAEC,UAAW,IAC/BC,wBAAyB,CACvBC,OAAQ,SAAAC,GAAA,IAAGC,IAAAA,mBAAkB,OAAOA,GAAsBA,EAAqB,CAAC,EAChFC,SAAU,SAAAC,GAAqB,SAAlBF,oBAA+C,QAAQ,GAEtEG,+BAAgC,CAC9BC,SAAU,YAEZC,SAAU,CACRD,SAAU,WACVE,OAAQ,EACRC,KAAM,EACNC,MAAO,OACPV,OAAQ,GACRW,WAAY,SAAAC,GAAA,IAAGC,IAAAA,cAAa,MAAA,mDAAAC,OAExBD,EAAgB,UAAY,SAAQ,SAAA,KAgB5C,SAASE,EAA2EC,GAAA,IAAAC,EAA5DC,IAAAA,iBAAkBC,IAAAA,gBAAiBC,IAAAA,SAAUC,IAAAA,YAC3DC,EAAaF,EAAbE,SAEFC,EAAgBD,EAASE,OACzBC,EAAoBF,EANW,EAQHG,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACoCD,EAAAA,EAAQA,UAAC,GAAMM,EAAAJ,EAAAA,QAAAK,EAAA,GAA1EC,EAAyBF,EAAA,GAAEG,EAA4BH,EAAA,GACcN,EAAAA,EAAQA,UAAC,GAAMU,EAAAR,EAAAA,QAAAS,EAAA,GAApFC,EAA8BF,EAAA,GAAEG,EAAiCH,EAAA,GACpBV,EAAAA,EAAQA,SAAC,MAAKc,EAAAZ,EAAAA,QAAAa,EAAA,GAA3DvC,EAAkBsC,EAAA,GAAEE,EAAqBF,EAAA,GAE1CG,EAAUC,EAAAA,SACVC,EAAkBD,EAAAA,SAUlBE,EAAkBC,EAAAA,SAAQ,WAC9B,IAAMC,EAAiBC,EAAMA,OAAC7B,EAASE,UAAU,SAAA4B,GAAI,OAAKC,EAAAA,QAAOD,EAAKE,YAAYC,UAElF,OAAKf,EAGDA,IAAmCJ,EAC9Bc,EAAeM,MAAM,EA9BgB,GAiC1ChB,GAAkCJ,EAAkCc,EAEjE,GAREA,EAAeM,MAAM,EA5BK,EAqCpC,GAAE,CAAChC,EAAUY,EAA2BI,IAEzCiB,EAAAA,WAAU,WACR,GAvC8C,IAwC5CT,EAAgBtB,SACftB,EACD,CACA,IAAMsD,EAAYX,EAAgBY,QAAQC,aAC1ChB,EAAsBc,GACtBrB,GAA6B,EAC/B,CAEIjC,IAAuBoC,IACzBI,EAAsB,MACtBP,GAA6B,GAEhC,GAAE,CAACW,EAAgBtB,OAAQtB,EAAoBoC,IAEhD,IAAMzB,EAAgB8C,EAAAA,2BAChBC,EAAUrE,EAAU,CAAEW,mBAAAA,EAAoBoC,+BAAAA,EAAgCzB,cAAAA,IAEhF,OACEgD,EAAAA,KAAA,MAAA,CAAKC,WAAY5C,KAAsBK,IAAkBqC,EAAQjE,sBAAsBoE,SAAA,CACpF7C,IAAqB8C,EAAAA,kBACpBC,EAAAA,IAACC,EAAY,CACXC,SAAUxB,EACVyB,YA3CY,SAAAC,GAClBC,EAAAA,oBAAoBlD,EAASmD,GAAIF,IA2C3BtC,aAAcA,EACdyC,UAAWpD,EAASqD,WACpBC,WAAW,EACXrD,YAAaA,EACbsD,SAAQ,GAAA7D,OAAKM,EAASmD,GAAE,KAAAzD,OAAI,QAAJG,EAAIG,EAASE,gBAAT,IAAAL,OAAA,EAAAA,EAAmB2D,QAGlDzD,GACC0C,EAAAgB,KAAA,MAAA,CAAKf,UAAWF,EAAQ/D,iBAAiBkE,SACvC,CAAAE,EAAAa,IAAA,MAAA,CAAKhB,UAAWF,EAAQvD,+BAA+B0D,SACrDF,EAAAgB,KAAA,MAAA,CAAKf,UAAWF,EAAQ7D,wBAAyBgF,IAAKlC,EAAgBkB,SAAA,CACnEjB,EAAgBkC,KAAI,SAAAX,GAAO,OAC1BJ,EAAAA,IAACgB,EAAO,CAENZ,QAASA,EACTa,qBAAsBC,EAAIA,KAC1BC,qBAAsBD,EAAKA,KAC3BX,UAAWpD,EAASqD,WACpBpD,YAAaA,GALRgD,EAAQE,OAQhBrE,GAAsB+D,EAAAa,IAAA,MAAA,CAAKhB,UAAWF,EAAQrD,gBAGlDkB,GACCwC,EAAAa,IAACO,aAAU,CACTC,QAAQ,UACRC,MAAM,UACN,cAAA,GAAAzE,OAjII,eAiIyC,qBAC7CgD,UAAWF,EAAQnE,SACnB+F,QA9EkB,WAC5BjD,GAAmCD,IA6EMyB,SAE9BzB,EAAiC,sBAAwB,wBAMjER,GAAamC,EAAAA,IAACwB,EAAgB,CAAA,KAGrC,CAEA1E,EAAa2E,UAAY,CACvBxE,iBAAkByE,EAAAA,QAAUC,KAAKC,WACjCzE,SAAUuE,EAAAA,QAAUG,QAAQD,WAC5BxE,YAAasE,EAAAA,QAAUG,QAAQD"}

package/cjs-bundle/components/IconMenu/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("@material-ui/core"),a=require("@material-ui/icons"),i=require("../IconButton/index.js"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(t),p=s(o);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e){var t=e.classes,o=void 0===t?m:t,a=e["data-testid"],i=e.iconButtonStyle,s=e.color,u=e.disableRipple,p=void 0!==u&&u,d=e.className,h=e.IconElement,j=void 0===h?b:h,x=e.IconButtonComponent,T=void 0===x?g:x,B=e.disabled,w=void 0!==B&&B,q=e.iconButtonProps,C=void 0===q?P:q,S=e.children,D=e.anchorOrigin,E=void 0===D?v:D,I=e.transformOrigin,N=void 0===I?O:I,R=e.marginThreshold,M=e.menuProps,k=void 0===M?y:M,z=e.tooltipProps,F=e.paperClassName,A=void 0===F?"":F,L=r.useState(null),V=c.default(L,2),G=V[0],H=V[1],J=!!G,K=r.useState(!1),Q=c.default(K,2),U=Q[0],W=Q[1];r.useEffect((function(){var e;return J&&setTimeout((function(){e=W(J)}),500),function(){e&&clearTimeout(e)}}),[J]);var X=function(e){e.stopPropagation(),H(null),W(!1)},Y=l.jsx(T,f(f({"aria-label":"IconMenu","aria-owns":J?"icon-menu":void 0,"aria-haspopup":"true","data-testid":a,onClick:function(e){e.stopPropagation(),e.preventDefault(),H(e.currentTarget)},classes:{root:o.iconButton},className:d,style:i,color:s,disableRipple:p,disabled:w},C),{},{children:j}));return l.jsxs(l.Fragment,{children:[z?l.jsx(n.Tooltip,f(f({},z),{},{children:Y})):Y,l.jsx(n.Menu,f(f({id:"icon-menu",anchorEl:G,open:J,MenuListProps:{"data-testid":"".concat(a,"Dropdown")},disableAutoFocus:!U,autoFocus:U,onClose:X,onClick:X,anchorOrigin:E,transformOrigin:N,classes:{paper:o.paper},elevation:0,marginThreshold:R,PaperProps:{className:o[A]}},k),{},{children:S}))]})}h.propTypes={children:p.default.oneOfType([p.default.string,p.default.node,p.default.array]),classes:p.default.shape({iconButton:p.default.string,paper:p.default.string}),className:p.default.string,color:p.default.string,IconElement:p.default.element,IconButtonComponent:p.default.any,iconButtonStyle:p.default.shape({}),anchorOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),transformOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),disableRipple:p.default.bool,"data-testid":p.default.string,marginThreshold:p.default.number,disabled:p.default.bool,tooltipProps:p.default.shape({}),menuProps:p.default.shape({}),iconButtonProps:p.default.shape({}),paperClassName:p.default.string};var m={},b=l.jsx(a.MoreVert,{}),g=i,v={horizontal:"right",vertical:"top"},O={horizontal:"right",vertical:"bottom"},y={},P={},j=n.withStyles((function(e){return{iconButton:{borderRadius:8,padding:"10px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(h);module.exports=j;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),o=require("prop-types"),n=require("@material-ui/core"),a=require("@material-ui/icons"),i=require("../IconButton/index.js"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(e),c=s(t),p=s(o);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){u.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function h(e){var t=e.classes,o=e["data-testid"],a=e.iconButtonStyle,i=e.color,s=e.disableRipple,u=e.className,p=e.IconElement,d=e.IconButtonComponent,h=e.disabled,m=e.iconButtonProps,b=e.children,g=e.anchorOrigin,O=e.transformOrigin,y=e.marginThreshold,v=e.menuProps,P=e.tooltipProps,j=e.paperClassName,B=r.useState(null),T=c.default(B,2),x=T[0],C=T[1],w=!!x,q=r.useState(!1),I=c.default(q,2),N=I[0],S=I[1];r.useEffect((function(){var e;return w&&setTimeout((function(){e=S(w)}),500),function(){e&&clearTimeout(e)}}),[w]);var E=function(e){e.stopPropagation(),C(null),S(!1)},R=l.jsx(d,f(f({"aria-label":"IconMenu","aria-owns":w?"icon-menu":void 0,"aria-haspopup":"true","data-testid":o,onClick:function(e){e.stopPropagation(),e.preventDefault(),C(e.currentTarget)},classes:{root:t.iconButton},className:u,style:a,color:i,disableRipple:s,disabled:h},m),{},{children:p}));return l.jsxs(l.Fragment,{children:[P?l.jsx(n.Tooltip,f(f({},P),{},{children:R})):R,l.jsx(n.Menu,f(f({id:"icon-menu",anchorEl:x,open:w,MenuListProps:{"data-testid":"".concat(o,"Dropdown")},disableAutoFocus:!N,autoFocus:N,onClose:E,onClick:E,anchorOrigin:g,transformOrigin:O,classes:{paper:t.paper},elevation:0,marginThreshold:y,PaperProps:{className:t[j]}},v),{},{children:b}))]})}h.propTypes={children:p.default.oneOfType([p.default.string,p.default.node,p.default.array]),classes:p.default.shape({iconButton:p.default.string,paper:p.default.string}),className:p.default.string,color:p.default.string,IconElement:p.default.element,IconButtonComponent:p.default.any,iconButtonStyle:p.default.shape({}),anchorOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),transformOrigin:p.default.shape({horizontal:p.default.oneOf(["left","center","right"]),vertical:p.default.oneOf(["top","center","bottom"])}),disableRipple:p.default.bool,"data-testid":p.default.string,marginThreshold:p.default.number,disabled:p.default.bool,tooltipProps:p.default.shape({}),menuProps:p.default.shape({}),iconButtonProps:p.default.shape({}),paperClassName:p.default.string},h.defaultProps={children:void 0,classes:{},className:void 0,color:void 0,"data-testid":void 0,IconElement:l.jsx(a.MoreVert,{}),iconButtonStyle:void 0,IconButtonComponent:i,disableRipple:!1,anchorOrigin:{horizontal:"right",vertical:"top"},transformOrigin:{horizontal:"right",vertical:"bottom"},marginThreshold:void 0,disabled:!1,tooltipProps:void 0,menuProps:{},iconButtonProps:{},paperClassName:""};var m=n.withStyles((function(e){return{iconButton:{borderRadius:8,padding:"10px",color:e.palette.primary.text6,"&:hover":{color:e.palette.primary.text1,backgroundColor:"rgba(255, 255, 255, 0.16)"},"& .MuiTouchRipple-child":{borderRadius:8}},paper:{}}}))(h);module.exports=m;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/IconMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/IconMenu/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, withStyles, Tooltip } from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\n\nimport IconButton from '../IconButton';\n\nconst muiStyles = theme => ({\n  iconButton: {\n    borderRadius: 8,\n    padding: '10px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n    '& .MuiTouchRipple-child': {\n      borderRadius: 8,\n    },\n  },\n  paper: {},\n});\n\nfunction IconMenu({\n  classes = DEFAULT_ICON_MENU_CLASSES,\n  // IconButtonComponentProps\n  'data-testid': testId,\n  iconButtonStyle,\n  color,\n  disableRipple = false,\n  className,\n  IconElement = DEFAULT_ICON_MENU_ICON_ELEMENT,\n  IconButtonComponent = DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT,\n  disabled = false,\n  iconButtonProps = DEFAULT_ICON_MENU_ICON_BUTTON_PROPS,\n  // MenuProps\n  children,\n  anchorOrigin = DEFAULT_ICON_MENU_ANCHOR_ORIGIN,\n  transformOrigin = DEFAULT_ICON_MENU_TRANSFORM_ORIGIN,\n  marginThreshold,\n  menuProps = DEFAULT_ICON_MENU_MENU_PROPS,\n  // Tooltip\n  tooltipProps,\n  paperClassName = '',\n}) {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const isOpen = !!anchorEl;\n\n  /*\n    A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713\n\n    When Material Menu is rendered, at first it's displayed at the top of the container\n    and only then moves to the anchor element. When the focus is enabled, and the element is\n    inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async\n    manner, to wait for correct position - and then set focus.\n\n    https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331\n  */\n  const [isMenuAutofocus, setIsMenuAutofocus] = useState(false);\n  useEffect(() => {\n    let timerId;\n\n    if (isOpen) {\n      setTimeout(() => {\n        timerId = setIsMenuAutofocus(isOpen);\n        // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work\n      }, 500);\n    }\n\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId);\n      }\n    };\n  }, [isOpen]);\n\n  const handleClose = event => {\n    event.stopPropagation();\n    setAnchorEl(null);\n    setIsMenuAutofocus(false);\n  };\n  const handleOpen = event => {\n    event.stopPropagation();\n    event.preventDefault();\n    setAnchorEl(event.currentTarget);\n  };\n\n  const iconButtonElement = (\n    <IconButtonComponent\n      aria-label=\"IconMenu\"\n      aria-owns={isOpen ? 'icon-menu' : undefined}\n      aria-haspopup=\"true\"\n      data-testid={testId}\n      onClick={handleOpen}\n      classes={{ root: classes.iconButton }}\n      className={className}\n      style={iconButtonStyle}\n      color={color}\n      disableRipple={disableRipple}\n      disabled={disabled}\n      {...iconButtonProps}\n    >\n      {IconElement}\n    </IconButtonComponent>\n  );\n\n  return (\n    <>\n      {tooltipProps ? <Tooltip {...tooltipProps}>{iconButtonElement}</Tooltip> : iconButtonElement}\n      <Menu\n        id=\"icon-menu\"\n        anchorEl={anchorEl}\n        open={isOpen}\n        MenuListProps={{ 'data-testid': `${testId}Dropdown` }}\n        disableAutoFocus={!isMenuAutofocus}\n        autoFocus={isMenuAutofocus}\n        onClose={handleClose}\n        onClick={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        classes={{ paper: classes.paper }}\n        elevation={0}\n        marginThreshold={marginThreshold}\n        PaperProps={{\n          className: classes[paperClassName],\n        }}\n        {...menuProps}\n      >\n        {children}\n      </Menu>\n    </>\n  );\n}\n\nIconMenu.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n  classes: PropTypes.shape({\n    iconButton: PropTypes.string,\n    paper: PropTypes.string,\n  }),\n  className: PropTypes.string,\n  color: PropTypes.string,\n  IconElement: PropTypes.element,\n  // eslint-disable-next-line react/forbid-prop-types\n  IconButtonComponent: PropTypes.any,\n  iconButtonStyle: PropTypes.shape({}),\n  anchorOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n    vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n  }),\n  transformOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n    vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n  }),\n  disableRipple: PropTypes.bool,\n  'data-testid': PropTypes.string,\n  marginThreshold: PropTypes.number,\n  disabled: PropTypes.bool,\n  tooltipProps: PropTypes.shape({}),\n  menuProps: PropTypes.shape({}),\n  iconButtonProps: PropTypes.shape({}),\n  paperClassName: PropTypes.string,\n};\n\nconst DEFAULT_ICON_MENU_CLASSES = {};\nconst DEFAULT_ICON_MENU_ICON_ELEMENT = <MoreVert />;\nconst DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT = IconButton;\nconst DEFAULT_ICON_MENU_ANCHOR_ORIGIN = { horizontal: 'right', vertical: 'top' };\nconst DEFAULT_ICON_MENU_TRANSFORM_ORIGIN = { horizontal: 'right', vertical: 'bottom' };\nconst DEFAULT_ICON_MENU_MENU_PROPS = {};\nconst DEFAULT_ICON_MENU_ICON_BUTTON_PROPS = {};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["IconMenu","_ref","_ref$classes","classes","DEFAULT_ICON_MENU_CLASSES","testId","iconButtonStyle","color","_ref$disableRipple","disableRipple","className","_ref$IconElement","IconElement","DEFAULT_ICON_MENU_ICON_ELEMENT","_ref$IconButtonCompon","IconButtonComponent","DEFAULT_ICON_MENU_ICON_BUTTON_COMPONENT","_ref$disabled","disabled","_ref$iconButtonProps","iconButtonProps","DEFAULT_ICON_MENU_ICON_BUTTON_PROPS","children","_ref$anchorOrigin","anchorOrigin","DEFAULT_ICON_MENU_ANCHOR_ORIGIN","_ref$transformOrigin","transformOrigin","DEFAULT_ICON_MENU_TRANSFORM_ORIGIN","marginThreshold","_ref$menuProps","menuProps","DEFAULT_ICON_MENU_MENU_PROPS","tooltipProps","_ref$paperClassName","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/IconMenu/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { Menu, withStyles, Tooltip } from '@material-ui/core';\nimport { MoreVert } from '@material-ui/icons';\n\nimport IconButton from '../IconButton';\n\nconst muiStyles = theme => ({\n  iconButton: {\n    borderRadius: 8,\n    padding: '10px',\n    color: theme.palette.primary.text6,\n    '&:hover': {\n      color: theme.palette.primary.text1,\n      backgroundColor: 'rgba(255, 255, 255, 0.16)',\n    },\n    '& .MuiTouchRipple-child': {\n      borderRadius: 8,\n    },\n  },\n  paper: {},\n});\n\nfunction IconMenu({\n  classes,\n  // IconButtonComponentProps\n  'data-testid': testId,\n  iconButtonStyle,\n  color,\n  disableRipple,\n  className,\n  IconElement,\n  IconButtonComponent,\n  disabled,\n  iconButtonProps,\n  // MenuProps\n  children,\n  anchorOrigin,\n  transformOrigin,\n  marginThreshold,\n  menuProps,\n  // Tooltip\n  tooltipProps,\n  paperClassName,\n}) {\n  const [anchorEl, setAnchorEl] = useState(null);\n  const isOpen = !!anchorEl;\n\n  /*\n    A fix of the issue: https://corvaqa.atlassian.net/browse/DC-3713\n\n    When Material Menu is rendered, at first it's displayed at the top of the container\n    and only then moves to the anchor element. When the focus is enabled, and the element is\n    inside of an iframe but outside the view - browsers scroll the page to it. Because of this, we set focus in async\n    manner, to wait for correct position - and then set focus.\n\n    https://github.dev/mui/material-ui/blob/v4.x/packages/material-ui/src/Popover/Popover.js#L323-L331\n  */\n  const [isMenuAutofocus, setIsMenuAutofocus] = useState(false);\n  useEffect(() => {\n    let timerId;\n\n    if (isOpen) {\n      setTimeout(() => {\n        timerId = setIsMenuAutofocus(isOpen);\n        // Why 500? The lower delay doesn't actually work, so this is the lowest value I could get to make it work\n      }, 500);\n    }\n\n    return () => {\n      if (timerId) {\n        clearTimeout(timerId);\n      }\n    };\n  }, [isOpen]);\n\n  const handleClose = event => {\n    event.stopPropagation();\n    setAnchorEl(null);\n    setIsMenuAutofocus(false);\n  };\n  const handleOpen = event => {\n    event.stopPropagation();\n    event.preventDefault();\n    setAnchorEl(event.currentTarget);\n  };\n\n  const iconButtonElement = (\n    <IconButtonComponent\n      aria-label=\"IconMenu\"\n      aria-owns={isOpen ? 'icon-menu' : undefined}\n      aria-haspopup=\"true\"\n      data-testid={testId}\n      onClick={handleOpen}\n      classes={{ root: classes.iconButton }}\n      className={className}\n      style={iconButtonStyle}\n      color={color}\n      disableRipple={disableRipple}\n      disabled={disabled}\n      {...iconButtonProps}\n    >\n      {IconElement}\n    </IconButtonComponent>\n  );\n\n  return (\n    <>\n      {tooltipProps ? <Tooltip {...tooltipProps}>{iconButtonElement}</Tooltip> : iconButtonElement}\n      <Menu\n        id=\"icon-menu\"\n        anchorEl={anchorEl}\n        open={isOpen}\n        MenuListProps={{ 'data-testid': `${testId}Dropdown` }}\n        disableAutoFocus={!isMenuAutofocus}\n        autoFocus={isMenuAutofocus}\n        onClose={handleClose}\n        onClick={handleClose}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        classes={{ paper: classes.paper }}\n        elevation={0}\n        marginThreshold={marginThreshold}\n        PaperProps={{\n          className: classes[paperClassName],\n        }}\n        {...menuProps}\n      >\n        {children}\n      </Menu>\n    </>\n  );\n}\n\nIconMenu.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.array]),\n  classes: PropTypes.shape({\n    iconButton: PropTypes.string,\n    paper: PropTypes.string,\n  }),\n  className: PropTypes.string,\n  color: PropTypes.string,\n  IconElement: PropTypes.element,\n  // eslint-disable-next-line react/forbid-prop-types\n  IconButtonComponent: PropTypes.any,\n  iconButtonStyle: PropTypes.shape({}),\n  anchorOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n    vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n  }),\n  transformOrigin: PropTypes.shape({\n    horizontal: PropTypes.oneOf(['left', 'center', 'right']),\n    vertical: PropTypes.oneOf(['top', 'center', 'bottom']),\n  }),\n  disableRipple: PropTypes.bool,\n  'data-testid': PropTypes.string,\n  marginThreshold: PropTypes.number,\n  disabled: PropTypes.bool,\n  tooltipProps: PropTypes.shape({}),\n  menuProps: PropTypes.shape({}),\n  iconButtonProps: PropTypes.shape({}),\n  paperClassName: PropTypes.string,\n};\n\nIconMenu.defaultProps = {\n  children: undefined,\n  classes: {},\n  className: undefined,\n  color: undefined,\n  'data-testid': undefined,\n  IconElement: <MoreVert />,\n  iconButtonStyle: undefined,\n  IconButtonComponent: IconButton,\n  disableRipple: false,\n  anchorOrigin: { horizontal: 'right', vertical: 'top' },\n  transformOrigin: { horizontal: 'right', vertical: 'bottom' },\n  marginThreshold: undefined,\n  disabled: false,\n  tooltipProps: undefined,\n  menuProps: {},\n  iconButtonProps: {},\n  paperClassName: '',\n};\n\nexport default withStyles(muiStyles)(IconMenu);\n"],"names":["IconMenu","_ref","classes","testId","iconButtonStyle","color","disableRipple","className","IconElement","IconButtonComponent","disabled","iconButtonProps","children","anchorOrigin","transformOrigin","marginThreshold","menuProps","tooltipProps","paperClassName","useState","_useState2","_slicedToArray","_useState","anchorEl","setAnchorEl","isOpen","_useState4","_useState3","isMenuAutofocus","setIsMenuAutofocus","useEffect","timerId","setTimeout","clearTimeout","handleClose","event","stopPropagation","iconButtonElement","_jsx","jsx","_objectSpread","undefined","onClick","preventDefault","currentTarget","root","iconButton","style","_jsxs","_Fragment","Tooltip","Menu","id","open","MenuListProps","disableAutoFocus","autoFocus","onClose","paper","elevation","PaperProps","propTypes","PropTypes","oneOfType","string","node","array","shape","element","any","horizontal","oneOf","vertical","bool","number","defaultProps","MoreVert","IconButton","index","withStyles","theme","borderRadius","padding","palette","primary","text6","text1","backgroundColor"],"mappings":"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"}

package/cjs-bundle/components/KeyboardDateTimePicker.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/helpers/objectWithoutProperties"),a=require("react"),n=require("prop-types"),i=require("moment"),o=require("@material-ui/pickers"),u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=c(e),f=c(t),m=c(r),s=c(n),Y=c(i),d=["format","onChange","label","data-testid"];function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?p(Object(r),!0).forEach((function(t){l.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var D=["MM/DD/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YYYY, HH:mm","M/D/YYYY, HH:mm","MMM DD, YYYY HH:mm","MMM D, YYYY HH:mm","MM/DD/YY HH:mm","M/D/YY HH:mm"],y=new RegExp("[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+","gi"),H=function(e){var t=e.format,r=void 0===t?"MM/DD/YYYY HH:mm":t,n=e.onChange,i=e.label,c=void 0===i?"Date":i,l=e["data-testid"],s=void 0===l?"KeyboardDateTimePicker":l,p=m.default(e,d),H=a.useState(r),M=f.default(H,2),O=M[0],g=M[1],j=a.useState(null),h=f.default(j,2),v=h[0],P=h[1];return u.jsx(o.KeyboardDateTimePicker,b(b({rifmFormatter:function(e){return e},refuse:y,inputValue:v},p),{},{label:c,"data-testid":"".concat(s,"_").concat(c),format:O,onChange:function(e,t){var a=Y.default(t,[].concat(D,[r]),!0),i=a.isValid();g((function(e){return i?a.creationData().format:e})),P(t),n(i?a:e,t)}}))};H.propTypes={onChange:s.default.func.isRequired,format:s.default.string,label:s.default.string,"data-testid":s.default.string},module.exports=H;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),a=require("prop-types"),n=require("moment"),i=require("@material-ui/pickers"),o=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(e),f=u(t),m=u(a),l=u(n);function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}function Y(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach((function(t){c.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var p=["MM/DD/YYYY HH:mm","M/D/YYYY HH:mm","MM/DD/YYYY, HH:mm","M/D/YYYY, HH:mm","MMM DD, YYYY HH:mm","MMM D, YYYY HH:mm","MM/DD/YY HH:mm","M/D/YY HH:mm"],d=new RegExp("[^\\.\\ \\,\\[a-zA-Z0-9_]*$]+","gi"),b=function(e){var t=e.format,a=e.onChange,n=e.label,u=e["data-testid"],c=r.useState(t),m=f.default(c,2),s=m[0],b=m[1],D=r.useState(null),y=f.default(D,2),H=y[0],M=y[1];return o.jsx(i.KeyboardDateTimePicker,Y(Y({rifmFormatter:function(e){return e},refuse:d,inputValue:H},e),{},{"data-testid":"".concat(u,"_").concat(n),format:s,onChange:function(e,r){var n=l.default(r,[].concat(p,[t]),!0),i=n.isValid();b((function(e){return i?n.creationData().format:e})),M(r),a(i?n:e,r)}}))};b.propTypes={onChange:m.default.func.isRequired,format:m.default.string,label:m.default.string,"data-testid":m.default.string},b.defaultProps={format:"MM/DD/YYYY HH:mm",label:"Date","data-testid":"KeyboardDateTimePicker"},module.exports=b;
 //# sourceMappingURL=KeyboardDateTimePicker.js.map

package/cjs-bundle/components/KeyboardDateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyboardDateTimePicker.js","sources":["../../../src/components/KeyboardDateTimePicker.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { KeyboardDateTimePicker as MuiKeyboardDateTimePicker } from '@material-ui/pickers';\n\nconst DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';\nconst SUPPORTED_FORMATS = [\n  'MM/DD/YYYY HH:mm',\n  'M/D/YYYY HH:mm',\n  'MM/DD/YYYY, HH:mm',\n  'M/D/YYYY, HH:mm',\n  'MMM DD, YYYY HH:mm',\n  'MMM D, YYYY HH:mm',\n  'MM/DD/YY HH:mm',\n  'M/D/YY HH:mm',\n];\nconst REFUSE_REGEXP = new RegExp('[^\\\\.\\\\ \\\\,\\\\[a-zA-Z0-9_]*$]+', 'gi');\n\nconst KeyboardDateTimePicker = ({\n  format = DEFAULT_DATE_TIME_FORMAT,\n  onChange,\n  label = 'Date',\n  'data-testid': PAGE_NAME = 'KeyboardDateTimePicker',\n  ...props\n}) => {\n  const [dynamicFormat, setDynamicFormat] = useState(format);\n  const [inputValue, setInputValue] = useState(null);\n\n  const dateFormatter = str => {\n    return str;\n  };\n\n  const handleDateChange = (date, newInputValue) => {\n    const momentObj = moment(newInputValue, [...SUPPORTED_FORMATS, format], true);\n    const isValidDate = momentObj.isValid();\n\n    setDynamicFormat(prev => (isValidDate ? momentObj.creationData().format : prev));\n    setInputValue(newInputValue);\n    onChange(isValidDate ? momentObj : date, newInputValue);\n  };\n\n  return (\n    <MuiKeyboardDateTimePicker\n      rifmFormatter={dateFormatter}\n      refuse={REFUSE_REGEXP}\n      inputValue={inputValue}\n      {...props}\n      label={label}\n      data-testid={`${PAGE_NAME}_${label}`}\n      format={dynamicFormat}\n      onChange={handleDateChange}\n    />\n  );\n};\n\nKeyboardDateTimePicker.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  format: PropTypes.string,\n  label: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nexport default KeyboardDateTimePicker;\n"],"names":["SUPPORTED_FORMATS","REFUSE_REGEXP","RegExp","KeyboardDateTimePicker","_ref","_ref$format","format","onChange","_ref$label","label","_ref$dataTestid","PAGE_NAME","props","_objectWithoutProperties","_excluded","useState","_useState2","_slicedToArray","_useState","dynamicFormat","setDynamicFormat","_useState4","_useState3","inputValue","setInputValue","_jsx","MuiKeyboardDateTimePicker","_objectSpread","rifmFormatter","str","refuse","date","newInputValue","momentObj","moment","isValidDate","isValid","prev","creationData","propTypes","PropTypes","func","isRequired","string"],"mappings":"shCAKA,IACMA,EAAoB,CACxB,mBACA,iBACA,oBACA,kBACA,qBACA,oBACA,iBACA,gBAEIC,EAAgB,IAAIC,OAAO,gCAAiC,MAE5DC,EAAyB,SAMzBC,GAAA,IAAAC,EAAAD,EALJE,OAAAA,aAd+B,mBAcED,EACjCE,IAAAA,SAAQC,EAAAJ,EACRK,MAAAA,aAAQ,OAAMD,EAAAE,EAAAN,EACd,eAAeO,aAAY,yBAAwBD,EAChDE,EAAKC,EAAA,QAAAT,EAAAU,GAEkCC,EAAAA,EAAQA,SAACT,GAAOU,EAAAC,EAAAA,QAAAC,EAAA,GAAnDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GACFD,EAAAA,EAAQA,SAAC,MAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAehC,OACEI,MAACC,EAAAA,uBAAyBC,EAAAA,EAAA,CACxBC,cAfkB,SAAAC,GACpB,OAAOA,GAeLC,OAAQ7B,EACRsB,WAAYA,GACRX,GAAK,GAAA,CACTH,MAAOA,EACP,cAAgBE,GAAAA,OAAAA,EAAaF,KAAAA,OAAAA,GAC7BH,OAAQa,EACRZ,SAlBqB,SAACwB,EAAMC,GAC9B,IAAMC,EAAYC,EAAAA,QAAOF,EAAmBhC,GAAAA,OAAAA,EAAmBM,CAAAA,KAAS,GAClE6B,EAAcF,EAAUG,UAE9BhB,GAAiB,SAAAiB,GAAI,OAAKF,EAAcF,EAAUK,eAAehC,OAAS+B,CAAI,IAC9Eb,EAAcQ,GACdzB,EAAS4B,EAAcF,EAAYF,EAAMC,MAe7C,EAEA7B,EAAuBoC,UAAY,CACjChC,SAAUiC,EAAAA,QAAUC,KAAKC,WACzBpC,OAAQkC,EAAS,QAACG,OAClBlC,MAAO+B,EAAS,QAACG,OACjB,cAAeH,EAAS,QAACG"}
+{"version":3,"file":"KeyboardDateTimePicker.js","sources":["../../../src/components/KeyboardDateTimePicker.js"],"sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { KeyboardDateTimePicker as MuiKeyboardDateTimePicker } from '@material-ui/pickers';\n\nconst DEFAULT_DATE_TIME_FORMAT = 'MM/DD/YYYY HH:mm';\nconst SUPPORTED_FORMATS = [\n  'MM/DD/YYYY HH:mm',\n  'M/D/YYYY HH:mm',\n  'MM/DD/YYYY, HH:mm',\n  'M/D/YYYY, HH:mm',\n  'MMM DD, YYYY HH:mm',\n  'MMM D, YYYY HH:mm',\n  'MM/DD/YY HH:mm',\n  'M/D/YY HH:mm',\n];\nconst REFUSE_REGEXP = new RegExp('[^\\\\.\\\\ \\\\,\\\\[a-zA-Z0-9_]*$]+', 'gi');\n\nconst KeyboardDateTimePicker = props => {\n  const { format, onChange, label, 'data-testid': PAGE_NAME } = props;\n\n  const [dynamicFormat, setDynamicFormat] = useState(format);\n  const [inputValue, setInputValue] = useState(null);\n\n  const dateFormatter = str => {\n    return str;\n  };\n\n  const handleDateChange = (date, newInputValue) => {\n    const momentObj = moment(newInputValue, [...SUPPORTED_FORMATS, format], true);\n    const isValidDate = momentObj.isValid();\n\n    setDynamicFormat(prev => (isValidDate ? momentObj.creationData().format : prev));\n    setInputValue(newInputValue);\n    onChange(isValidDate ? momentObj : date, newInputValue);\n  };\n\n  return (\n    <MuiKeyboardDateTimePicker\n      rifmFormatter={dateFormatter}\n      refuse={REFUSE_REGEXP}\n      inputValue={inputValue}\n      {...props}\n      data-testid={`${PAGE_NAME}_${label}`}\n      format={dynamicFormat}\n      onChange={handleDateChange}\n    />\n  );\n};\n\nKeyboardDateTimePicker.propTypes = {\n  onChange: PropTypes.func.isRequired,\n  format: PropTypes.string,\n  label: PropTypes.string,\n  'data-testid': PropTypes.string,\n};\n\nKeyboardDateTimePicker.defaultProps = {\n  format: DEFAULT_DATE_TIME_FORMAT,\n  label: 'Date',\n  'data-testid': 'KeyboardDateTimePicker',\n};\n\nexport default KeyboardDateTimePicker;\n"],"names":["SUPPORTED_FORMATS","REFUSE_REGEXP","RegExp","KeyboardDateTimePicker","props","format","onChange","label","PAGE_NAME","useState","_useState2","_slicedToArray","_useState","dynamicFormat","setDynamicFormat","_useState4","_useState3","inputValue","setInputValue","_jsx","MuiKeyboardDateTimePicker","_objectSpread","rifmFormatter","str","refuse","date","newInputValue","momentObj","moment","isValidDate","isValid","prev","creationData","propTypes","PropTypes","func","isRequired","string","defaultProps"],"mappings":"q6BAKA,IACMA,EAAoB,CACxB,mBACA,iBACA,oBACA,kBACA,qBACA,oBACA,iBACA,gBAEIC,EAAgB,IAAIC,OAAO,gCAAiC,MAE5DC,EAAyB,SAAAC,GAC7B,IAAQC,EAAsDD,EAAtDC,OAAQC,EAA8CF,EAA9CE,SAAUC,EAAoCH,EAApCG,MAAsBC,EAAcJ,EAA7B,eAESK,EAAAA,EAAQA,SAACJ,GAAOK,EAAAC,EAAAA,QAAAC,EAAA,GAAnDC,EAAaH,EAAA,GAAEI,EAAgBJ,EAAA,GACFD,EAAAA,EAAQA,SAAC,MAAKM,EAAAJ,EAAAA,QAAAK,EAAA,GAA3CC,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAehC,OACEI,MAACC,EAAAA,uBAAyBC,EAAAA,EAAA,CACxBC,cAfkB,SAAAC,GACpB,OAAOA,GAeLC,OAAQvB,EACRgB,WAAYA,GACRb,GAAK,GAAA,CACT,cAAgBI,GAAAA,OAAAA,EAAaD,KAAAA,OAAAA,GAC7BF,OAAQQ,EACRP,SAjBqB,SAACmB,EAAMC,GAC9B,IAAMC,EAAYC,EAAAA,QAAOF,EAAmB1B,GAAAA,OAAAA,EAAmBK,CAAAA,KAAS,GAClEwB,EAAcF,EAAUG,UAE9BhB,GAAiB,SAAAiB,GAAI,OAAKF,EAAcF,EAAUK,eAAe3B,OAAS0B,CAAI,IAC9Eb,EAAcQ,GACdpB,EAASuB,EAAcF,EAAYF,EAAMC,MAc7C,EAEAvB,EAAuB8B,UAAY,CACjC3B,SAAU4B,EAAAA,QAAUC,KAAKC,WACzB/B,OAAQ6B,EAAS,QAACG,OAClB9B,MAAO2B,EAAS,QAACG,OACjB,cAAeH,EAAS,QAACG,QAG3BlC,EAAuBmC,aAAe,CACpCjC,OArD+B,mBAsD/BE,MAAO,OACP,cAAe"}

package/cjs-bundle/components/LinkedText/LinkedText.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("classnames"),t=require("../../utils/links.js"),n=require("./LinkedText.scss.js"),i=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(r),l=e.forwardRef((function(r,s){var l=r.children,u=r.className,o=r.mirror,c=void 0!==o&&o,d=r.testId,f=e.Children.map(l,(function(r){return"string"==typeof r?function(r,s){return t.splitOnLinks(r).map((function(r,t){return r.url?s?i.jsx("span",{className:n.link,children:r.text},t):i.jsx("a",{href:r.url,target:"_blank",rel:"noopener noreferrer",className:n.link,onClick:function(e){return e.stopPropagation()},children:r.text},t):i.jsx(e.Fragment,{children:r.text},t)}))}(r,c):r}));return c?i.jsxs("div",{"aria-hidden":!0,ref:s,className:a.default(n.mirror,u),"data-testid":d,children:[f,"\n"]}):i.jsx("span",{ref:s,className:a.default(n.root,u),"data-testid":d,children:f})}));exports.LinkedText=l;
+//# sourceMappingURL=LinkedText.js.map

package/cjs-bundle/components/LinkedText/LinkedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedText.js","sources":["../../../../src/components/LinkedText/LinkedText.tsx"],"sourcesContent":["import { Children, forwardRef, Fragment, ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { splitOnLinks } from '~/utils/links';\n\nimport styles from './LinkedText.scss';\n\nexport type LinkedTextProps = {\n  children?: ReactNode;\n  className?: string;\n  /**\n   * Paints the links without making them clickable, for a copy sitting behind a textarea: the\n   * field on top takes the clicks, and a screen reader reads it rather than this.\n   */\n  mirror?: boolean;\n  testId?: string;\n};\n\nconst toSegments = (text: string, mirror: boolean) =>\n  splitOnLinks(text).map((segment, index) => {\n    // eslint-disable-next-line react/no-array-index-key\n    if (!segment.url) return <Fragment key={index}>{segment.text}</Fragment>;\n\n    return mirror ? (\n      // eslint-disable-next-line react/no-array-index-key\n      <span key={index} className={styles.link}>\n        {segment.text}\n      </span>\n    ) : (\n      <a\n        // eslint-disable-next-line react/no-array-index-key\n        key={index}\n        href={segment.url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={styles.link}\n        // The row around it may open something of its own.\n        onClick={event => event.stopPropagation()}\n      >\n        {segment.text}\n      </a>\n    );\n  });\n\n/**\n * Turns the urls in some text into links, either to read or to sit behind a textarea being typed\n * into. Anything already rendered — a mention — passes through: only plain runs can hold a url.\n */\nexport const LinkedText = forwardRef<HTMLElement, LinkedTextProps>(\n  ({ children, className, mirror = false, testId }, ref) => {\n    const content = Children.map(children, child =>\n      typeof child === 'string' ? toSegments(child, mirror) : child\n    );\n\n    if (!mirror) {\n      return (\n        <span\n          ref={ref as React.Ref<HTMLSpanElement>}\n          className={classNames(styles.root, className)}\n          data-testid={testId}\n        >\n          {content}\n        </span>\n      );\n    }\n\n    return (\n      <div\n        aria-hidden\n        ref={ref as React.Ref<HTMLDivElement>}\n        className={classNames(styles.mirror, className)}\n        data-testid={testId}\n      >\n        {content}\n        {/* `pre-wrap` swallows a trailing newline, which would leave the mirror a line short. */}\n        {'\\n'}\n      </div>\n    );\n  }\n);\n"],"names":["LinkedText","forwardRef","_ref","ref","children","className","_ref$mirror","mirror","testId","content","Children","map","child","text","splitOnLinks","segment","index","url","_jsx","styles","link","jsx","href","target","rel","onClick","event","stopPropagation","Fragment","toSegments","_jsxs","classNames","root"],"mappings":"ySAgDaA,EAAaC,EAAUA,YAClC,SAAAC,EAAkDC,GAAQ,IAAvDC,IAAAA,SAAUC,IAAAA,UAASC,EAAAJ,EAAEK,OAAAA,cAAcD,EAAEE,IAAAA,OAChCC,EAAUC,EAAQA,SAACC,IAAIP,GAAU,SAAAQ,GAAK,MACzB,iBAAVA,EAjCM,SAACC,EAAcN,GAAe,OAC/CO,EAAAA,aAAaD,GAAMF,KAAI,SAACI,EAASC,GAE/B,OAAKD,EAAQE,IAENV,EAELW,EAAAA,IAAA,OAAA,CAAkBb,UAAWc,EAAOC,KAAKhB,SACtCW,EAAQF,MADAG,GAIXE,EAAAG,IAAA,IAAA,CAGEC,KAAMP,EAAQE,IACdM,OAAO,SACPC,IAAI,sBACJnB,UAAWc,EAAOC,KAElBK,QAAS,SAAAC,GAAK,OAAIA,EAAMC,iBAAkB,EAAAvB,SAEzCW,EAAQF,MARJG,GAVgBE,EAAAA,IAACU,EAAAA,SAAQ,CAAAxB,SAAcW,EAAQF,MAAhBG,EAqB1C,GAAE,CAS8Ba,CAAWjB,EAAOL,GAAUK,KAG1D,OAAKL,EAaHuB,EAAAA,KAAA,MAAA,CACE,eAAW,EACX3B,IAAKA,EACLE,UAAW0B,EAAU,QAACZ,EAAOZ,OAAQF,GACrC,cAAaG,EAAOJ,SAEnBK,CAAAA,EAEA,QAnBDS,EAAAA,IAAA,OAAA,CACEf,IAAKA,EACLE,UAAW0B,EAAU,QAACZ,EAAOa,KAAM3B,GACnC,cAAaG,EAAOJ,SAEnBK,GAiBT"}

package/cjs-bundle/components/LinkedText/LinkedText.scss.js

@@ -0,0 +1,2 @@
+"use strict";require('./../../ext-esm/style-inject/dist/style-inject.es.js')(".LinkedText_root__F0WLk{overflow-wrap:anywhere}.LinkedText_root__F0WLk .LinkedText_link__KMB-F{text-decoration:none}.LinkedText_root__F0WLk .LinkedText_link__KMB-F:hover{text-decoration:underline}.LinkedText_mirror__fmNFq{inset:0;overflow:hidden;overflow-wrap:break-word;pointer-events:none;position:absolute;white-space:pre-wrap;word-break:break-word}.LinkedText_mirror__fmNFq .LinkedText_link__KMB-F{background-color:rgb(from var(--palette-primary-text-1) r g b/.04);border-radius:4px;outline:1px solid rgb(from var(--palette-primary-text-1) r g b/.16)}.LinkedText_link__KMB-F{color:var(--palette-info-light)}"),module.exports={spacing:"8",root:"LinkedText_root__F0WLk",link:"LinkedText_link__KMB-F",mirror:"LinkedText_mirror__fmNFq"};
+//# sourceMappingURL=LinkedText.scss.js.map

package/cjs-bundle/components/LinkedText/LinkedText.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,qBAAqB,sDAAyD;"}

package/cjs-bundle/components/NewDocumentViewer/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/regenerator"),r=require("papaparse"),n=require("read-excel-file");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),s=a(t),c=a(n),f=function(){var e=u.default(s.default.mark((function e(t){var n,a;return s.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(t);case 2:return n=e.sent,e.next=5,n.text();case 5:return a=e.sent,e.abrupt("return",(u=a,r.parse(u,{header:!0,dynamicTyping:!0,skipEmptyLines:!0}).data));case 7:case"end":return e.stop()}var u}),e)})));return function(t){return e.apply(this,arguments)}}(),i=function(){var e=u.default(s.default.mark((function e(t){var r,n;return s.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(t);case 2:return r=e.sent,e.next=5,r.text();case 5:return n=e.sent,e.abrupt("return",n);case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),o=function(){var e=u.default(s.default.mark((function e(t){var r,n,a;return s.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(t);case 2:return r=e.sent,e.next=5,r.arrayBuffer();case 5:return n=e.sent,e.next=8,c.default(n);case 8:return a=e.sent,e.abrupt("return",null==a?void 0:a.map((function(e){return null==e?void 0:e.map((function(e){return String(e||"")}))})));case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();exports.getCsvData=f,exports.getTextData=i,exports.getXlsxData=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/regenerator"),r=require("../../utils/fetchAttachment.js"),n=require("papaparse"),a=require("read-excel-file");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e),c=u(t),i=u(a),f=function(){var e=s.default(c.default.mark((function e(t){var n;return c.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,r.fetchAttachment(t);case 2:if((n=e.sent).ok){e.next=5;break}throw new Error("Could not read the file (".concat(n.status," ").concat(n.statusText,")"));case 5:return e.abrupt("return",n);case 6:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),o=function(){var e=s.default(c.default.mark((function e(t){var r,a;return c.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(t);case 2:return r=e.sent,e.next=5,r.text();case 5:return a=e.sent,e.abrupt("return",(u=a,n.parse(u,{header:!0,dynamicTyping:!0,skipEmptyLines:!0}).data));case 7:case"end":return e.stop()}var u}),e)})));return function(t){return e.apply(this,arguments)}}(),p=function(){var e=s.default(c.default.mark((function e(t){var r,n;return c.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(t);case 2:return r=e.sent,e.next=5,r.text();case 5:return n=e.sent,e.abrupt("return",n);case 7:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),l=function(){var e=s.default(c.default.mark((function e(t){var r,n,a;return c.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,f(t);case 2:return r=e.sent,e.next=5,r.arrayBuffer();case 5:return n=e.sent,e.next=8,i.default(n);case 8:return a=e.sent,e.abrupt("return",null==a?void 0:a.map((function(e){return null==e?void 0:e.map((function(e){return String(e||"")}))})));case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();exports.getCsvData=o,exports.getTextData=p,exports.getXlsxData=l;
 //# sourceMappingURL=utils.js.map

package/cjs-bundle/components/NewDocumentViewer/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/NewDocumentViewer/utils.ts"],"sourcesContent":["import { parse, ParseResult } from 'papaparse';\nimport readXlsxFile from 'read-excel-file';\n\nconst parseCSV = (csvText: string): object[] => {\n  const parsed: ParseResult<object> = parse(csvText, {\n    header: true,\n    dynamicTyping: true,\n    skipEmptyLines: true,\n  });\n  return parsed.data;\n};\n\nexport const getCsvData = async (fileUrl: string): Promise<object[]> => {\n  const response = await fetch(fileUrl);\n  const text = await response.text();\n\n  return parseCSV(text);\n};\n\nexport const getTextData = async (fileUrl: string): Promise<string> => {\n  const response = await fetch(fileUrl);\n  const data: string = await response.text();\n  return data;\n};\n\nexport const getXlsxData = async (fileUrl: string) => {\n  const response = await fetch(fileUrl);\n  const arrayBuffer = await response.arrayBuffer();\n  const xlsxData = await readXlsxFile(arrayBuffer);\n  return xlsxData?.map(row => row?.map(cell => String(cell || '')));\n};\n"],"names":["getCsvData","_ref","_asyncToGenerator","_regeneratorRuntime","mark","fileUrl","response","text","wrap","_context","prev","next","fetch","sent","parseCSV","csvText","parse","header","dynamicTyping","skipEmptyLines","data","stop","_callee","_x","apply","this","arguments","getTextData","_ref2","_context2","abrupt","_callee2","_x2","getXlsxData","_ref3","arrayBuffer","xlsxData","_context3","readXlsxFile","map","row","cell","String","_callee3","_x3"],"mappings":"0TAYaA,EAAU,WAAA,IAAAC,EAAAC,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOC,GAAe,IAAAC,EAAAC,EAAA,OAAAJ,UAAAK,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAE,KAAA,EACvBC,MAAMP,GAAQ,KAAA,EAAvB,OAARC,EAAQG,EAAAI,KAAAJ,EAAAE,KAAA,EACKL,EAASC,OAAM,KAAA,EAAxB,OAAJA,EAAIE,EAAAI,KAEHC,EAAAA,OAAAA,UAbSC,EAaAR,EAZoBS,EAAKA,MAACD,EAAS,CACjDE,QAAQ,EACRC,eAAe,EACfC,gBAAgB,IAEJC,OAOO,KAAA,EAAA,IAAA,MAAA,OAAAX,EAAAY,OAbN,IAACN,CAaK,GAAAO,EACtB,KAAA,OAAA,SALsBC,GAAA,OAAAtB,EAAAuB,MAAAC,KAAAC,UAAA,CAAA,CAAA,GAOVC,EAAW,WAAA,IAAAC,EAAA1B,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOC,GAAe,IAAAC,EAAAc,EAAA,OAAAjB,UAAAK,MAAA,SAAAqB,GAAA,OAAA,OAAAA,EAAAnB,KAAAmB,EAAAlB,MAAA,KAAA,EAAA,OAAAkB,EAAAlB,KAAA,EACxBC,MAAMP,GAAQ,KAAA,EAAvB,OAARC,EAAQuB,EAAAhB,KAAAgB,EAAAlB,KAAA,EACaL,EAASC,OAAM,KAAA,EAAxB,OAAZa,EAAYS,EAAAhB,KAAAgB,EAAAC,OAAA,SACXV,GAAI,KAAA,EAAA,IAAA,MAAA,OAAAS,EAAAR,OAAA,GAAAU,EACZ,KAAA,OAAA,SAJuBC,GAAA,OAAAJ,EAAAJ,MAAAC,KAAAC,UAAA,CAAA,CAAA,GAMXO,EAAW,WAAA,IAAAC,EAAAhC,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOC,GAAe,IAAAC,EAAA6B,EAAAC,EAAA,OAAAjC,UAAAK,MAAA,SAAA6B,GAAA,OAAA,OAAAA,EAAA3B,KAAA2B,EAAA1B,MAAA,KAAA,EAAA,OAAA0B,EAAA1B,KAAA,EACxBC,MAAMP,GAAQ,KAAA,EAAvB,OAARC,EAAQ+B,EAAAxB,KAAAwB,EAAA1B,KAAA,EACYL,EAAS6B,cAAa,KAAA,EAA/B,OAAXA,EAAWE,EAAAxB,KAAAwB,EAAA1B,KAAA,EACM2B,EAAAA,QAAaH,GAAY,KAAA,EAAlC,OAARC,EAAQC,EAAAxB,KACPuB,EAAAA,OAAAA,SAAAA,aAAQ,EAARA,EAAUG,KAAI,SAAAC,GAAG,OAAIA,aAAG,EAAHA,EAAKD,KAAI,SAAAE,GAAI,OAAIC,OAAOD,GAAQ,MAAK,KAAA,KAAA,GAAA,IAAA,MAAA,OAAAJ,EAAAhB,OAAA,GAAAsB,EAClE,KAAA,OAAA,SALuBC,GAAA,OAAAV,EAAAV,MAAAC,KAAAC,UAAA,CAAA,CAAA"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/NewDocumentViewer/utils.ts"],"sourcesContent":["import { fetchAttachment } from '~/utils/fetchAttachment';\n\nimport { parse, ParseResult } from 'papaparse';\nimport readXlsxFile from 'read-excel-file';\n\nconst parseCSV = (csvText: string): object[] => {\n  const parsed: ParseResult<object> = parse(csvText, {\n    header: true,\n    dynamicTyping: true,\n    skipEmptyLines: true,\n  });\n  return parsed.data;\n};\n\n/** Without this an expired signed url renders S3's `AccessDenied` XML as the document. */\nconst fetchFile = async (fileUrl: string): Promise<Response> => {\n  const response = await fetchAttachment(fileUrl);\n\n  if (!response.ok) {\n    throw new Error(`Could not read the file (${response.status} ${response.statusText})`);\n  }\n\n  return response;\n};\n\nexport const getCsvData = async (fileUrl: string): Promise<object[]> => {\n  const response = await fetchFile(fileUrl);\n  const text = await response.text();\n\n  return parseCSV(text);\n};\n\nexport const getTextData = async (fileUrl: string): Promise<string> => {\n  const response = await fetchFile(fileUrl);\n  const data: string = await response.text();\n  return data;\n};\n\nexport const getXlsxData = async (fileUrl: string) => {\n  const response = await fetchFile(fileUrl);\n  const arrayBuffer = await response.arrayBuffer();\n  const xlsxData = await readXlsxFile(arrayBuffer);\n  return xlsxData?.map(row => row?.map(cell => String(cell || '')));\n};\n"],"names":["fetchFile","_ref","_asyncToGenerator","_regeneratorRuntime","mark","fileUrl","response","wrap","_context","prev","next","fetchAttachment","sent","ok","Error","concat","status","statusText","abrupt","stop","_callee","_x","apply","this","arguments","getCsvData","_ref2","text","_context2","parseCSV","csvText","parse","header","dynamicTyping","skipEmptyLines","data","_callee2","_x2","getTextData","_ref3","_context3","_callee3","_x3","getXlsxData","_ref4","arrayBuffer","xlsxData","_context4","readXlsxFile","map","row","cell","String","_callee4","_x4"],"mappings":"sWAeMA,EAAS,WAAA,IAAAC,EAAAC,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOC,GAAe,IAAAC,EAAA,OAAAH,UAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAAA,OAAAF,EAAAE,KAAA,EACfC,EAAAA,gBAAgBN,GAAQ,KAAA,EAAjC,IAARC,EAAQE,EAAAI,MAEAC,GAAE,CAAAL,EAAAE,KAAA,EAAA,KAAA,CAAA,MACR,IAAII,MAAK,4BAAAC,OAA6BT,EAASU,OAAUV,KAAAA,OAAAA,EAASW,WAAc,MAAA,KAAA,EAAA,OAAAT,EAAAU,OAAA,SAGjFZ,GAAQ,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAW,OAAA,GAAAC,EAChB,KAAA,OAAA,SARcC,GAAA,OAAApB,EAAAqB,MAAAC,KAAAC,UAAA,CAAA,CAAA,GAUFC,EAAU,WAAA,IAAAC,EAAAxB,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOC,GAAe,IAAAC,EAAAqB,EAAA,OAAAxB,UAAAI,MAAA,SAAAqB,GAAA,OAAA,OAAAA,EAAAnB,KAAAmB,EAAAlB,MAAA,KAAA,EAAA,OAAAkB,EAAAlB,KAAA,EACvBV,EAAUK,GAAQ,KAAA,EAA3B,OAARC,EAAQsB,EAAAhB,KAAAgB,EAAAlB,KAAA,EACKJ,EAASqB,OAAM,KAAA,EAAxB,OAAJA,EAAIC,EAAAhB,KAEHiB,EAAAA,OAAAA,UAxBSC,EAwBAH,EAvBoBI,EAAKA,MAACD,EAAS,CACjDE,QAAQ,EACRC,eAAe,EACfC,gBAAgB,IAEJC,OAkBO,KAAA,EAAA,IAAA,MAAA,OAAAP,EAAAT,OAxBN,IAACW,CAwBK,GAAAM,EACtB,KAAA,OAAA,SALsBC,GAAA,OAAAX,EAAAJ,MAAAC,KAAAC,UAAA,CAAA,CAAA,GAOVc,EAAW,WAAA,IAAAC,EAAArC,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOC,GAAe,IAAAC,EAAA6B,EAAA,OAAAhC,UAAAI,MAAA,SAAAiC,GAAA,OAAA,OAAAA,EAAA/B,KAAA+B,EAAA9B,MAAA,KAAA,EAAA,OAAA8B,EAAA9B,KAAA,EACxBV,EAAUK,GAAQ,KAAA,EAA3B,OAARC,EAAQkC,EAAA5B,KAAA4B,EAAA9B,KAAA,EACaJ,EAASqB,OAAM,KAAA,EAAxB,OAAZQ,EAAYK,EAAA5B,KAAA4B,EAAAtB,OAAA,SACXiB,GAAI,KAAA,EAAA,IAAA,MAAA,OAAAK,EAAArB,OAAA,GAAAsB,EACZ,KAAA,OAAA,SAJuBC,GAAA,OAAAH,EAAAjB,MAAAC,KAAAC,UAAA,CAAA,CAAA,GAMXmB,EAAW,WAAA,IAAAC,EAAA1C,EAAAA,QAAAC,EAAAA,QAAAC,MAAG,WAAOC,GAAe,IAAAC,EAAAuC,EAAAC,EAAA,OAAA3C,UAAAI,MAAA,SAAAwC,GAAA,OAAA,OAAAA,EAAAtC,KAAAsC,EAAArC,MAAA,KAAA,EAAA,OAAAqC,EAAArC,KAAA,EACxBV,EAAUK,GAAQ,KAAA,EAA3B,OAARC,EAAQyC,EAAAnC,KAAAmC,EAAArC,KAAA,EACYJ,EAASuC,cAAa,KAAA,EAA/B,OAAXA,EAAWE,EAAAnC,KAAAmC,EAAArC,KAAA,EACMsC,EAAAA,QAAaH,GAAY,KAAA,EAAlC,OAARC,EAAQC,EAAAnC,KACPkC,EAAAA,OAAAA,SAAAA,aAAQ,EAARA,EAAUG,KAAI,SAAAC,GAAG,OAAIA,aAAG,EAAHA,EAAKD,KAAI,SAAAE,GAAI,OAAIC,OAAOD,GAAQ,MAAK,KAAA,KAAA,GAAA,IAAA,MAAA,OAAAJ,EAAA5B,OAAA,GAAAkC,EAClE,KAAA,OAAA,SALuBC,GAAA,OAAAV,EAAAtB,MAAAC,KAAAC,UAAA,CAAA,CAAA"}