@bigbinary/neeto-molecules 3.5.14 → 3.5.16

package/dist/CustomDomainDashboard.js

@@ -6,9 +6,9 @@ import Table from '@bigbinary/neetoui/Table';
 import Typography from '@bigbinary/neetoui/Typography';
 import NoData from '@bigbinary/neetoui/NoData';
 import Button from '@bigbinary/neetoui/Button';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation, Trans } from 'react-i18next';
 import Container from './Container.js';
-import PageLoader from './PageLoader.js';
 import SubHeader from './SubHeader.js';
 import TableWrapper from './TableWrapper.js';
 import { u as useFetchCustomDomains, a as useDeleteCustomDomain, M as Manage, D as DeleteAlert } from './index-e123ffe8.js';
@@ -24,8 +24,8 @@ import classnames from 'classnames';
 import Tag from '@bigbinary/neetoui/Tag';
 import './index-e5588516.js';
 import './inject-css-c86de496.js';
-import '@babel/runtime/helpers/objectWithoutProperties';
 import 'ramda';
+import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-icons/Column';
 import './useColumns-13263cd8.js';
 import '@bigbinary/neeto-icons/Search';
@@ -253,8 +253,8 @@ var CustomDomainDashboard = function CustomDomainDashboard(_ref) {
         setIsPaneOpen: setIsPaneOpen,
         setSearchTerm: setSearchTerm
       }), isLoading && /*#__PURE__*/jsx("div", {
-        className: "h-screen w-full",
-        children: /*#__PURE__*/jsx(PageLoader, {})
+        className: "flex h-full w-full items-center justify-center",
+        children: /*#__PURE__*/jsx(Spinner, {})
       }), !isLoading && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(SubHeader, {
           leftActionBlock: !!(data !== null && data !== void 0 && (_data$customDomains = data.customDomains) !== null && _data$customDomains !== void 0 && _data$customDomains.length) && /*#__PURE__*/jsx(Typography, {

package/dist/CustomDomainDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDomainDashboard.js","sources":["../src/components/CustomDomainDashboard/Header.jsx","../src/components/CustomDomainDashboard/Manage/TagBlock.jsx","../src/components/CustomDomainDashboard/utils.jsx","../src/components/CustomDomainDashboard/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { PLURAL } from \"neetocommons/constants\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport { Button } from \"neetoui\";\n\nimport NeetoHeader from \"components/Header\";\n\nconst Header = withT(\n  ({\n    t,\n    setIsPaneOpen,\n    searchTerm,\n    setSearchTerm,\n    headerProps,\n    isFiltersVisible,\n  }) => (\n    <NeetoHeader\n      data-testid=\"custom-domain-header\"\n      title={t(\"neetoMolecules.customDomain.customDomain\", PLURAL)}\n      actionBlock={\n        <Button\n          data-cy=\"add-new-custom-domain-button\"\n          label={t(\"neetoMolecules.customDomain.addNew\")}\n          onClick={() => setIsPaneOpen(true)}\n        />\n      }\n      searchProps={\n        isFiltersVisible && {\n          value: searchTerm,\n          onChange: withEventTargetValue(setSearchTerm),\n          placeholder: t(\"neetoMolecules.customDomain.search\"),\n          \"data-cy\": \"custom-domain-search-field\",\n          className: \"w-56\",\n        }\n      }\n      {...headerProps}\n    />\n  )\n);\n\nexport default memo(Header);\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { snakeToCamelCase } from \"neetocist\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst TagBlock = ({ status, stacked = false }) => {\n  const { t } = useTranslation();\n  const isDomainValidated =\n    status === \"active\" || status === \"pending_cname_validation\";\n  const camelCasedStatus = snakeToCamelCase(status || \"\");\n\n  return (\n    <div\n      className={classnames(\"flex gap-2\", {\n        \"flex-col items-start\": stacked,\n      })}\n    >\n      {status === \"failed\" ? (\n        <Tag\n          label={t(`neetoMolecules.customDomain.status.${camelCasedStatus}`)}\n          style=\"danger\"\n        />\n      ) : (\n        <>\n          <Tag\n            data-cy={`${hyphenize(status)}-tag-container`}\n            style={isDomainValidated ? \"success\" : \"warning\"}\n            label={t(\n              `neetoMolecules.customDomain.status.domain.${camelCasedStatus}`\n            )}\n          />\n          {isDomainValidated && (\n            <div\n              className={classnames(\"flex items-center justify-between gap-2\", {\n                \"w-full\": stacked,\n              })}\n            >\n              <Tag\n                data-cy={`${hyphenize(status)}-tag-container`}\n                style={status === \"active\" ? \"success\" : \"warning\"}\n                label={t(\n                  `neetoMolecules.customDomain.status.cname.${camelCasedStatus}`\n                )}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default memo(TagBlock);\n","import { t } from \"i18next\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Button } from \"neetoui\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nimport TagBlock from \"./Manage/TagBlock\";\n\nexport const renderColumnData = (enableManagePane, enableDeleteAlert) => [\n  {\n    title: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n    dataIndex: \"hostname\",\n    key: \"hostname\",\n    width: \"60%\",\n    render: (hostName, customDomain) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Button\n          data-cy=\"hostname-button\"\n          label={hostName}\n          style=\"link\"\n          onClick={() => enableManagePane(customDomain)}\n        />\n        <MoreDropdown\n          dropdownButtonProps={{\n            \"data-testid\": `nui-dropdown-icon-${customDomain.id}`,\n          }}\n          dropdownProps={{\n            position: \"bottom-end\",\n            strategy: \"fixed\",\n            autoWidth: true,\n          }}\n          menuItems={[\n            {\n              label: t(\"neetoMolecules.common.actions.edit\"),\n              onClick: () => enableManagePane(customDomain),\n              key: \"edit-custom-domain-button\",\n            },\n            {\n              label: t(\"neetoMolecules.common.actions.delete\"),\n              onClick: () => enableDeleteAlert(customDomain),\n              key: \"delete-custom-domain\",\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoMolecules.common.status\"),\n    dataIndex: \"status\",\n    key: \"status\",\n    render: status => <TagBlock {...{ status }} />,\n    width: \"40%\",\n  },\n];\n","import { useState } from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport useDebounce from \"neetocommons/react-utils/useDebounce\";\nimport { Table, Typography, NoData, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Container from \"components/Container\";\nimport PageLoader from \"components/PageLoader\";\nimport SubHeader from \"components/SubHeader\";\nimport TableWrapper from \"components/TableWrapper\";\n\nimport DeleteAlert from \"./DeleteAlert\";\nimport Header from \"./Header\";\nimport Manage from \"./Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"./useCustomDomainApi\";\nimport { renderColumnData } from \"./utils\";\n\nconst CustomDomainDashboard = ({ headerProps, url, onCreate }) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [customDomain, setCustomDomain] = useState({});\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n  const { data: data, isLoading } = useFetchCustomDomains({\n    url,\n    params: { searchTerm: debouncedSearchTerm },\n  });\n\n  const isFiltersVisible =\n    isNotEmpty(data?.customDomains) || isPresent(searchTerm);\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, {\n      onSettled: () => {\n        setIsAlertOpen(false);\n        setCustomDomain({});\n      },\n    });\n\n  const enableManagePane = customDomain => {\n    setCustomDomain(customDomain);\n    setIsPaneOpen(true);\n  };\n\n  const enableDeleteAlert = customDomain => {\n    setCustomDomain(customDomain);\n    setIsAlertOpen(true);\n  };\n\n  const disableManagePane = () => {\n    setIsPaneOpen(false);\n    setCustomDomain({});\n  };\n\n  const disableDeleteAlert = () => {\n    setIsAlertOpen(false);\n    setCustomDomain({});\n  };\n\n  return (\n    <>\n      <Container>\n        <Header\n          {...{\n            headerProps,\n            isFiltersVisible,\n            searchTerm,\n            setIsPaneOpen,\n            setSearchTerm,\n          }}\n        />\n        {isLoading && (\n          <div className=\"h-screen w-full\">\n            <PageLoader />\n          </div>\n        )}\n        {!isLoading && (\n          <>\n            <SubHeader\n              leftActionBlock={\n                !!data?.customDomains?.length && (\n                  <Typography\n                    className=\"neeto-ui-gray-800 font-semibold\"\n                    component=\"h4\"\n                  >\n                    {t(\"neetoMolecules.customDomain.customDomainWithCount\", {\n                      count: data?.customDomains?.length,\n                    })}\n                  </Typography>\n                )\n              }\n            />\n            {isNotEmpty(data?.customDomains) ? (\n              <TableWrapper>\n                <Table\n                  fixedHeight\n                  allowRowClick={false}\n                  rowData={data?.customDomains}\n                  rowSelection={false}\n                  columnData={renderColumnData(\n                    enableManagePane,\n                    enableDeleteAlert\n                  )}\n                />\n              </TableWrapper>\n            ) : (\n              <div className=\"flex h-full w-full flex-grow items-center justify-center\">\n                <NoData\n                  title={t(\"neetoMolecules.customDomain.notFound\")}\n                  helpText={\n                    <Trans\n                      i18nKey=\"neetoMolecules.customDomain.learnMoreMessage\"\n                      components={{\n                        button: (\n                          <Button\n                            href=\"https://help.neetosite.com/p/a-95ad5b03\"\n                            style=\"link\"\n                            target=\"_blank\"\n                          />\n                        ),\n                      }}\n                    />\n                  }\n                  primaryButtonProps={{\n                    label: t(\"neetoMolecules.customDomain.addNew\"),\n                    onClick: () => setIsPaneOpen(true),\n                  }}\n                />\n              </div>\n            )}\n          </>\n        )}\n      </Container>\n      <Manage\n        {...{ customDomain, onCreate, setCustomDomain, url }}\n        hasOne={false}\n        isOpen={isPaneOpen}\n        onClose={disableManagePane}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={disableDeleteAlert}\n        onSubmit={() => deleteCustomDomain(customDomain?.id)}\n      />\n    </>\n  );\n};\n\nCustomDomainDashboard.propTypes = {\n  /**\n   * The props to be passed to the `CustomDomain` page header. Accepts all props that can be passed to the `Header` component.\n   */\n  headerProps: PropTypes.object,\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomainDashboard;\n"],"names":["Header","withT","_ref","t","setIsPaneOpen","searchTerm","setSearchTerm","headerProps","isFiltersVisible","_jsx","NeetoHeader","_objectSpread","title","PLURAL","actionBlock","Button","label","onClick","searchProps","value","onChange","withEventTargetValue","placeholder","className","memo","TagBlock","status","_ref$stacked","stacked","_useTranslation","useTranslation","isDomainValidated","camelCasedStatus","snakeToCamelCase","classnames","children","Tag","concat","style","_jsxs","_Fragment","hyphenize","renderColumnData","enableManagePane","enableDeleteAlert","SINGULAR","dataIndex","key","width","render","hostName","customDomain","MoreDropdown","dropdownButtonProps","id","dropdownProps","position","strategy","autoWidth","menuItems","CustomDomainDashboard","_data$customDomains","_data$customDomains2","url","onCreate","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","isPaneOpen","_useState5","_useState6","setCustomDomain","_useState7","_useState8","isAlertOpen","setIsAlertOpen","debouncedSearchTerm","useDebounce","_useFetchCustomDomain","useFetchCustomDomains","params","data","isLoading","isNotEmpty","customDomains","isPresent","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","disableManagePane","disableDeleteAlert","Container","PageLoader","SubHeader","leftActionBlock","length","Typography","component","count","TableWrapper","Table","fixedHeight","allowRowClick","rowData","rowSelection","columnData","NoData","helpText","Trans","i18nKey","components","button","href","target","primaryButtonProps","Manage","hasOne","isOpen","onClose","DeleteAlert","hostname","isSubmitting","onSubmit"],"mappings":"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"}
+{"version":3,"file":"CustomDomainDashboard.js","sources":["../src/components/CustomDomainDashboard/Header.jsx","../src/components/CustomDomainDashboard/Manage/TagBlock.jsx","../src/components/CustomDomainDashboard/utils.jsx","../src/components/CustomDomainDashboard/index.jsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { PLURAL } from \"neetocommons/constants\";\nimport withT from \"neetocommons/react-utils/withT\";\nimport { withEventTargetValue } from \"neetocommons/utils/general\";\nimport { Button } from \"neetoui\";\n\nimport NeetoHeader from \"components/Header\";\n\nconst Header = withT(\n  ({\n    t,\n    setIsPaneOpen,\n    searchTerm,\n    setSearchTerm,\n    headerProps,\n    isFiltersVisible,\n  }) => (\n    <NeetoHeader\n      data-testid=\"custom-domain-header\"\n      title={t(\"neetoMolecules.customDomain.customDomain\", PLURAL)}\n      actionBlock={\n        <Button\n          data-cy=\"add-new-custom-domain-button\"\n          label={t(\"neetoMolecules.customDomain.addNew\")}\n          onClick={() => setIsPaneOpen(true)}\n        />\n      }\n      searchProps={\n        isFiltersVisible && {\n          value: searchTerm,\n          onChange: withEventTargetValue(setSearchTerm),\n          placeholder: t(\"neetoMolecules.customDomain.search\"),\n          \"data-cy\": \"custom-domain-search-field\",\n          className: \"w-56\",\n        }\n      }\n      {...headerProps}\n    />\n  )\n);\n\nexport default memo(Header);\n","import { memo } from \"react\";\n\nimport classnames from \"classnames\";\nimport { snakeToCamelCase } from \"neetocist\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Tag } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nconst TagBlock = ({ status, stacked = false }) => {\n  const { t } = useTranslation();\n  const isDomainValidated =\n    status === \"active\" || status === \"pending_cname_validation\";\n  const camelCasedStatus = snakeToCamelCase(status || \"\");\n\n  return (\n    <div\n      className={classnames(\"flex gap-2\", {\n        \"flex-col items-start\": stacked,\n      })}\n    >\n      {status === \"failed\" ? (\n        <Tag\n          label={t(`neetoMolecules.customDomain.status.${camelCasedStatus}`)}\n          style=\"danger\"\n        />\n      ) : (\n        <>\n          <Tag\n            data-cy={`${hyphenize(status)}-tag-container`}\n            style={isDomainValidated ? \"success\" : \"warning\"}\n            label={t(\n              `neetoMolecules.customDomain.status.domain.${camelCasedStatus}`\n            )}\n          />\n          {isDomainValidated && (\n            <div\n              className={classnames(\"flex items-center justify-between gap-2\", {\n                \"w-full\": stacked,\n              })}\n            >\n              <Tag\n                data-cy={`${hyphenize(status)}-tag-container`}\n                style={status === \"active\" ? \"success\" : \"warning\"}\n                label={t(\n                  `neetoMolecules.customDomain.status.cname.${camelCasedStatus}`\n                )}\n              />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n};\n\nexport default memo(TagBlock);\n","import { t } from \"i18next\";\nimport { SINGULAR } from \"neetocommons/constants\";\nimport { Button } from \"neetoui\";\n\nimport MoreDropdown from \"components/MoreDropdown\";\n\nimport TagBlock from \"./Manage/TagBlock\";\n\nexport const renderColumnData = (enableManagePane, enableDeleteAlert) => [\n  {\n    title: t(\"neetoMolecules.customDomain.customDomain\", SINGULAR),\n    dataIndex: \"hostname\",\n    key: \"hostname\",\n    width: \"60%\",\n    render: (hostName, customDomain) => (\n      <div className=\"flex items-center justify-between gap-x-3\">\n        <Button\n          data-cy=\"hostname-button\"\n          label={hostName}\n          style=\"link\"\n          onClick={() => enableManagePane(customDomain)}\n        />\n        <MoreDropdown\n          dropdownButtonProps={{\n            \"data-testid\": `nui-dropdown-icon-${customDomain.id}`,\n          }}\n          dropdownProps={{\n            position: \"bottom-end\",\n            strategy: \"fixed\",\n            autoWidth: true,\n          }}\n          menuItems={[\n            {\n              label: t(\"neetoMolecules.common.actions.edit\"),\n              onClick: () => enableManagePane(customDomain),\n              key: \"edit-custom-domain-button\",\n            },\n            {\n              label: t(\"neetoMolecules.common.actions.delete\"),\n              onClick: () => enableDeleteAlert(customDomain),\n              key: \"delete-custom-domain\",\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoMolecules.common.status\"),\n    dataIndex: \"status\",\n    key: \"status\",\n    render: status => <TagBlock {...{ status }} />,\n    width: \"40%\",\n  },\n];\n","import { useState } from \"react\";\n\nimport { isNotEmpty, isPresent } from \"neetocist\";\nimport useDebounce from \"neetocommons/react-utils/useDebounce\";\nimport { Table, Typography, NoData, Button, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation, Trans } from \"react-i18next\";\n\nimport Container from \"components/Container\";\nimport SubHeader from \"components/SubHeader\";\nimport TableWrapper from \"components/TableWrapper\";\n\nimport DeleteAlert from \"./DeleteAlert\";\nimport Header from \"./Header\";\nimport Manage from \"./Manage\";\nimport {\n  useFetchCustomDomains,\n  useDeleteCustomDomain,\n} from \"./useCustomDomainApi\";\nimport { renderColumnData } from \"./utils\";\n\nconst CustomDomainDashboard = ({ headerProps, url, onCreate }) => {\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const [isPaneOpen, setIsPaneOpen] = useState(false);\n  const [customDomain, setCustomDomain] = useState({});\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { t } = useTranslation();\n  const debouncedSearchTerm = useDebounce(searchTerm, 500);\n\n  const { data: data, isLoading } = useFetchCustomDomains({\n    url,\n    params: { searchTerm: debouncedSearchTerm },\n  });\n\n  const isFiltersVisible =\n    isNotEmpty(data?.customDomains) || isPresent(searchTerm);\n\n  const { mutate: deleteCustomDomain, isPending: isDeleting } =\n    useDeleteCustomDomain(url, {\n      onSettled: () => {\n        setIsAlertOpen(false);\n        setCustomDomain({});\n      },\n    });\n\n  const enableManagePane = customDomain => {\n    setCustomDomain(customDomain);\n    setIsPaneOpen(true);\n  };\n\n  const enableDeleteAlert = customDomain => {\n    setCustomDomain(customDomain);\n    setIsAlertOpen(true);\n  };\n\n  const disableManagePane = () => {\n    setIsPaneOpen(false);\n    setCustomDomain({});\n  };\n\n  const disableDeleteAlert = () => {\n    setIsAlertOpen(false);\n    setCustomDomain({});\n  };\n\n  return (\n    <>\n      <Container>\n        <Header\n          {...{\n            headerProps,\n            isFiltersVisible,\n            searchTerm,\n            setIsPaneOpen,\n            setSearchTerm,\n          }}\n        />\n        {isLoading && (\n          <div className=\"flex h-full w-full items-center justify-center\">\n            <Spinner />\n          </div>\n        )}\n        {!isLoading && (\n          <>\n            <SubHeader\n              leftActionBlock={\n                !!data?.customDomains?.length && (\n                  <Typography\n                    className=\"neeto-ui-gray-800 font-semibold\"\n                    component=\"h4\"\n                  >\n                    {t(\"neetoMolecules.customDomain.customDomainWithCount\", {\n                      count: data?.customDomains?.length,\n                    })}\n                  </Typography>\n                )\n              }\n            />\n            {isNotEmpty(data?.customDomains) ? (\n              <TableWrapper>\n                <Table\n                  fixedHeight\n                  allowRowClick={false}\n                  rowData={data?.customDomains}\n                  rowSelection={false}\n                  columnData={renderColumnData(\n                    enableManagePane,\n                    enableDeleteAlert\n                  )}\n                />\n              </TableWrapper>\n            ) : (\n              <div className=\"flex h-full w-full flex-grow items-center justify-center\">\n                <NoData\n                  title={t(\"neetoMolecules.customDomain.notFound\")}\n                  helpText={\n                    <Trans\n                      i18nKey=\"neetoMolecules.customDomain.learnMoreMessage\"\n                      components={{\n                        button: (\n                          <Button\n                            href=\"https://help.neetosite.com/p/a-95ad5b03\"\n                            style=\"link\"\n                            target=\"_blank\"\n                          />\n                        ),\n                      }}\n                    />\n                  }\n                  primaryButtonProps={{\n                    label: t(\"neetoMolecules.customDomain.addNew\"),\n                    onClick: () => setIsPaneOpen(true),\n                  }}\n                />\n              </div>\n            )}\n          </>\n        )}\n      </Container>\n      <Manage\n        {...{ customDomain, onCreate, setCustomDomain, url }}\n        hasOne={false}\n        isOpen={isPaneOpen}\n        onClose={disableManagePane}\n      />\n      <DeleteAlert\n        hostname={customDomain?.hostname}\n        isOpen={isAlertOpen}\n        isSubmitting={isDeleting}\n        onClose={disableDeleteAlert}\n        onSubmit={() => deleteCustomDomain(customDomain?.id)}\n      />\n    </>\n  );\n};\n\nCustomDomainDashboard.propTypes = {\n  /**\n   * The props to be passed to the `CustomDomain` page header. Accepts all props that can be passed to the `Header` component.\n   */\n  headerProps: PropTypes.object,\n  /**\n   * API path to manage custom domain records.\n   */\n  url: PropTypes.string,\n  /**\n   * Callback function will be invoked with new domain values after successfully creating the domain.\n   */\n  onCreate: PropTypes.func,\n};\n\nexport default CustomDomainDashboard;\n"],"names":["Header","withT","_ref","t","setIsPaneOpen","searchTerm","setSearchTerm","headerProps","isFiltersVisible","_jsx","NeetoHeader","_objectSpread","title","PLURAL","actionBlock","Button","label","onClick","searchProps","value","onChange","withEventTargetValue","placeholder","className","memo","TagBlock","status","_ref$stacked","stacked","_useTranslation","useTranslation","isDomainValidated","camelCasedStatus","snakeToCamelCase","classnames","children","Tag","concat","style","_jsxs","_Fragment","hyphenize","renderColumnData","enableManagePane","enableDeleteAlert","SINGULAR","dataIndex","key","width","render","hostName","customDomain","MoreDropdown","dropdownButtonProps","id","dropdownProps","position","strategy","autoWidth","menuItems","CustomDomainDashboard","_data$customDomains","_data$customDomains2","url","onCreate","_useState","useState","_useState2","_slicedToArray","_useState3","_useState4","isPaneOpen","_useState5","_useState6","setCustomDomain","_useState7","_useState8","isAlertOpen","setIsAlertOpen","debouncedSearchTerm","useDebounce","_useFetchCustomDomain","useFetchCustomDomains","params","data","isLoading","isNotEmpty","customDomains","isPresent","_useDeleteCustomDomai","useDeleteCustomDomain","onSettled","deleteCustomDomain","mutate","isDeleting","isPending","disableManagePane","disableDeleteAlert","Container","Spinner","SubHeader","leftActionBlock","length","Typography","component","count","TableWrapper","Table","fixedHeight","allowRowClick","rowData","rowSelection","columnData","NoData","helpText","Trans","i18nKey","components","button","href","target","primaryButtonProps","Manage","hasOne","isOpen","onClose","DeleteAlert","hostname","isSubmitting","onSubmit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,MAAM,GAAGC,KAAK,CAClB,UAAAC,IAAA,EAAA;AAAA,EAAA,IACEC,CAAC,GAAAD,IAAA,CAADC,CAAC;IACDC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,WAAW,GAAAL,IAAA,CAAXK,WAAW;IACXC,gBAAgB,GAAAN,IAAA,CAAhBM,gBAAgB,CAAA;AAAA,EAAA,oBAEhBC,GAAA,CAACC,QAAW,EAAAC,aAAA,CAAA;AACV,IAAA,aAAA,EAAY,sBAAsB;AAClCC,IAAAA,KAAK,EAAET,CAAC,CAAC,0CAA0C,EAAEU,MAAM,CAAE;IAC7DC,WAAW,eACTL,GAAA,CAACM,MAAM,EAAA;AACL,MAAA,SAAA,EAAQ,8BAA8B;AACtCC,MAAAA,KAAK,EAAEb,CAAC,CAAC,oCAAoC,CAAE;MAC/Cc,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMb,aAAa,CAAC,IAAI,CAAC,CAAA;AAAA,OAAA;AAAC,KACpC,CACF;IACDc,WAAW,EACTV,gBAAgB,IAAI;AAClBW,MAAAA,KAAK,EAAEd,UAAU;AACjBe,MAAAA,QAAQ,EAAEC,oBAAoB,CAACf,aAAa,CAAC;AAC7CgB,MAAAA,WAAW,EAAEnB,CAAC,CAAC,oCAAoC,CAAC;AACpD,MAAA,SAAS,EAAE,4BAA4B;AACvCoB,MAAAA,SAAS,EAAE,MAAA;AACb,KAAA;GAEEhB,EAAAA,WAAW,CAChB,CAAC,CAAA;AAAA,CAEN,CAAC,CAAA;AAED,eAAeiB,aAAAA,IAAI,CAACxB,MAAM,CAAC;;AClC3B,IAAMyB,QAAQ,GAAG,SAAXA,QAAQA,CAAAvB,IAAA,EAAoC;AAAA,EAAA,IAA9BwB,MAAM,GAAAxB,IAAA,CAANwB,MAAM;IAAAC,YAAA,GAAAzB,IAAA,CAAE0B,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA,CAAA;AACzC,EAAA,IAAAE,eAAA,GAAcC,cAAc,EAAE;IAAtB3B,CAAC,GAAA0B,eAAA,CAAD1B,CAAC,CAAA;EACT,IAAM4B,iBAAiB,GACrBL,MAAM,KAAK,QAAQ,IAAIA,MAAM,KAAK,0BAA0B,CAAA;AAC9D,EAAA,IAAMM,gBAAgB,GAAGC,gBAAgB,CAACP,MAAM,IAAI,EAAE,CAAC,CAAA;AAEvD,EAAA,oBACEjB,GAAA,CAAA,KAAA,EAAA;AACEc,IAAAA,SAAS,EAAEW,UAAU,CAAC,YAAY,EAAE;AAClC,MAAA,sBAAsB,EAAEN,OAAAA;AAC1B,KAAC,CAAE;AAAAO,IAAAA,QAAA,EAEFT,MAAM,KAAK,QAAQ,gBAClBjB,GAAA,CAAC2B,GAAG,EAAA;AACFpB,MAAAA,KAAK,EAAEb,CAAC,CAAA,qCAAA,CAAAkC,MAAA,CAAuCL,gBAAgB,CAAE,CAAE;AACnEM,MAAAA,KAAK,EAAC,QAAA;AAAQ,KACf,CAAC,gBAEFC,IAAA,CAAAC,QAAA,EAAA;MAAAL,QAAA,EAAA,cACE1B,GAAA,CAAC2B,GAAG,EAAA;AACF,QAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAYI,SAAS,CAACf,MAAM,CAAC,EAAiB,gBAAA,CAAA;AAC9CY,QAAAA,KAAK,EAAEP,iBAAiB,GAAG,SAAS,GAAG,SAAU;AACjDf,QAAAA,KAAK,EAAEb,CAAC,CAAA,4CAAA,CAAAkC,MAAA,CACuCL,gBAAgB,CAC/D,CAAA;AAAE,OACH,CAAC,EACDD,iBAAiB,iBAChBtB,GAAA,CAAA,KAAA,EAAA;AACEc,QAAAA,SAAS,EAAEW,UAAU,CAAC,yCAAyC,EAAE;AAC/D,UAAA,QAAQ,EAAEN,OAAAA;AACZ,SAAC,CAAE;QAAAO,QAAA,eAEH1B,GAAA,CAAC2B,GAAG,EAAA;AACF,UAAA,SAAA,EAAA,EAAA,CAAAC,MAAA,CAAYI,SAAS,CAACf,MAAM,CAAC,EAAiB,gBAAA,CAAA;AAC9CY,UAAAA,KAAK,EAAEZ,MAAM,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAU;AACnDV,UAAAA,KAAK,EAAEb,CAAC,CAAA,2CAAA,CAAAkC,MAAA,CACsCL,gBAAgB,CAC9D,CAAA;SACD,CAAA;AAAC,OACC,CACN,CAAA;KACD,CAAA;AACH,GACE,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,iBAAeR,aAAAA,IAAI,CAACC,QAAQ,CAAC;;AC/CtB,IAAMiB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,gBAAgB,EAAEC,iBAAiB,EAAA;AAAA,EAAA,OAAK,CACvE;AACEhC,IAAAA,KAAK,EAAET,CAAC,CAAC,0CAA0C,EAAE0C,QAAQ,CAAC;AAC9DC,IAAAA,SAAS,EAAE,UAAU;AACrBC,IAAAA,GAAG,EAAE,UAAU;AACfC,IAAAA,KAAK,EAAE,KAAK;AACZC,IAAAA,MAAM,EAAE,SAAAA,MAACC,CAAAA,QAAQ,EAAEC,YAAY,EAAA;AAAA,MAAA,oBAC7BZ,IAAA,CAAA,KAAA,EAAA;AAAKhB,QAAAA,SAAS,EAAC,2CAA2C;QAAAY,QAAA,EAAA,cACxD1B,GAAA,CAACM,MAAM,EAAA;AACL,UAAA,SAAA,EAAQ,iBAAiB;AACzBC,UAAAA,KAAK,EAAEkC,QAAS;AAChBZ,UAAAA,KAAK,EAAC,MAAM;UACZrB,OAAO,EAAE,SAAAA,OAAA,GAAA;YAAA,OAAM0B,gBAAgB,CAACQ,YAAY,CAAC,CAAA;AAAA,WAAA;AAAC,SAC/C,CAAC,eACF1C,GAAA,CAAC2C,YAAY,EAAA;AACXC,UAAAA,mBAAmB,EAAE;AACnB,YAAA,aAAa,EAAAhB,oBAAAA,CAAAA,MAAA,CAAuBc,YAAY,CAACG,EAAE,CAAA;WACnD;AACFC,UAAAA,aAAa,EAAE;AACbC,YAAAA,QAAQ,EAAE,YAAY;AACtBC,YAAAA,QAAQ,EAAE,OAAO;AACjBC,YAAAA,SAAS,EAAE,IAAA;WACX;AACFC,UAAAA,SAAS,EAAE,CACT;AACE3C,YAAAA,KAAK,EAAEb,CAAC,CAAC,oCAAoC,CAAC;YAC9Cc,OAAO,EAAE,SAAAA,OAAA,GAAA;cAAA,OAAM0B,gBAAgB,CAACQ,YAAY,CAAC,CAAA;AAAA,aAAA;AAC7CJ,YAAAA,GAAG,EAAE,2BAAA;AACP,WAAC,EACD;AACE/B,YAAAA,KAAK,EAAEb,CAAC,CAAC,sCAAsC,CAAC;YAChDc,OAAO,EAAE,SAAAA,OAAA,GAAA;cAAA,OAAM2B,iBAAiB,CAACO,YAAY,CAAC,CAAA;AAAA,aAAA;AAC9CJ,YAAAA,GAAG,EAAE,sBAAA;WACN,CAAA;AACD,SACH,CAAC,CAAA;AAAA,OACC,CAAC,CAAA;AAAA,KAAA;AAEV,GAAC,EACD;AACEnC,IAAAA,KAAK,EAAET,CAAC,CAAC,8BAA8B,CAAC;AACxC2C,IAAAA,SAAS,EAAE,QAAQ;AACnBC,IAAAA,GAAG,EAAE,QAAQ;IACbE,MAAM,EAAE,SAAAA,MAAAA,CAAAvB,MAAM,EAAA;MAAA,oBAAIjB,GAAA,CAACgB,UAAQ,EAAA;AAAOC,QAAAA,MAAM,EAANA,MAAAA;AAAM,OAAK,CAAC,CAAA;AAAA,KAAA;AAC9CsB,IAAAA,KAAK,EAAE,KAAA;AACT,GAAC,CACF,CAAA;AAAA,CAAA;;ACjCD,IAAMY,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA1D,IAAA,EAAuC;EAAA,IAAA2D,mBAAA,EAAAC,oBAAA,CAAA;AAAA,EAAA,IAAjCvD,WAAW,GAAAL,IAAA,CAAXK,WAAW;IAAEwD,GAAG,GAAA7D,IAAA,CAAH6D,GAAG;IAAEC,QAAQ,GAAA9D,IAAA,CAAR8D,QAAQ,CAAA;AACzD,EAAA,IAAAC,SAAA,GAAoCC,QAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzC5D,IAAAA,UAAU,GAAA8D,UAAA,CAAA,CAAA,CAAA;AAAE7D,IAAAA,aAAa,GAAA6D,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAE,UAAA,GAAoCH,QAAQ,CAAC,KAAK,CAAC;IAAAI,UAAA,GAAAF,cAAA,CAAAC,UAAA,EAAA,CAAA,CAAA;AAA5CE,IAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAElE,IAAAA,aAAa,GAAAkE,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAE,UAAA,GAAwCN,QAAQ,CAAC,EAAE,CAAC;IAAAO,UAAA,GAAAL,cAAA,CAAAI,UAAA,EAAA,CAAA,CAAA;AAA7CrB,IAAAA,YAAY,GAAAsB,UAAA,CAAA,CAAA,CAAA;AAAEC,IAAAA,eAAe,GAAAD,UAAA,CAAA,CAAA,CAAA,CAAA;AACpC,EAAA,IAAAE,UAAA,GAAsCT,QAAQ,CAAC,KAAK,CAAC;IAAAU,UAAA,GAAAR,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAA9CE,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAA/C,eAAA,GAAcC,cAAc,EAAE;IAAtB3B,CAAC,GAAA0B,eAAA,CAAD1B,CAAC,CAAA;AACT,EAAA,IAAM4E,mBAAmB,GAAGC,WAAW,CAAC3E,UAAU,EAAE,GAAG,CAAC,CAAA;EAExD,IAAA4E,qBAAA,GAAkCC,qBAAqB,CAAC;AACtDnB,MAAAA,GAAG,EAAHA,GAAG;AACHoB,MAAAA,MAAM,EAAE;AAAE9E,QAAAA,UAAU,EAAE0E,mBAAAA;AAAoB,OAAA;AAC5C,KAAC,CAAC;IAHYK,IAAI,GAAAH,qBAAA,CAAVG,IAAI;IAAQC,SAAS,GAAAJ,qBAAA,CAATI,SAAS,CAAA;AAK7B,EAAA,IAAM7E,gBAAgB,GACpB8E,UAAU,CAACF,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEG,aAAa,CAAC,IAAIC,SAAS,CAACnF,UAAU,CAAC,CAAA;AAE1D,EAAA,IAAAoF,qBAAA,GACEC,qBAAqB,CAAC3B,GAAG,EAAE;MACzB4B,SAAS,EAAE,SAAAA,SAAAA,GAAM;QACfb,cAAc,CAAC,KAAK,CAAC,CAAA;QACrBJ,eAAe,CAAC,EAAE,CAAC,CAAA;AACrB,OAAA;AACF,KAAC,CAAC;IANYkB,kBAAkB,GAAAH,qBAAA,CAA1BI,MAAM;IAAiCC,UAAU,GAAAL,qBAAA,CAArBM,SAAS,CAAA;AAQ7C,EAAA,IAAMpD,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGQ,YAAY,EAAI;IACvCuB,eAAe,CAACvB,YAAY,CAAC,CAAA;IAC7B/C,aAAa,CAAC,IAAI,CAAC,CAAA;GACpB,CAAA;AAED,EAAA,IAAMwC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGO,YAAY,EAAI;IACxCuB,eAAe,CAACvB,YAAY,CAAC,CAAA;IAC7B2B,cAAc,CAAC,IAAI,CAAC,CAAA;GACrB,CAAA;AAED,EAAA,IAAMkB,iBAAiB,GAAG,SAApBA,iBAAiBA,GAAS;IAC9B5F,aAAa,CAAC,KAAK,CAAC,CAAA;IACpBsE,eAAe,CAAC,EAAE,CAAC,CAAA;GACpB,CAAA;AAED,EAAA,IAAMuB,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAS;IAC/BnB,cAAc,CAAC,KAAK,CAAC,CAAA;IACrBJ,eAAe,CAAC,EAAE,CAAC,CAAA;GACpB,CAAA;EAED,oBACEnC,IAAA,CAAAC,QAAA,EAAA;IAAAL,QAAA,EAAA,cACEI,IAAA,CAAC2D,SAAS,EAAA;MAAA/D,QAAA,EAAA,cACR1B,GAAA,CAACT,QAAM,EAAA;AAEHO,QAAAA,WAAW,EAAXA,WAAW;AACXC,QAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBH,QAAAA,UAAU,EAAVA,UAAU;AACVD,QAAAA,aAAa,EAAbA,aAAa;AACbE,QAAAA,aAAa,EAAbA,aAAAA;AAAa,OAEhB,CAAC,EACD+E,SAAS,iBACR5E,GAAA,CAAA,KAAA,EAAA;AAAKc,QAAAA,SAAS,EAAC,gDAAgD;AAAAY,QAAAA,QAAA,eAC7D1B,GAAA,CAAC0F,OAAO,EAAE,EAAA,CAAA;AAAC,OACR,CACN,EACA,CAACd,SAAS,iBACT9C,IAAA,CAAAC,QAAA,EAAA;QAAAL,QAAA,EAAA,cACE1B,GAAA,CAAC2F,SAAS,EAAA;UACRC,eAAe,EACb,CAAC,EAACjB,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,IAAA,CAAAvB,mBAAA,GAAJuB,IAAI,CAAEG,aAAa,MAAA,IAAA,IAAA1B,mBAAA,KAAnBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAqByC,MAAM,CAAA,iBAC3B7F,GAAA,CAAC8F,UAAU,EAAA;AACThF,YAAAA,SAAS,EAAC,iCAAiC;AAC3CiF,YAAAA,SAAS,EAAC,IAAI;AAAArE,YAAAA,QAAA,EAEbhC,CAAC,CAAC,mDAAmD,EAAE;AACtDsG,cAAAA,KAAK,EAAErB,IAAI,KAAJA,IAAAA,IAAAA,IAAI,wBAAAtB,oBAAA,GAAJsB,IAAI,CAAEG,aAAa,MAAA,IAAA,IAAAzB,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnBA,oBAAA,CAAqBwC,MAAAA;aAC7B,CAAA;WACS,CAAA;AAEf,SACF,CAAC,EACDhB,UAAU,CAACF,IAAI,KAAJA,IAAAA,IAAAA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAEG,aAAa,CAAC,gBAC9B9E,GAAA,CAACiG,YAAY,EAAA;UAAAvE,QAAA,eACX1B,GAAA,CAACkG,KAAK,EAAA;YACJC,WAAW,EAAA,IAAA;AACXC,YAAAA,aAAa,EAAE,KAAM;AACrBC,YAAAA,OAAO,EAAE1B,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAJA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,IAAI,CAAEG,aAAc;AAC7BwB,YAAAA,YAAY,EAAE,KAAM;AACpBC,YAAAA,UAAU,EAAEtE,gBAAgB,CAC1BC,gBAAgB,EAChBC,iBACF,CAAA;WACD,CAAA;SACW,CAAC,gBAEfnC,GAAA,CAAA,KAAA,EAAA;AAAKc,UAAAA,SAAS,EAAC,0DAA0D;UAAAY,QAAA,eACvE1B,GAAA,CAACwG,MAAM,EAAA;AACLrG,YAAAA,KAAK,EAAET,CAAC,CAAC,sCAAsC,CAAE;YACjD+G,QAAQ,eACNzG,GAAA,CAAC0G,KAAK,EAAA;AACJC,cAAAA,OAAO,EAAC,8CAA8C;AACtDC,cAAAA,UAAU,EAAE;gBACVC,MAAM,eACJ7G,GAAA,CAACM,MAAM,EAAA;AACLwG,kBAAAA,IAAI,EAAC,yCAAyC;AAC9CjF,kBAAAA,KAAK,EAAC,MAAM;AACZkF,kBAAAA,MAAM,EAAC,QAAA;iBACR,CAAA;AAEL,eAAA;AAAE,aACH,CACF;AACDC,YAAAA,kBAAkB,EAAE;AAClBzG,cAAAA,KAAK,EAAEb,CAAC,CAAC,oCAAoC,CAAC;cAC9Cc,OAAO,EAAE,SAAAA,OAAA,GAAA;gBAAA,OAAMb,aAAa,CAAC,IAAI,CAAC,CAAA;AAAA,eAAA;AACpC,aAAA;WACD,CAAA;AAAC,SACC,CACN,CAAA;AAAA,OACD,CACH,CAAA;AAAA,KACQ,CAAC,eACZK,GAAA,CAACiH,MAAM,EAAA;AACCvE,MAAAA,YAAY,EAAZA,YAAY;AAAEa,MAAAA,QAAQ,EAARA,QAAQ;AAAEU,MAAAA,eAAe,EAAfA,eAAe;AAAEX,MAAAA,GAAG,EAAHA,GAAG;AAClD4D,MAAAA,MAAM,EAAE,KAAM;AACdC,MAAAA,MAAM,EAAErD,UAAW;AACnBsD,MAAAA,OAAO,EAAE7B,iBAAAA;AAAkB,KAC5B,CAAC,eACFvF,GAAA,CAACqH,WAAW,EAAA;AACVC,MAAAA,QAAQ,EAAE5E,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAE4E,QAAS;AACjCH,MAAAA,MAAM,EAAE/C,WAAY;AACpBmD,MAAAA,YAAY,EAAElC,UAAW;AACzB+B,MAAAA,OAAO,EAAE5B,kBAAmB;MAC5BgC,QAAQ,EAAE,SAAAA,QAAA,GAAA;QAAA,OAAMrC,kBAAkB,CAACzC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEG,EAAE,CAAC,CAAA;AAAA,OAAA;AAAC,KACtD,CAAC,CAAA;AAAA,GACF,CAAC,CAAA;AAEP;;;;"}

package/dist/Insights.js

@@ -2,9 +2,9 @@ import classnames from 'classnames';
 import Warning from '@bigbinary/neeto-icons/Warning';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Typography from '@bigbinary/neetoui/Typography';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import { useTranslation } from 'react-i18next';
 import DateRangeFilter from './DateRangeFilter.js';
-import PageLoader from './PageLoader.js';
 import { t } from 'i18next';
 import { memo, createElement } from 'react';
 import { sum, values, pluck } from 'ramda';
@@ -18,7 +18,6 @@ import '@bigbinary/neeto-commons-frontend/utils';
 import '@bigbinary/neetoui/Select';
 import '@bigbinary/neetoui/DatePicker';
 import '@babel/runtime/helpers/objectWithoutProperties';
-import './inject-css-c86de496.js';
 import '@bigbinary/neeto-icons/Help';
 import '@bigbinary/neetoui/Button';
 import '@bigbinary/neetoui/Popover';
@@ -267,7 +266,12 @@ var Insights = function Insights(_ref) {
     devices = insightsData.devices,
     operatingSystems = insightsData.operatingSystems,
     browsers = insightsData.browsers;
-  if (isLoading) return /*#__PURE__*/jsx(PageLoader, {});
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
   return /*#__PURE__*/jsxs("div", {
     className: classnames("mx-auto pt-10", className),
     "data-testid": "insights",

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 { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst PercentageBar = ({ value }) => (\n  <>\n    {value !== 0 && (\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 ? `${value}%` : 0}</Typography>\n  </>\n);\n\nexport default memo(PercentageBar);\n","import { 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 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 { 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-2\"\n        style=\"body2\"\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 { 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 { 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 gap-2\">\n        <div className=\"flex items-end gap-x-1\">\n          {isTime ? (\n            renderTime(value)\n          ) : (\n            <Typography\n              className=\"neeto-ui-text-gray-800\"\n              data-cy=\"insights-count\"\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=\"body3\"\n      >\n        {metric}\n      </Typography>\n    </div>\n  );\n};\n\nexport default memo(MetricItem);\n","import classNames from \"classnames\";\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  className,\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\n      className={classNames(\"mx-auto pt-10\", className)}\n      data-testid=\"insights\"\n    >\n      <div className=\"mb-10 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=\"bottom\"\n            touch={[\"hold\", 500]}\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-6 grid grid-cols-1 gap-x-9 gap-y-6 sm:grid-cols-2  md:grid-cols-3 lg:grid-cols-5 lg:gap-0\">\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 lg: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   * To provide additional classes.\n   */\n  className: PropTypes.string,\n};\n\nexport default Insights;\n"],"names":["DEFAULT_DEVICES","label","t","value","DEFAULT_OS","DEFAULT_BROWSERS","startDate","endDate","rangeType","PercentageBar","_ref","_jsxs","_Fragment","children","_jsx","className","style","width","concat","Typography","memo","MetaInfoItem","name","textTransform","DataDistribution","data","map","_ref2","_createElement","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","classNames","touch","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 { memo } from \"react\";\n\nimport { Typography } from \"neetoui\";\n\nconst PercentageBar = ({ value }) => (\n  <>\n    {value !== 0 && (\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 ? `${value}%` : 0}</Typography>\n  </>\n);\n\nexport default memo(PercentageBar);\n","import { 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 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 { 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-2\"\n        style=\"body2\"\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 { 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 { 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 gap-2\">\n        <div className=\"flex items-end gap-x-1\">\n          {isTime ? (\n            renderTime(value)\n          ) : (\n            <Typography\n              className=\"neeto-ui-text-gray-800\"\n              data-cy=\"insights-count\"\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=\"body3\"\n      >\n        {metric}\n      </Typography>\n    </div>\n  );\n};\n\nexport default memo(MetricItem);\n","import classNames from \"classnames\";\nimport { Warning } from \"neetoicons\";\nimport { Tooltip, Typography, Spinner } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport DateRangeFilter from \"components/DateRangeFilter\";\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  className,\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) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={classNames(\"mx-auto pt-10\", className)}\n      data-testid=\"insights\"\n    >\n      <div className=\"mb-10 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=\"bottom\"\n            touch={[\"hold\", 500]}\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-6 grid grid-cols-1 gap-x-9 gap-y-6 sm:grid-cols-2  md:grid-cols-3 lg:grid-cols-5 lg:gap-0\">\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 lg: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   * To provide additional classes.\n   */\n  className: PropTypes.string,\n};\n\nexport default Insights;\n"],"names":["DEFAULT_DEVICES","label","t","value","DEFAULT_OS","DEFAULT_BROWSERS","startDate","endDate","rangeType","PercentageBar","_ref","_jsxs","_Fragment","children","_jsx","className","style","width","concat","Typography","memo","MetaInfoItem","name","textTransform","DataDistribution","data","map","_ref2","_createElement","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","Spinner","classNames","touch","Warning","size","DateRangeFilter","timeSuffix"],"mappings":"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"}

package/dist/IpRestriction.js

@@ -4,12 +4,12 @@ import Typography from '@bigbinary/neetoui/Typography';
 import Alert from '@bigbinary/neetoui/Alert';
 import Callout from '@bigbinary/neetoui/Callout';
 import Button from '@bigbinary/neetoui/Button';
+import Spinner from '@bigbinary/neetoui/Spinner';
 import Form from '@bigbinary/neetoui/formik/Form';
 import Checkbox from '@bigbinary/neetoui/formik/Checkbox';
 import Button$1 from '@bigbinary/neetoui/formik/Button';
 import BlockNavigation from '@bigbinary/neetoui/formik/BlockNavigation';
 import { Trans, useTranslation } from 'react-i18next';
-import PageLoader from './PageLoader.js';
 import { FieldArray } from 'formik';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Plus from '@bigbinary/neeto-icons/Plus';
@@ -25,8 +25,6 @@ import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import './inject-css-c86de496.js';
 
 var ipNum = {};
 
@@ -3489,8 +3487,8 @@ var IpRestriction = function IpRestriction() {
     isUpdating = _useUpdateIpRestricti.isPending;
   if (isFetchingIpRestriction || isFetchingAllowedIpRanges || isRefetching) {
     return /*#__PURE__*/jsx("div", {
-      className: "h-screen",
-      children: /*#__PURE__*/jsx(PageLoader, {})
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
     });
   }
   var handleSubmit = function handleSubmit(values, formikBag) {