@corva/ui 3.80.0-1 → 3.80.0-11

package/cjs-bundle/components/StatusBadge/components/DQAlertsTooltip.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("moment"),t=require("lodash"),s=require("@material-ui/core"),i=require("@material-ui/icons/ArrowForward"),a=require("../../Tooltip/Tooltip.js");require("../../Tooltip/ScrollableTooltip.js");var n=require("../utils.js"),l=require("../constants.js"),o=require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),u=require("../styles.js"),c=require("../../../constants/mixpanel.js");require("../../UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("../../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.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("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var p=require("../../../utils/safeTemplate.js"),d=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(r),g=m(i),j=s.makeStyles((function(e){return{errorIcon:{width:20,height:18},title:{maxWidth:198,padding:"0 0 8px",fontSize:16,lineHeight:"22px",color:e.palette.primary.text1,display:"flex",alignItems:"center"},emptyMessage:{padding:"0",fontSize:16,lineHeight:"22px",color:e.palette.primary.contrastText},alertTime:{fontSize:14,color:e.palette.primary.text6,"& span":{color:e.palette.primary.text1}},alertMessage:{width:"100%",height:40,margin:0,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box","-webkit-line-clamp":2,"-webkit-box-orient":"vertical",whiteSpace:"pre-wrap",fontSize:14,lineHeight:"20px",color:e.palette.primary.text1},alertMessageFull:{marginBottom:8,fontSize:14,lineHeight:"20px",color:e.palette.primary.text1,whiteSpace:"pre-wrap"},alertInfo:{display:"flex",alignItems:"center",flexWrap:"wrap",marginBottom:8,fontSize:14,textTransform:"capitalize","& span":{color:e.palette.primary.text6,marginRight:8},"& .error":{color:e.palette.error.main},"& .warning":{color:"#ffa500"}},resolvedInfo:{display:"flex",alignItems:"center",marginBottom:8,color:e.palette.primary.text6,fontSize:14},infoIcon:{color:e.palette.info.main,marginRight:8,fontSize:16},popover:{marginLeft:77,width:270,padding:12,display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:e.palette.background.b9,border:"1px solid ".concat(e.palette.primary.text9),boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",borderRadius:4,zIndex:500,"& .MuiTooltip-tooltip":{backgroundColor:e.palette.background.b10,fontWeight:400,lineHeight:"20px",margin:0}},message:{whiteSpace:"pre-wrap"},note:{marginBottom:4},ok:{color:"#F99500 !important"},good:{color:"".concat(e.palette.warning.light," !important")}}})),x=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"MMM D YYYY, hh:mm A";return e?h.default.unix(e).format(r):null},q=function(e){return h.default.unix(e).format("DD MMM HH:mm (Z)")},f=function(e){var r=e.children,t=j(),s=p.safeTemplate(r)({timestampFormatter:q}).split("**").map((function(e,r){return r%2==1?d.jsx("b",{children:e},r):e}));return d.jsx("span",{className:t.message,children:s})},b=e.memo((function(e){var r,t=e.alert,s=e.alertIcon,i=e.children,p=e.linkToDQPage,m=j(),h=u.useDQUnvalidatedContentStyles({}),q=Math.max(t.statusUpdatedAt,t.lastCheckedAt),b=x(q);return d.jsx(a.Tooltip,{interactive:!0,children:i,PopperProps:{className:m.popover},placement:"right",title:d.jsxs(d.Fragment,{children:[t.emptyMessage&&d.jsx("div",{className:m.emptyMessage,children:t.statusUpdatedAt?x(t.statusUpdatedAt):t.emptyMessage}),!t.emptyMessage&&d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:m.title,children:[t.name,d.jsx(a.Tooltip,{isFullScreen:!1,title:"Go to Data Quality page",children:d.jsx("div",{children:d.jsx(o.UniversalLink,{className:h.link,href:p,onClick:function(){var e,r;null===(e=(r=window)[Symbol.for("logToMixpanel")])||void 0===e||e.call(r,c.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:d.jsx(g.default,{className:h.linkIcon})})})})]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Category:"})," ",t.category]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Status:"})," ",t.status]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Error Type:"}),d.jsx("div",{className:m.errorIcon,children:s}),d.jsx("span",{className:t.state===l.ALERT_STATES.issue?l.BADGE_ICON_STATUSES.warning:l.BADGE_ICON_STATUSES.error,children:t.state})]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Score Deduction:"}),d.jsx("span",{className:n.getDeductsFromScoreClass(m,t.deductsFromScore,n.isResolved(t.status)),children:n.getDeductsFromScoreValue(t.deductsFromScore,n.isResolved(t.status))})]}),d.jsxs("div",{className:m.alertMessageFull,children:[t.isThrottled&&d.jsx("b",{children:"[Throttled]: "}),d.jsx(f,{children:t.message})]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{className:m.note,children:"Note:"})," ",null!==(r=t.note)&&void 0!==r&&r.length?t.note:"—"]}),d.jsxs("span",{className:m.alertTime,children:["Updated at: ",d.jsx("span",{children:b})]})]})]})})}),(function(e,r){return t.isEqual(e.alert,r.alert)}));exports.DQAlertsTooltip=b;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("moment"),t=require("lodash"),s=require("@material-ui/core"),i=require("@material-ui/icons/ArrowForward"),a=require("../../Tooltip/Tooltip.js");require("../../Tooltip/ScrollableTooltip.js");var n=require("../utils.js"),l=require("../constants.js"),o=require("../../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),u=require("../styles.js"),c=require("../../../constants/mixpanel.js");require("../../UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("../../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.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("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("../../../clients/jsonApi/index.js"),require("../../../utils/shareRecentRequest.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var p=require("../../../utils/safeTemplate.js"),d=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=m(r),g=m(i),j=s.makeStyles((function(e){return{errorIcon:{width:20,height:18},title:{maxWidth:198,padding:"0 0 8px",fontSize:16,lineHeight:"22px",color:e.palette.primary.text1,display:"flex",alignItems:"center"},emptyMessage:{padding:"0",fontSize:16,lineHeight:"22px",color:e.palette.primary.contrastText},alertTime:{fontSize:14,color:e.palette.primary.text6,"& span":{color:e.palette.primary.text1}},alertMessage:{width:"100%",height:40,margin:0,overflow:"hidden",textOverflow:"ellipsis",display:"-webkit-box","-webkit-line-clamp":2,"-webkit-box-orient":"vertical",whiteSpace:"pre-wrap",fontSize:14,lineHeight:"20px",color:e.palette.primary.text1},alertMessageFull:{marginBottom:8,fontSize:14,lineHeight:"20px",color:e.palette.primary.text1,whiteSpace:"pre-wrap"},alertInfo:{display:"flex",alignItems:"center",flexWrap:"wrap",marginBottom:8,fontSize:14,textTransform:"capitalize","& span":{color:e.palette.primary.text6,marginRight:8},"& .error":{color:e.palette.error.main},"& .warning":{color:"#ffa500"}},resolvedInfo:{display:"flex",alignItems:"center",marginBottom:8,color:e.palette.primary.text6,fontSize:14},infoIcon:{color:e.palette.info.main,marginRight:8,fontSize:16},popover:{marginLeft:77,width:270,padding:12,display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:e.palette.background.b9,border:"1px solid ".concat(e.palette.primary.text9),boxShadow:"0px 3px 10px rgba(0, 0, 0, 0.4)",borderRadius:4,zIndex:500,"& .MuiTooltip-tooltip":{backgroundColor:e.palette.background.b10,fontWeight:400,lineHeight:"20px",margin:0}},message:{whiteSpace:"pre-wrap"},note:{marginBottom:4},ok:{color:"#F99500 !important"},good:{color:"".concat(e.palette.warning.light," !important")}}})),x=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"MMM D YYYY, hh:mm A";return e?h.default.unix(e).format(r):null},q=function(e){return h.default.unix(e).format("DD MMM HH:mm (Z)")},f=function(e){var r=e.children,t=j(),s=p.safeTemplate(r)({timestampFormatter:q}).split("**").map((function(e,r){return r%2==1?d.jsx("b",{children:e},r):e}));return d.jsx("span",{className:t.message,children:s})},b=e.memo((function(e){var r,t=e.alert,s=e.alertIcon,i=e.children,p=e.linkToDQPage,m=j(),h=u.useDQUnvalidatedContentStyles({}),q=Math.max(t.statusUpdatedAt,t.lastCheckedAt),b=x(q);return d.jsx(a.Tooltip,{interactive:!0,children:i,PopperProps:{className:m.popover},placement:"right",title:d.jsxs(d.Fragment,{children:[t.emptyMessage&&d.jsx("div",{className:m.emptyMessage,children:t.statusUpdatedAt?x(t.statusUpdatedAt):t.emptyMessage}),!t.emptyMessage&&d.jsxs(d.Fragment,{children:[d.jsxs("div",{className:m.title,children:[t.name,d.jsx(a.Tooltip,{isFullScreen:!1,title:"Go to Data Quality page",children:d.jsx("div",{children:d.jsx(o.UniversalLink,{className:h.link,href:p,onClick:function(){var e,r;null===(e=(r=window)[Symbol.for("logToMixpanel")])||void 0===e||e.call(r,c.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:d.jsx(g.default,{className:h.linkIcon})})})})]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Category:"})," ",t.category]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Status:"})," ",t.status]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Error Type:"}),d.jsx("div",{className:m.errorIcon,children:s}),d.jsx("span",{className:t.state===l.ALERT_STATES.issue?l.BADGE_ICON_STATUSES.warning:l.BADGE_ICON_STATUSES.error,children:t.state})]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{children:"Score Deduction:"}),d.jsx("span",{className:n.getDeductsFromScoreClass(m,t.deductsFromScore,n.isResolved(t.status)),children:n.getDeductsFromScoreValue(t.deductsFromScore,n.isResolved(t.status))})]}),d.jsxs("div",{className:m.alertMessageFull,children:[t.isThrottled&&d.jsx("b",{children:"[Throttled]: "}),d.jsx(f,{children:t.message})]}),d.jsxs("span",{className:m.alertInfo,children:[d.jsx("span",{className:m.note,children:"Note:"})," ",null!==(r=t.note)&&void 0!==r&&r.length?t.note:"—"]}),d.jsxs("span",{className:m.alertTime,children:["Updated at: ",d.jsx("span",{children:b})]})]})]})})}),(function(e,r){return t.isEqual(e.alert,r.alert)}));exports.DQAlertsTooltip=b;
 //# sourceMappingURL=DQAlertsTooltip.js.map

package/cjs-bundle/components/StatusBadge/components/DQAlertsTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DQAlertsTooltip.js","sources":["../../../../../src/components/StatusBadge/components/DQAlertsTooltip.tsx"],"sourcesContent":["import { ReactElement, memo } from 'react';\nimport moment from 'moment';\nimport { isEqual } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport Tooltip from '~/components/Tooltip';\nimport {\n  getDeductsFromScoreValue,\n  isResolved,\n  getDeductsFromScoreClass,\n} from '~/components/StatusBadge/utils';\nimport { Alert, ALERT_STATES, BADGE_ICON_STATUSES } from '~/components/StatusBadge/constants';\nimport { UniversalLink } from '~/components/DevCenter/DevCenterRouterContext/UniversalLink';\nimport { useDQUnvalidatedContentStyles } from '~/components/StatusBadge/styles';\nimport { MIXPANEL_ACTION_TYPES } from '~/constants/mixpanel';\nimport { safeTemplate } from '~/utils';\n\nconst useStyles = makeStyles(theme => ({\n  errorIcon: {\n    width: 20,\n    height: 18,\n  },\n  title: {\n    maxWidth: 198,\n    padding: '0 0 8px',\n    fontSize: 16,\n    lineHeight: '22px',\n    color: theme.palette.primary.text1,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  emptyMessage: {\n    padding: '0',\n    fontSize: 16,\n    lineHeight: '22px',\n    color: theme.palette.primary.contrastText,\n  },\n  alertTime: {\n    fontSize: 14,\n    color: theme.palette.primary.text6,\n\n    '& span': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  alertMessage: {\n    width: '100%',\n    height: 40,\n    margin: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    display: '-webkit-box',\n    '-webkit-line-clamp': 2,\n    '-webkit-box-orient': 'vertical',\n    whiteSpace: 'pre-wrap',\n    fontSize: 14,\n    lineHeight: '20px',\n    color: theme.palette.primary.text1,\n  },\n  alertMessageFull: {\n    marginBottom: 8,\n    fontSize: 14,\n    lineHeight: '20px',\n    color: theme.palette.primary.text1,\n    whiteSpace: 'pre-wrap',\n  },\n  alertInfo: {\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginBottom: 8,\n    fontSize: 14,\n    textTransform: 'capitalize',\n\n    '& span': {\n      color: theme.palette.primary.text6,\n      marginRight: 8,\n    },\n\n    '& .error': {\n      color: theme.palette.error.main,\n    },\n    '& .warning': {\n      color: '#ffa500',\n    },\n  },\n  resolvedInfo: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: 8,\n    color: theme.palette.primary.text6,\n    fontSize: 14,\n  },\n  infoIcon: {\n    color: theme.palette.info.main,\n    marginRight: 8,\n    fontSize: 16,\n  },\n  popover: {\n    marginLeft: 77,\n    width: 270,\n    padding: 12,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    backgroundColor: theme.palette.background.b9,\n    border: `1px solid ${theme.palette.primary.text9}`,\n    boxShadow: '0px 3px 10px rgba(0, 0, 0, 0.4)',\n    borderRadius: 4,\n    zIndex: 500,\n    '& .MuiTooltip-tooltip': {\n      backgroundColor: theme.palette.background.b10,\n      fontWeight: 400,\n      lineHeight: '20px',\n      margin: 0,\n    },\n  },\n  message: { whiteSpace: 'pre-wrap' },\n  note: { marginBottom: 4 },\n  ok: { color: '#F99500 !important' },\n  good: { color: `${theme.palette.warning.light} !important` },\n}));\n\nconst formatDate = (date: number, format = 'MMM D YYYY, hh:mm A') => {\n  if (!date) return null;\n\n  return moment.unix(date).format(format);\n};\n\nconst timestampFormatter = (timestamp: number) => {\n  return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ children }: { children: string }) => {\n  const styles = useStyles();\n  const compiled = safeTemplate(children);\n  const messageParts = compiled({\n    timestampFormatter,\n  })\n    // Support of **Bold** syntax just for backward compatibility\n    .split('**')\n    .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n  return <span className={styles.message}>{messageParts}</span>;\n};\n\ntype DQCountryCheckTooltipProps = {\n  alert: Alert;\n  alertIcon: ReactElement;\n  children: ReactElement<any, any>;\n  linkToDQPage: string;\n};\n\nexport const DQAlertsTooltip = memo(\n  ({ alert, alertIcon, children, linkToDQPage }: DQCountryCheckTooltipProps): JSX.Element => {\n    const classes = useStyles();\n    const DQUnvalidatedContentClasses = useDQUnvalidatedContentStyles({});\n    const latestUpdateTime = Math.max(alert.statusUpdatedAt, alert.lastCheckedAt);\n    const statusUpdatedAt = formatDate(latestUpdateTime);\n\n    return (\n      <Tooltip\n        interactive\n        children={children}\n        PopperProps={{ className: classes.popover }}\n        placement=\"right\"\n        title={\n          <>\n            {alert.emptyMessage && (\n              <div className={classes.emptyMessage}>\n                {alert.statusUpdatedAt ? formatDate(alert.statusUpdatedAt) : alert.emptyMessage}\n              </div>\n            )}\n            {!alert.emptyMessage && (\n              <>\n                <div className={classes.title}>\n                  {alert.name}\n                  <Tooltip isFullScreen={false} title=\"Go to Data Quality page\">\n                    <div>\n                      <UniversalLink\n                        className={DQUnvalidatedContentClasses.link}\n                        href={linkToDQPage}\n                        onClick={() => {\n                          (window as unknown as Record<symbol, Function>)[\n                            Symbol.for('logToMixpanel')\n                          ]?.(MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD, {\n                            referer: 'DQ Badge',\n                          });\n                        }}\n                      >\n                        <ArrowForwardIcon className={DQUnvalidatedContentClasses.linkIcon} />\n                      </UniversalLink>\n                    </div>\n                  </Tooltip>\n                </div>\n                <span className={classes.alertInfo}>\n                  <span>Category:</span> {alert.category}\n                </span>\n                <span className={classes.alertInfo}>\n                  <span>Status:</span> {alert.status}\n                </span>\n                <span className={classes.alertInfo}>\n                  <span>Error Type:</span>\n                  <div className={classes.errorIcon}>{alertIcon}</div>\n                  <span\n                    className={\n                      alert.state === ALERT_STATES.issue\n                        ? BADGE_ICON_STATUSES.warning\n                        : BADGE_ICON_STATUSES.error\n                    }\n                  >\n                    {alert.state}\n                  </span>\n                </span>\n                <span className={classes.alertInfo}>\n                  <span>Score Deduction:</span>\n                  <span\n                    className={getDeductsFromScoreClass(\n                      classes,\n                      alert.deductsFromScore,\n                      isResolved(alert.status)\n                    )}\n                  >\n                    {getDeductsFromScoreValue(alert.deductsFromScore, isResolved(alert.status))}\n                  </span>\n                </span>\n                <div className={classes.alertMessageFull}>\n                  {alert.isThrottled && <b>[Throttled]: </b>}\n                  <FormattedMessage>{alert.message}</FormattedMessage>\n                </div>\n                <span className={classes.alertInfo}>\n                  <span className={classes.note}>Note:</span>{' '}\n                  {alert.note?.length ? alert.note : '—'}\n                </span>\n                <span className={classes.alertTime}>\n                  Updated at: <span>{statusUpdatedAt}</span>\n                </span>\n              </>\n            )}\n          </>\n        }\n      />\n    );\n  },\n  (prev, next) => isEqual(prev.alert, next.alert)\n);\n"],"names":["useStyles","makeStyles","theme","errorIcon","width","height","title","maxWidth","padding","fontSize","lineHeight","color","palette","primary","text1","display","alignItems","emptyMessage","contrastText","alertTime","text6","alertMessage","margin","overflow","textOverflow","whiteSpace","alertMessageFull","marginBottom","alertInfo","flexWrap","textTransform","marginRight","error","main","resolvedInfo","infoIcon","info","popover","marginLeft","flexDirection","justifyContent","backgroundColor","background","b9","border","concat","text9","boxShadow","borderRadius","zIndex","b10","fontWeight","message","note","ok","good","warning","light","formatDate","date","format","moment","unix","timestampFormatter","timestamp","FormattedMessage","_ref","children","styles","messageParts","safeTemplate","compiled","split","map","i","_jsx","className","DQAlertsTooltip","memo","_ref2","_alert$note","alert","alertIcon","linkToDQPage","classes","DQUnvalidatedContentClasses","useDQUnvalidatedContentStyles","latestUpdateTime","Math","max","statusUpdatedAt","lastCheckedAt","Tooltip","interactive","PopperProps","placement","_jsxs","jsxs","_Fragment","name","isFullScreen","jsx","UniversalLink","link","href","onClick","_Symbol$for","_ref3","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ArrowForwardIcon","linkIcon","category","status","state","ALERT_STATES","issue","BADGE_ICON_STATUSES","getDeductsFromScoreClass","deductsFromScore","isResolved","getDeductsFromScoreValue","isThrottled","length","prev","next","isEqual"],"mappings":"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"}
+{"version":3,"file":"DQAlertsTooltip.js","sources":["../../../../../src/components/StatusBadge/components/DQAlertsTooltip.tsx"],"sourcesContent":["import { ReactElement, memo } from 'react';\nimport moment from 'moment';\nimport { isEqual } from 'lodash';\nimport { makeStyles } from '@material-ui/core';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\nimport Tooltip from '~/components/Tooltip';\nimport {\n  getDeductsFromScoreValue,\n  isResolved,\n  getDeductsFromScoreClass,\n} from '~/components/StatusBadge/utils';\nimport { Alert, ALERT_STATES, BADGE_ICON_STATUSES } from '~/components/StatusBadge/constants';\nimport { UniversalLink } from '~/components/DevCenter/DevCenterRouterContext/UniversalLink';\nimport { useDQUnvalidatedContentStyles } from '~/components/StatusBadge/styles';\nimport { MIXPANEL_ACTION_TYPES } from '~/constants/mixpanel';\nimport { safeTemplate } from '~/utils';\n\nconst useStyles = makeStyles(theme => ({\n  errorIcon: {\n    width: 20,\n    height: 18,\n  },\n  title: {\n    maxWidth: 198,\n    padding: '0 0 8px',\n    fontSize: 16,\n    lineHeight: '22px',\n    color: theme.palette.primary.text1,\n    display: 'flex',\n    alignItems: 'center',\n  },\n  emptyMessage: {\n    padding: '0',\n    fontSize: 16,\n    lineHeight: '22px',\n    color: theme.palette.primary.contrastText,\n  },\n  alertTime: {\n    fontSize: 14,\n    color: theme.palette.primary.text6,\n\n    '& span': {\n      color: theme.palette.primary.text1,\n    },\n  },\n  alertMessage: {\n    width: '100%',\n    height: 40,\n    margin: 0,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    display: '-webkit-box',\n    '-webkit-line-clamp': 2,\n    '-webkit-box-orient': 'vertical',\n    whiteSpace: 'pre-wrap',\n    fontSize: 14,\n    lineHeight: '20px',\n    color: theme.palette.primary.text1,\n  },\n  alertMessageFull: {\n    marginBottom: 8,\n    fontSize: 14,\n    lineHeight: '20px',\n    color: theme.palette.primary.text1,\n    whiteSpace: 'pre-wrap',\n  },\n  alertInfo: {\n    display: 'flex',\n    alignItems: 'center',\n    flexWrap: 'wrap',\n    marginBottom: 8,\n    fontSize: 14,\n    textTransform: 'capitalize',\n\n    '& span': {\n      color: theme.palette.primary.text6,\n      marginRight: 8,\n    },\n\n    '& .error': {\n      color: theme.palette.error.main,\n    },\n    '& .warning': {\n      color: '#ffa500',\n    },\n  },\n  resolvedInfo: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: 8,\n    color: theme.palette.primary.text6,\n    fontSize: 14,\n  },\n  infoIcon: {\n    color: theme.palette.info.main,\n    marginRight: 8,\n    fontSize: 16,\n  },\n  popover: {\n    marginLeft: 77,\n    width: 270,\n    padding: 12,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    backgroundColor: theme.palette.background.b9,\n    border: `1px solid ${theme.palette.primary.text9}`,\n    boxShadow: '0px 3px 10px rgba(0, 0, 0, 0.4)',\n    borderRadius: 4,\n    zIndex: 500,\n    '& .MuiTooltip-tooltip': {\n      backgroundColor: theme.palette.background.b10,\n      fontWeight: 400,\n      lineHeight: '20px',\n      margin: 0,\n    },\n  },\n  message: { whiteSpace: 'pre-wrap' },\n  note: { marginBottom: 4 },\n  ok: { color: '#F99500 !important' },\n  good: { color: `${theme.palette.warning.light} !important` },\n}));\n\nconst formatDate = (date: number, format = 'MMM D YYYY, hh:mm A') => {\n  if (!date) return null;\n\n  return moment.unix(date).format(format);\n};\n\nconst timestampFormatter = (timestamp: number) => {\n  return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ children }: { children: string }) => {\n  const styles = useStyles();\n  const compiled = safeTemplate(children);\n  const messageParts = compiled({\n    timestampFormatter,\n  })\n    // Support of **Bold** syntax just for backward compatibility\n    .split('**')\n    .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n  return <span className={styles.message}>{messageParts}</span>;\n};\n\ntype DQCountryCheckTooltipProps = {\n  alert: Alert;\n  alertIcon: ReactElement;\n  children: ReactElement<any, any>;\n  linkToDQPage: string;\n};\n\nexport const DQAlertsTooltip = memo(\n  ({ alert, alertIcon, children, linkToDQPage }: DQCountryCheckTooltipProps): JSX.Element => {\n    const classes = useStyles();\n    const DQUnvalidatedContentClasses = useDQUnvalidatedContentStyles({});\n    const latestUpdateTime = Math.max(alert.statusUpdatedAt, alert.lastCheckedAt);\n    const statusUpdatedAt = formatDate(latestUpdateTime);\n\n    return (\n      <Tooltip\n        interactive\n        children={children}\n        PopperProps={{ className: classes.popover }}\n        placement=\"right\"\n        title={\n          <>\n            {alert.emptyMessage && (\n              <div className={classes.emptyMessage}>\n                {alert.statusUpdatedAt ? formatDate(alert.statusUpdatedAt) : alert.emptyMessage}\n              </div>\n            )}\n            {!alert.emptyMessage && (\n              <>\n                <div className={classes.title}>\n                  {alert.name}\n                  <Tooltip isFullScreen={false} title=\"Go to Data Quality page\">\n                    <div>\n                      <UniversalLink\n                        className={DQUnvalidatedContentClasses.link}\n                        href={linkToDQPage}\n                        onClick={() => {\n                          (window as unknown as Record<symbol, Function>)[\n                            Symbol.for('logToMixpanel')\n                          ]?.(MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD, {\n                            referer: 'DQ Badge',\n                          });\n                        }}\n                      >\n                        <ArrowForwardIcon className={DQUnvalidatedContentClasses.linkIcon} />\n                      </UniversalLink>\n                    </div>\n                  </Tooltip>\n                </div>\n                <span className={classes.alertInfo}>\n                  <span>Category:</span> {alert.category}\n                </span>\n                <span className={classes.alertInfo}>\n                  <span>Status:</span> {alert.status}\n                </span>\n                <span className={classes.alertInfo}>\n                  <span>Error Type:</span>\n                  <div className={classes.errorIcon}>{alertIcon}</div>\n                  <span\n                    className={\n                      alert.state === ALERT_STATES.issue\n                        ? BADGE_ICON_STATUSES.warning\n                        : BADGE_ICON_STATUSES.error\n                    }\n                  >\n                    {alert.state}\n                  </span>\n                </span>\n                <span className={classes.alertInfo}>\n                  <span>Score Deduction:</span>\n                  <span\n                    className={getDeductsFromScoreClass(\n                      classes,\n                      alert.deductsFromScore,\n                      isResolved(alert.status)\n                    )}\n                  >\n                    {getDeductsFromScoreValue(alert.deductsFromScore, isResolved(alert.status))}\n                  </span>\n                </span>\n                <div className={classes.alertMessageFull}>\n                  {alert.isThrottled && <b>[Throttled]: </b>}\n                  <FormattedMessage>{alert.message}</FormattedMessage>\n                </div>\n                <span className={classes.alertInfo}>\n                  <span className={classes.note}>Note:</span>{' '}\n                  {alert.note?.length ? alert.note : '—'}\n                </span>\n                <span className={classes.alertTime}>\n                  Updated at: <span>{statusUpdatedAt}</span>\n                </span>\n              </>\n            )}\n          </>\n        }\n      />\n    );\n  },\n  (prev, next) => isEqual(prev.alert, next.alert)\n);\n"],"names":["useStyles","makeStyles","theme","errorIcon","width","height","title","maxWidth","padding","fontSize","lineHeight","color","palette","primary","text1","display","alignItems","emptyMessage","contrastText","alertTime","text6","alertMessage","margin","overflow","textOverflow","whiteSpace","alertMessageFull","marginBottom","alertInfo","flexWrap","textTransform","marginRight","error","main","resolvedInfo","infoIcon","info","popover","marginLeft","flexDirection","justifyContent","backgroundColor","background","b9","border","concat","text9","boxShadow","borderRadius","zIndex","b10","fontWeight","message","note","ok","good","warning","light","formatDate","date","format","moment","unix","timestampFormatter","timestamp","FormattedMessage","_ref","children","styles","messageParts","safeTemplate","compiled","split","map","i","_jsx","className","DQAlertsTooltip","memo","_ref2","_alert$note","alert","alertIcon","linkToDQPage","classes","DQUnvalidatedContentClasses","useDQUnvalidatedContentStyles","latestUpdateTime","Math","max","statusUpdatedAt","lastCheckedAt","Tooltip","interactive","PopperProps","placement","_jsxs","jsxs","_Fragment","name","isFullScreen","jsx","UniversalLink","link","href","onClick","_Symbol$for","_ref3","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ArrowForwardIcon","linkIcon","category","status","state","ALERT_STATES","issue","BADGE_ICON_STATUSES","getDeductsFromScoreClass","deductsFromScore","isResolved","getDeductsFromScoreValue","isThrottled","length","prev","next","isEqual"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("react"),o=require("lodash"),t=require("prop-types"),i=require("@material-ui/core/styles"),n=require("react-mentions"),s=require("@material-ui/core/colors/blue"),a=require("./utils/index.js"),l=require("../../utils/links.js"),u=require("./constants.js"),c=require("./style.css.js"),d=require("../Avatar/index.js");require("../../permissions/PermissionsContext.js");var p=require("../../permissions/constants/index.js");require("@babel/runtime/helpers/slicedToArray");var f=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js");var g=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),h=m(t);function v(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function y(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?v(Object(o),!0).forEach((function(r){b.default(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var j={backgroundColor:m(s).default[100]},_={color:"#00bcd4"},q={color:"var(--palette-info-light)",backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.04)",outline:"1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)",borderRadius:"4px"},P=/(?!)/,w=[],x={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},O=y(y({},x),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),C=y(y({},x),{},{input:{color:"#000"}}),S=function(e){var t=e.onChange,i=void 0===t?R:t,s=e.singleLine,p=void 0!==s&&s,f=e.suggestionsPortalHost,m=void 0===f?null:f,b=e.value,h=void 0===b?"":b,v=e.inputRef,x=void 0===v?null:v,S=e.classes,K=e.style,L=void 0===K?k:K,I=e.withLightTheme,D=void 0!==I&&I,F=e.placeholder,H=void 0===F?"Mention people using '@'":F,V=e.onMount,B=void 0===V?U:V,Q=e.onKeyDown,z=void 0===Q?E:Q,G=e.onKeyUp,J=void 0===G?M:G,W=e.onFocus,X=void 0===W?N:W,Y=e.onBlur,Z=void 0===Y?T:Y,$=e.autoFocus,ee=void 0===$||$,re=e.disabled,oe=void 0!==re&&re,te=e.companyId,ie=void 0===te?null:te,ne=e.currentUser,se=void 0===ne?null:ne,ae=e.isCompanySelectVisible,le=e.mentionProps,ue=void 0===le?A:le,ce=e.allowSuggestionsAboveCursor,de=void 0!==ce&&ce,pe=e.allowEmptyQuery,fe=void 0!==pe&&pe,ge=e.highlightLinks,me=void 0!==ge&&ge;r.useEffect(B,[]);var be=r.useCallback(o.debounce((function(e,r){var o=ae&&se&&se.company_id!==ie?[se.company_id,ie]:null;a.handleFetchUsers(e,r,o,fe)}),400),[ie,fe]),he=y(y({},D?C:O),L);if(me){var ve,ye=null===(ve=he.input)||void 0===ve?void 0:ve.color;he.input=y(y({caretColor:ye},he.input),{},{color:"transparent"}),he.highlighter=y(y({color:ye},he.highlighter),{},{substring:{visibility:"visible"}})}return g.jsxs(n.MentionsInput,{value:h,onChange:function(e,r){i(r)},singleLine:p,allowSpaceInQuery:!0,classNames:c,placeholder:H,suggestionsPortalHost:m,inputRef:x,style:he,onKeyDown:z,onKeyUp:J,autoFocus:ee,onFocus:X,onBlur:Z,disabled:oe,allowSuggestionsAboveCursor:de,children:[g.jsx(n.Mention,y({markup:u.USER_MARKUP,renderSuggestion:function(e){return function(e,r){return g.jsxs("div",{className:c.mention__suggestion,children:[g.jsx(d.AvatarComponent,{alt:e.display,displayName:e.display,className:r.avatar,imgSrc:e.photo}),g.jsxs("div",{className:c.mention__suggestion__info,children:[g.jsx("span",{"data-testid":"".concat("userMention","_name_").concat(e.display),className:c.mention__suggestion__info__name,children:e.display}),e.title&&g.jsx("span",{className:c.mention__suggestion__info__group,children:e.title})]})]})}(e,S)},trigger:"@",data:be,displayTransform:function(e,r){return"@".concat(r)},style:D?j:_,appendSpaceOnAdd:!0},ue)),me&&g.jsx(n.Mention,{markup:u.LINK_MARKUP,regex:l.URL_CAPTURE_PATTERN,trigger:P,data:w,displayTransform:function(e){return e},style:q})]})};S.propTypes={onChange:h.default.func,singleLine:h.default.bool,suggestionsPortalHost:h.default.shape({current:h.default.instanceOf(Element)}),value:h.default.string,inputRef:h.default.shape({}),classes:h.default.shape({avatar:h.default.string.isRequired}).isRequired,withLightTheme:h.default.bool,placeholder:h.default.string,style:h.default.shape({}),mentionProps:h.default.shape({}),onMount:h.default.func,onKeyDown:h.default.func,onKeyUp:h.default.func,onFocus:h.default.func,onBlur:h.default.func,autoFocus:h.default.bool,disabled:h.default.bool,currentUser:h.default.shape({company_id:h.default.number.isRequired}),companyId:h.default.number,isCompanySelectVisible:h.default.bool.isRequired,allowSuggestionsAboveCursor:h.default.bool,highlightLinks:h.default.bool,allowEmptyQuery:h.default.bool};var R=function(){},k={suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},A={},U=function(){},E=function(){},M=function(){},N=function(){},T=function(){},K=f.withPermissionsHOC({isCompanySelectVisible:p.PERMISSIONS.companySelectorView})(i.withStyles({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(S));module.exports=K;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),r=require("react"),o=require("lodash"),t=require("prop-types"),i=require("@material-ui/core/styles"),n=require("react-mentions"),s=require("@material-ui/core/colors/blue"),a=require("./utils/index.js"),l=require("../../utils/links.js"),u=require("./constants.js"),c=require("./style.css.js"),d=require("../Avatar/index.js");require("../../permissions/PermissionsContext.js");var p=require("../../permissions/constants/index.js");require("@babel/runtime/helpers/slicedToArray");var f=require("../../permissions/withPermissionsHOC.js");require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../utils/shareRecentRequest.js"),require("../../permissions/ProvidePermissions.js");var g=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=m(e),h=m(t);function v(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),o.push.apply(o,t)}return o}function y(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?v(Object(o),!0).forEach((function(r){b.default(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):v(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var j={backgroundColor:m(s).default[100]},q={color:"#00bcd4"},_={color:"var(--palette-info-light)",backgroundColor:"rgb(from var(--palette-primary-text-1) r g b / 0.04)",outline:"1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)",borderRadius:"4px"},P=/(?!)/,w=[],x={suggestions:{item:{"&focused":{backgroundColor:"rgba(0, 0, 0, 0.08)"}}}},O=y(y({},x),{},{input:{color:"#fff",caretColor:"#fff",zIndex:1},highlighter:{color:"#fff"}}),C=y(y({},x),{},{input:{color:"#000"}}),S=function(e){var t=e.onChange,i=void 0===t?R:t,s=e.singleLine,p=void 0!==s&&s,f=e.suggestionsPortalHost,m=void 0===f?null:f,b=e.value,h=void 0===b?"":b,v=e.inputRef,x=void 0===v?null:v,S=e.classes,K=e.style,L=void 0===K?k:K,I=e.withLightTheme,D=void 0!==I&&I,F=e.placeholder,H=void 0===F?"Mention people using '@'":F,V=e.onMount,B=void 0===V?U:V,Q=e.onKeyDown,z=void 0===Q?E:Q,G=e.onKeyUp,J=void 0===G?M:G,W=e.onFocus,X=void 0===W?N:W,Y=e.onBlur,Z=void 0===Y?T:Y,$=e.autoFocus,ee=void 0===$||$,re=e.disabled,oe=void 0!==re&&re,te=e.companyId,ie=void 0===te?null:te,ne=e.currentUser,se=void 0===ne?null:ne,ae=e.isCompanySelectVisible,le=e.mentionProps,ue=void 0===le?A:le,ce=e.allowSuggestionsAboveCursor,de=void 0!==ce&&ce,pe=e.allowEmptyQuery,fe=void 0!==pe&&pe,ge=e.highlightLinks,me=void 0!==ge&&ge;r.useEffect(B,[]);var be=r.useCallback(o.debounce((function(e,r){var o=ae&&se&&se.company_id!==ie?[se.company_id,ie]:null;a.handleFetchUsers(e,r,o,fe)}),400),[ie,fe]),he=y(y({},D?C:O),L);if(me){var ve,ye=null===(ve=he.input)||void 0===ve?void 0:ve.color;he.input=y(y({caretColor:ye},he.input),{},{color:"transparent"}),he.highlighter=y(y({color:ye},he.highlighter),{},{substring:{visibility:"visible"}})}return g.jsxs(n.MentionsInput,{value:h,onChange:function(e,r){i(r)},singleLine:p,allowSpaceInQuery:!0,classNames:c,placeholder:H,suggestionsPortalHost:m,inputRef:x,style:he,onKeyDown:z,onKeyUp:J,autoFocus:ee,onFocus:X,onBlur:Z,disabled:oe,allowSuggestionsAboveCursor:de,children:[g.jsx(n.Mention,y({markup:u.USER_MARKUP,renderSuggestion:function(e){return function(e,r){return g.jsxs("div",{className:c.mention__suggestion,children:[g.jsx(d.AvatarComponent,{alt:e.display,displayName:e.display,className:r.avatar,imgSrc:e.photo}),g.jsxs("div",{className:c.mention__suggestion__info,children:[g.jsx("span",{"data-testid":"".concat("userMention","_name_").concat(e.display),className:c.mention__suggestion__info__name,children:e.display}),e.title&&g.jsx("span",{className:c.mention__suggestion__info__group,children:e.title})]})]})}(e,S)},trigger:"@",data:be,displayTransform:function(e,r){return"@".concat(r)},style:D?j:q,appendSpaceOnAdd:!0},ue)),me&&g.jsx(n.Mention,{markup:u.LINK_MARKUP,regex:l.URL_CAPTURE_PATTERN,trigger:P,data:w,displayTransform:function(e){return e},style:_})]})};S.propTypes={onChange:h.default.func,singleLine:h.default.bool,suggestionsPortalHost:h.default.shape({current:h.default.instanceOf(Element)}),value:h.default.string,inputRef:h.default.shape({}),classes:h.default.shape({avatar:h.default.string.isRequired}).isRequired,withLightTheme:h.default.bool,placeholder:h.default.string,style:h.default.shape({}),mentionProps:h.default.shape({}),onMount:h.default.func,onKeyDown:h.default.func,onKeyUp:h.default.func,onFocus:h.default.func,onBlur:h.default.func,autoFocus:h.default.bool,disabled:h.default.bool,currentUser:h.default.shape({company_id:h.default.number.isRequired}),companyId:h.default.number,isCompanySelectVisible:h.default.bool.isRequired,allowSuggestionsAboveCursor:h.default.bool,highlightLinks:h.default.bool,allowEmptyQuery:h.default.bool};var R=function(){},k={suggestions:{list:{background:"#414141"},item:{color:"white",height:30,"&focused":{backgroundColor:"rgba(255, 255, 255, 0.08)"}}}},A={},U=function(){},E=function(){},M=function(){},N=function(){},T=function(){},K=f.withPermissionsHOC({isCompanySelectVisible:p.PERMISSIONS.companySelectorView})(i.withStyles({avatar:{height:45,width:45,border:"1.5px solid #fff"}})(S));module.exports=K;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\n\nimport { URL_CAPTURE_PATTERN } from '~/utils/links';\nimport { USER_MARKUP, LINK_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// Matches the mirror token in `LinkedText`, which react-mentions cannot share as a class.\n// Off the palette, not literal white, or the tint vanishes against a light theme.\nconst linkStyle = {\n  color: 'var(--palette-info-light)',\n  backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.04)',\n  // Outline, not border: a border takes space and would shift the text.\n  outline: '1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)',\n  borderRadius: '4px',\n};\n\n// This mention exists to paint existing text, never to offer a suggestion.\n// `/$^/` looks like it never matches but matches the empty string, and react-mentions then reads\n// capture groups this regex does not have — every caret at the start of an empty composer threw.\nconst NEVER_TRIGGERS = /(?!)/;\nconst NO_SUGGESTIONS = [];\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange = DEFAULT_USER_MENTION_ON_CHANGE,\n  singleLine = false,\n  suggestionsPortalHost = null,\n  value = '',\n  inputRef = null,\n  classes,\n  style = DEFAULT_USER_MENTION_STYLE,\n  withLightTheme = false,\n  placeholder = \"Mention people using '@'\",\n  onMount = DEFAULT_USER_MENTION_ON_MOUNT,\n  onKeyDown = DEFAULT_USER_MENTION_ON_KEY_DOWN,\n  onKeyUp = DEFAULT_USER_MENTION_ON_KEY_UP,\n  onFocus = DEFAULT_USER_MENTION_ON_FOCUS,\n  onBlur = DEFAULT_USER_MENTION_ON_BLUR,\n  autoFocus = true,\n  disabled = false,\n  companyId = null,\n  currentUser = null,\n  isCompanySelectVisible,\n  mentionProps = DEFAULT_USER_MENTION_MENTION_PROPS,\n  allowSuggestionsAboveCursor = false,\n  allowEmptyQuery = false,\n  highlightLinks = false,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = {\n    ...(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles),\n    ...style,\n  };\n\n  // react-mentions paints the text in the textarea and keeps the highlighter behind it, so a\n  // mention's colour never shows through. Handing the text to the highlighter instead is what\n  // lets a link carry the same token as the plain textareas do.\n  if (highlightLinks) {\n    const textColor = themedStyle.input?.color;\n\n    themedStyle.input = { caretColor: textColor, ...themedStyle.input, color: 'transparent' };\n    themedStyle.highlighter = {\n      color: textColor,\n      ...themedStyle.highlighter,\n      substring: { visibility: 'visible' },\n    };\n  }\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n\n      {/* Highlight only: a `regex` makes react-mentions style matching text without any markup\n          of its own, so the url stays exactly as typed in the value it hands back. */}\n      {highlightLinks && (\n        <Mention\n          markup={LINK_MARKUP}\n          regex={URL_CAPTURE_PATTERN}\n          trigger={NEVER_TRIGGERS}\n          data={NO_SUGGESTIONS}\n          displayTransform={display => display}\n          style={linkStyle}\n        />\n      )}\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }),\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  highlightLinks: PropTypes.bool,\n  /** Show default users when only \"@\" is typed, instead of waiting for a search term. */\n  allowEmptyQuery: PropTypes.bool,\n};\n\nconst DEFAULT_USER_MENTION_ON_CHANGE = () => undefined;\n\nconst DEFAULT_USER_MENTION_STYLE = {\n  suggestions: {\n    list: {\n      background: '#414141',\n    },\n    item: {\n      color: 'white',\n      height: 30,\n      '&focused': {\n        backgroundColor: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n  },\n};\n\nconst DEFAULT_USER_MENTION_MENTION_PROPS = {};\nconst DEFAULT_USER_MENTION_ON_MOUNT = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_DOWN = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_UP = () => undefined;\nconst DEFAULT_USER_MENTION_ON_FOCUS = () => undefined;\nconst DEFAULT_USER_MENTION_ON_BLUR = () => undefined;\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","mentionDarkStyle","color","linkStyle","outline","borderRadius","NEVER_TRIGGERS","NO_SUGGESTIONS","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","_ref$onChange","onChange","DEFAULT_USER_MENTION_ON_CHANGE","_ref$singleLine","singleLine","_ref$suggestionsPorta","suggestionsPortalHost","_ref$value","value","_ref$inputRef","inputRef","classes","_ref$style","style","DEFAULT_USER_MENTION_STYLE","_ref$withLightTheme","withLightTheme","_ref$placeholder","placeholder","_ref$onMount","onMount","DEFAULT_USER_MENTION_ON_MOUNT","_ref$onKeyDown","onKeyDown","DEFAULT_USER_MENTION_ON_KEY_DOWN","_ref$onKeyUp","onKeyUp","DEFAULT_USER_MENTION_ON_KEY_UP","_ref$onFocus","onFocus","DEFAULT_USER_MENTION_ON_FOCUS","_ref$onBlur","onBlur","DEFAULT_USER_MENTION_ON_BLUR","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$companyId","companyId","_ref$currentUser","currentUser","isCompanySelectVisible","_ref$mentionProps","mentionProps","DEFAULT_USER_MENTION_MENTION_PROPS","_ref$allowSuggestions","allowSuggestionsAboveCursor","_ref$allowEmptyQuery","allowEmptyQuery","_ref$highlightLinks","highlightLinks","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","_themedStyle$input","textColor","_objectSpread","substring","visibility","_jsxs","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","_jsx","Mention","markup","USER_MARKUP","renderSuggestion","entry","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","jsxs","mention__suggestion__info","jsx","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","LINK_MARKUP","regex","URL_CAPTURE_PATTERN","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/UserMention/index.js"],"sourcesContent":["import { useCallback, useEffect } from 'react';\nimport { debounce } from 'lodash';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { MentionsInput, Mention } from 'react-mentions';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { handleFetchUsers } from './utils';\n\nimport { URL_CAPTURE_PATTERN } from '~/utils/links';\nimport { USER_MARKUP, LINK_MARKUP } from './constants';\n\nimport styles from './style.css';\n\nimport Avatar from '~components/Avatar';\nimport { withPermissionsHOC, PERMISSIONS } from '~/permissions';\n\nconst PAGE_NAME = 'userMention';\n\nconst muiStyles = {\n  avatar: {\n    height: 45,\n    width: 45,\n    border: '1.5px solid #fff',\n  },\n};\n\nconst mentionLightStyle = {\n  backgroundColor: blue[100],\n};\nconst mentionDarkStyle = {\n  color: '#00bcd4',\n};\n\n// Matches the mirror token in `LinkedText`, which react-mentions cannot share as a class.\n// Off the palette, not literal white, or the tint vanishes against a light theme.\nconst linkStyle = {\n  color: 'var(--palette-info-light)',\n  backgroundColor: 'rgb(from var(--palette-primary-text-1) r g b / 0.04)',\n  // Outline, not border: a border takes space and would shift the text.\n  outline: '1px solid rgb(from var(--palette-primary-text-1) r g b / 0.16)',\n  borderRadius: '4px',\n};\n\n// This mention exists to paint existing text, never to offer a suggestion.\n// `/$^/` looks like it never matches but matches the empty string, and react-mentions then reads\n// capture groups this regex does not have — every caret at the start of an empty composer threw.\nconst NEVER_TRIGGERS = /(?!)/;\nconst NO_SUGGESTIONS = [];\n\n// NOTE: IMPORTANT! 'input', 'mention' and 'highliter' should always have same font/latter/height/line etc values\nconst inputStyles = {\n  suggestions: {\n    item: {\n      '&focused': {\n        backgroundColor: 'rgba(0, 0, 0, 0.08)',\n      },\n    },\n  },\n};\n\nconst darkThemeInputStyles = {\n  ...inputStyles,\n  input: {\n    color: '#fff',\n    caretColor: '#fff',\n    zIndex: 1,\n  },\n  highlighter: {\n    color: '#fff',\n  },\n};\n\nconst lightThemeInputStyles = {\n  ...inputStyles,\n  input: { color: '#000' },\n};\n\nconst renderSuggestion = (entry, classes) => (\n  <div className={styles.mention__suggestion}>\n    <Avatar\n      alt={entry.display}\n      displayName={entry.display}\n      className={classes.avatar}\n      imgSrc={entry.photo}\n    />\n    <div className={styles.mention__suggestion__info}>\n      <span\n        data-testid={`${PAGE_NAME}_name_${entry.display}`}\n        className={styles.mention__suggestion__info__name}\n      >\n        {entry.display}\n      </span>\n      {entry.title && (\n        <span className={styles.mention__suggestion__info__group}>{entry.title}</span>\n      )}\n    </div>\n  </div>\n);\n\nconst UserMention = ({\n  onChange = DEFAULT_USER_MENTION_ON_CHANGE,\n  singleLine = false,\n  suggestionsPortalHost = null,\n  value = '',\n  inputRef = null,\n  classes,\n  style = DEFAULT_USER_MENTION_STYLE,\n  withLightTheme = false,\n  placeholder = \"Mention people using '@'\",\n  onMount = DEFAULT_USER_MENTION_ON_MOUNT,\n  onKeyDown = DEFAULT_USER_MENTION_ON_KEY_DOWN,\n  onKeyUp = DEFAULT_USER_MENTION_ON_KEY_UP,\n  onFocus = DEFAULT_USER_MENTION_ON_FOCUS,\n  onBlur = DEFAULT_USER_MENTION_ON_BLUR,\n  autoFocus = true,\n  disabled = false,\n  companyId = null,\n  currentUser = null,\n  isCompanySelectVisible,\n  mentionProps = DEFAULT_USER_MENTION_MENTION_PROPS,\n  allowSuggestionsAboveCursor = false,\n  allowEmptyQuery = false,\n  highlightLinks = false,\n}) => {\n  useEffect(onMount, []);\n\n  const fetchUsers = (search, callback) => {\n    const companyIds =\n      isCompanySelectVisible && currentUser && currentUser.company_id !== companyId\n        ? [currentUser.company_id, companyId]\n        : null;\n\n    handleFetchUsers(search, callback, companyIds, allowEmptyQuery);\n  };\n\n  const debouncedUsersFetch = useCallback(debounce(fetchUsers, 400), [companyId, allowEmptyQuery]);\n\n  const onInputChange = (event, newValue) => {\n    onChange(newValue);\n  };\n\n  const themedStyle = {\n    ...(withLightTheme ? lightThemeInputStyles : darkThemeInputStyles),\n    ...style,\n  };\n\n  // react-mentions paints the text in the textarea and keeps the highlighter behind it, so a\n  // mention's colour never shows through. Handing the text to the highlighter instead is what\n  // lets a link carry the same token as the plain textareas do.\n  if (highlightLinks) {\n    const textColor = themedStyle.input?.color;\n\n    themedStyle.input = { caretColor: textColor, ...themedStyle.input, color: 'transparent' };\n    themedStyle.highlighter = {\n      color: textColor,\n      ...themedStyle.highlighter,\n      substring: { visibility: 'visible' },\n    };\n  }\n\n  return (\n    <MentionsInput\n      value={value}\n      onChange={onInputChange}\n      singleLine={singleLine}\n      allowSpaceInQuery\n      classNames={styles}\n      placeholder={placeholder}\n      suggestionsPortalHost={suggestionsPortalHost}\n      inputRef={inputRef}\n      style={themedStyle}\n      onKeyDown={onKeyDown}\n      onKeyUp={onKeyUp}\n      autoFocus={autoFocus}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      disabled={disabled}\n      allowSuggestionsAboveCursor={allowSuggestionsAboveCursor}\n    >\n      <Mention\n        markup={USER_MARKUP}\n        renderSuggestion={entry => renderSuggestion(entry, classes)}\n        trigger=\"@\"\n        data={debouncedUsersFetch}\n        displayTransform={(id, display) => `@${display}`}\n        style={withLightTheme ? mentionLightStyle : mentionDarkStyle}\n        appendSpaceOnAdd\n        {...mentionProps}\n      />\n\n      {/* Highlight only: a `regex` makes react-mentions style matching text without any markup\n          of its own, so the url stays exactly as typed in the value it hands back. */}\n      {highlightLinks && (\n        <Mention\n          markup={LINK_MARKUP}\n          regex={URL_CAPTURE_PATTERN}\n          trigger={NEVER_TRIGGERS}\n          data={NO_SUGGESTIONS}\n          displayTransform={display => display}\n          style={linkStyle}\n        />\n      )}\n    </MentionsInput>\n  );\n};\n\nUserMention.propTypes = {\n  onChange: PropTypes.func,\n  singleLine: PropTypes.bool,\n  suggestionsPortalHost: PropTypes.shape({\n    current: PropTypes.instanceOf(Element),\n  }),\n  value: PropTypes.string,\n  inputRef: PropTypes.shape({}),\n  classes: PropTypes.shape({\n    avatar: PropTypes.string.isRequired,\n  }).isRequired,\n  withLightTheme: PropTypes.bool,\n  placeholder: PropTypes.string,\n  style: PropTypes.shape({}),\n  mentionProps: PropTypes.shape({}),\n  onMount: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onKeyUp: PropTypes.func,\n  onFocus: PropTypes.func,\n  onBlur: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  currentUser: PropTypes.shape({\n    company_id: PropTypes.number.isRequired,\n  }),\n  companyId: PropTypes.number,\n  isCompanySelectVisible: PropTypes.bool.isRequired,\n  allowSuggestionsAboveCursor: PropTypes.bool,\n  highlightLinks: PropTypes.bool,\n  /** Show default users when only \"@\" is typed, instead of waiting for a search term. */\n  allowEmptyQuery: PropTypes.bool,\n};\n\nconst DEFAULT_USER_MENTION_ON_CHANGE = () => undefined;\n\nconst DEFAULT_USER_MENTION_STYLE = {\n  suggestions: {\n    list: {\n      background: '#414141',\n    },\n    item: {\n      color: 'white',\n      height: 30,\n      '&focused': {\n        backgroundColor: 'rgba(255, 255, 255, 0.08)',\n      },\n    },\n  },\n};\n\nconst DEFAULT_USER_MENTION_MENTION_PROPS = {};\nconst DEFAULT_USER_MENTION_ON_MOUNT = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_DOWN = () => undefined;\nconst DEFAULT_USER_MENTION_ON_KEY_UP = () => undefined;\nconst DEFAULT_USER_MENTION_ON_FOCUS = () => undefined;\nconst DEFAULT_USER_MENTION_ON_BLUR = () => undefined;\n\nexport default withPermissionsHOC({ isCompanySelectVisible: PERMISSIONS.companySelectorView })(\n  withStyles(muiStyles)(UserMention)\n);\n"],"names":["mentionLightStyle","backgroundColor","mentionDarkStyle","color","linkStyle","outline","borderRadius","NEVER_TRIGGERS","NO_SUGGESTIONS","inputStyles","suggestions","item","darkThemeInputStyles","input","caretColor","zIndex","highlighter","lightThemeInputStyles","UserMention","_ref","_ref$onChange","onChange","DEFAULT_USER_MENTION_ON_CHANGE","_ref$singleLine","singleLine","_ref$suggestionsPorta","suggestionsPortalHost","_ref$value","value","_ref$inputRef","inputRef","classes","_ref$style","style","DEFAULT_USER_MENTION_STYLE","_ref$withLightTheme","withLightTheme","_ref$placeholder","placeholder","_ref$onMount","onMount","DEFAULT_USER_MENTION_ON_MOUNT","_ref$onKeyDown","onKeyDown","DEFAULT_USER_MENTION_ON_KEY_DOWN","_ref$onKeyUp","onKeyUp","DEFAULT_USER_MENTION_ON_KEY_UP","_ref$onFocus","onFocus","DEFAULT_USER_MENTION_ON_FOCUS","_ref$onBlur","onBlur","DEFAULT_USER_MENTION_ON_BLUR","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$companyId","companyId","_ref$currentUser","currentUser","isCompanySelectVisible","_ref$mentionProps","mentionProps","DEFAULT_USER_MENTION_MENTION_PROPS","_ref$allowSuggestions","allowSuggestionsAboveCursor","_ref$allowEmptyQuery","allowEmptyQuery","_ref$highlightLinks","highlightLinks","useEffect","debouncedUsersFetch","useCallback","debounce","search","callback","companyIds","company_id","handleFetchUsers","themedStyle","_themedStyle$input","textColor","_objectSpread","substring","visibility","_jsxs","MentionsInput","event","newValue","allowSpaceInQuery","classNames","styles","children","_jsx","Mention","markup","USER_MARKUP","renderSuggestion","entry","className","mention__suggestion","Avatar","alt","display","displayName","avatar","imgSrc","photo","jsxs","mention__suggestion__info","jsx","concat","mention__suggestion__info__name","title","mention__suggestion__info__group","trigger","data","displayTransform","id","appendSpaceOnAdd","LINK_MARKUP","regex","URL_CAPTURE_PATTERN","propTypes","PropTypes","func","bool","shape","current","instanceOf","Element","string","isRequired","number","list","background","height","UserMention$1","withPermissionsHOC","PERMISSIONS","companySelectorView","withStyles","width","border"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("moment"),e=require("../../Tooltip/Tooltip.js"),o=require("../../ButtonIcon/ButtonIcon.js"),i=require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),r=require("../../Text/Text.js"),n=require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),c=require("../../../constants/mixpanel.js"),t=require("../../../icons/iconParkIcons.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/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.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("../../../components/UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("../../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("lodash"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("../../../clients/jsonApi/index.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var u=require("../../../utils/safeTemplate.js"),l=require("./DqAlertTooltip.scss.js"),a=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=d(s),q=function(s){return s&&m.default.unix(s).format("MMM D YYYY, hh:mm A")},j=function(s){return m.default.unix(s).format("DD MMM HH:mm (Z)")},I=function(s){var e=s.message,o=u.safeTemplate(e)({timestampFormatter:j}).split("**").map((function(s,e){return e%2==1?a.jsx("b",{children:s},e):s}));return a.jsx("span",{className:l.message,children:o})},p=function(s){var e=s.children,o=s.label,i=s.className;return a.jsxs("div",{className:l.item,children:[o&&a.jsx(r.Text,{size:14,color:"T6",children:o}),e&&a.jsx(r.Text,{size:14,color:"T1",className:i,children:e})]})};exports.DqAlertTooltip=function(s){var u,d,m,j,v,h,x,g,b,C,f,T,A,y,D,F,M,S,O,P,N,k,E,R=s.children,U=s.item,z=Math.max(null===(u=U.alert)||void 0===u?void 0:u.statusUpdatedAt,null===(d=U.alert)||void 0===d?void 0:d.lastCheckedAt),B=q(z),G=a.jsx("div",{className:l.content,children:null!==(m=U.alert)&&void 0!==m&&m.emptyMessage?a.jsx(r.Text,{size:16,children:null!==(j=U.alert)&&void 0!==j&&j.statusUpdatedAt?q(null===(v=U.alert)||void 0===v?void 0:v.statusUpdatedAt):null===(h=U.alert)||void 0===h?void 0:h.emptyMessage}):a.jsxs(a.Fragment,{children:[a.jsxs(r.Text,{size:16,className:l.title,children:[null===(x=U.alert)||void 0===x?void 0:x.name,a.jsx(e.Tooltip,{title:"Go to Data Quality page",children:a.jsx(n.UniversalLink,{href:U.linkToDQPage,onClick:function(){var s,e;null===(s=(e=window)[Symbol.for("logToMixpanel")])||void 0===s||s.call(e,c.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a.jsx(o.ButtonIcon,{size:"medium",type:"secondary",children:a.jsx(t.ArrowRightIcon,{})})})})]}),a.jsxs("div",{className:l.items,children:[a.jsx(p,{label:"Category:",children:null===(g=U.alert)||void 0===g?void 0:g.category}),a.jsx(p,{label:"Status:",className:l.status,children:null===(b=U.alert)||void 0===b?void 0:b.status}),a.jsxs(p,{label:"Error Type:",className:"Issue"===(null===(C=U.alert)||void 0===C?void 0:C.state)?l.typeWarning:l.typeError,children:[a.jsx(i.DqStatusIcon,{statusBadgeIconType:"Issue"===(null===(f=U.alert)||void 0===f?void 0:f.state)?"issue":"error",className:l.typeIcon}),null===(T=U.alert)||void 0===T?void 0:T.state]}),a.jsx(p,{label:"Score Deduction:",className:(k=null===(A=U.alert)||void 0===A?void 0:A.deductsFromScore,E="resolved"===(null===(y=U.alert)||void 0===y?void 0:y.status),E||!k?"":k>40?l.deductError:k>10?l.deductWarning:k>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(D=U.alert)||void 0===D?void 0:D.status)&&null!==(F=U.alert)&&void 0!==F&&F.deductsFromScore&&(null===(M=U.alert)||void 0===M?void 0:M.deductsFromScore)>=0?"".concat(null===(S=U.alert)||void 0===S?void 0:S.deductsFromScore,"%"):"—"}),a.jsxs(p,{className:l.alertMessage,children:[(null===(O=U.alert)||void 0===O?void 0:O.isThrottled)&&a.jsx("b",{children:"[Throttled]: "}),a.jsx(I,{message:null===(P=U.alert)||void 0===P?void 0:P.message})]}),a.jsx(p,{label:"Note:",children:(null===(N=U.alert)||void 0===N?void 0:N.note)||"—"}),a.jsx(p,{label:"Updated at:",children:B})]})]})});return a.jsx(e.Tooltip,{title:G,placement:"right",interactive:!0,className:l.root,children:R})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("moment"),e=require("../../Tooltip/Tooltip.js"),o=require("../../ButtonIcon/ButtonIcon.js"),i=require("../../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),r=require("../../Text/Text.js"),n=require("../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),c=require("../../../constants/mixpanel.js"),t=require("../../../icons/iconParkIcons.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/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.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/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.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("../../../components/UserMention/utils/index.js"),require("@babel/runtime/helpers/defineProperty"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("../../../constants/alerts.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../utils/casing/validation.js"),require("@babel/runtime/helpers/slicedToArray"),require("lodash/mean"),require("lodash"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("query-string"),require("../../../constants/goals.js"),require("../../../constants/segment.js"),require("../../../constants/apps.js"),require("../../../constants/drillstring.js"),require("../../../constants/appPackages.js"),require("../../../constants/notifications.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("../../../clients/jsonApi/index.js"),require("../../../utils/shareRecentRequest.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var u=require("../../../utils/safeTemplate.js"),l=require("./DqAlertTooltip.scss.js"),a=require("react/jsx-runtime");function d(s){return s&&"object"==typeof s&&"default"in s?s:{default:s}}var m=d(s),q=function(s){return s&&m.default.unix(s).format("MMM D YYYY, hh:mm A")},j=function(s){return m.default.unix(s).format("DD MMM HH:mm (Z)")},I=function(s){var e=s.message,o=u.safeTemplate(e)({timestampFormatter:j}).split("**").map((function(s,e){return e%2==1?a.jsx("b",{children:s},e):s}));return a.jsx("span",{className:l.message,children:o})},p=function(s){var e=s.children,o=s.label,i=s.className;return a.jsxs("div",{className:l.item,children:[o&&a.jsx(r.Text,{size:14,color:"T6",children:o}),e&&a.jsx(r.Text,{size:14,color:"T1",className:i,children:e})]})};exports.DqAlertTooltip=function(s){var u,d,m,j,v,h,x,g,b,C,f,T,A,y,D,F,M,S,O,P,N,k,R,E=s.children,U=s.item,z=Math.max(null===(u=U.alert)||void 0===u?void 0:u.statusUpdatedAt,null===(d=U.alert)||void 0===d?void 0:d.lastCheckedAt),B=q(z),G=a.jsx("div",{className:l.content,children:null!==(m=U.alert)&&void 0!==m&&m.emptyMessage?a.jsx(r.Text,{size:16,children:null!==(j=U.alert)&&void 0!==j&&j.statusUpdatedAt?q(null===(v=U.alert)||void 0===v?void 0:v.statusUpdatedAt):null===(h=U.alert)||void 0===h?void 0:h.emptyMessage}):a.jsxs(a.Fragment,{children:[a.jsxs(r.Text,{size:16,className:l.title,children:[null===(x=U.alert)||void 0===x?void 0:x.name,a.jsx(e.Tooltip,{title:"Go to Data Quality page",children:a.jsx(n.UniversalLink,{href:U.linkToDQPage,onClick:function(){var s,e;null===(s=(e=window)[Symbol.for("logToMixpanel")])||void 0===s||s.call(e,c.MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,{referer:"DQ Badge"})},children:a.jsx(o.ButtonIcon,{size:"medium",type:"secondary",children:a.jsx(t.ArrowRightIcon,{})})})})]}),a.jsxs("div",{className:l.items,children:[a.jsx(p,{label:"Category:",children:null===(g=U.alert)||void 0===g?void 0:g.category}),a.jsx(p,{label:"Status:",className:l.status,children:null===(b=U.alert)||void 0===b?void 0:b.status}),a.jsxs(p,{label:"Error Type:",className:"Issue"===(null===(C=U.alert)||void 0===C?void 0:C.state)?l.typeWarning:l.typeError,children:[a.jsx(i.DqStatusIcon,{statusBadgeIconType:"Issue"===(null===(f=U.alert)||void 0===f?void 0:f.state)?"issue":"error",className:l.typeIcon}),null===(T=U.alert)||void 0===T?void 0:T.state]}),a.jsx(p,{label:"Score Deduction:",className:(k=null===(A=U.alert)||void 0===A?void 0:A.deductsFromScore,R="resolved"===(null===(y=U.alert)||void 0===y?void 0:y.status),R||!k?"":k>40?l.deductError:k>10?l.deductWarning:k>5?l.deductOk:l.deductGood),children:"resolved"!==(null===(D=U.alert)||void 0===D?void 0:D.status)&&null!==(F=U.alert)&&void 0!==F&&F.deductsFromScore&&(null===(M=U.alert)||void 0===M?void 0:M.deductsFromScore)>=0?"".concat(null===(S=U.alert)||void 0===S?void 0:S.deductsFromScore,"%"):"—"}),a.jsxs(p,{className:l.alertMessage,children:[(null===(O=U.alert)||void 0===O?void 0:O.isThrottled)&&a.jsx("b",{children:"[Throttled]: "}),a.jsx(I,{message:null===(P=U.alert)||void 0===P?void 0:P.message})]}),a.jsx(p,{label:"Note:",children:(null===(N=U.alert)||void 0===N?void 0:N.note)||"—"}),a.jsx(p,{label:"Updated at:",children:B})]})]})});return a.jsx(e.Tooltip,{title:G,placement:"right",interactive:!0,className:l.root,children:E})};
 //# sourceMappingURL=DqAlertTooltip.js.map

package/cjs-bundle/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"DqAlertTooltip.js","sources":["../../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\nimport { safeTemplate } from '../../../utils';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n  return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n  const compiled = safeTemplate(message);\n  const messageParts = compiled({\n    timestampFormatter,\n  })\n    // Support of **Bold** syntax for backward compatibility\n    .split('**')\n    .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n  return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number | undefined, isResolved: boolean) => {\n  if (isResolved || !score) return '';\n\n  if (score > 40) {\n    return styles.deductError;\n  } else if (score > 10) {\n    return styles.deductWarning;\n  } else if (score > 5) {\n    return styles.deductOk;\n  }\n\n  return styles.deductGood;\n};\n\nconst Item = ({\n  children,\n  label,\n  className,\n}: {\n  label?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n}) => (\n  <div className={styles.item}>\n    {label && (\n      <Text size={14} color=\"T6\">\n        {label}\n      </Text>\n    )}\n    {children && (\n      <Text size={14} color=\"T1\" className={className}>\n        {children}\n      </Text>\n    )}\n  </div>\n);\n\nexport type DqAlertTooltipProps = {\n  children: ReactElement;\n  item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n  const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n  const statusUpdatedAt = formatDate(latestUpdateTime);\n\n  const title = (\n    <div className={styles.content}>\n      {item.alert?.emptyMessage ? (\n        <Text size={16}>\n          {item.alert?.statusUpdatedAt\n            ? formatDate(item.alert?.statusUpdatedAt)\n            : item.alert?.emptyMessage}\n        </Text>\n      ) : (\n        <>\n          <Text size={16} className={styles.title}>\n            {item.alert?.name}\n            <Tooltip title=\"Go to Data Quality page\">\n              <UniversalLink\n                href={item.linkToDQPage}\n                onClick={() => {\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  (window as any)[Symbol.for('logToMixpanel')]?.(\n                    MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n                    { referer: 'DQ Badge' }\n                  );\n                }}\n              >\n                <ButtonIcon size=\"medium\" type=\"secondary\">\n                  <ArrowRightIcon />\n                </ButtonIcon>\n              </UniversalLink>\n            </Tooltip>\n          </Text>\n\n          <div className={styles.items}>\n            <Item label=\"Category:\">{item.alert?.category}</Item>\n            <Item label=\"Status:\" className={styles.status}>\n              {item.alert?.status}\n            </Item>\n            <Item\n              label=\"Error Type:\"\n              className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n            >\n              <DqStatusIcon\n                statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n                className={styles.typeIcon}\n              />\n              {item.alert?.state}\n            </Item>\n            <Item\n              label=\"Score Deduction:\"\n              className={getDeductsFromScoreClass(\n                item.alert?.deductsFromScore,\n                item.alert?.status === 'resolved'\n              )}\n            >\n              {item.alert?.status !== 'resolved' &&\n              item.alert?.deductsFromScore &&\n              item.alert?.deductsFromScore >= 0\n                ? `${item.alert?.deductsFromScore}%`\n                : '—'}\n            </Item>\n            <Item className={styles.alertMessage}>\n              {item.alert?.isThrottled && <b>[Throttled]: </b>}\n              <FormattedMessage message={item.alert?.message} />\n            </Item>\n            <Item label=\"Note:\">{item.alert?.note || '—'}</Item>\n            <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n          </div>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","safeTemplate","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","jsx","Text","size","color","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","jsxs","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"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"}
+{"version":3,"file":"DqAlertTooltip.js","sources":["../../../../../src/componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.tsx"],"sourcesContent":["import { ReactElement, ReactNode } from 'react';\nimport moment from 'moment';\n\nimport { Tooltip } from '../../Tooltip';\nimport { AssetItem } from '../../AppFooter/DqPopover/types';\nimport { ButtonIcon } from '../../ButtonIcon';\nimport { DqStatusIcon } from '../../AppFooter/DqPopover/DqStatusIcon';\nimport { Text } from '../../Text';\nimport { UniversalLink } from '../../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink';\nimport { MIXPANEL_ACTION_TYPES } from '../../../constants/mixpanel';\nimport { ArrowRightIcon } from '../../../icons';\nimport { safeTemplate } from '../../../utils';\n\nimport styles from './DqAlertTooltip.scss';\n\nconst formatDate = (date: number) => date && moment.unix(date).format('MMM D YYYY, hh:mm A');\n\nconst timestampFormatter = (timestamp: number) => {\n  return moment.unix(timestamp).format('DD MMM HH:mm (Z)');\n};\n\nconst FormattedMessage = ({ message }: { message: string }) => {\n  const compiled = safeTemplate(message);\n  const messageParts = compiled({\n    timestampFormatter,\n  })\n    // Support of **Bold** syntax for backward compatibility\n    .split('**')\n    .map((message, i) => (i % 2 === 1 ? <b key={i}>{message}</b> : message));\n  return <span className={styles.message}>{messageParts}</span>;\n};\n\nconst getDeductsFromScoreClass = (score: number | undefined, isResolved: boolean) => {\n  if (isResolved || !score) return '';\n\n  if (score > 40) {\n    return styles.deductError;\n  } else if (score > 10) {\n    return styles.deductWarning;\n  } else if (score > 5) {\n    return styles.deductOk;\n  }\n\n  return styles.deductGood;\n};\n\nconst Item = ({\n  children,\n  label,\n  className,\n}: {\n  label?: ReactNode;\n  children?: ReactNode;\n  className?: string;\n}) => (\n  <div className={styles.item}>\n    {label && (\n      <Text size={14} color=\"T6\">\n        {label}\n      </Text>\n    )}\n    {children && (\n      <Text size={14} color=\"T1\" className={className}>\n        {children}\n      </Text>\n    )}\n  </div>\n);\n\nexport type DqAlertTooltipProps = {\n  children: ReactElement;\n  item: AssetItem;\n};\n\nexport const DqAlertTooltip = ({ children, item }: DqAlertTooltipProps) => {\n  const latestUpdateTime = Math.max(item.alert?.statusUpdatedAt, item.alert?.lastCheckedAt);\n  const statusUpdatedAt = formatDate(latestUpdateTime);\n\n  const title = (\n    <div className={styles.content}>\n      {item.alert?.emptyMessage ? (\n        <Text size={16}>\n          {item.alert?.statusUpdatedAt\n            ? formatDate(item.alert?.statusUpdatedAt)\n            : item.alert?.emptyMessage}\n        </Text>\n      ) : (\n        <>\n          <Text size={16} className={styles.title}>\n            {item.alert?.name}\n            <Tooltip title=\"Go to Data Quality page\">\n              <UniversalLink\n                href={item.linkToDQPage}\n                onClick={() => {\n                  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n                  (window as any)[Symbol.for('logToMixpanel')]?.(\n                    MIXPANEL_ACTION_TYPES.REDIRECT.ASSET_DASHBOARD,\n                    { referer: 'DQ Badge' }\n                  );\n                }}\n              >\n                <ButtonIcon size=\"medium\" type=\"secondary\">\n                  <ArrowRightIcon />\n                </ButtonIcon>\n              </UniversalLink>\n            </Tooltip>\n          </Text>\n\n          <div className={styles.items}>\n            <Item label=\"Category:\">{item.alert?.category}</Item>\n            <Item label=\"Status:\" className={styles.status}>\n              {item.alert?.status}\n            </Item>\n            <Item\n              label=\"Error Type:\"\n              className={item.alert?.state === 'Issue' ? styles.typeWarning : styles.typeError}\n            >\n              <DqStatusIcon\n                statusBadgeIconType={item.alert?.state === 'Issue' ? 'issue' : 'error'}\n                className={styles.typeIcon}\n              />\n              {item.alert?.state}\n            </Item>\n            <Item\n              label=\"Score Deduction:\"\n              className={getDeductsFromScoreClass(\n                item.alert?.deductsFromScore,\n                item.alert?.status === 'resolved'\n              )}\n            >\n              {item.alert?.status !== 'resolved' &&\n              item.alert?.deductsFromScore &&\n              item.alert?.deductsFromScore >= 0\n                ? `${item.alert?.deductsFromScore}%`\n                : '—'}\n            </Item>\n            <Item className={styles.alertMessage}>\n              {item.alert?.isThrottled && <b>[Throttled]: </b>}\n              <FormattedMessage message={item.alert?.message} />\n            </Item>\n            <Item label=\"Note:\">{item.alert?.note || '—'}</Item>\n            <Item label=\"Updated at:\">{statusUpdatedAt}</Item>\n          </div>\n        </>\n      )}\n    </div>\n  );\n\n  return (\n    <Tooltip title={title} placement=\"right\" interactive className={styles.root}>\n      {children}\n    </Tooltip>\n  );\n};\n"],"names":["formatDate","date","moment","unix","format","timestampFormatter","timestamp","FormattedMessage","_ref","message","messageParts","safeTemplate","compiled","split","map","i","_jsx","children","className","styles","Item","_ref2","label","_jsxs","item","jsx","Text","size","color","_ref3","_item$alert","_item$alert2","_item$alert3","_item$alert4","_item$alert5","_item$alert6","_item$alert7","_item$alert8","_item$alert9","_item$alert10","_item$alert11","_item$alert12","_item$alert13","_item$alert14","_item$alert15","_item$alert16","_item$alert17","_item$alert18","_item$alert19","_item$alert20","_item$alert21","score","isResolved","latestUpdateTime","Math","max","alert","statusUpdatedAt","lastCheckedAt","title","content","emptyMessage","jsxs","_Fragment","name","Tooltip","UniversalLink","href","linkToDQPage","onClick","_Symbol$for","_ref4","window","Symbol","for","MIXPANEL_ACTION_TYPES","REDIRECT","ASSET_DASHBOARD","referer","ButtonIcon","type","ArrowRightIcon","items","category","status","state","typeWarning","typeError","DqStatusIcon","statusBadgeIconType","typeIcon","deductsFromScore","deductError","deductWarning","deductOk","deductGood","concat","alertMessage","isThrottled","note","placement","interactive","root"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqPopover.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),s=require("../../AppHeader/AppHeader.constants.js"),t=require("../../AppDqPopover/AppDqPopover.js"),i=require("./DqStatusIcon/DqStatusIcon.js"),n=require("./DqPopover.scss.js");require("@babel/runtime/helpers/defineProperty"),require("querystring"),require("lodash"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),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("../../../components/GradientManager/configuration/constants.js"),require("../../../components/UserMention/utils/index.js"),require("../../../utils/convert.js"),require("moment"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var o=require("../../../effects/useWellnessAlerts.js");require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var u=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js");var a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e);exports.DqPopover=function(e){var l=e.multiRigAssets,q=void 0===l?[]:l,p=e.asset,m=e.forceLoad,j=e.dqData,d=u.useAppCommons(),b=d.appId,v=d.maximized,f=o.useWellnessAlerts({isDCApp:m,appId:b,multiRigAssets:j?void 0:q.map(s.normalizeAsset),asset:j?void 0:s.normalizeAsset(p),maximized:v,dashboards:[]}),g=r.useRef(null),h=r.useState(!1),A=c.default(h,2),C=A[0],y=A[1],D=r.useRef(),x=r.useCallback((function(){clearTimeout(D.current),y(!0)}),[]),P=r.useCallback((function(e){clearTimeout(D.current),D.current=setTimeout((function(){y(!1)}),e)}),[]),I=r.useCallback((function(){P(500)}),[P]),T=j||f,S=T.wellnessAlerts.alertsData||{};return T.statusBadgeIconType?a.jsxs("div",{className:"c-status-badge--".concat(T.statusBadgeIconType),children:[a.jsx(i.DqStatusIcon,{ref:g,statusBadgeIconType:T.statusBadgeIconType,onMouseEnter:x,onMouseLeave:I,className:n.statusIcon,hoverable:!0}),a.jsx(t.AppDqPopover,{open:C,anchorEl:g.current,placement:"top-start",onMouseEnter:x,onMouseLeave:I,alertsData:S})]}):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/slicedToArray"),r=require("react"),s=require("../../AppHeader/AppHeader.constants.js"),t=require("../../AppDqPopover/AppDqPopover.js"),i=require("./DqStatusIcon/DqStatusIcon.js"),n=require("./DqPopover.scss.js");require("@babel/runtime/helpers/defineProperty"),require("querystring"),require("lodash"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),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("../../../components/GradientManager/configuration/constants.js"),require("../../../components/UserMention/utils/index.js"),require("../../../utils/convert.js"),require("moment"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("../../../utils/shareRecentRequest.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js");var o=require("../../../effects/useWellnessAlerts.js");require("lodash/isEmpty"),require("lodash/sortBy"),require("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var u=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js");var a=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e);exports.DqPopover=function(e){var l=e.multiRigAssets,q=void 0===l?[]:l,p=e.asset,m=e.forceLoad,j=e.dqData,d=u.useAppCommons(),b=d.appId,v=d.maximized,f=o.useWellnessAlerts({isDCApp:m,appId:b,multiRigAssets:j?void 0:q.map(s.normalizeAsset),asset:j?void 0:s.normalizeAsset(p),maximized:v,dashboards:[]}),g=r.useRef(null),h=r.useState(!1),A=c.default(h,2),C=A[0],y=A[1],D=r.useRef(),x=r.useCallback((function(){clearTimeout(D.current),y(!0)}),[]),P=r.useCallback((function(e){clearTimeout(D.current),D.current=setTimeout((function(){y(!1)}),e)}),[]),I=r.useCallback((function(){P(500)}),[P]),T=j||f,S=T.wellnessAlerts.alertsData||{};return T.statusBadgeIconType?a.jsxs("div",{className:"c-status-badge--".concat(T.statusBadgeIconType),children:[a.jsx(i.DqStatusIcon,{ref:g,statusBadgeIconType:T.statusBadgeIconType,onMouseEnter:x,onMouseLeave:I,className:n.statusIcon,hoverable:!0}),a.jsx(t.AppDqPopover,{open:C,anchorEl:g.current,placement:"top-start",onMouseEnter:x,onMouseLeave:I,alertsData:S})]}):null};
 //# sourceMappingURL=DqPopover.js.map

package/cjs-bundle/componentsV2/AppFooter/DqPopover/DqPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"DqPopover.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqPopover.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport {\n  Asset,\n  NormalizedAsset,\n  normalizeAsset,\n  UseWellnessAlertsReturnType,\n} from '../../AppHeader/AppHeader.constants';\nimport { AppDqPopover } from '../../AppDqPopover';\n\nimport { DqStatusIcon } from './DqStatusIcon';\n\nimport styles from './DqPopover.scss';\n\nimport { useAppCommons, useWellnessAlerts } from '~/effects';\n\nexport type { Asset };\n\nexport type DqPopoverProps = {\n  asset?: Asset;\n  multiRigAssets?: Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  /**\n   * Forces initial load of alerts: otherwise the alerts will be loaded only if App ID is in the whitelist\n   */\n  forceLoad?: boolean;\n};\n\nexport const DqPopover = ({ multiRigAssets = [], asset, forceLoad, dqData }: DqPopoverProps) => {\n  const { appId, maximized } = useAppCommons();\n  const ownWellnessData = useWellnessAlerts({\n    isDCApp: forceLoad,\n    appId,\n    multiRigAssets: !dqData ? (multiRigAssets.map(normalizeAsset) as NormalizedAsset[]) : undefined,\n    asset: !dqData ? normalizeAsset(asset) : undefined,\n    maximized,\n    dashboards: [],\n  });\n  const iconRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const closeTimerRef = useRef<NodeJS.Timeout>();\n\n  const onMouseEnter = useCallback(() => {\n    clearTimeout(closeTimerRef.current);\n    setIsOpen(true);\n  }, []);\n\n  const onMouseLeaveHandler = useCallback((timeout: number) => {\n    clearTimeout(closeTimerRef.current);\n    closeTimerRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, timeout);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    onMouseLeaveHandler(500);\n  }, [onMouseLeaveHandler]);\n\n  const wellnessData = dqData || ownWellnessData;\n  const alertsData = wellnessData.wellnessAlerts.alertsData || {};\n\n  if (!wellnessData.statusBadgeIconType) {\n    return null;\n  }\n\n  return (\n    <div\n      className={\n        // This class is needed for DevCenterAppContainer to display its border\n        // TODO refactor to use context\n        `c-status-badge--${wellnessData.statusBadgeIconType}`\n      }\n    >\n      <DqStatusIcon\n        ref={iconRef}\n        statusBadgeIconType={wellnessData.statusBadgeIconType}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        className={styles.statusIcon}\n        hoverable\n      />\n\n      <AppDqPopover\n        open={isOpen}\n        anchorEl={iconRef.current}\n        placement=\"top-start\"\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        alertsData={alertsData}\n      />\n    </div>\n  );\n};\n"],"names":["_ref","_ref$multiRigAssets","multiRigAssets","asset","forceLoad","dqData","_useAppCommons","useAppCommons","appId","maximized","ownWellnessData","useWellnessAlerts","isDCApp","undefined","map","normalizeAsset","dashboards","iconRef","useRef","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","closeTimerRef","onMouseEnter","useCallback","clearTimeout","current","onMouseLeaveHandler","timeout","setTimeout","onMouseLeave","wellnessData","alertsData","wellnessAlerts","statusBadgeIconType","_jsxs","className","children","_jsx","DqStatusIcon","ref","styles","statusIcon","hoverable","AppDqPopover","open","anchorEl","placement"],"mappings":"w7FA4ByB,SAAuEA,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,EAAAA,gBAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAAA,kBAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,EAAAA,gBAC9CZ,MAAQE,OAAiCQ,EAAxBE,iBAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,SAAuB,MACXC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,EAAAA,SAEhBQ,EAAeC,EAAAA,aAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,eAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,EAAAA,aAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAAA,KAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,MAACC,eAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,MAACM,eAAY,CACXC,KAAMzB,EACN0B,SAAUhC,EAAQY,QAClBqB,UAAU,YACVxB,aAAcA,EACdO,aAAcA,EACdE,WAAYA,OA1BT,IA8BX"}
+{"version":3,"file":"DqPopover.js","sources":["../../../../../src/componentsV2/AppFooter/DqPopover/DqPopover.tsx"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport {\n  Asset,\n  NormalizedAsset,\n  normalizeAsset,\n  UseWellnessAlertsReturnType,\n} from '../../AppHeader/AppHeader.constants';\nimport { AppDqPopover } from '../../AppDqPopover';\n\nimport { DqStatusIcon } from './DqStatusIcon';\n\nimport styles from './DqPopover.scss';\n\nimport { useAppCommons, useWellnessAlerts } from '~/effects';\n\nexport type { Asset };\n\nexport type DqPopoverProps = {\n  asset?: Asset;\n  multiRigAssets?: Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  /**\n   * Forces initial load of alerts: otherwise the alerts will be loaded only if App ID is in the whitelist\n   */\n  forceLoad?: boolean;\n};\n\nexport const DqPopover = ({ multiRigAssets = [], asset, forceLoad, dqData }: DqPopoverProps) => {\n  const { appId, maximized } = useAppCommons();\n  const ownWellnessData = useWellnessAlerts({\n    isDCApp: forceLoad,\n    appId,\n    multiRigAssets: !dqData ? (multiRigAssets.map(normalizeAsset) as NormalizedAsset[]) : undefined,\n    asset: !dqData ? normalizeAsset(asset) : undefined,\n    maximized,\n    dashboards: [],\n  });\n  const iconRef = useRef<HTMLDivElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const closeTimerRef = useRef<NodeJS.Timeout>();\n\n  const onMouseEnter = useCallback(() => {\n    clearTimeout(closeTimerRef.current);\n    setIsOpen(true);\n  }, []);\n\n  const onMouseLeaveHandler = useCallback((timeout: number) => {\n    clearTimeout(closeTimerRef.current);\n    closeTimerRef.current = setTimeout(() => {\n      setIsOpen(false);\n    }, timeout);\n  }, []);\n\n  const onMouseLeave = useCallback(() => {\n    onMouseLeaveHandler(500);\n  }, [onMouseLeaveHandler]);\n\n  const wellnessData = dqData || ownWellnessData;\n  const alertsData = wellnessData.wellnessAlerts.alertsData || {};\n\n  if (!wellnessData.statusBadgeIconType) {\n    return null;\n  }\n\n  return (\n    <div\n      className={\n        // This class is needed for DevCenterAppContainer to display its border\n        // TODO refactor to use context\n        `c-status-badge--${wellnessData.statusBadgeIconType}`\n      }\n    >\n      <DqStatusIcon\n        ref={iconRef}\n        statusBadgeIconType={wellnessData.statusBadgeIconType}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        className={styles.statusIcon}\n        hoverable\n      />\n\n      <AppDqPopover\n        open={isOpen}\n        anchorEl={iconRef.current}\n        placement=\"top-start\"\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        alertsData={alertsData}\n      />\n    </div>\n  );\n};\n"],"names":["_ref","_ref$multiRigAssets","multiRigAssets","asset","forceLoad","dqData","_useAppCommons","useAppCommons","appId","maximized","ownWellnessData","useWellnessAlerts","isDCApp","undefined","map","normalizeAsset","dashboards","iconRef","useRef","useState","_useState2","_slicedToArray","_useState","isOpen","setIsOpen","closeTimerRef","onMouseEnter","useCallback","clearTimeout","current","onMouseLeaveHandler","timeout","setTimeout","onMouseLeave","wellnessData","alertsData","wellnessAlerts","statusBadgeIconType","_jsxs","className","children","_jsx","DqStatusIcon","ref","styles","statusIcon","hoverable","AppDqPopover","open","anchorEl","placement"],"mappings":"w+FA4ByB,SAAuEA,GAAA,IAAAC,EAAAD,EAApEE,eAAAA,aAAiB,GAAED,EAAEE,IAAAA,MAAOC,IAAAA,UAAWC,IAAAA,OACjEC,EAA6BC,EAAAA,gBAArBC,IAAAA,MAAOC,IAAAA,UACTC,EAAkBC,EAAAA,kBAAkB,CACxCC,QAASR,EACTI,MAAAA,EACAN,eAAiBG,OAAqEQ,EAA3DX,EAAeY,IAAIC,EAAAA,gBAC9CZ,MAAQE,OAAiCQ,EAAxBE,iBAAeZ,GAChCM,UAAAA,EACAO,WAAY,KAERC,EAAUC,SAAuB,MACXC,EAAAA,EAAQA,UAAC,GAAMC,EAAAC,EAAAA,QAAAC,EAAA,GAApCC,EAAMH,EAAA,GAAEI,EAASJ,EAAA,GAClBK,EAAgBP,EAAAA,SAEhBQ,EAAeC,EAAAA,aAAY,WAC/BC,aAAaH,EAAcI,SAC3BL,GAAU,EACX,GAAE,IAEGM,EAAsBH,eAAY,SAACI,GACvCH,aAAaH,EAAcI,SAC3BJ,EAAcI,QAAUG,YAAW,WACjCR,GAAU,EACX,GAAEO,EACJ,GAAE,IAEGE,EAAeN,EAAAA,aAAY,WAC/BG,EAAoB,IACtB,GAAG,CAACA,IAEEI,EAAe7B,GAAUK,EACzByB,EAAaD,EAAaE,eAAeD,YAAc,CAAA,EAE7D,OAAKD,EAAaG,oBAKhBC,EAAAA,KAAA,MAAA,CACEC,UAEE,mBACmBL,OAAAA,EAAaG,qBACjCG,SAAA,CAEDC,MAACC,eAAY,CACXC,IAAK1B,EACLoB,oBAAqBH,EAAaG,oBAClCX,aAAcA,EACdO,aAAcA,EACdM,UAAWK,EAAOC,WAClBC,WAAS,IAGXL,MAACM,eAAY,CACXC,KAAMzB,EACN0B,SAAUhC,EAAQY,QAClBqB,UAAU,YACVxB,aAAcA,EACdO,aAAcA,EACdE,WAAYA,OA1BT,IA8BX"}

package/cjs-bundle/componentsV2/AppHeader/AppAssets/utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("../../../constants/segment.js"),i=require("../../../utils/devcenter.js"),r=require("../../Text/Text.js"),o=require("../AppHeader.constants.js"),n=require("./AppAssets.scss.js");require("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("react"),require("lodash"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../components/UserMention/utils/index.js"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("moment"),require("../../../constants/alerts.js"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../constants/goals.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../constants/notifications.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../constants/apps.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js"),require("uuid"),require("../../../constants/drillstring.js"),require("../../../constants/appPackages.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../components/StatusBadge/constants.js"),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("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var c=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js"),require("@icon-park/react/es/all");var t=require("react/jsx-runtime");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/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js");var u=require("../../../icons/customIcons/icons/Pad.js");require("../../../icons/customIcons/icons/DrilloutUnit.js");var a=require("../../../icons/customIcons/icons/FracFleet.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.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");var q=l(e);function m(e,s){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),i.push.apply(i,r)}return i}function j(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?m(Object(i),!0).forEach((function(s){q.default(e,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(i,s))}))}return e}var d={well:o.AppHeaderTestIds.WellTestId,rig:o.AppHeaderTestIds.RigTestId,pad:o.AppHeaderTestIds.PadTestId,fleet:o.AppHeaderTestIds.FracFleetTestId},p=function(e){return null!=e&&e.asset_id?"/assets/".concat(null==e?void 0:e.asset_id):void 0},I=function(e){var s=p(e);return e?{title:e.name||"",link:s,entity:"well"}:void 0};exports.AssetLabelEntityToTestId=d,exports.useAssetLabels=function(){var e=c.useAppCommons(),o=e.dashboardMeta,l=e.app,q=i.getAppSegment(l)===s.SEGMENTS.DRILLING?function(e){var s=e.app,i=e.well,r=e.rig,o=(null==s?void 0:s.settings)||{},c=o.wellId,t=o.rigId,u=o.fracFleetId,a=p(i),l=I(i),q=[];return l&&c&&q.push(j(j({},l),{},{className:n.mainChip})),r&&(c||t||u)&&q.push({title:r.name||"",link:a,entity:"rig"}),q}(e):function(e){var s,i,o,c,l=e.app,q=e.well,m=e.fracFleet,j=e.appHeadersV3Enabled,d=(null==l?void 0:l.settings)||{},p=d.wellId,h=d.rigId,b=d.fracFleetId,v=[],g=null!=m&&m.current_pad_id?Number(m.current_pad_id):void 0,f=null!=l&&null!==(s=l.settings)&&void 0!==s&&s.padId?Number(l.settings.padId):void 0,C=null!=f?f:g,y=null==m||null===(i=m.pad_frac_fleets)||void 0===i||null===(o=i.find((function(e){return e.pad.id===C})))||void 0===o?void 0:o.pad,O="/assets/types/pad/".concat(C),P=I(q);return P&&!(p||h||b)?[P]:(y&&null!=l&&null!==(c=l.settings)&&void 0!==c&&c.padId&&v.push({title:m.name||y.name||"",link:O,prefix:m.name?t.jsx(a.FracFleet,{}):t.jsx(u.Pad,{}),className:f!==g?n.mainChip:void 0,entity:"pad",tooltip:j?t.jsxs(t.Fragment,{children:[t.jsxs(r.Text,{size:12,className:n.tooltipLine,children:[t.jsx(u.Pad,{className:n.tooltipIcon,size:16}),"Pad: ",y.name]}),m&&t.jsxs(r.Text,{size:12,className:n.tooltipLine,children:[t.jsx(a.FracFleet,{className:n.tooltipIcon,size:16}),"Frac Fleet: ",null==m?void 0:m.name]})]}):void 0}),m&&!j&&v.push({title:(null==m?void 0:m.name)||"",link:O,entity:"fleet"}),v)}(e);return q.filter((function(e){var s=e.title,i=e.entity,r=!!s;return o?o.isChiplessDashboard||o.isMultiAsset?r:!!o.isMultiWell&&(r&&"well"===i):r}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),s=require("../../../constants/segment.js"),i=require("../../../utils/devcenter.js"),r=require("../../Text/Text.js"),o=require("../AppHeader.constants.js"),n=require("./AppAssets.scss.js");require("@babel/runtime/helpers/slicedToArray"),require("querystring"),require("react"),require("lodash"),require("../../../clients/subscriptions/subscriptions-client.factory.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../../clients/jsonApi/index.js"),require("../../../components/UserMention/utils/index.js"),require("../../../utils/convert.js"),require("../../../constants/completion.js"),require("moment"),require("../../../constants/alerts.js"),require("../../../utils/casing/validation.js"),require("lodash/mean"),require("../../../constants/streamSourceType.js"),require("lodash/get"),require("file-saver"),require("../../../utils/drillstring/conversion.js"),require("lodash/set"),require("lodash/cloneDeep"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/isNumber"),require("lodash/has"),require("../../../utils/ga.js"),require("../../../constants/goals.js"),require("../../../utils/goalsConfig/goalsConfig.js"),require("../../../utils/lasParser.js"),require("../../../utils/main.js"),require("../../../utils/metrics/metricsConfig.js"),require("../../../utils/mobileDetect.js"),require("../../../constants/notifications.js"),require("../../../utils/feed.js"),require("../../../utils/reports.js"),require("moment-timezone"),require("@babel/runtime/helpers/typeof"),require("../../../utils/dashboardReports.js"),require("../../../constants/apps.js"),require("../../../utils/env.js"),require("file-extension"),require("image-extensions"),require("video-extensions"),require("../../../utils/jsonaDataFormatter.js"),require("../../../utils/bha.js"),require("jsona"),require("../../../utils/shareRecentRequest.js"),require("@babel/runtime/helpers/objectWithoutProperties"),require("classnames"),require("../../../utils/charts/Styles.scss.js"),require("../../../utils/getSingleAsset.js"),require("uuid"),require("../../../constants/drillstring.js"),require("../../../constants/appPackages.js"),require("../../../constants/feed.js"),require("../../../constants/bha.js"),require("../../../constants/corvaCompanyId.js"),require("../../../components/GradientManager/configuration/constants.js"),require("../../../components/StatusBadge/constants.js"),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("../../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../AppCommonsProvider/AppCommonsProvider.js");var c=require("../../AppCommonsProvider/AppCommonsContext.js");require("../../AppPanel/AppPanelsContext.js"),require("@icon-park/react/es/all");var t=require("react/jsx-runtime");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/InfoRounded.js"),require("../../../icons/customIcons/icons/FlameFilled.js"),require("../../../icons/customIcons/icons/MoreApp.js");var u=require("../../../icons/customIcons/icons/Pad.js");require("../../../icons/customIcons/icons/DrilloutUnit.js");var a=require("../../../icons/customIcons/icons/FracFleet.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}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/PinOne.js"),require("../../../icons/customIcons/icons/PinOneCrossed.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");var q=l(e);function m(e,s){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);s&&(r=r.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),i.push.apply(i,r)}return i}function j(e){for(var s=1;s<arguments.length;s++){var i=null!=arguments[s]?arguments[s]:{};s%2?m(Object(i),!0).forEach((function(s){q.default(e,s,i[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):m(Object(i)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(i,s))}))}return e}var d={well:o.AppHeaderTestIds.WellTestId,rig:o.AppHeaderTestIds.RigTestId,pad:o.AppHeaderTestIds.PadTestId,fleet:o.AppHeaderTestIds.FracFleetTestId},p=function(e){return null!=e&&e.asset_id?"/assets/".concat(null==e?void 0:e.asset_id):void 0},I=function(e){var s=p(e);return e?{title:e.name||"",link:s,entity:"well"}:void 0};exports.AssetLabelEntityToTestId=d,exports.useAssetLabels=function(){var e=c.useAppCommons(),o=e.dashboardMeta,l=e.app,q=i.getAppSegment(l)===s.SEGMENTS.DRILLING?function(e){var s=e.app,i=e.well,r=e.rig,o=(null==s?void 0:s.settings)||{},c=o.wellId,t=o.rigId,u=o.fracFleetId,a=p(i),l=I(i),q=[];return l&&c&&q.push(j(j({},l),{},{className:n.mainChip})),r&&(c||t||u)&&q.push({title:r.name||"",link:a,entity:"rig"}),q}(e):function(e){var s,i,o,c,l=e.app,q=e.well,m=e.fracFleet,j=e.appHeadersV3Enabled,d=(null==l?void 0:l.settings)||{},p=d.wellId,h=d.rigId,b=d.fracFleetId,v=[],g=null!=m&&m.current_pad_id?Number(m.current_pad_id):void 0,f=null!=l&&null!==(s=l.settings)&&void 0!==s&&s.padId?Number(l.settings.padId):void 0,C=null!=f?f:g,y=null==m||null===(i=m.pad_frac_fleets)||void 0===i||null===(o=i.find((function(e){return e.pad.id===C})))||void 0===o?void 0:o.pad,O="/assets/types/pad/".concat(C),P=I(q);return P&&!(p||h||b)?[P]:(y&&null!=l&&null!==(c=l.settings)&&void 0!==c&&c.padId&&v.push({title:m.name||y.name||"",link:O,prefix:m.name?t.jsx(a.FracFleet,{}):t.jsx(u.Pad,{}),className:f!==g?n.mainChip:void 0,entity:"pad",tooltip:j?t.jsxs(t.Fragment,{children:[t.jsxs(r.Text,{size:12,className:n.tooltipLine,children:[t.jsx(u.Pad,{className:n.tooltipIcon,size:16}),"Pad: ",y.name]}),m&&t.jsxs(r.Text,{size:12,className:n.tooltipLine,children:[t.jsx(a.FracFleet,{className:n.tooltipIcon,size:16}),"Frac Fleet: ",null==m?void 0:m.name]})]}):void 0}),m&&!j&&v.push({title:(null==m?void 0:m.name)||"",link:O,entity:"fleet"}),v)}(e);return q.filter((function(e){var s=e.title,i=e.entity,r=!!s;return o?o.isChiplessDashboard||o.isMultiAsset?r:!!o.isMultiWell&&(r&&"well"===i):r}))};
 //# sourceMappingURL=utils.js.map

package/cjs-bundle/componentsV2/AppHeader/AppAssets/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n  title: string;\n  link?: string;\n  className?: string;\n  prefix?: ReactNode;\n  entity: 'well' | 'rig' | 'pad' | 'fleet';\n  tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n  well: AppHeaderTestIds.WellTestId,\n  rig: AppHeaderTestIds.RigTestId,\n  pad: AppHeaderTestIds.PadTestId,\n  fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel | undefined => {\n  const wellLink = getWellLink(well);\n\n  return well\n    ? {\n        title: well.name || '',\n        link: wellLink,\n        entity: 'well',\n      }\n    : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const wellLink = getWellLink(well);\n  const wellChip = getWellChip(well);\n\n  const result: AssetLabel[] = [];\n\n  if (wellChip && wellId) {\n    result.push({ ...wellChip, className: styles.mainChip });\n  }\n\n  if (rig && (wellId || rigId || fracFleetId)) {\n    result.push({\n      title: rig.name || '',\n      link: wellLink,\n      entity: 'rig',\n    });\n  }\n\n  return result;\n};\n\nconst getCompletionsChips = ({\n  app,\n  well,\n  fracFleet,\n  appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const result: AssetLabel[] = [];\n  const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n  const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n  const padId: number | undefined = settingsPadId ?? fracFleetPadId;\n\n  const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n  const padLink = `/assets/types/pad/${padId}`;\n  const wellChip = getWellChip(well);\n\n  // Special case - \"isolated\" well, no fleet - show only well\n  if (wellChip && !(wellId || rigId || fracFleetId)) {\n    return [wellChip];\n  }\n\n  if (pad && app?.settings?.padId) {\n    result.push({\n      title: fracFleet.name || pad.name || '',\n      link: padLink,\n      prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n      className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n      entity: 'pad',\n      tooltip: appHeadersV3Enabled ? (\n        <>\n          <Text size={12} className={styles.tooltipLine}>\n            <Pad className={styles.tooltipIcon} size={16} />\n            Pad: {pad.name}\n          </Text>\n          {fracFleet && (\n            <Text size={12} className={styles.tooltipLine}>\n              <FracFleet className={styles.tooltipIcon} size={16} />\n              Frac Fleet: {fracFleet?.name}\n            </Text>\n          )}\n        </>\n      ) : undefined,\n    });\n  }\n\n  if (fracFleet && !appHeadersV3Enabled) {\n    result.push({\n      title: fracFleet?.name || '',\n      link: padLink,\n      entity: 'fleet',\n    });\n  }\n\n  return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n  const appCommons = useAppCommons();\n  const { dashboardMeta, app } = appCommons;\n  const segment = getAppSegment(app);\n\n  const result =\n    segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n  return result.filter(({ title, entity }) => {\n    const hasTitle = !!title;\n\n    if (!dashboardMeta) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isChiplessDashboard || dashboardMeta.isMultiAsset) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isMultiWell) {\n      return hasTitle && entity === 'well';\n    }\n\n    // Single asset - hide all\n    return false;\n  });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/componentsV2/AppHeader/AppAssets/utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { Well } from '../../../types';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { Text } from '../../Text';\nimport { AppHeaderTestIds } from '../AppHeader.constants';\n\nimport styles from './AppAssets.scss';\n\nimport { useAppCommons } from '~/effects';\nimport { FracFleet, Pad } from '~/icons';\n\nexport type AssetLabel = {\n  title: string;\n  link?: string;\n  className?: string;\n  prefix?: ReactNode;\n  entity: 'well' | 'rig' | 'pad' | 'fleet';\n  tooltip?: ReactNode;\n};\n\nexport const AssetLabelEntityToTestId: Record<AssetLabel['entity'], AppHeaderTestIds> = {\n  well: AppHeaderTestIds.WellTestId,\n  rig: AppHeaderTestIds.RigTestId,\n  pad: AppHeaderTestIds.PadTestId,\n  fleet: AppHeaderTestIds.FracFleetTestId,\n};\n\nconst getWellLink = (well?: Well) => (well?.asset_id ? `/assets/${well?.asset_id}` : undefined);\n\nconst getWellChip = (well?: Well): AssetLabel | undefined => {\n  const wellLink = getWellLink(well);\n\n  return well\n    ? {\n        title: well.name || '',\n        link: wellLink,\n        entity: 'well',\n      }\n    : undefined;\n};\n\nconst getDrillingChips = ({ app, well, rig }: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const wellLink = getWellLink(well);\n  const wellChip = getWellChip(well);\n\n  const result: AssetLabel[] = [];\n\n  if (wellChip && wellId) {\n    result.push({ ...wellChip, className: styles.mainChip });\n  }\n\n  if (rig && (wellId || rigId || fracFleetId)) {\n    result.push({\n      title: rig.name || '',\n      link: wellLink,\n      entity: 'rig',\n    });\n  }\n\n  return result;\n};\n\nconst getCompletionsChips = ({\n  app,\n  well,\n  fracFleet,\n  appHeadersV3Enabled,\n}: ReturnType<typeof useAppCommons>) => {\n  const { wellId, rigId, fracFleetId } = app?.settings || {};\n  const result: AssetLabel[] = [];\n  const fracFleetPadId = fracFleet?.current_pad_id ? Number(fracFleet.current_pad_id) : undefined;\n  const settingsPadId = app?.settings?.padId ? Number(app.settings.padId) : undefined;\n  const padId: number | undefined = settingsPadId ?? fracFleetPadId;\n\n  const pad = fracFleet?.pad_frac_fleets?.find(({ pad }) => pad.id === padId)?.pad;\n  const padLink = `/assets/types/pad/${padId}`;\n  const wellChip = getWellChip(well);\n\n  // Special case - \"isolated\" well, no fleet - show only well\n  if (wellChip && !(wellId || rigId || fracFleetId)) {\n    return [wellChip];\n  }\n\n  if (pad && app?.settings?.padId) {\n    result.push({\n      title: fracFleet.name || pad.name || '',\n      link: padLink,\n      prefix: fracFleet.name ? <FracFleet /> : <Pad />,\n      className: settingsPadId !== fracFleetPadId ? styles.mainChip : undefined,\n      entity: 'pad',\n      tooltip: appHeadersV3Enabled ? (\n        <>\n          <Text size={12} className={styles.tooltipLine}>\n            <Pad className={styles.tooltipIcon} size={16} />\n            Pad: {pad.name}\n          </Text>\n          {fracFleet && (\n            <Text size={12} className={styles.tooltipLine}>\n              <FracFleet className={styles.tooltipIcon} size={16} />\n              Frac Fleet: {fracFleet?.name}\n            </Text>\n          )}\n        </>\n      ) : undefined,\n    });\n  }\n\n  if (fracFleet && !appHeadersV3Enabled) {\n    result.push({\n      title: fracFleet?.name || '',\n      link: padLink,\n      entity: 'fleet',\n    });\n  }\n\n  return result;\n};\n\nexport const useAssetLabels = (): AssetLabel[] => {\n  const appCommons = useAppCommons();\n  const { dashboardMeta, app } = appCommons;\n  const segment = getAppSegment(app);\n\n  const result =\n    segment === SEGMENTS.DRILLING ? getDrillingChips(appCommons) : getCompletionsChips(appCommons);\n\n  return result.filter(({ title, entity }) => {\n    const hasTitle = !!title;\n\n    if (!dashboardMeta) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isChiplessDashboard || dashboardMeta.isMultiAsset) {\n      return hasTitle;\n    }\n\n    if (dashboardMeta.isMultiWell) {\n      return hasTitle && entity === 'well';\n    }\n\n    // Single asset - hide all\n    return false;\n  });\n};\n"],"names":["AssetLabelEntityToTestId","well","AppHeaderTestIds","WellTestId","rig","RigTestId","pad","PadTestId","fleet","FracFleetTestId","getWellLink","asset_id","concat","undefined","getWellChip","wellLink","title","name","link","entity","appCommons","useAppCommons","dashboardMeta","app","result","getAppSegment","SEGMENTS","DRILLING","_ref","_ref2","settings","wellId","rigId","fracFleetId","wellChip","push","_objectSpread","className","styles","mainChip","getDrillingChips","_ref3","_app$settings","_fracFleet$pad_frac_f","_fracFleet$pad_frac_f2","_app$settings2","fracFleet","appHeadersV3Enabled","_ref4","fracFleetPadId","current_pad_id","Number","settingsPadId","padId","pad_frac_fleets","find","_ref5","id","padLink","prefix","_jsx","FracFleet","Pad","tooltip","_jsxs","jsxs","_Fragment","children","Text","size","tooltipLine","tooltipIcon","getCompletionsChips","filter","_ref6","hasTitle","isChiplessDashboard","isMultiAsset","isMultiWell"],"mappings":"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"}