@bigbinary/neeto-molecules 1.17.0 → 1.17.1

package/dist/HelpPopover.js

@@ -1,11 +1,9 @@
 import { _ as _extends } from './extends-093996c9.js';
-import { _ as _defineProperty } from './defineProperty-549061a7.js';
 import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import React__default from 'react';
+import React__default, { useRef } from 'react';
 import classnames from 'classnames';
-import { isNotPresent } from '@bigbinary/neeto-cist';
 import { Help } from '@bigbinary/neeto-icons';
-import { Popover, Tooltip, Typography, Button } from '@bigbinary/neetoui';
+import { Button, Popover, Typography } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
 
 var SIZE = {
@@ -14,7 +12,6 @@ var SIZE = {
 };
 
 var _excluded = ["title", "size", "description", "helpLinkProps", "popoverProps", "className", "iconColor", "icon"];
-var Title = Popover.Title;
 var HelpPopover = function HelpPopover(_ref) {
   var title = _ref.title,
     _ref$size = _ref.size,
@@ -30,7 +27,7 @@ var HelpPopover = function HelpPopover(_ref) {
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);
+  var popoverRef = useRef();
   var Icon = function Icon() {
     var Component = icon;
     return /*#__PURE__*/React__default.createElement(Component, {
@@ -38,42 +35,38 @@ var HelpPopover = function HelpPopover(_ref) {
       size: SIZE[size]
     });
   };
-  return /*#__PURE__*/React__default.createElement(Tooltip, _extends({
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    arrow: isCompact ? undefined : true,
-    className: classnames(_defineProperty({}, "neeto-ui-popover", !isCompact)),
-    role: "tooltip",
-    theme: isCompact ? "dark" : "light",
-    content: /*#__PURE__*/React__default.createElement("div", {
-      className: "flex flex-col"
-    }, title && /*#__PURE__*/React__default.createElement(Title, {
-      "data-cy": "help-popover-title",
-      "data-testid": "help-popover-title"
-    }, title), typeof description === "string" && !isCompact ? /*#__PURE__*/React__default.createElement(Typography, {
-      "data-cy": "help-popover-description",
-      "data-testid": "help-popover-description",
-      lineHeight: "normal",
-      style: "body2"
-    }, description) : description, helpLinkProps && /*#__PURE__*/React__default.createElement(Button, _extends({
-      className: "neeto-ui-mt-3",
-      "data-cy": "help-popover-link-button",
-      label: t("neetoMolecules.common.viewHelpArticle"),
-      size: "small"
-    }, helpLinkProps, {
-      "data-testid": "help-popover-link-button",
-      style: "link",
-      target: "_blank"
-    })))
-  }, popoverProps), /*#__PURE__*/React__default.createElement(Button, _extends({}, otherProps, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, _extends({}, otherProps, {
     "data-cy": "help-popover-button",
     "data-testid": "help-popover-button",
     icon: Icon,
+    ref: popoverRef,
     style: "text",
     className: classnames("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)
-  })));
+  })), /*#__PURE__*/React__default.createElement(Popover, _extends({
+    appendTo: function appendTo() {
+      return document.body;
+    },
+    reference: popoverRef
+  }, popoverProps), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex flex-col"
+  }, title && /*#__PURE__*/React__default.createElement(Popover.Title, {
+    "data-cy": "help-popover-title",
+    "data-testid": "help-popover-title"
+  }, title), typeof description === "string" ? /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "help-popover-description",
+    "data-testid": "help-popover-description",
+    lineHeight: "normal",
+    style: "body2"
+  }, description) : description, helpLinkProps && /*#__PURE__*/React__default.createElement(Button, _extends({
+    className: "neeto-ui-mt-3",
+    "data-cy": "help-popover-link-button",
+    label: t("neetoMolecules.common.viewHelpArticle"),
+    size: "small"
+  }, helpLinkProps, {
+    "data-testid": "help-popover-link-button",
+    style: "link",
+    target: "_blank"
+  })))));
 };
 
 export { HelpPopover as default };

package/dist/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <Tooltip\n      interactive\n      appendTo={() => document.body}\n      arrow={isCompact ? undefined : true}\n      className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n      role=\"tooltip\"\n      theme={isCompact ? \"dark\" : \"light\"}\n      content={\n        <div className=\"flex flex-col\">\n          {title && (\n            <Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Title>\n          )}\n          {typeof description === \"string\" && !isCompact ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      }\n      {...popoverProps}\n    >\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n    </Tooltip>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","isCompact","isNotPresent","Icon","Component","React","createElement","color","Tooltip","_extends","interactive","appendTo","document","body","arrow","undefined","classNames","_defineProperty","role","theme","content","Typography","lineHeight","style","Button","label","target"],"mappings":"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"}
+{"version":3,"file":"HelpPopover.js","sources":["../src/components/HelpPopover/constants.js","../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const popoverRef = useRef();\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        ref={popoverRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Popover\n        appendTo={() => document.body}\n        reference={popoverRef}\n        {...popoverProps}\n      >\n        <div className=\"flex flex-col\">\n          {title && (\n            <Popover.Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Popover.Title>\n          )}\n          {typeof description === \"string\" ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      </Popover>\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","popoverRef","useRef","Icon","Component","React","createElement","color","Fragment","Button","_extends","ref","style","classNames","Popover","appendTo","document","body","reference","Title","Typography","lineHeight","label","target"],"mappings":"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"}

package/dist/Insights.js

@@ -14,7 +14,6 @@ import 'dayjs';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import './objectWithoutProperties-a0edb288.js';
 import './inject-css-c86de496.js';
-import './defineProperty-549061a7.js';
 import 'classnames';
 
 var DEFAULT_DEVICES = [{

package/dist/Insights.js.map

@@ -1 +1 @@
-{"version":3,"file":"Insights.js","sources":["../src/components/Insights/constants.js","../src/components/Insights/MetaInfo/PercentageBar.jsx","../src/components/Insights/MetaInfo/MetaInfoItem.jsx","../src/components/Insights/MetaInfo/DataDistribution.jsx","../src/components/Insights/utils.js","../src/components/Insights/MetaInfo/index.jsx","../src/components/Insights/TimeItem.jsx","../src/components/Insights/MetricItem.jsx","../src/components/Insights/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const DEFAULT_DEVICES = [\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.desktop\"),\n    value: \"desktop\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.mobile\"),\n    value: \"smartphone\",\n  },\n];\n\nexport const DEFAULT_OS = [\n  { label: t(\"neetoMolecules.insights.labels.os.macos\"), value: \"mac\" },\n  {\n    label: t(\"neetoMolecules.insights.labels.os.windows\"),\n    value: \"windows\",\n  },\n];\n\nexport const DEFAULT_BROWSERS = [\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.chrome\"),\n    value: \"chrome\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.safari\"),\n    value: \"safari\",\n  },\n];\n\nexport const INITIAL_TIME_PERIOD_VALUE = {\n  label: t(\"neetoMolecules.insights.labels.allTime\"),\n  value: { startDate: null, endDate: null, rangeType: \"all\" },\n};\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst PercentageBar = ({ value }) => (\n  <>\n    {value && (\n      <div\n        className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2\"\n        style={{ width: `${value}%` }}\n      />\n    )}\n    <Typography style=\"body3\">{value}%</Typography>\n  </>\n);\n\nexport default memo(PercentageBar);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport PercentageBar from \"./PercentageBar\";\n\nconst MetaInfoItem = ({ name, value }) => (\n  <>\n    <Typography style=\"body2\" textTransform=\"capitalize\">\n      {name}\n    </Typography>\n    <div className=\"col-span-3 flex items-center gap-2\">\n      <PercentageBar {...{ value }} />\n    </div>\n  </>\n);\n\nexport default memo(MetaInfoItem);\n","import React from \"react\";\n\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nconst DataDistribution = ({ data }) => (\n  <div className=\"grid grid-cols-4 gap-2\">\n    {data.map(({ name, value }) => (\n      <MetaInfoItem {...{ name, value }} key={name} />\n    ))}\n  </div>\n);\n\nexport default DataDistribution;\n","import { existsBy } from \"neetocist\";\n\nconst getSum = (data, searchKey) => {\n  let sum = 0;\n  for (const key in data) {\n    if (key.includes(searchKey)) sum += data[key];\n  }\n\n  return sum;\n};\n\nexport const transformInsights = (data, defaultItems) => {\n  const othersData = Object.keys(data)\n    .filter(key => !existsBy({ value: key }, defaultItems))\n    .map(key => ({ name: key, value: data[key] }));\n\n  const defaultData = defaultItems.map(({ label, value }) => ({\n    name: label,\n    value: getSum(data, value) || 0,\n  }));\n\n  return { defaultData, othersData };\n};\n","import React, { memo } from \"react\";\n\nimport { Tooltip, Typography } from \"neetoui\";\nimport { pluck, sum, values } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DataDistribution from \"./DataDistribution\";\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nimport { transformInsights } from \"../utils\";\n\nconst MetaInfo = ({ type, data, defaultItems }) => {\n  const { t } = useTranslation();\n  const { defaultData, othersData } = transformInsights(data, defaultItems);\n\n  const othersSum = sum(values(pluck(\"value\", othersData)));\n\n  return (\n    <div className=\"neeto-ui-bg-gray-100 neeto-ui-rounded p-4\">\n      <Typography\n        className=\"mb-4\"\n        style=\"h6\"\n        textTransform=\"uppercase\"\n        weight=\"bold\"\n      >\n        {type}\n      </Typography>\n      <DataDistribution data={defaultData} />\n      <Tooltip\n        content={<DataDistribution data={othersData} />}\n        disabled={!othersSum}\n        position=\"bottom\"\n      >\n        <div className=\"mt-2 grid grid-cols-4 gap-2\">\n          <MetaInfoItem\n            name={t(\"neetoMolecules.insights.others\")}\n            value={othersSum}\n          />\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default memo(MetaInfo);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst TimeItem = ({ value, suffix }) => (\n  <div className=\"flex items-end\" data-testid=\"time-item\">\n    <Typography className=\"mr-1\" style=\"h1\" weight=\"semibold\">\n      {value}\n    </Typography>\n    <Typography lineHeight=\"loose\" style=\"body2\">\n      {suffix}\n    </Typography>\n  </div>\n);\n\nexport default memo(TimeItem);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport HelpPopover from \"components/HelpPopover\";\n\nimport TimeItem from \"./TimeItem\";\n\nconst MetricItem = ({ metric, value, helpText, isTime, isPercentage }) => {\n  const renderTime = value => {\n    const { h: hours, m: minutes, s: seconds } = value;\n    const showSeconds = !hours && !minutes;\n\n    return (\n      <div className=\"flex gap-2\">\n        {!!hours && <TimeItem suffix=\"H\" value={hours} />}\n        {!!minutes && <TimeItem suffix=\"M\" value={minutes} />}\n        {(!!seconds || showSeconds) && <TimeItem suffix=\"S\" value={seconds} />}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"nf-insights__metric-item neeto-ui-border-gray-200 border-b pb-4\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-end\">\n          {isTime ? (\n            renderTime(value)\n          ) : (\n            <Typography\n              className=\"mr-1\"\n              data-testid=\"insights-count\"\n              style=\"h1\"\n              weight=\"semibold\"\n            >\n              {value || 0}\n              {isPercentage ? \"%\" : \"\"}\n            </Typography>\n          )}\n        </div>\n        {helpText && (\n          <div>\n            <HelpPopover description={helpText} />\n          </div>\n        )}\n      </div>\n      <Typography\n        className=\"neeto-ui-text-gray-700\"\n        data-cy=\"insights-type\"\n        style=\"body2\"\n      >\n        {metric}\n      </Typography>\n    </div>\n  );\n};\n\nexport default memo(MetricItem);\n","import React from \"react\";\n\nimport { Warning } from \"neetoicons\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DateRangeFilter from \"components/DateRangeFilter\";\nimport PageLoader from \"components/PageLoader\";\n\nimport { DEFAULT_DEVICES, DEFAULT_BROWSERS, DEFAULT_OS } from \"./constants\";\nimport MetaInfo from \"./MetaInfo\";\nimport MetricItem from \"./MetricItem\";\n\nconst Insights = ({\n  insightsData,\n  isLoading,\n  timePeriod,\n  setTimePeriod,\n  helpTexts = {},\n  showWarningMessage = false,\n}) => {\n  const { t } = useTranslation();\n\n  const {\n    visitCount,\n    startCount,\n    submissionCount,\n    completionRate,\n    averageSubmissionTime,\n    devices,\n    operatingSystems,\n    browsers,\n  } = insightsData;\n\n  if (isLoading) return <PageLoader />;\n\n  return (\n    <div className=\"mx-auto pt-10\" data-testid=\"insights\">\n      <div className=\"mb-11 flex w-full items-center \">\n        <Typography data-cy=\"submissions-insights-title\" style=\"h2\">\n          {t(\"neetoMolecules.insights.title\")}\n        </Typography>\n        {showWarningMessage && (\n          <Tooltip\n            content={t(\"neetoMolecules.insights.dataInaccuracyWarning\")}\n            position=\"right\"\n          >\n            <span className=\"ml-3\">\n              <Warning\n                className=\"neeto-ui-text-warning-500\"\n                data-testid=\"insights-warning\"\n                size={20}\n              />\n            </span>\n          </Tooltip>\n        )}\n        <span className=\"ml-auto\">\n          <DateRangeFilter {...{ setTimePeriod, timePeriod }} />\n        </span>\n      </div>\n      <div className=\"mb-8 flex flex-wrap justify-between\">\n        <MetricItem\n          helpText={helpTexts[\"visitCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.visits\")}\n          value={visitCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"startCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.starts\")}\n          value={startCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"submissions\"]}\n          metric={t(\"neetoMolecules.insights.metrics.submissions\")}\n          value={submissionCount}\n        />\n        <MetricItem\n          isPercentage\n          helpText={helpTexts[\"completionRate\"]}\n          metric={t(\"neetoMolecules.insights.metrics.completionRate\")}\n          value={completionRate}\n        />\n        <MetricItem\n          isTime\n          helpText={helpTexts[\"averageSubmissionTime\"]}\n          metric={t(\"neetoMolecules.insights.metrics.avgTimeToComplete\")}\n          timeSuffix={t(\"neetoMolecules.insights.mins\")}\n          value={averageSubmissionTime}\n        />\n      </div>\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3\">\n        <MetaInfo\n          data={devices}\n          defaultItems={DEFAULT_DEVICES}\n          type={t(\"neetoMolecules.insights.devices\")}\n        />\n        <MetaInfo\n          data={operatingSystems}\n          defaultItems={DEFAULT_OS}\n          type={t(\"neetoMolecules.insights.os\")}\n        />\n        <MetaInfo\n          data={browsers}\n          defaultItems={DEFAULT_BROWSERS}\n          type={t(\"neetoMolecules.insights.browsers\")}\n        />\n      </div>\n    </div>\n  );\n};\n\nInsights.propTypes = {\n  /**\n   * Object containing metrics and statistics for insights\n   */\n  insightsData: PropTypes.shape({\n    visitCount: PropTypes.number,\n    startCount: PropTypes.number,\n    submissionCount: PropTypes.number,\n    completionRate: PropTypes.number,\n    averageSubmissionTime: PropTypes.shape({\n      h: PropTypes.number,\n      m: PropTypes.number,\n      s: PropTypes.number,\n    }),\n    devices: PropTypes.shape({\n      desktop: PropTypes.number,\n      smartphone: PropTypes.number,\n    }),\n    operatingSystems: PropTypes.shape({\n      mac: PropTypes.number,\n      windows: PropTypes.number,\n    }),\n    browsers: PropTypes.shape({\n      chrome: PropTypes.number,\n      safari: PropTypes.number,\n    }),\n  }),\n  /**\n   * Indicates whether insights data is currently being fetched from an API\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * The state corresponding to the currently selected date range.\n   */\n  timePeriod: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.object,\n  }),\n  /**\n   * The setter method for `timePeriod` state.\n   */\n  setTimePeriod: PropTypes.func,\n  /**\n   * Object containing explanatory text for each metric, providing additional context that can help users understand the significance of the metrics displayed.\n   */\n  helpTexts: PropTypes.shape({\n    visitCount: PropTypes.string,\n    startCount: PropTypes.string,\n    submissions: PropTypes.string,\n    completionRate: PropTypes.string,\n    averageSubmissionTime: PropTypes.string,\n  }),\n  /**\n   * Displays a warning to indicate that the insights may not be accurate, as the insights integration occurred after the record's creation.\n   */\n  showWarningMessage: PropTypes.bool,\n};\n\nexport default Insights;\n"],"names":["DEFAULT_DEVICES","label","t","value","DEFAULT_OS","DEFAULT_BROWSERS","startDate","endDate","rangeType","PercentageBar","_ref","React","createElement","Fragment","className","style","width","concat","Typography","memo","MetaInfoItem","name","textTransform","DataDistribution","data","map","_ref2","key","getSum","searchKey","sum","includes","transformInsights","defaultItems","othersData","Object","keys","filter","existsBy","defaultData","MetaInfo","type","_useTranslation","useTranslation","_transformInsights","othersSum","values","pluck","weight","Tooltip","content","disabled","position","TimeItem","suffix","lineHeight","MetricItem","metric","helpText","isTime","isPercentage","renderTime","hours","h","minutes","m","seconds","s","showSeconds","HelpPopover","description","Insights","insightsData","isLoading","timePeriod","setTimePeriod","_ref$helpTexts","helpTexts","_ref$showWarningMessa","showWarningMessage","visitCount","startCount","submissionCount","completionRate","averageSubmissionTime","devices","operatingSystems","browsers","PageLoader","Warning","size","DateRangeFilter","timeSuffix"],"mappings":"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"}
+{"version":3,"file":"Insights.js","sources":["../src/components/Insights/constants.js","../src/components/Insights/MetaInfo/PercentageBar.jsx","../src/components/Insights/MetaInfo/MetaInfoItem.jsx","../src/components/Insights/MetaInfo/DataDistribution.jsx","../src/components/Insights/utils.js","../src/components/Insights/MetaInfo/index.jsx","../src/components/Insights/TimeItem.jsx","../src/components/Insights/MetricItem.jsx","../src/components/Insights/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const DEFAULT_DEVICES = [\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.desktop\"),\n    value: \"desktop\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.mobile\"),\n    value: \"smartphone\",\n  },\n];\n\nexport const DEFAULT_OS = [\n  { label: t(\"neetoMolecules.insights.labels.os.macos\"), value: \"mac\" },\n  {\n    label: t(\"neetoMolecules.insights.labels.os.windows\"),\n    value: \"windows\",\n  },\n];\n\nexport const DEFAULT_BROWSERS = [\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.chrome\"),\n    value: \"chrome\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.safari\"),\n    value: \"safari\",\n  },\n];\n\nexport const INITIAL_TIME_PERIOD_VALUE = {\n  label: t(\"neetoMolecules.insights.labels.allTime\"),\n  value: { startDate: null, endDate: null, rangeType: \"all\" },\n};\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst PercentageBar = ({ value }) => (\n  <>\n    {value && (\n      <div\n        className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2\"\n        style={{ width: `${value}%` }}\n      />\n    )}\n    <Typography style=\"body3\">{value}%</Typography>\n  </>\n);\n\nexport default memo(PercentageBar);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport PercentageBar from \"./PercentageBar\";\n\nconst MetaInfoItem = ({ name, value }) => (\n  <>\n    <Typography style=\"body2\" textTransform=\"capitalize\">\n      {name}\n    </Typography>\n    <div className=\"col-span-3 flex items-center gap-2\">\n      <PercentageBar {...{ value }} />\n    </div>\n  </>\n);\n\nexport default memo(MetaInfoItem);\n","import React from \"react\";\n\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nconst DataDistribution = ({ data }) => (\n  <div className=\"grid grid-cols-4 gap-2\">\n    {data.map(({ name, value }) => (\n      <MetaInfoItem {...{ name, value }} key={name} />\n    ))}\n  </div>\n);\n\nexport default DataDistribution;\n","import { existsBy } from \"neetocist\";\n\nconst getSum = (data, searchKey) => {\n  let sum = 0;\n  for (const key in data) {\n    if (key.includes(searchKey)) sum += data[key];\n  }\n\n  return sum;\n};\n\nexport const transformInsights = (data, defaultItems) => {\n  const othersData = Object.keys(data)\n    .filter(key => !existsBy({ value: key }, defaultItems))\n    .map(key => ({ name: key, value: data[key] }));\n\n  const defaultData = defaultItems.map(({ label, value }) => ({\n    name: label,\n    value: getSum(data, value) || 0,\n  }));\n\n  return { defaultData, othersData };\n};\n","import React, { memo } from \"react\";\n\nimport { Tooltip, Typography } from \"neetoui\";\nimport { pluck, sum, values } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DataDistribution from \"./DataDistribution\";\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nimport { transformInsights } from \"../utils\";\n\nconst MetaInfo = ({ type, data, defaultItems }) => {\n  const { t } = useTranslation();\n  const { defaultData, othersData } = transformInsights(data, defaultItems);\n\n  const othersSum = sum(values(pluck(\"value\", othersData)));\n\n  return (\n    <div className=\"neeto-ui-bg-gray-100 neeto-ui-rounded p-4\">\n      <Typography\n        className=\"mb-4\"\n        style=\"h6\"\n        textTransform=\"uppercase\"\n        weight=\"bold\"\n      >\n        {type}\n      </Typography>\n      <DataDistribution data={defaultData} />\n      <Tooltip\n        content={<DataDistribution data={othersData} />}\n        disabled={!othersSum}\n        position=\"bottom\"\n      >\n        <div className=\"mt-2 grid grid-cols-4 gap-2\">\n          <MetaInfoItem\n            name={t(\"neetoMolecules.insights.others\")}\n            value={othersSum}\n          />\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default memo(MetaInfo);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst TimeItem = ({ value, suffix }) => (\n  <div className=\"flex items-end\" data-testid=\"time-item\">\n    <Typography className=\"mr-1\" style=\"h1\" weight=\"semibold\">\n      {value}\n    </Typography>\n    <Typography lineHeight=\"loose\" style=\"body2\">\n      {suffix}\n    </Typography>\n  </div>\n);\n\nexport default memo(TimeItem);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport HelpPopover from \"components/HelpPopover\";\n\nimport TimeItem from \"./TimeItem\";\n\nconst MetricItem = ({ metric, value, helpText, isTime, isPercentage }) => {\n  const renderTime = value => {\n    const { h: hours, m: minutes, s: seconds } = value;\n    const showSeconds = !hours && !minutes;\n\n    return (\n      <div className=\"flex gap-2\">\n        {!!hours && <TimeItem suffix=\"H\" value={hours} />}\n        {!!minutes && <TimeItem suffix=\"M\" value={minutes} />}\n        {(!!seconds || showSeconds) && <TimeItem suffix=\"S\" value={seconds} />}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"nf-insights__metric-item neeto-ui-border-gray-200 border-b pb-4\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-end\">\n          {isTime ? (\n            renderTime(value)\n          ) : (\n            <Typography\n              className=\"mr-1\"\n              data-testid=\"insights-count\"\n              style=\"h1\"\n              weight=\"semibold\"\n            >\n              {value || 0}\n              {isPercentage ? \"%\" : \"\"}\n            </Typography>\n          )}\n        </div>\n        {helpText && (\n          <div>\n            <HelpPopover description={helpText} />\n          </div>\n        )}\n      </div>\n      <Typography\n        className=\"neeto-ui-text-gray-700\"\n        data-cy=\"insights-type\"\n        style=\"body2\"\n      >\n        {metric}\n      </Typography>\n    </div>\n  );\n};\n\nexport default memo(MetricItem);\n","import React from \"react\";\n\nimport { Warning } from \"neetoicons\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DateRangeFilter from \"components/DateRangeFilter\";\nimport PageLoader from \"components/PageLoader\";\n\nimport { DEFAULT_DEVICES, DEFAULT_BROWSERS, DEFAULT_OS } from \"./constants\";\nimport MetaInfo from \"./MetaInfo\";\nimport MetricItem from \"./MetricItem\";\n\nconst Insights = ({\n  insightsData,\n  isLoading,\n  timePeriod,\n  setTimePeriod,\n  helpTexts = {},\n  showWarningMessage = false,\n}) => {\n  const { t } = useTranslation();\n\n  const {\n    visitCount,\n    startCount,\n    submissionCount,\n    completionRate,\n    averageSubmissionTime,\n    devices,\n    operatingSystems,\n    browsers,\n  } = insightsData;\n\n  if (isLoading) return <PageLoader />;\n\n  return (\n    <div className=\"mx-auto pt-10\" data-testid=\"insights\">\n      <div className=\"mb-11 flex w-full items-center \">\n        <Typography data-cy=\"submissions-insights-title\" style=\"h2\">\n          {t(\"neetoMolecules.insights.title\")}\n        </Typography>\n        {showWarningMessage && (\n          <Tooltip\n            content={t(\"neetoMolecules.insights.dataInaccuracyWarning\")}\n            position=\"right\"\n          >\n            <span className=\"ml-3\">\n              <Warning\n                className=\"neeto-ui-text-warning-500\"\n                data-testid=\"insights-warning\"\n                size={20}\n              />\n            </span>\n          </Tooltip>\n        )}\n        <span className=\"ml-auto\">\n          <DateRangeFilter {...{ setTimePeriod, timePeriod }} />\n        </span>\n      </div>\n      <div className=\"mb-8 flex flex-wrap justify-between\">\n        <MetricItem\n          helpText={helpTexts[\"visitCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.visits\")}\n          value={visitCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"startCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.starts\")}\n          value={startCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"submissions\"]}\n          metric={t(\"neetoMolecules.insights.metrics.submissions\")}\n          value={submissionCount}\n        />\n        <MetricItem\n          isPercentage\n          helpText={helpTexts[\"completionRate\"]}\n          metric={t(\"neetoMolecules.insights.metrics.completionRate\")}\n          value={completionRate}\n        />\n        <MetricItem\n          isTime\n          helpText={helpTexts[\"averageSubmissionTime\"]}\n          metric={t(\"neetoMolecules.insights.metrics.avgTimeToComplete\")}\n          timeSuffix={t(\"neetoMolecules.insights.mins\")}\n          value={averageSubmissionTime}\n        />\n      </div>\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3\">\n        <MetaInfo\n          data={devices}\n          defaultItems={DEFAULT_DEVICES}\n          type={t(\"neetoMolecules.insights.devices\")}\n        />\n        <MetaInfo\n          data={operatingSystems}\n          defaultItems={DEFAULT_OS}\n          type={t(\"neetoMolecules.insights.os\")}\n        />\n        <MetaInfo\n          data={browsers}\n          defaultItems={DEFAULT_BROWSERS}\n          type={t(\"neetoMolecules.insights.browsers\")}\n        />\n      </div>\n    </div>\n  );\n};\n\nInsights.propTypes = {\n  /**\n   * Object containing metrics and statistics for insights\n   */\n  insightsData: PropTypes.shape({\n    visitCount: PropTypes.number,\n    startCount: PropTypes.number,\n    submissionCount: PropTypes.number,\n    completionRate: PropTypes.number,\n    averageSubmissionTime: PropTypes.shape({\n      h: PropTypes.number,\n      m: PropTypes.number,\n      s: PropTypes.number,\n    }),\n    devices: PropTypes.shape({\n      desktop: PropTypes.number,\n      smartphone: PropTypes.number,\n    }),\n    operatingSystems: PropTypes.shape({\n      mac: PropTypes.number,\n      windows: PropTypes.number,\n    }),\n    browsers: PropTypes.shape({\n      chrome: PropTypes.number,\n      safari: PropTypes.number,\n    }),\n  }),\n  /**\n   * Indicates whether insights data is currently being fetched from an API\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * The state corresponding to the currently selected date range.\n   */\n  timePeriod: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.object,\n  }),\n  /**\n   * The setter method for `timePeriod` state.\n   */\n  setTimePeriod: PropTypes.func,\n  /**\n   * Object containing explanatory text for each metric, providing additional context that can help users understand the significance of the metrics displayed.\n   */\n  helpTexts: PropTypes.shape({\n    visitCount: PropTypes.string,\n    startCount: PropTypes.string,\n    submissions: PropTypes.string,\n    completionRate: PropTypes.string,\n    averageSubmissionTime: PropTypes.string,\n  }),\n  /**\n   * Displays a warning to indicate that the insights may not be accurate, as the insights integration occurred after the record's creation.\n   */\n  showWarningMessage: PropTypes.bool,\n};\n\nexport default Insights;\n"],"names":["DEFAULT_DEVICES","label","t","value","DEFAULT_OS","DEFAULT_BROWSERS","startDate","endDate","rangeType","PercentageBar","_ref","React","createElement","Fragment","className","style","width","concat","Typography","memo","MetaInfoItem","name","textTransform","DataDistribution","data","map","_ref2","key","getSum","searchKey","sum","includes","transformInsights","defaultItems","othersData","Object","keys","filter","existsBy","defaultData","MetaInfo","type","_useTranslation","useTranslation","_transformInsights","othersSum","values","pluck","weight","Tooltip","content","disabled","position","TimeItem","suffix","lineHeight","MetricItem","metric","helpText","isTime","isPercentage","renderTime","hours","h","minutes","m","seconds","s","showSeconds","HelpPopover","description","Insights","insightsData","isLoading","timePeriod","setTimePeriod","_ref$helpTexts","helpTexts","_ref$showWarningMessa","showWarningMessage","visitCount","startCount","submissionCount","completionRate","averageSubmissionTime","devices","operatingSystems","browsers","PageLoader","Warning","size","DateRangeFilter","timeSuffix"],"mappings":"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"}

package/dist/cjs/HelpPopover.js

@@ -1,11 +1,9 @@
 'use strict';
 
 var _extends = require('./extends-1b35a664.js');
-var defineProperty = require('./defineProperty-886ed289.js');
 var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
 var React = require('react');
 var classnames = require('classnames');
-var neetoCist = require('@bigbinary/neeto-cist');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
@@ -21,7 +19,6 @@ var SIZE = {
 };
 
 var _excluded = ["title", "size", "description", "helpLinkProps", "popoverProps", "className", "iconColor", "icon"];
-var Title = neetoui.Popover.Title;
 var HelpPopover = function HelpPopover(_ref) {
   var title = _ref.title,
     _ref$size = _ref.size,
@@ -37,7 +34,7 @@ var HelpPopover = function HelpPopover(_ref) {
     otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var isCompact = neetoCist.isNotPresent(title) && neetoCist.isNotPresent(helpLinkProps);
+  var popoverRef = React.useRef();
   var Icon = function Icon() {
     var Component = icon;
     return /*#__PURE__*/React__default["default"].createElement(Component, {
@@ -45,42 +42,38 @@ var HelpPopover = function HelpPopover(_ref) {
       size: SIZE[size]
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, _extends._extends({
-    interactive: true,
-    appendTo: function appendTo() {
-      return document.body;
-    },
-    arrow: isCompact ? undefined : true,
-    className: classnames__default["default"](defineProperty._defineProperty({}, "neeto-ui-popover", !isCompact)),
-    role: "tooltip",
-    theme: isCompact ? "dark" : "light",
-    content: /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex flex-col"
-    }, title && /*#__PURE__*/React__default["default"].createElement(Title, {
-      "data-cy": "help-popover-title",
-      "data-testid": "help-popover-title"
-    }, title), typeof description === "string" && !isCompact ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      "data-cy": "help-popover-description",
-      "data-testid": "help-popover-description",
-      lineHeight: "normal",
-      style: "body2"
-    }, description) : description, helpLinkProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({
-      className: "neeto-ui-mt-3",
-      "data-cy": "help-popover-link-button",
-      label: t("neetoMolecules.common.viewHelpArticle"),
-      size: "small"
-    }, helpLinkProps, {
-      "data-testid": "help-popover-link-button",
-      style: "link",
-      target: "_blank"
-    })))
-  }, popoverProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({}, otherProps, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({}, otherProps, {
     "data-cy": "help-popover-button",
     "data-testid": "help-popover-button",
     icon: Icon,
+    ref: popoverRef,
     style: "text",
     className: classnames__default["default"]("neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0", className)
-  })));
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Popover, _extends._extends({
+    appendTo: function appendTo() {
+      return document.body;
+    },
+    reference: popoverRef
+  }, popoverProps), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col"
+  }, title && /*#__PURE__*/React__default["default"].createElement(neetoui.Popover.Title, {
+    "data-cy": "help-popover-title",
+    "data-testid": "help-popover-title"
+  }, title), typeof description === "string" ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "help-popover-description",
+    "data-testid": "help-popover-description",
+    lineHeight: "normal",
+    style: "body2"
+  }, description) : description, helpLinkProps && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends._extends({
+    className: "neeto-ui-mt-3",
+    "data-cy": "help-popover-link-button",
+    label: t("neetoMolecules.common.viewHelpArticle"),
+    size: "small"
+  }, helpLinkProps, {
+    "data-testid": "help-popover-link-button",
+    style: "link",
+    target: "_blank"
+  })))));
 };
 
 module.exports = HelpPopover;

package/dist/cjs/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","sources":["../../src/components/HelpPopover/constants.js","../../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst { Title } = Popover;\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n  const isCompact = isNotPresent(title) && isNotPresent(helpLinkProps);\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <Tooltip\n      interactive\n      appendTo={() => document.body}\n      arrow={isCompact ? undefined : true}\n      className={classNames({ [\"neeto-ui-popover\"]: !isCompact })}\n      role=\"tooltip\"\n      theme={isCompact ? \"dark\" : \"light\"}\n      content={\n        <div className=\"flex flex-col\">\n          {title && (\n            <Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Title>\n          )}\n          {typeof description === \"string\" && !isCompact ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      }\n      {...popoverProps}\n    >\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n    </Tooltip>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","Title","Popover","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","isCompact","isNotPresent","Icon","Component","React","createElement","color","Tooltip","_extends","interactive","appendTo","document","body","arrow","undefined","classNames","_defineProperty","role","theme","content","Typography","lineHeight","style","Button","label","target"],"mappings":"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"}
+{"version":3,"file":"HelpPopover.js","sources":["../../src/components/HelpPopover/constants.js","../../src/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","import React, { useRef } from \"react\";\n\nimport classNames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport { Button, Popover, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { SIZE } from \"./constants\";\n\nconst HelpPopover = ({\n  title,\n  size = \"default\",\n  description,\n  helpLinkProps,\n  popoverProps,\n  className,\n  iconColor = \"#1f1f1f\",\n  icon = Help,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const popoverRef = useRef();\n\n  const Icon = () => {\n    const Component = icon;\n\n    return <Component color={iconColor} size={SIZE[size]} />;\n  };\n\n  return (\n    <>\n      <Button\n        {...otherProps}\n        data-cy=\"help-popover-button\"\n        data-testid=\"help-popover-button\"\n        icon={Icon}\n        ref={popoverRef}\n        style=\"text\"\n        className={classNames(\n          \"neeto-molecule-help-popover-trigger neeto-ui-rounded-full bg-transparent p-0\",\n          className\n        )}\n      />\n      <Popover\n        appendTo={() => document.body}\n        reference={popoverRef}\n        {...popoverProps}\n      >\n        <div className=\"flex flex-col\">\n          {title && (\n            <Popover.Title\n              data-cy=\"help-popover-title\"\n              data-testid=\"help-popover-title\"\n            >\n              {title}\n            </Popover.Title>\n          )}\n          {typeof description === \"string\" ? (\n            <Typography\n              data-cy=\"help-popover-description\"\n              data-testid=\"help-popover-description\"\n              lineHeight=\"normal\"\n              style=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps && (\n            <Button\n              className=\"neeto-ui-mt-3\"\n              data-cy=\"help-popover-link-button\"\n              label={t(\"neetoMolecules.common.viewHelpArticle\")}\n              size=\"small\"\n              {...helpLinkProps}\n              data-testid=\"help-popover-link-button\"\n              style=\"link\"\n              target=\"_blank\"\n            />\n          )}\n        </div>\n      </Popover>\n    </>\n  );\n};\n\nHelpPopover.propTypes = {\n  /**\n   * To set the title of the help popover.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the size of the popover help icon.\n   */\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  /**\n   * To set the description of the popover, this can be a string or a custom component.\n   */\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To set the props of the help link which is displayed below the description.\n   */\n  helpLinkProps: PropTypes.object,\n  /**\n   * To set the props of the popover to customize it further.\n   */\n  popoverProps: PropTypes.object,\n  /**\n   * Additional classes passed on to the help button element.\n   */\n  className: PropTypes.string,\n  /**\n   * To set the default icon color of the help icon.\n   */\n  iconColor: PropTypes.string,\n  /**\n   * To customize the icon of the help popover.\n   */\n  icon: PropTypes.node,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","HelpPopover","_ref","title","_ref$size","size","description","helpLinkProps","popoverProps","className","_ref$iconColor","iconColor","_ref$icon","icon","Help","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","popoverRef","useRef","Icon","Component","React","createElement","color","Fragment","Button","_extends","ref","style","classNames","Popover","appendTo","document","body","reference","Title","Typography","lineHeight","label","target"],"mappings":"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"}

package/dist/cjs/Insights.js

@@ -16,7 +16,6 @@ require('dayjs');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('./objectWithoutProperties-2fed2d7d.js');
 require('./inject-css-80a5faa3.js');
-require('./defineProperty-886ed289.js');
 require('classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/dist/cjs/Insights.js.map

@@ -1 +1 @@
-{"version":3,"file":"Insights.js","sources":["../../src/components/Insights/constants.js","../../src/components/Insights/MetaInfo/PercentageBar.jsx","../../src/components/Insights/MetaInfo/MetaInfoItem.jsx","../../src/components/Insights/MetaInfo/DataDistribution.jsx","../../src/components/Insights/utils.js","../../src/components/Insights/MetaInfo/index.jsx","../../src/components/Insights/TimeItem.jsx","../../src/components/Insights/MetricItem.jsx","../../src/components/Insights/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const DEFAULT_DEVICES = [\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.desktop\"),\n    value: \"desktop\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.mobile\"),\n    value: \"smartphone\",\n  },\n];\n\nexport const DEFAULT_OS = [\n  { label: t(\"neetoMolecules.insights.labels.os.macos\"), value: \"mac\" },\n  {\n    label: t(\"neetoMolecules.insights.labels.os.windows\"),\n    value: \"windows\",\n  },\n];\n\nexport const DEFAULT_BROWSERS = [\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.chrome\"),\n    value: \"chrome\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.safari\"),\n    value: \"safari\",\n  },\n];\n\nexport const INITIAL_TIME_PERIOD_VALUE = {\n  label: t(\"neetoMolecules.insights.labels.allTime\"),\n  value: { startDate: null, endDate: null, rangeType: \"all\" },\n};\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst PercentageBar = ({ value }) => (\n  <>\n    {value && (\n      <div\n        className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2\"\n        style={{ width: `${value}%` }}\n      />\n    )}\n    <Typography style=\"body3\">{value}%</Typography>\n  </>\n);\n\nexport default memo(PercentageBar);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport PercentageBar from \"./PercentageBar\";\n\nconst MetaInfoItem = ({ name, value }) => (\n  <>\n    <Typography style=\"body2\" textTransform=\"capitalize\">\n      {name}\n    </Typography>\n    <div className=\"col-span-3 flex items-center gap-2\">\n      <PercentageBar {...{ value }} />\n    </div>\n  </>\n);\n\nexport default memo(MetaInfoItem);\n","import React from \"react\";\n\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nconst DataDistribution = ({ data }) => (\n  <div className=\"grid grid-cols-4 gap-2\">\n    {data.map(({ name, value }) => (\n      <MetaInfoItem {...{ name, value }} key={name} />\n    ))}\n  </div>\n);\n\nexport default DataDistribution;\n","import { existsBy } from \"neetocist\";\n\nconst getSum = (data, searchKey) => {\n  let sum = 0;\n  for (const key in data) {\n    if (key.includes(searchKey)) sum += data[key];\n  }\n\n  return sum;\n};\n\nexport const transformInsights = (data, defaultItems) => {\n  const othersData = Object.keys(data)\n    .filter(key => !existsBy({ value: key }, defaultItems))\n    .map(key => ({ name: key, value: data[key] }));\n\n  const defaultData = defaultItems.map(({ label, value }) => ({\n    name: label,\n    value: getSum(data, value) || 0,\n  }));\n\n  return { defaultData, othersData };\n};\n","import React, { memo } from \"react\";\n\nimport { Tooltip, Typography } from \"neetoui\";\nimport { pluck, sum, values } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DataDistribution from \"./DataDistribution\";\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nimport { transformInsights } from \"../utils\";\n\nconst MetaInfo = ({ type, data, defaultItems }) => {\n  const { t } = useTranslation();\n  const { defaultData, othersData } = transformInsights(data, defaultItems);\n\n  const othersSum = sum(values(pluck(\"value\", othersData)));\n\n  return (\n    <div className=\"neeto-ui-bg-gray-100 neeto-ui-rounded p-4\">\n      <Typography\n        className=\"mb-4\"\n        style=\"h6\"\n        textTransform=\"uppercase\"\n        weight=\"bold\"\n      >\n        {type}\n      </Typography>\n      <DataDistribution data={defaultData} />\n      <Tooltip\n        content={<DataDistribution data={othersData} />}\n        disabled={!othersSum}\n        position=\"bottom\"\n      >\n        <div className=\"mt-2 grid grid-cols-4 gap-2\">\n          <MetaInfoItem\n            name={t(\"neetoMolecules.insights.others\")}\n            value={othersSum}\n          />\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default memo(MetaInfo);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst TimeItem = ({ value, suffix }) => (\n  <div className=\"flex items-end\" data-testid=\"time-item\">\n    <Typography className=\"mr-1\" style=\"h1\" weight=\"semibold\">\n      {value}\n    </Typography>\n    <Typography lineHeight=\"loose\" style=\"body2\">\n      {suffix}\n    </Typography>\n  </div>\n);\n\nexport default memo(TimeItem);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport HelpPopover from \"components/HelpPopover\";\n\nimport TimeItem from \"./TimeItem\";\n\nconst MetricItem = ({ metric, value, helpText, isTime, isPercentage }) => {\n  const renderTime = value => {\n    const { h: hours, m: minutes, s: seconds } = value;\n    const showSeconds = !hours && !minutes;\n\n    return (\n      <div className=\"flex gap-2\">\n        {!!hours && <TimeItem suffix=\"H\" value={hours} />}\n        {!!minutes && <TimeItem suffix=\"M\" value={minutes} />}\n        {(!!seconds || showSeconds) && <TimeItem suffix=\"S\" value={seconds} />}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"nf-insights__metric-item neeto-ui-border-gray-200 border-b pb-4\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-end\">\n          {isTime ? (\n            renderTime(value)\n          ) : (\n            <Typography\n              className=\"mr-1\"\n              data-testid=\"insights-count\"\n              style=\"h1\"\n              weight=\"semibold\"\n            >\n              {value || 0}\n              {isPercentage ? \"%\" : \"\"}\n            </Typography>\n          )}\n        </div>\n        {helpText && (\n          <div>\n            <HelpPopover description={helpText} />\n          </div>\n        )}\n      </div>\n      <Typography\n        className=\"neeto-ui-text-gray-700\"\n        data-cy=\"insights-type\"\n        style=\"body2\"\n      >\n        {metric}\n      </Typography>\n    </div>\n  );\n};\n\nexport default memo(MetricItem);\n","import React from \"react\";\n\nimport { Warning } from \"neetoicons\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DateRangeFilter from \"components/DateRangeFilter\";\nimport PageLoader from \"components/PageLoader\";\n\nimport { DEFAULT_DEVICES, DEFAULT_BROWSERS, DEFAULT_OS } from \"./constants\";\nimport MetaInfo from \"./MetaInfo\";\nimport MetricItem from \"./MetricItem\";\n\nconst Insights = ({\n  insightsData,\n  isLoading,\n  timePeriod,\n  setTimePeriod,\n  helpTexts = {},\n  showWarningMessage = false,\n}) => {\n  const { t } = useTranslation();\n\n  const {\n    visitCount,\n    startCount,\n    submissionCount,\n    completionRate,\n    averageSubmissionTime,\n    devices,\n    operatingSystems,\n    browsers,\n  } = insightsData;\n\n  if (isLoading) return <PageLoader />;\n\n  return (\n    <div className=\"mx-auto pt-10\" data-testid=\"insights\">\n      <div className=\"mb-11 flex w-full items-center \">\n        <Typography data-cy=\"submissions-insights-title\" style=\"h2\">\n          {t(\"neetoMolecules.insights.title\")}\n        </Typography>\n        {showWarningMessage && (\n          <Tooltip\n            content={t(\"neetoMolecules.insights.dataInaccuracyWarning\")}\n            position=\"right\"\n          >\n            <span className=\"ml-3\">\n              <Warning\n                className=\"neeto-ui-text-warning-500\"\n                data-testid=\"insights-warning\"\n                size={20}\n              />\n            </span>\n          </Tooltip>\n        )}\n        <span className=\"ml-auto\">\n          <DateRangeFilter {...{ setTimePeriod, timePeriod }} />\n        </span>\n      </div>\n      <div className=\"mb-8 flex flex-wrap justify-between\">\n        <MetricItem\n          helpText={helpTexts[\"visitCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.visits\")}\n          value={visitCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"startCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.starts\")}\n          value={startCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"submissions\"]}\n          metric={t(\"neetoMolecules.insights.metrics.submissions\")}\n          value={submissionCount}\n        />\n        <MetricItem\n          isPercentage\n          helpText={helpTexts[\"completionRate\"]}\n          metric={t(\"neetoMolecules.insights.metrics.completionRate\")}\n          value={completionRate}\n        />\n        <MetricItem\n          isTime\n          helpText={helpTexts[\"averageSubmissionTime\"]}\n          metric={t(\"neetoMolecules.insights.metrics.avgTimeToComplete\")}\n          timeSuffix={t(\"neetoMolecules.insights.mins\")}\n          value={averageSubmissionTime}\n        />\n      </div>\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3\">\n        <MetaInfo\n          data={devices}\n          defaultItems={DEFAULT_DEVICES}\n          type={t(\"neetoMolecules.insights.devices\")}\n        />\n        <MetaInfo\n          data={operatingSystems}\n          defaultItems={DEFAULT_OS}\n          type={t(\"neetoMolecules.insights.os\")}\n        />\n        <MetaInfo\n          data={browsers}\n          defaultItems={DEFAULT_BROWSERS}\n          type={t(\"neetoMolecules.insights.browsers\")}\n        />\n      </div>\n    </div>\n  );\n};\n\nInsights.propTypes = {\n  /**\n   * Object containing metrics and statistics for insights\n   */\n  insightsData: PropTypes.shape({\n    visitCount: PropTypes.number,\n    startCount: PropTypes.number,\n    submissionCount: PropTypes.number,\n    completionRate: PropTypes.number,\n    averageSubmissionTime: PropTypes.shape({\n      h: PropTypes.number,\n      m: PropTypes.number,\n      s: PropTypes.number,\n    }),\n    devices: PropTypes.shape({\n      desktop: PropTypes.number,\n      smartphone: PropTypes.number,\n    }),\n    operatingSystems: PropTypes.shape({\n      mac: PropTypes.number,\n      windows: PropTypes.number,\n    }),\n    browsers: PropTypes.shape({\n      chrome: PropTypes.number,\n      safari: PropTypes.number,\n    }),\n  }),\n  /**\n   * Indicates whether insights data is currently being fetched from an API\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * The state corresponding to the currently selected date range.\n   */\n  timePeriod: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.object,\n  }),\n  /**\n   * The setter method for `timePeriod` state.\n   */\n  setTimePeriod: PropTypes.func,\n  /**\n   * Object containing explanatory text for each metric, providing additional context that can help users understand the significance of the metrics displayed.\n   */\n  helpTexts: PropTypes.shape({\n    visitCount: PropTypes.string,\n    startCount: PropTypes.string,\n    submissions: PropTypes.string,\n    completionRate: PropTypes.string,\n    averageSubmissionTime: PropTypes.string,\n  }),\n  /**\n   * Displays a warning to indicate that the insights may not be accurate, as the insights integration occurred after the record's creation.\n   */\n  showWarningMessage: PropTypes.bool,\n};\n\nexport default Insights;\n"],"names":["DEFAULT_DEVICES","label","t","value","DEFAULT_OS","DEFAULT_BROWSERS","startDate","endDate","rangeType","PercentageBar","_ref","React","createElement","Fragment","className","style","width","concat","Typography","memo","MetaInfoItem","name","textTransform","DataDistribution","data","map","_ref2","key","getSum","searchKey","sum","includes","transformInsights","defaultItems","othersData","Object","keys","filter","existsBy","defaultData","MetaInfo","type","_useTranslation","useTranslation","_transformInsights","othersSum","values","pluck","weight","Tooltip","content","disabled","position","TimeItem","suffix","lineHeight","MetricItem","metric","helpText","isTime","isPercentage","renderTime","hours","h","minutes","m","seconds","s","showSeconds","HelpPopover","description","Insights","insightsData","isLoading","timePeriod","setTimePeriod","_ref$helpTexts","helpTexts","_ref$showWarningMessa","showWarningMessage","visitCount","startCount","submissionCount","completionRate","averageSubmissionTime","devices","operatingSystems","browsers","PageLoader","Warning","size","DateRangeFilter","timeSuffix"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,eAAe,GAAG,CAC7B;AACEC,EAAAA,KAAK,EAAEC,SAAC,CAAC,gDAAgD,CAAC;AAC1DC,EAAAA,KAAK,EAAE,SAAA;AACT,CAAC,EACD;AACEF,EAAAA,KAAK,EAAEC,SAAC,CAAC,+CAA+C,CAAC;AACzDC,EAAAA,KAAK,EAAE,YAAA;AACT,CAAC,CACF,CAAA;AAEM,IAAMC,UAAU,GAAG,CACxB;AAAEH,EAAAA,KAAK,EAAEC,SAAC,CAAC,yCAAyC,CAAC;AAAEC,EAAAA,KAAK,EAAE,KAAA;AAAM,CAAC,EACrE;AACEF,EAAAA,KAAK,EAAEC,SAAC,CAAC,2CAA2C,CAAC;AACrDC,EAAAA,KAAK,EAAE,SAAA;AACT,CAAC,CACF,CAAA;AAEM,IAAME,gBAAgB,GAAG,CAC9B;AACEJ,EAAAA,KAAK,EAAEC,SAAC,CAAC,gDAAgD,CAAC;AAC1DC,EAAAA,KAAK,EAAE,QAAA;AACT,CAAC,EACD;AACEF,EAAAA,KAAK,EAAEC,SAAC,CAAC,gDAAgD,CAAC;AAC1DC,EAAAA,KAAK,EAAE,QAAA;AACT,CAAC,CACF,CAAA;CAEwC;AACvCF,EAAAA,KAAK,EAAEC,SAAC,CAAC,wCAAwC,CAAC;AAClDC,EAAAA,KAAK,EAAE;AAAEG,IAAAA,SAAS,EAAE,IAAI;AAAEC,IAAAA,OAAO,EAAE,IAAI;AAAEC,IAAAA,SAAS,EAAE,KAAA;AAAM,GAAA;AAC5D;;AC/BA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMP,KAAK,GAAAO,IAAA,CAALP,KAAK,CAAA;AAAA,EAAA,oBAC5BQ,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,EACGV,KAAK,iBACJQ,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEE,IAAAA,SAAS,EAAC,gDAAgD;AAC1DC,IAAAA,KAAK,EAAE;MAAEC,KAAK,EAAA,EAAA,CAAAC,MAAA,CAAKd,KAAK,EAAA,GAAA,CAAA;AAAI,KAAA;AAAE,GAC/B,CACF,eACDQ,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AAACH,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAAEZ,KAAK,EAAC,GAAa,CAC9C,CAAC,CAAA;AAAA,CACJ,CAAA;AAED,sBAAegB,aAAAA,UAAI,CAACV,aAAa,CAAC;;ACVlC,IAAMW,YAAY,GAAG,SAAfA,YAAYA,CAAAV,IAAA,EAAA;AAAA,EAAA,IAAMW,IAAI,GAAAX,IAAA,CAAJW,IAAI;IAAElB,KAAK,GAAAO,IAAA,CAALP,KAAK,CAAA;AAAA,EAAA,oBACjCQ,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAE,QAAA,EAAA,IAAA,eACEF,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AAACH,IAAAA,KAAK,EAAC,OAAO;AAACO,IAAAA,aAAa,EAAC,YAAA;AAAY,GAAA,EACjDD,IACS,CAAC,eACbV,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,oCAAA;AAAoC,GAAA,eACjDH,yBAAA,CAAAC,aAAA,CAACH,eAAa,EAAA;AAAON,IAAAA,KAAK,EAALA,KAAAA;GAAU,CAC5B,CACL,CAAC,CAAA;AAAA,CACJ,CAAA;AAED,qBAAegB,aAAAA,UAAI,CAACC,YAAY,CAAC;;ACbjC,IAAMG,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAb,IAAA,EAAA;AAAA,EAAA,IAAMc,IAAI,GAAAd,IAAA,CAAJc,IAAI,CAAA;EAAA,oBAC9Bb,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,wBAAA;AAAwB,GAAA,EACpCU,IAAI,CAACC,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGL,IAAI,GAAAK,KAAA,CAAJL,IAAI;MAAElB,KAAK,GAAAuB,KAAA,CAALvB,KAAK,CAAA;AAAA,IAAA,oBACtBQ,yBAAA,CAAAC,aAAA,CAACQ,cAAY,EAAA;AAAOC,MAAAA,IAAI,EAAJA,IAAI;AAAElB,MAAAA,KAAK,EAALA,KAAK;AAAIwB,MAAAA,GAAG,EAAEN,IAAAA;AAAK,KAAE,CAAC,CAAA;AAAA,GACjD,CACE,CAAC,CAAA;AAAA,CACP;;ACRD,IAAMO,MAAM,GAAG,SAATA,MAAMA,CAAIJ,IAAI,EAAEK,SAAS,EAAK;EAClC,IAAIC,GAAG,GAAG,CAAC,CAAA;AACX,EAAA,KAAK,IAAMH,GAAG,IAAIH,IAAI,EAAE;AACtB,IAAA,IAAIG,GAAG,CAACI,QAAQ,CAACF,SAAS,CAAC,EAAEC,GAAG,IAAIN,IAAI,CAACG,GAAG,CAAC,CAAA;AAC/C,GAAA;AAEA,EAAA,OAAOG,GAAG,CAAA;AACZ,CAAC,CAAA;AAEM,IAAME,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIR,IAAI,EAAES,YAAY,EAAK;AACvD,EAAA,IAAMC,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACZ,IAAI,CAAC,CACjCa,MAAM,CAAC,UAAAV,GAAG,EAAA;IAAA,OAAI,CAACW,kBAAQ,CAAC;AAAEnC,MAAAA,KAAK,EAAEwB,GAAAA;KAAK,EAAEM,YAAY,CAAC,CAAA;AAAA,GAAA,CAAC,CACtDR,GAAG,CAAC,UAAAE,GAAG,EAAA;IAAA,OAAK;AAAEN,MAAAA,IAAI,EAAEM,GAAG;MAAExB,KAAK,EAAEqB,IAAI,CAACG,GAAG,CAAA;KAAG,CAAA;AAAA,GAAC,CAAC,CAAA;AAEhD,EAAA,IAAMY,WAAW,GAAGN,YAAY,CAACR,GAAG,CAAC,UAAAf,IAAA,EAAA;AAAA,IAAA,IAAGT,KAAK,GAAAS,IAAA,CAALT,KAAK;MAAEE,KAAK,GAAAO,IAAA,CAALP,KAAK,CAAA;IAAA,OAAQ;AAC1DkB,MAAAA,IAAI,EAAEpB,KAAK;AACXE,MAAAA,KAAK,EAAEyB,MAAM,CAACJ,IAAI,EAAErB,KAAK,CAAC,IAAI,CAAA;KAC/B,CAAA;AAAA,GAAC,CAAC,CAAA;EAEH,OAAO;AAAEoC,IAAAA,WAAW,EAAXA,WAAW;AAAEL,IAAAA,UAAU,EAAVA,UAAAA;GAAY,CAAA;AACpC,CAAC;;ACXD,IAAMM,QAAQ,GAAG,SAAXA,QAAQA,CAAA9B,IAAA,EAAqC;AAAA,EAAA,IAA/B+B,IAAI,GAAA/B,IAAA,CAAJ+B,IAAI;IAAEjB,IAAI,GAAAd,IAAA,CAAJc,IAAI;IAAES,YAAY,GAAAvB,IAAA,CAAZuB,YAAY,CAAA;AAC1C,EAAA,IAAAS,eAAA,GAAcC,2BAAc,EAAE;IAAtBzC,CAAC,GAAAwC,eAAA,CAADxC,CAAC,CAAA;AACT,EAAA,IAAA0C,kBAAA,GAAoCZ,iBAAiB,CAACR,IAAI,EAAES,YAAY,CAAC;IAAjEM,WAAW,GAAAK,kBAAA,CAAXL,WAAW;IAAEL,UAAU,GAAAU,kBAAA,CAAVV,UAAU,CAAA;AAE/B,EAAA,IAAMW,SAAS,GAAGf,SAAG,CAACgB,YAAM,CAACC,WAAK,CAAC,OAAO,EAAEb,UAAU,CAAC,CAAC,CAAC,CAAA;EAEzD,oBACEvB,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,2CAAA;AAA2C,GAAA,eACxDH,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,MAAM;AAChBC,IAAAA,KAAK,EAAC,IAAI;AACVO,IAAAA,aAAa,EAAC,WAAW;AACzB0B,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,EAEZP,IACS,CAAC,eACb9B,yBAAA,CAAAC,aAAA,CAACW,gBAAgB,EAAA;AAACC,IAAAA,IAAI,EAAEe,WAAAA;AAAY,GAAE,CAAC,eACvC5B,yBAAA,CAAAC,aAAA,CAACqC,eAAO,EAAA;AACNC,IAAAA,OAAO,eAAEvC,yBAAA,CAAAC,aAAA,CAACW,gBAAgB,EAAA;AAACC,MAAAA,IAAI,EAAEU,UAAAA;AAAW,KAAE,CAAE;IAChDiB,QAAQ,EAAE,CAACN,SAAU;AACrBO,IAAAA,QAAQ,EAAC,QAAA;GAETzC,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GAAA,eAC1CH,yBAAA,CAAAC,aAAA,CAACQ,cAAY,EAAA;AACXC,IAAAA,IAAI,EAAEnB,CAAC,CAAC,gCAAgC,CAAE;AAC1CC,IAAAA,KAAK,EAAE0C,SAAAA;GACR,CACE,CACE,CACN,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,iBAAe1B,aAAAA,UAAI,CAACqB,QAAQ,CAAC;;ACxC7B,IAAMa,QAAQ,GAAG,SAAXA,QAAQA,CAAA3C,IAAA,EAAA;AAAA,EAAA,IAAMP,KAAK,GAAAO,IAAA,CAALP,KAAK;IAAEmD,MAAM,GAAA5C,IAAA,CAAN4C,MAAM,CAAA;EAAA,oBAC/B3C,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,gBAAgB;IAAC,aAAY,EAAA,WAAA;AAAW,GAAA,eACrDH,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AAACJ,IAAAA,SAAS,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACiC,IAAAA,MAAM,EAAC,UAAA;AAAU,GAAA,EACtD7C,KACS,CAAC,eACbQ,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AAACqC,IAAAA,UAAU,EAAC,OAAO;AAACxC,IAAAA,KAAK,EAAC,OAAA;GAClCuC,EAAAA,MACS,CACT,CAAC,CAAA;AAAA,CACP,CAAA;AAED,iBAAenC,aAAAA,UAAI,CAACkC,QAAQ,CAAC;;ACP7B,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAA9C,IAAA,EAA0D;AAAA,EAAA,IAApD+C,MAAM,GAAA/C,IAAA,CAAN+C,MAAM;IAAEtD,KAAK,GAAAO,IAAA,CAALP,KAAK;IAAEuD,QAAQ,GAAAhD,IAAA,CAARgD,QAAQ;IAAEC,MAAM,GAAAjD,IAAA,CAANiD,MAAM;IAAEC,YAAY,GAAAlD,IAAA,CAAZkD,YAAY,CAAA;AACjE,EAAA,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAG1D,KAAK,EAAI;AAC1B,IAAA,IAAW2D,KAAK,GAA6B3D,KAAK,CAA1C4D,CAAC;MAAYC,OAAO,GAAiB7D,KAAK,CAAhC8D,CAAC;MAAcC,OAAO,GAAK/D,KAAK,CAApBgE,CAAC,CAAA;AAC/B,IAAA,IAAMC,WAAW,GAAG,CAACN,KAAK,IAAI,CAACE,OAAO,CAAA;IAEtC,oBACErD,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,MAAAA,SAAS,EAAC,YAAA;KACZ,EAAA,CAAC,CAACgD,KAAK,iBAAInD,yBAAA,CAAAC,aAAA,CAACyC,UAAQ,EAAA;AAACC,MAAAA,MAAM,EAAC,GAAG;AAACnD,MAAAA,KAAK,EAAE2D,KAAAA;KAAQ,CAAC,EAChD,CAAC,CAACE,OAAO,iBAAIrD,yBAAA,CAAAC,aAAA,CAACyC,UAAQ,EAAA;AAACC,MAAAA,MAAM,EAAC,GAAG;AAACnD,MAAAA,KAAK,EAAE6D,OAAAA;AAAQ,KAAE,CAAC,EACpD,CAAC,CAAC,CAACE,OAAO,IAAIE,WAAW,kBAAKzD,yBAAA,CAAAC,aAAA,CAACyC,UAAQ,EAAA;AAACC,MAAAA,MAAM,EAAC,GAAG;AAACnD,MAAAA,KAAK,EAAE+D,OAAAA;AAAQ,KAAE,CAClE,CAAC,CAAA;GAET,CAAA;EAED,oBACEvD,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,iEAAA;GACbH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,yCAAA;GACbH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,gBAAA;GACZ6C,EAAAA,MAAM,GACLE,UAAU,CAAC1D,KAAK,CAAC,gBAEjBQ,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,MAAM;AAChB,IAAA,aAAA,EAAY,gBAAgB;AAC5BC,IAAAA,KAAK,EAAC,IAAI;AACViC,IAAAA,MAAM,EAAC,UAAA;GAEN7C,EAAAA,KAAK,IAAI,CAAC,EACVyD,YAAY,GAAG,GAAG,GAAG,EACZ,CAEX,CAAC,EACLF,QAAQ,iBACP/C,yBAAA,CAAAC,aAAA,2BACED,yBAAA,CAAAC,aAAA,CAACyD,WAAW,EAAA;AAACC,IAAAA,WAAW,EAAEZ,QAAAA;GAAW,CAClC,CAEJ,CAAC,eACN/C,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AACTJ,IAAAA,SAAS,EAAC,wBAAwB;AAClC,IAAA,SAAA,EAAQ,eAAe;AACvBC,IAAAA,KAAK,EAAC,OAAA;GAEL0C,EAAAA,MACS,CACT,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,mBAAetC,aAAAA,UAAI,CAACqC,UAAU,CAAC;;AC3C/B,IAAMe,QAAQ,GAAG,SAAXA,QAAQA,CAAA7D,IAAA,EAOR;AAAA,EAAA,IANJ8D,YAAY,GAAA9D,IAAA,CAAZ8D,YAAY;IACZC,SAAS,GAAA/D,IAAA,CAAT+D,SAAS;IACTC,UAAU,GAAAhE,IAAA,CAAVgE,UAAU;IACVC,aAAa,GAAAjE,IAAA,CAAbiE,aAAa;IAAAC,cAAA,GAAAlE,IAAA,CACbmE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAApE,IAAA,CACdqE,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA,CAAA;AAE1B,EAAA,IAAApC,eAAA,GAAcC,2BAAc,EAAE;IAAtBzC,CAAC,GAAAwC,eAAA,CAADxC,CAAC,CAAA;AAET,EAAA,IACE8E,UAAU,GAQRR,YAAY,CARdQ,UAAU;IACVC,UAAU,GAORT,YAAY,CAPdS,UAAU;IACVC,eAAe,GAMbV,YAAY,CANdU,eAAe;IACfC,cAAc,GAKZX,YAAY,CALdW,cAAc;IACdC,qBAAqB,GAInBZ,YAAY,CAJdY,qBAAqB;IACrBC,OAAO,GAGLb,YAAY,CAHda,OAAO;IACPC,gBAAgB,GAEdd,YAAY,CAFdc,gBAAgB;IAChBC,QAAQ,GACNf,YAAY,CADde,QAAQ,CAAA;EAGV,IAAId,SAAS,EAAE,oBAAO9D,yBAAA,CAAAC,aAAA,CAAC4E,UAAU,EAAA,IAAE,CAAC,CAAA;EAEpC,oBACE7E,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,eAAe;IAAC,aAAY,EAAA,UAAA;GACzCH,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,iCAAA;AAAiC,GAAA,eAC9CH,yBAAA,CAAAC,aAAA,CAACM,kBAAU,EAAA;AAAC,IAAA,SAAA,EAAQ,4BAA4B;AAACH,IAAAA,KAAK,EAAC,IAAA;AAAI,GAAA,EACxDb,CAAC,CAAC,+BAA+B,CACxB,CAAC,EACZ6E,kBAAkB,iBACjBpE,yBAAA,CAAAC,aAAA,CAACqC,eAAO,EAAA;AACNC,IAAAA,OAAO,EAAEhD,CAAC,CAAC,+CAA+C,CAAE;AAC5DkD,IAAAA,QAAQ,EAAC,OAAA;GAETzC,eAAAA,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAME,IAAAA,SAAS,EAAC,MAAA;AAAM,GAAA,eACpBH,yBAAA,CAAAC,aAAA,CAAC6E,kBAAO,EAAA;AACN3E,IAAAA,SAAS,EAAC,2BAA2B;AACrC,IAAA,aAAA,EAAY,kBAAkB;AAC9B4E,IAAAA,IAAI,EAAE,EAAA;AAAG,GACV,CACG,CACC,CACV,eACD/E,yBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAME,IAAAA,SAAS,EAAC,SAAA;AAAS,GAAA,eACvBH,yBAAA,CAAAC,aAAA,CAAC+E,eAAe,EAAA;AAAOhB,IAAAA,aAAa,EAAbA,aAAa;AAAED,IAAAA,UAAU,EAAVA,UAAAA;AAAU,GAAK,CACjD,CACH,CAAC,eACN/D,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,qCAAA;AAAqC,GAAA,eAClDH,yBAAA,CAAAC,aAAA,CAAC4C,YAAU,EAAA;AACTE,IAAAA,QAAQ,EAAEmB,SAAS,CAAC,YAAY,CAAE;AAClCpB,IAAAA,MAAM,EAAEvD,CAAC,CAAC,wCAAwC,CAAE;AACpDC,IAAAA,KAAK,EAAE6E,UAAAA;AAAW,GACnB,CAAC,eACFrE,yBAAA,CAAAC,aAAA,CAAC4C,YAAU,EAAA;AACTE,IAAAA,QAAQ,EAAEmB,SAAS,CAAC,YAAY,CAAE;AAClCpB,IAAAA,MAAM,EAAEvD,CAAC,CAAC,wCAAwC,CAAE;AACpDC,IAAAA,KAAK,EAAE8E,UAAAA;AAAW,GACnB,CAAC,eACFtE,yBAAA,CAAAC,aAAA,CAAC4C,YAAU,EAAA;AACTE,IAAAA,QAAQ,EAAEmB,SAAS,CAAC,aAAa,CAAE;AACnCpB,IAAAA,MAAM,EAAEvD,CAAC,CAAC,6CAA6C,CAAE;AACzDC,IAAAA,KAAK,EAAE+E,eAAAA;AAAgB,GACxB,CAAC,eACFvE,yBAAA,CAAAC,aAAA,CAAC4C,YAAU,EAAA;IACTI,YAAY,EAAA,IAAA;AACZF,IAAAA,QAAQ,EAAEmB,SAAS,CAAC,gBAAgB,CAAE;AACtCpB,IAAAA,MAAM,EAAEvD,CAAC,CAAC,gDAAgD,CAAE;AAC5DC,IAAAA,KAAK,EAAEgF,cAAAA;AAAe,GACvB,CAAC,eACFxE,yBAAA,CAAAC,aAAA,CAAC4C,YAAU,EAAA;IACTG,MAAM,EAAA,IAAA;AACND,IAAAA,QAAQ,EAAEmB,SAAS,CAAC,uBAAuB,CAAE;AAC7CpB,IAAAA,MAAM,EAAEvD,CAAC,CAAC,mDAAmD,CAAE;AAC/D0F,IAAAA,UAAU,EAAE1F,CAAC,CAAC,8BAA8B,CAAE;AAC9CC,IAAAA,KAAK,EAAEiF,qBAAAA;AAAsB,GAC9B,CACE,CAAC,eACNzE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKE,IAAAA,SAAS,EAAC,sDAAA;AAAsD,GAAA,eACnEH,yBAAA,CAAAC,aAAA,CAAC4B,UAAQ,EAAA;AACPhB,IAAAA,IAAI,EAAE6D,OAAQ;AACdpD,IAAAA,YAAY,EAAEjC,eAAgB;IAC9ByC,IAAI,EAAEvC,CAAC,CAAC,iCAAiC,CAAA;AAAE,GAC5C,CAAC,eACFS,yBAAA,CAAAC,aAAA,CAAC4B,UAAQ,EAAA;AACPhB,IAAAA,IAAI,EAAE8D,gBAAiB;AACvBrD,IAAAA,YAAY,EAAE7B,UAAW;IACzBqC,IAAI,EAAEvC,CAAC,CAAC,4BAA4B,CAAA;AAAE,GACvC,CAAC,eACFS,yBAAA,CAAAC,aAAA,CAAC4B,UAAQ,EAAA;AACPhB,IAAAA,IAAI,EAAE+D,QAAS;AACftD,IAAAA,YAAY,EAAE5B,gBAAiB;IAC/BoC,IAAI,EAAEvC,CAAC,CAAC,kCAAkC,CAAA;GAC3C,CACE,CACF,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"Insights.js","sources":["../../src/components/Insights/constants.js","../../src/components/Insights/MetaInfo/PercentageBar.jsx","../../src/components/Insights/MetaInfo/MetaInfoItem.jsx","../../src/components/Insights/MetaInfo/DataDistribution.jsx","../../src/components/Insights/utils.js","../../src/components/Insights/MetaInfo/index.jsx","../../src/components/Insights/TimeItem.jsx","../../src/components/Insights/MetricItem.jsx","../../src/components/Insights/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const DEFAULT_DEVICES = [\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.desktop\"),\n    value: \"desktop\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.devices.mobile\"),\n    value: \"smartphone\",\n  },\n];\n\nexport const DEFAULT_OS = [\n  { label: t(\"neetoMolecules.insights.labels.os.macos\"), value: \"mac\" },\n  {\n    label: t(\"neetoMolecules.insights.labels.os.windows\"),\n    value: \"windows\",\n  },\n];\n\nexport const DEFAULT_BROWSERS = [\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.chrome\"),\n    value: \"chrome\",\n  },\n  {\n    label: t(\"neetoMolecules.insights.labels.browsers.safari\"),\n    value: \"safari\",\n  },\n];\n\nexport const INITIAL_TIME_PERIOD_VALUE = {\n  label: t(\"neetoMolecules.insights.labels.allTime\"),\n  value: { startDate: null, endDate: null, rangeType: \"all\" },\n};\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst PercentageBar = ({ value }) => (\n  <>\n    {value && (\n      <div\n        className=\"neeto-ui-bg-gray-300 neeto-ui-rounded-full h-2\"\n        style={{ width: `${value}%` }}\n      />\n    )}\n    <Typography style=\"body3\">{value}%</Typography>\n  </>\n);\n\nexport default memo(PercentageBar);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport PercentageBar from \"./PercentageBar\";\n\nconst MetaInfoItem = ({ name, value }) => (\n  <>\n    <Typography style=\"body2\" textTransform=\"capitalize\">\n      {name}\n    </Typography>\n    <div className=\"col-span-3 flex items-center gap-2\">\n      <PercentageBar {...{ value }} />\n    </div>\n  </>\n);\n\nexport default memo(MetaInfoItem);\n","import React from \"react\";\n\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nconst DataDistribution = ({ data }) => (\n  <div className=\"grid grid-cols-4 gap-2\">\n    {data.map(({ name, value }) => (\n      <MetaInfoItem {...{ name, value }} key={name} />\n    ))}\n  </div>\n);\n\nexport default DataDistribution;\n","import { existsBy } from \"neetocist\";\n\nconst getSum = (data, searchKey) => {\n  let sum = 0;\n  for (const key in data) {\n    if (key.includes(searchKey)) sum += data[key];\n  }\n\n  return sum;\n};\n\nexport const transformInsights = (data, defaultItems) => {\n  const othersData = Object.keys(data)\n    .filter(key => !existsBy({ value: key }, defaultItems))\n    .map(key => ({ name: key, value: data[key] }));\n\n  const defaultData = defaultItems.map(({ label, value }) => ({\n    name: label,\n    value: getSum(data, value) || 0,\n  }));\n\n  return { defaultData, othersData };\n};\n","import React, { memo } from \"react\";\n\nimport { Tooltip, Typography } from \"neetoui\";\nimport { pluck, sum, values } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DataDistribution from \"./DataDistribution\";\nimport MetaInfoItem from \"./MetaInfoItem\";\n\nimport { transformInsights } from \"../utils\";\n\nconst MetaInfo = ({ type, data, defaultItems }) => {\n  const { t } = useTranslation();\n  const { defaultData, othersData } = transformInsights(data, defaultItems);\n\n  const othersSum = sum(values(pluck(\"value\", othersData)));\n\n  return (\n    <div className=\"neeto-ui-bg-gray-100 neeto-ui-rounded p-4\">\n      <Typography\n        className=\"mb-4\"\n        style=\"h6\"\n        textTransform=\"uppercase\"\n        weight=\"bold\"\n      >\n        {type}\n      </Typography>\n      <DataDistribution data={defaultData} />\n      <Tooltip\n        content={<DataDistribution data={othersData} />}\n        disabled={!othersSum}\n        position=\"bottom\"\n      >\n        <div className=\"mt-2 grid grid-cols-4 gap-2\">\n          <MetaInfoItem\n            name={t(\"neetoMolecules.insights.others\")}\n            value={othersSum}\n          />\n        </div>\n      </Tooltip>\n    </div>\n  );\n};\n\nexport default memo(MetaInfo);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst TimeItem = ({ value, suffix }) => (\n  <div className=\"flex items-end\" data-testid=\"time-item\">\n    <Typography className=\"mr-1\" style=\"h1\" weight=\"semibold\">\n      {value}\n    </Typography>\n    <Typography lineHeight=\"loose\" style=\"body2\">\n      {suffix}\n    </Typography>\n  </div>\n);\n\nexport default memo(TimeItem);\n","import React, { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nimport HelpPopover from \"components/HelpPopover\";\n\nimport TimeItem from \"./TimeItem\";\n\nconst MetricItem = ({ metric, value, helpText, isTime, isPercentage }) => {\n  const renderTime = value => {\n    const { h: hours, m: minutes, s: seconds } = value;\n    const showSeconds = !hours && !minutes;\n\n    return (\n      <div className=\"flex gap-2\">\n        {!!hours && <TimeItem suffix=\"H\" value={hours} />}\n        {!!minutes && <TimeItem suffix=\"M\" value={minutes} />}\n        {(!!seconds || showSeconds) && <TimeItem suffix=\"S\" value={seconds} />}\n      </div>\n    );\n  };\n\n  return (\n    <div className=\"nf-insights__metric-item neeto-ui-border-gray-200 border-b pb-4\">\n      <div className=\"flex items-center justify-between gap-2\">\n        <div className=\"flex items-end\">\n          {isTime ? (\n            renderTime(value)\n          ) : (\n            <Typography\n              className=\"mr-1\"\n              data-testid=\"insights-count\"\n              style=\"h1\"\n              weight=\"semibold\"\n            >\n              {value || 0}\n              {isPercentage ? \"%\" : \"\"}\n            </Typography>\n          )}\n        </div>\n        {helpText && (\n          <div>\n            <HelpPopover description={helpText} />\n          </div>\n        )}\n      </div>\n      <Typography\n        className=\"neeto-ui-text-gray-700\"\n        data-cy=\"insights-type\"\n        style=\"body2\"\n      >\n        {metric}\n      </Typography>\n    </div>\n  );\n};\n\nexport default memo(MetricItem);\n","import React from \"react\";\n\nimport { Warning } from \"neetoicons\";\nimport { Tooltip, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DateRangeFilter from \"components/DateRangeFilter\";\nimport PageLoader from \"components/PageLoader\";\n\nimport { DEFAULT_DEVICES, DEFAULT_BROWSERS, DEFAULT_OS } from \"./constants\";\nimport MetaInfo from \"./MetaInfo\";\nimport MetricItem from \"./MetricItem\";\n\nconst Insights = ({\n  insightsData,\n  isLoading,\n  timePeriod,\n  setTimePeriod,\n  helpTexts = {},\n  showWarningMessage = false,\n}) => {\n  const { t } = useTranslation();\n\n  const {\n    visitCount,\n    startCount,\n    submissionCount,\n    completionRate,\n    averageSubmissionTime,\n    devices,\n    operatingSystems,\n    browsers,\n  } = insightsData;\n\n  if (isLoading) return <PageLoader />;\n\n  return (\n    <div className=\"mx-auto pt-10\" data-testid=\"insights\">\n      <div className=\"mb-11 flex w-full items-center \">\n        <Typography data-cy=\"submissions-insights-title\" style=\"h2\">\n          {t(\"neetoMolecules.insights.title\")}\n        </Typography>\n        {showWarningMessage && (\n          <Tooltip\n            content={t(\"neetoMolecules.insights.dataInaccuracyWarning\")}\n            position=\"right\"\n          >\n            <span className=\"ml-3\">\n              <Warning\n                className=\"neeto-ui-text-warning-500\"\n                data-testid=\"insights-warning\"\n                size={20}\n              />\n            </span>\n          </Tooltip>\n        )}\n        <span className=\"ml-auto\">\n          <DateRangeFilter {...{ setTimePeriod, timePeriod }} />\n        </span>\n      </div>\n      <div className=\"mb-8 flex flex-wrap justify-between\">\n        <MetricItem\n          helpText={helpTexts[\"visitCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.visits\")}\n          value={visitCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"startCount\"]}\n          metric={t(\"neetoMolecules.insights.metrics.starts\")}\n          value={startCount}\n        />\n        <MetricItem\n          helpText={helpTexts[\"submissions\"]}\n          metric={t(\"neetoMolecules.insights.metrics.submissions\")}\n          value={submissionCount}\n        />\n        <MetricItem\n          isPercentage\n          helpText={helpTexts[\"completionRate\"]}\n          metric={t(\"neetoMolecules.insights.metrics.completionRate\")}\n          value={completionRate}\n        />\n        <MetricItem\n          isTime\n          helpText={helpTexts[\"averageSubmissionTime\"]}\n          metric={t(\"neetoMolecules.insights.metrics.avgTimeToComplete\")}\n          timeSuffix={t(\"neetoMolecules.insights.mins\")}\n          value={averageSubmissionTime}\n        />\n      </div>\n      <div className=\"grid grid-cols-1 gap-6 sm:grid-cols-2 md:grid-cols-3\">\n        <MetaInfo\n          data={devices}\n          defaultItems={DEFAULT_DEVICES}\n          type={t(\"neetoMolecules.insights.devices\")}\n        />\n        <MetaInfo\n          data={operatingSystems}\n          defaultItems={DEFAULT_OS}\n          type={t(\"neetoMolecules.insights.os\")}\n        />\n        <MetaInfo\n          data={browsers}\n          defaultItems={DEFAULT_BROWSERS}\n          type={t(\"neetoMolecules.insights.browsers\")}\n        />\n      </div>\n    </div>\n  );\n};\n\nInsights.propTypes = {\n  /**\n   * Object containing metrics and statistics for insights\n   */\n  insightsData: PropTypes.shape({\n    visitCount: PropTypes.number,\n    startCount: PropTypes.number,\n    submissionCount: PropTypes.number,\n    completionRate: PropTypes.number,\n    averageSubmissionTime: PropTypes.shape({\n      h: PropTypes.number,\n      m: PropTypes.number,\n      s: PropTypes.number,\n    }),\n    devices: PropTypes.shape({\n      desktop: PropTypes.number,\n      smartphone: PropTypes.number,\n    }),\n    operatingSystems: PropTypes.shape({\n      mac: PropTypes.number,\n      windows: PropTypes.number,\n    }),\n    browsers: PropTypes.shape({\n      chrome: PropTypes.number,\n      safari: PropTypes.number,\n    }),\n  }),\n  /**\n   * Indicates whether insights data is currently being fetched from an API\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * The state corresponding to the currently selected date range.\n   */\n  timePeriod: PropTypes.shape({\n    label: PropTypes.string,\n    value: PropTypes.object,\n  }),\n  /**\n   * The setter method for `timePeriod` state.\n   */\n  setTimePeriod: PropTypes.func,\n  /**\n   * Object containing explanatory text for each metric, providing additional context that can help users understand the significance of the metrics displayed.\n   */\n  helpTexts: PropTypes.shape({\n    visitCount: PropTypes.string,\n    startCount: PropTypes.string,\n    submissions: PropTypes.string,\n    completionRate: PropTypes.string,\n    averageSubmissionTime: PropTypes.string,\n  }),\n  /**\n   * Displays a warning to indicate that the insights may not be accurate, as the insights integration occurred after the record's creation.\n   */\n  showWarningMessage: PropTypes.bool,\n};\n\nexport default Insights;\n"],"names":["DEFAULT_DEVICES","label","t","value","DEFAULT_OS","DEFAULT_BROWSERS","startDate","endDate","rangeType","PercentageBar","_ref","React","createElement","Fragment","className","style","width","concat","Typography","memo","MetaInfoItem","name","textTransform","DataDistribution","data","map","_ref2","key","getSum","searchKey","sum","includes","transformInsights","defaultItems","othersData","Object","keys","filter","existsBy","defaultData","MetaInfo","type","_useTranslation","useTranslation","_transformInsights","othersSum","values","pluck","weight","Tooltip","content","disabled","position","TimeItem","suffix","lineHeight","MetricItem","metric","helpText","isTime","isPercentage","renderTime","hours","h","minutes","m","seconds","s","showSeconds","HelpPopover","description","Insights","insightsData","isLoading","timePeriod","setTimePeriod","_ref$helpTexts","helpTexts","_ref$showWarningMessa","showWarningMessage","visitCount","startCount","submissionCount","completionRate","averageSubmissionTime","devices","operatingSystems","browsers","PageLoader","Warning","size","DateRangeFilter","timeSuffix"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "1.17.0",
+  "version": "1.17.1",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",