@bigbinary/neeto-molecules 4.1.62 → 4.1.64

package/dist/cjs/v2/CardLayout.js

@@ -29,7 +29,7 @@ var CardLayout = function CardLayout(_ref) {
           className: "nv-card-icon-wrapper mb-4 w-full text-start",
           children: icon
         }), title && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-          variant: "h2",
+          variant: "h3",
           className: classnames(["mb-2", {
             "pb-2": neetoCist.isNotPresent(description)
           }]),

package/dist/cjs/v2/CardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sources":["../../../src/v2/components/CardLayout/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  icon,\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"nv-card-container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"nv-card border-border my-6 w-full rounded-lg border\",\n        className,\n      ])}\n    >\n      <div className=\"nv-card-content p-4 md:p-6\">\n        {icon && (\n          <div className=\"nv-card-icon-wrapper mb-4 w-full text-start\">\n            {icon}\n          </div>\n        )}\n        {title && (\n          <Typography\n            variant=\"h2\"\n            className={classnames([\n              \"mb-2\",\n              { \"pb-2\": isNotPresent(description) },\n            ])}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-4\" variant=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"nv-card-action-block bg-muted sticky bottom-0 w-full rounded-lg rounded-t-none p-4 md:px-6\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the icon of the card.\n   */\n  icon: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","icon","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","variant","isNotPresent"],"mappings":";;;;;;;AAKA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,qBAAA,GAAAJ,IAAA,CACJK,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAR,IAAA,CACZS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CV,SAAS,EAAEW,UAAU,CAAC,CACpB,4CAA4C,EAC5CR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,eAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCZ,SAAS,EAAEW,UAAU,CAAC,CACpB,qDAAqD,EACrDX,SAAS,CACV,CAAE;AAAAS,MAAAA,QAAA,gBAEHG,eAAA,CAAA,KAAA,EAAA;AAAKZ,QAAAA,SAAS,EAAC,4BAA4B;QAAAS,QAAA,EAAA,CACxCR,IAAI,iBACHS,cAAA,CAAA,KAAA,EAAA;AAAKV,UAAAA,SAAS,EAAC,6CAA6C;AAAAS,UAAAA,QAAA,EACzDR;AAAI,SACF,CACN,EACAI,KAAK,iBACJK,cAAA,CAACG,qBAAU,EAAA;AACTC,UAAAA,OAAO,EAAC,IAAI;AACZd,UAAAA,SAAS,EAAEW,UAAU,CAAC,CACpB,MAAM,EACN;YAAE,MAAM,EAAEI,sBAAY,CAACR,WAAW;AAAE,WAAC,CACtC,CAAE;AAAAE,UAAAA,QAAA,EAEFJ;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,cAAA,CAACG,qBAAU,EAAA;AAACb,UAAAA,SAAS,EAAC,MAAM;AAACc,UAAAA,OAAO,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACzCF;SACS,CACb,EACAE,QAAQ;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,cAAA,CAAA,KAAA,EAAA;QACEV,SAAS,EAAEW,UAAU,CAAC,CACpB,4FAA4F,EAC5FX,SAAS,CACV,CAAE;AAAAS,QAAAA,QAAA,EAEFD;AAAW,OACT,CACN;KACE;AAAC,GACH,CAAC;AAAA;;;;"}
+{"version":3,"file":"CardLayout.js","sources":["../../../src/v2/components/CardLayout/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  icon,\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"nv-card-container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"nv-card border-border my-6 w-full rounded-lg border\",\n        className,\n      ])}\n    >\n      <div className=\"nv-card-content p-4 md:p-6\">\n        {icon && (\n          <div className=\"nv-card-icon-wrapper mb-4 w-full text-start\">\n            {icon}\n          </div>\n        )}\n        {title && (\n          <Typography\n            variant=\"h3\"\n            className={classnames([\n              \"mb-2\",\n              { \"pb-2\": isNotPresent(description) },\n            ])}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-4\" variant=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"nv-card-action-block bg-muted sticky bottom-0 w-full rounded-lg rounded-t-none p-4 md:px-6\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the icon of the card.\n   */\n  icon: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","icon","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","variant","isNotPresent"],"mappings":";;;;;;;AAKA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,qBAAA,GAAAJ,IAAA,CACJK,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAR,IAAA,CACZS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAAA,EAAA,oBAERC,cAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CV,SAAS,EAAEW,UAAU,CAAC,CACpB,4CAA4C,EAC5CR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,eAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCZ,SAAS,EAAEW,UAAU,CAAC,CACpB,qDAAqD,EACrDX,SAAS,CACV,CAAE;AAAAS,MAAAA,QAAA,gBAEHG,eAAA,CAAA,KAAA,EAAA;AAAKZ,QAAAA,SAAS,EAAC,4BAA4B;QAAAS,QAAA,EAAA,CACxCR,IAAI,iBACHS,cAAA,CAAA,KAAA,EAAA;AAAKV,UAAAA,SAAS,EAAC,6CAA6C;AAAAS,UAAAA,QAAA,EACzDR;AAAI,SACF,CACN,EACAI,KAAK,iBACJK,cAAA,CAACG,qBAAU,EAAA;AACTC,UAAAA,OAAO,EAAC,IAAI;AACZd,UAAAA,SAAS,EAAEW,UAAU,CAAC,CACpB,MAAM,EACN;YAAE,MAAM,EAAEI,sBAAY,CAACR,WAAW;AAAE,WAAC,CACtC,CAAE;AAAAE,UAAAA,QAAA,EAEFJ;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,cAAA,CAACG,qBAAU,EAAA;AAACb,UAAAA,SAAS,EAAC,MAAM;AAACc,UAAAA,OAAO,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACzCF;SACS,CACb,EACAE,QAAQ;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,cAAA,CAAA,KAAA,EAAA;QACEV,SAAS,EAAEW,UAAU,CAAC,CACpB,4FAA4F,EAC5FX,SAAS,CACV,CAAE;AAAAS,QAAAA,QAAA,EAEFD;AAAW,OACT,CACN;KACE;AAAC,GACH,CAAC;AAAA;;;;"}

package/dist/cjs/v2/ErrorPage.js

@@ -94,7 +94,7 @@ var ErrorPage = function ErrorPage(_ref) {
         }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           className: "mb-4",
           "data-testid": "title",
-          variant: "h2",
+          variant: "h3",
           weight: "semibold",
           children: title || /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
             i18nKey: errorKey

package/dist/cjs/v2/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sources":["../../../src/v2/components/ErrorPage/constants.js","../../../src/v2/components/ErrorPage/index.jsx"],"sourcesContent":["import InternalServerErrorImage from \"assets/images/internal-server-error\";\nimport PageNotFoundImage from \"assets/images/page-not-found\";\nimport UnauthorizedImage from \"assets/images/unauthorized\";\n\nexport const ERRORS = {\n  404: {\n    Image: PageNotFoundImage,\n    errorKey: \"neetoMolecules.errorPage.cantBeFound\",\n    titleKey: \"neetoMolecules.errorPage.title.cantBeFound\",\n  },\n  403: {\n    Image: UnauthorizedImage,\n    errorKey: \"neetoMolecules.errorPage.unauthorized\",\n    titleKey: \"neetoMolecules.errorPage.title.unauthorized\",\n  },\n  500: {\n    Image: InternalServerErrorImage,\n    errorKey: \"neetoMolecules.errorPage.internalServerError\",\n    titleKey: \"neetoMolecules.errorPage.title.internalServerError\",\n  },\n};\n","import { useEffect } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\n\nconst sanitize = DOMPurify.sanitize;\n\nconst ErrorPage = ({\n  homeUrl = \"/\",\n  status,\n  backToHomeButtonProps,\n  children,\n  showNeetoChatWidget = true,\n  description,\n  title,\n  hideBackToHomeButton = false,\n}) => {\n  const { t } = useTranslation();\n  const { statusCode: storeStatusCode, showErrorPage } =\n    useErrorDisplayStore.pick();\n\n  status = status || storeStatusCode;\n  const { Image, errorKey, titleKey } = ERRORS[status] || ERRORS[404];\n\n  useEffect(() => {\n    const pageLoader = document.getElementById(\"neeto-page-loader\");\n    if (pageLoader) pageLoader.remove();\n\n    const onBackButtonPress = () => {\n      if (!showErrorPage) return;\n      useErrorDisplayStore.setState({ showErrorPage: false });\n    };\n\n    window.addEventListener(\"popstate\", onBackButtonPress);\n\n    return () => {\n      window.removeEventListener(\"popstate\", onBackButtonPress);\n    };\n  }, []);\n\n  const openChatWidget = () => {\n    window.NeetoChat?.contextualHelp?.maximizeWidget();\n    window.NeetoChat?.contextualHelp?.openWidget();\n  };\n\n  return (\n    <div\n      className=\"@container/error-page flex min-h-dvh w-full flex-col items-center justify-center\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"flex w-[768px] max-w-full flex-col gap-8 p-4 @[768px]/error-page:flex-row @[768px]/error-page:gap-12 @[768px]/error-page:p-6\">\n        <Image\n          className=\"dark:[&_path]:fill-foreground w-full max-w-[180px] shrink-0 @[768px]/error-page:max-w-[240px]\"\n          data-testid=\"error-image\"\n        />\n        <div className=\"flex flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"title\"\n            variant=\"h2\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {!!description && (\n            <Typography\n              className=\"mb-4\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              variant=\"body1\"\n            />\n          )}\n          {showNeetoChatWidget && (\n            <Typography className=\"mb-6\" data-testid=\"title\" variant=\"body1\">\n              <Trans\n                i18nKey=\"neetoMolecules.errorPage.contactUs\"\n                components={{\n                  button: (\n                    <Button\n                      className=\"h-auto p-0 text-[inherit]\"\n                      variant=\"link\"\n                      onClick={openChatWidget}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <div className=\"flex flex-col items-start gap-3 [&_a]:no-underline\">\n            {!hideBackToHomeButton && (\n              <Button\n                asChild\n                size=\"lg\"\n                variant=\"default\"\n                {...backToHomeButtonProps}\n              >\n                <a href={homeUrl}>{t(\"neetoMolecules.errorPage.backToHome\")}</a>\n              </Button>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nErrorPage.propTypes = {\n  /**\n   * The URL to which the user will be taken to when user clicks on back to home button.\n   */\n  homeUrl: PropTypes.string,\n  /**\n   * The status code of the error.\n   */\n  status: PropTypes.oneOf([403, 404, 500]),\n  /**\n   * Decides whether 'contact us' link should be displayed or not.\n   */\n  showNeetoChatWidget: PropTypes.bool,\n  /**\n   * Description about the error.\n   */\n  description: PropTypes.string,\n  /**\n   * Decides whether 'back to home' button should be displayed or not.\n   */\n  hideBackToHomeButton: PropTypes.bool,\n  /**\n   * The title of the error page.\n   */\n  title: PropTypes.string,\n};\n\nexport default ErrorPage;\n"],"names":["ERRORS","Image","PageNotFoundImage","errorKey","titleKey","UnauthorizedImage","InternalServerErrorImage","sanitize","DOMPurify","ErrorPage","_ref","_ref$homeUrl","homeUrl","status","backToHomeButtonProps","children","_ref$showNeetoChatWid","showNeetoChatWidget","description","title","_ref$hideBackToHomeBu","hideBackToHomeButton","_useTranslation","useTranslation","t","_useErrorDisplayStore","useErrorDisplayStore","useShallow","store","statusCode","showErrorPage","storeStatusCode","_ref2","useEffect","pageLoader","document","getElementById","remove","onBackButtonPress","setState","window","addEventListener","removeEventListener","openChatWidget","_window$NeetoChat","_window$NeetoChat2","NeetoChat","contextualHelp","maximizeWidget","openWidget","_jsx","className","_jsxs","Helmet","Typography","variant","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","button","Button","onClick","_objectSpread","asChild","size","href"],"mappings":"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"}
+{"version":3,"file":"ErrorPage.js","sources":["../../../src/v2/components/ErrorPage/constants.js","../../../src/v2/components/ErrorPage/index.jsx"],"sourcesContent":["import InternalServerErrorImage from \"assets/images/internal-server-error\";\nimport PageNotFoundImage from \"assets/images/page-not-found\";\nimport UnauthorizedImage from \"assets/images/unauthorized\";\n\nexport const ERRORS = {\n  404: {\n    Image: PageNotFoundImage,\n    errorKey: \"neetoMolecules.errorPage.cantBeFound\",\n    titleKey: \"neetoMolecules.errorPage.title.cantBeFound\",\n  },\n  403: {\n    Image: UnauthorizedImage,\n    errorKey: \"neetoMolecules.errorPage.unauthorized\",\n    titleKey: \"neetoMolecules.errorPage.title.unauthorized\",\n  },\n  500: {\n    Image: InternalServerErrorImage,\n    errorKey: \"neetoMolecules.errorPage.internalServerError\",\n    titleKey: \"neetoMolecules.errorPage.title.internalServerError\",\n  },\n};\n","import { useEffect } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\n\nconst sanitize = DOMPurify.sanitize;\n\nconst ErrorPage = ({\n  homeUrl = \"/\",\n  status,\n  backToHomeButtonProps,\n  children,\n  showNeetoChatWidget = true,\n  description,\n  title,\n  hideBackToHomeButton = false,\n}) => {\n  const { t } = useTranslation();\n  const { statusCode: storeStatusCode, showErrorPage } =\n    useErrorDisplayStore.pick();\n\n  status = status || storeStatusCode;\n  const { Image, errorKey, titleKey } = ERRORS[status] || ERRORS[404];\n\n  useEffect(() => {\n    const pageLoader = document.getElementById(\"neeto-page-loader\");\n    if (pageLoader) pageLoader.remove();\n\n    const onBackButtonPress = () => {\n      if (!showErrorPage) return;\n      useErrorDisplayStore.setState({ showErrorPage: false });\n    };\n\n    window.addEventListener(\"popstate\", onBackButtonPress);\n\n    return () => {\n      window.removeEventListener(\"popstate\", onBackButtonPress);\n    };\n  }, []);\n\n  const openChatWidget = () => {\n    window.NeetoChat?.contextualHelp?.maximizeWidget();\n    window.NeetoChat?.contextualHelp?.openWidget();\n  };\n\n  return (\n    <div\n      className=\"@container/error-page flex min-h-dvh w-full flex-col items-center justify-center\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"flex w-[768px] max-w-full flex-col gap-8 p-4 @[768px]/error-page:flex-row @[768px]/error-page:gap-12 @[768px]/error-page:p-6\">\n        <Image\n          className=\"dark:[&_path]:fill-foreground w-full max-w-[180px] shrink-0 @[768px]/error-page:max-w-[240px]\"\n          data-testid=\"error-image\"\n        />\n        <div className=\"flex flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"title\"\n            variant=\"h3\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {!!description && (\n            <Typography\n              className=\"mb-4\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              variant=\"body1\"\n            />\n          )}\n          {showNeetoChatWidget && (\n            <Typography className=\"mb-6\" data-testid=\"title\" variant=\"body1\">\n              <Trans\n                i18nKey=\"neetoMolecules.errorPage.contactUs\"\n                components={{\n                  button: (\n                    <Button\n                      className=\"h-auto p-0 text-[inherit]\"\n                      variant=\"link\"\n                      onClick={openChatWidget}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <div className=\"flex flex-col items-start gap-3 [&_a]:no-underline\">\n            {!hideBackToHomeButton && (\n              <Button\n                asChild\n                size=\"lg\"\n                variant=\"default\"\n                {...backToHomeButtonProps}\n              >\n                <a href={homeUrl}>{t(\"neetoMolecules.errorPage.backToHome\")}</a>\n              </Button>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nErrorPage.propTypes = {\n  /**\n   * The URL to which the user will be taken to when user clicks on back to home button.\n   */\n  homeUrl: PropTypes.string,\n  /**\n   * The status code of the error.\n   */\n  status: PropTypes.oneOf([403, 404, 500]),\n  /**\n   * Decides whether 'contact us' link should be displayed or not.\n   */\n  showNeetoChatWidget: PropTypes.bool,\n  /**\n   * Description about the error.\n   */\n  description: PropTypes.string,\n  /**\n   * Decides whether 'back to home' button should be displayed or not.\n   */\n  hideBackToHomeButton: PropTypes.bool,\n  /**\n   * The title of the error page.\n   */\n  title: PropTypes.string,\n};\n\nexport default ErrorPage;\n"],"names":["ERRORS","Image","PageNotFoundImage","errorKey","titleKey","UnauthorizedImage","InternalServerErrorImage","sanitize","DOMPurify","ErrorPage","_ref","_ref$homeUrl","homeUrl","status","backToHomeButtonProps","children","_ref$showNeetoChatWid","showNeetoChatWidget","description","title","_ref$hideBackToHomeBu","hideBackToHomeButton","_useTranslation","useTranslation","t","_useErrorDisplayStore","useErrorDisplayStore","useShallow","store","statusCode","showErrorPage","storeStatusCode","_ref2","useEffect","pageLoader","document","getElementById","remove","onBackButtonPress","setState","window","addEventListener","removeEventListener","openChatWidget","_window$NeetoChat","_window$NeetoChat2","NeetoChat","contextualHelp","maximizeWidget","openWidget","_jsx","className","_jsxs","Helmet","Typography","variant","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","button","Button","onClick","_objectSpread","asChild","size","href"],"mappings":"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"}

package/dist/cjs/v2/Header.js

@@ -88,7 +88,7 @@ var Header = function Header(_ref) {
           className: classnames("flex w-full flex-row items-center gap-3", hasBreadcrumbs ? "mt-0" : "-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1"),
           children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
             asChild: true,
-            variant: isNano ? "h3" : "h1",
+            variant: isNano ? "h4" : "h2",
             weight: "semibold",
             children: /*#__PURE__*/jsxRuntime.jsxs(TitleTag, {
               "data-testid": "main-header",

package/dist/cjs/v2/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../../src/v2/components/Header/constants.js","../../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h3\" : \"h1\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../../src/v2/components/Header/constants.js","../../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h4\" : \"h2\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}

package/dist/cjs/v2/Settings.js

@@ -69,10 +69,9 @@ var IntegrationItem$1 = function IntegrationItem(_ref) {
       className: "flex min-w-0 flex-1 flex-col gap-1",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
         asChild: true,
-        variant: "h3",
+        variant: "h5",
         weight: "semibold",
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "text-foreground text-lg leading-6 transition-colors duration-300 ease-in-out",
           "data-settings-heading": "",
           "data-testid": "settings-item-heading",
           children: label
@@ -131,10 +130,9 @@ var Item$1 = function Item(_ref) {
           size: 24
         }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           asChild: true,
-          variant: "h3",
+          variant: "h5",
           weight: "semibold",
           children: /*#__PURE__*/jsxRuntime.jsx("span", {
-            className: "text-foreground text-lg leading-6 transition-colors duration-300 ease-in-out",
             "data-settings-heading": "",
             "data-testid": "settings-item-heading",
             children: label
@@ -176,7 +174,7 @@ var Category = function Category(_ref) {
     }),
     children: [isLabelPresent && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
       asChild: true,
-      variant: "h2",
+      variant: "h4",
       weight: "semibold",
       children: /*#__PURE__*/jsxRuntime.jsx("h2", {
         className: "mt-2 mb-6",

package/dist/cjs/v2/Settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.js","sources":["../../../src/v2/components/Settings/constants.js","../../../src/v2/components/Settings/IntegrationItem.jsx","../../../src/v2/components/Settings/Item.jsx","../../../src/v2/components/Settings/Category.jsx","../../../src/v2/components/Settings/utils.js","../../../src/v2/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport { Badge, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst IntegrationItem = ({\n  icon: Icon = null,\n  description,\n  label,\n  path,\n  href,\n  isConnected,\n  isMobileOrTablet = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const commonProps = {\n    \"data-testid\": `${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`,\n    className: classnames(\n      \"relative flex cursor-pointer flex-col items-start gap-3 rounded-lg border border-border px-6 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out md:py-8 lg:flex-row xl:gap-4\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      {Icon && (\n        <div className=\"border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-1.5 shadow-sm xl:p-2.5\">\n          <Icon\n            data-testid={`${joinHyphenCase(label)}-integration-icon`}\n            size={isMobileOrTablet ? 26 : 32}\n          />\n        </div>\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <Typography asChild variant=\"h3\" weight=\"semibold\">\n          <span\n            className=\"text-foreground text-lg leading-6 transition-colors duration-300 ease-in-out\"\n            data-settings-heading=\"\"\n            data-testid=\"settings-item-heading\"\n          >\n            {label}\n          </span>\n        </Typography>\n        <Typography asChild variant=\"body2\">\n          <p\n            className=\"text-muted-foreground\"\n            data-testid=\"settings-item-description\"\n          >\n            {description}\n          </p>\n        </Typography>\n      </div>\n      {isConnected && (\n        <Badge\n          className=\"absolute top-2 right-2\"\n          data-testid=\"integration-status-tag\"\n          variant=\"default\"\n        >\n          {t(\"neetoMolecules.integrationCard.connected\")}\n        </Badge>\n      )}\n    </LinkElement>\n  );\n};\n\nIntegrationItem.propTypes = {\n  /**\n   * The icon component to display. Accepts lucide-react icons or brand logos.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * A description of the integration.\n   */\n  description: PropTypes.string,\n  /**\n   * The label text for the integration item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * The internal route path for the integration item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the integration item link.\n   */\n  href: PropTypes.string,\n  /**\n   * Whether the integration is currently connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Whether the current viewport is mobile or tablet size.\n   */\n  isMobileOrTablet: PropTypes.bool,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n};\n\nexport default memo(IntegrationItem);\n","import { memo } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"group flex cursor-pointer flex-col gap-y-4 rounded-lg border border-border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div data-testid={`settings-item-${joinHyphenCase(label)}`}>\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"text-muted-foreground\" size={24} />}\n          <Typography asChild variant=\"h3\" weight=\"semibold\">\n            <span\n              className=\"text-foreground text-lg leading-6 transition-colors duration-300 ease-in-out\"\n              data-settings-heading=\"\"\n              data-testid=\"settings-item-heading\"\n            >\n              {label}\n            </span>\n          </Typography>\n        </div>\n        <Typography asChild variant=\"body2\">\n          <p\n            className=\"text-muted-foreground\"\n            data-testid=\"settings-item-description\"\n          >\n            {description}\n          </p>\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"border-border border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nItem.propTypes = {\n  /**\n   * The label text for the settings item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * A description of the settings item.\n   */\n  description: PropTypes.string,\n  /**\n   * The icon component to display. Accepts lucide-react icons.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * The internal route path for the settings item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the settings item link.\n   */\n  href: PropTypes.string,\n  /**\n   * A custom data-testid attribute for the link element.\n   */\n  dataTestid: PropTypes.string,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n  /**\n   * Optional children rendered below the description, separated by a border.\n   */\n  children: PropTypes.node,\n};\n\nexport default memo(Item);\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { useBreakpoints } from \"neetocommons/react-utils\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const { isSize } = useBreakpoints();\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n  const isMobileOrTablet = isSize(\"mobile\") || isSize(\"tablet\");\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classnames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography asChild variant=\"h2\" weight=\"semibold\">\n          <h2 className=\"mt-2 mb-6\" data-testid=\"settings-category-heading\">\n            {label}\n          </h2>\n        </Typography>\n      )}\n      <div\n        className={classnames(\n          \"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4\",\n          {\n            \"xl:grid-cols-2 2xl:grid-cols-3\": isIntegration,\n            \"xl:grid-cols-3 2xl:grid-cols-4\": !isIntegration,\n          }\n        )}\n      >\n        {items.map(item => (\n          <SettingsCard\n            key={item.label}\n            {...item}\n            {...(isIntegration && { isMobileOrTablet })}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nimport Header from \"../Header\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  headerProps = {},\n  categories = [],\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classnames(\n        \"flex h-dvh grow flex-col items-start justify-start overflow-y-auto px-5 md:px-10\",\n        { \"h-auto overflow-y-auto\": isTitleHidden },\n        className\n      )}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classnames({ \"min-h-0 pt-8 pb-4\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n          {...headerProps}\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n            <p className=\"text-lg font-medium\">\n              {t(\"neetoMolecules.settingsPage.noData\")}\n            </p>\n          </div>\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: PropTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: PropTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: PropTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: PropTypes.array,\n  /**\n   * Additional classes to be added to the container.\n   */\n  className: PropTypes.string,\n  /**\n   * Props to be passed to the header component.\n   */\n  headerProps: PropTypes.object,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","IntegrationItem","_ref","_ref$icon","icon","Icon","description","label","path","href","isConnected","_ref$isMobileOrTablet","isMobileOrTablet","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","commonProps","_objectSpread","concat","hyphenate","replace","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","children","_jsx","joinHyphenCase","size","Typography","asChild","variant","weight","Badge","memo","Item","dataTestid","Category","items","id","isIntegration","_useBreakpoints","useBreakpoints","isSize","SettingsCard","isLabelPresent","isPresent","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_ref$headerProps","headerProps","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","_createElement","key"],"mappings":"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"}
+{"version":3,"file":"Settings.js","sources":["../../../src/v2/components/Settings/constants.js","../../../src/v2/components/Settings/IntegrationItem.jsx","../../../src/v2/components/Settings/Item.jsx","../../../src/v2/components/Settings/Category.jsx","../../../src/v2/components/Settings/utils.js","../../../src/v2/components/Settings/index.jsx"],"sourcesContent":["export const UNSUPPORTED_LINK_PROPS = [\"staticContext\", \"tReady\"];\n","import { memo } from \"react\";\n\nimport { Badge, Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { hyphenate } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst IntegrationItem = ({\n  icon: Icon = null,\n  description,\n  label,\n  path,\n  href,\n  isConnected,\n  isMobileOrTablet = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const commonProps = {\n    \"data-testid\": `${hyphenate(label).replace(/\\./g, \"-\")}-integration-card`,\n    className: classnames(\n      \"relative flex cursor-pointer flex-col items-start gap-3 rounded-lg border border-border px-6 py-6 no-underline outline-none transition-shadow duration-300 ease-in-out md:py-8 lg:flex-row xl:gap-4\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      {Icon && (\n        <div className=\"border-border mt-0.5 flex shrink-0 items-center justify-center rounded-lg border p-1.5 shadow-sm xl:p-2.5\">\n          <Icon\n            data-testid={`${joinHyphenCase(label)}-integration-icon`}\n            size={isMobileOrTablet ? 26 : 32}\n          />\n        </div>\n      )}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        <Typography asChild variant=\"h5\" weight=\"semibold\">\n          <span data-settings-heading=\"\" data-testid=\"settings-item-heading\">\n            {label}\n          </span>\n        </Typography>\n        <Typography asChild variant=\"body2\">\n          <p\n            className=\"text-muted-foreground\"\n            data-testid=\"settings-item-description\"\n          >\n            {description}\n          </p>\n        </Typography>\n      </div>\n      {isConnected && (\n        <Badge\n          className=\"absolute top-2 right-2\"\n          data-testid=\"integration-status-tag\"\n          variant=\"default\"\n        >\n          {t(\"neetoMolecules.integrationCard.connected\")}\n        </Badge>\n      )}\n    </LinkElement>\n  );\n};\n\nIntegrationItem.propTypes = {\n  /**\n   * The icon component to display. Accepts lucide-react icons or brand logos.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * A description of the integration.\n   */\n  description: PropTypes.string,\n  /**\n   * The label text for the integration item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * The internal route path for the integration item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the integration item link.\n   */\n  href: PropTypes.string,\n  /**\n   * Whether the integration is currently connected.\n   */\n  isConnected: PropTypes.bool,\n  /**\n   * Whether the current viewport is mobile or tablet size.\n   */\n  isMobileOrTablet: PropTypes.bool,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n};\n\nexport default memo(IntegrationItem);\n","import { memo } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { omit } from \"ramda\";\nimport { Link } from \"react-router-dom\";\n\nimport { UNSUPPORTED_LINK_PROPS } from \"./constants\";\n\nconst Item = ({\n  label,\n  description,\n  icon: Icon = null,\n  path,\n  href,\n  dataTestid,\n  className = \"\",\n  children,\n  ...otherProps\n}) => {\n  const commonProps = {\n    \"data-testid\": dataTestid,\n    className: classnames(\n      \"group flex cursor-pointer flex-col gap-y-4 rounded-lg border border-border p-6 no-underline outline-none transition-shadow duration-300 ease-in-out\",\n      \"hover:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] hover:[&_[data-settings-heading]]:text-primary\",\n      \"active:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] active:[&_[data-settings-heading]]:text-primary\",\n      \"focus:border-primary focus:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus:[&_[data-settings-heading]]:text-primary\",\n      \"focus-visible:border-primary focus-visible:shadow-[0px_0px_9.2px_0px_rgba(29,33,59,0.12)] focus-visible:[&_[data-settings-heading]]:text-primary\",\n      className\n    ),\n    ...omit(UNSUPPORTED_LINK_PROPS, otherProps),\n  };\n\n  const LinkElement = href ? \"a\" : Link;\n  const linkProps = href\n    ? { href, ...commonProps }\n    : { to: path, ...commonProps };\n\n  return (\n    <LinkElement {...linkProps}>\n      <div data-testid={`settings-item-${joinHyphenCase(label)}`}>\n        <div className=\"mb-2.5 flex items-center gap-3\">\n          {Icon && <Icon className=\"text-muted-foreground\" size={24} />}\n          <Typography asChild variant=\"h5\" weight=\"semibold\">\n            <span data-settings-heading=\"\" data-testid=\"settings-item-heading\">\n              {label}\n            </span>\n          </Typography>\n        </div>\n        <Typography asChild variant=\"body2\">\n          <p\n            className=\"text-muted-foreground\"\n            data-testid=\"settings-item-description\"\n          >\n            {description}\n          </p>\n        </Typography>\n      </div>\n      {children && (\n        <div className=\"border-border border-t pt-3\">{children}</div>\n      )}\n    </LinkElement>\n  );\n};\n\nItem.propTypes = {\n  /**\n   * The label text for the settings item.\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * A description of the settings item.\n   */\n  description: PropTypes.string,\n  /**\n   * The icon component to display. Accepts lucide-react icons.\n   */\n  icon: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.func,\n    PropTypes.object,\n  ]),\n  /**\n   * The internal route path for the settings item link.\n   */\n  path: PropTypes.string,\n  /**\n   * The external URL for the settings item link.\n   */\n  href: PropTypes.string,\n  /**\n   * A custom data-testid attribute for the link element.\n   */\n  dataTestid: PropTypes.string,\n  /**\n   * Additional CSS classes for the link element.\n   */\n  className: PropTypes.string,\n  /**\n   * Optional children rendered below the description, separated by a border.\n   */\n  children: PropTypes.node,\n};\n\nexport default memo(Item);\n","import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isPresent } from \"neetocist\";\nimport { useBreakpoints } from \"neetocommons/react-utils\";\n\nimport IntegrationItem from \"./IntegrationItem\";\nimport Item from \"./Item\";\n\nconst Category = ({ items, label, id, isIntegration }) => {\n  const { isSize } = useBreakpoints();\n  const SettingsCard = isIntegration ? IntegrationItem : Item;\n  const isMobileOrTablet = isSize(\"mobile\") || isSize(\"tablet\");\n\n  const isLabelPresent = isPresent(label);\n\n  return (\n    <div\n      {...{ id }}\n      className={classnames(\"flex flex-col\", { \"mb-7\": isLabelPresent })}\n    >\n      {isLabelPresent && (\n        <Typography asChild variant=\"h4\" weight=\"semibold\">\n          <h2 className=\"mt-2 mb-6\" data-testid=\"settings-category-heading\">\n            {label}\n          </h2>\n        </Typography>\n      )}\n      <div\n        className={classnames(\n          \"grid grid-cols-1 gap-3 py-1 md:grid-cols-2 lg:grid-cols-2 lg:gap-4\",\n          {\n            \"xl:grid-cols-2 2xl:grid-cols-3\": isIntegration,\n            \"xl:grid-cols-3 2xl:grid-cols-4\": !isIntegration,\n          }\n        )}\n      >\n        {items.map(item => (\n          <SettingsCard\n            key={item.label}\n            {...item}\n            {...(isIntegration && { isMobileOrTablet })}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport default Category;\n","import { filterBy, isNotEmpty } from \"neetocist\";\n\nconst isTextMatching = (label, searchTerm) =>\n  label.toLowerCase().includes(searchTerm.trim().toLowerCase());\n\nexport const scrollIntoSettingCategory = activeCategory => {\n  document.getElementById(activeCategory)?.scrollIntoView({\n    behavior: \"smooth\",\n  });\n};\n\nexport const filterCategories = ({ categories = [], searchTerm = \"\" }) => {\n  const isSearchTermBlank = !searchTerm.trim();\n\n  const filteredCategories = isSearchTermBlank\n    ? categories\n    : categories.map(category => ({\n        ...category,\n        items: filterBy(\n          ({ label, description }) =>\n            isTextMatching(label, searchTerm) ||\n            isTextMatching(description, searchTerm),\n          category.items\n        ),\n      }));\n\n  return filterBy({ items: isNotEmpty }, filteredCategories);\n};\n","import { useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport Category from \"./Category\";\nimport { filterCategories, scrollIntoSettingCategory } from \"./utils\";\n\nimport Header from \"../Header\";\n\nconst Settings = ({\n  isTitleHidden = false,\n  isSearchHidden = false,\n  title,\n  headerProps = {},\n  categories = [],\n  className = \"\",\n}) => {\n  const { t } = useTranslation();\n\n  const { category: categoryParam, searchTerm = \"\" } = useQueryParams();\n\n  const filteredCategories = filterCategories({ categories, searchTerm });\n\n  const isHeaderVisible = !isSearchHidden || !isTitleHidden;\n\n  const headerTitle = title ?? t(\"neetoMolecules.settingsPage.title\");\n\n  useEffect(() => {\n    scrollIntoSettingCategory(categoryParam);\n  }, [categoryParam]);\n\n  return (\n    <div\n      className={classnames(\n        \"flex h-dvh grow flex-col items-start justify-start overflow-y-auto px-5 md:px-10\",\n        { \"h-auto overflow-y-auto\": isTitleHidden },\n        className\n      )}\n    >\n      {isHeaderVisible && (\n        <Header\n          className={classnames({ \"min-h-0 pt-8 pb-4\": isTitleHidden })}\n          title={!isTitleHidden && headerTitle}\n          searchProps={\n            isSearchHidden\n              ? null\n              : {\n                  className: \"w-72\",\n                  placeholder: t(\n                    \"neetoMolecules.settingsPage.placeholder.search\"\n                  ),\n                }\n          }\n          {...headerProps}\n        />\n      )}\n      {isEmpty(filteredCategories) ? (\n        <div\n          className=\"flex h-full w-full flex-grow items-center justify-center\"\n          data-testid=\"settings-no-data\"\n        >\n          <div className=\"text-muted-foreground flex flex-col items-center gap-2\">\n            <p className=\"text-lg font-medium\">\n              {t(\"neetoMolecules.settingsPage.noData\")}\n            </p>\n          </div>\n        </div>\n      ) : (\n        <div className=\"w-full\">\n          {filteredCategories.map(({ id, label, items, isIntegration }) => (\n            <Category {...{ id, isIntegration, items, label }} key={id} />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nSettings.propTypes = {\n  /**\n   * Whether to hide the title or not.\n   */\n  isTitleHidden: PropTypes.bool,\n  /**\n   * This can be used to customize the title.\n   */\n  title: PropTypes.string,\n  /**\n   * Whether to hide the search bar or not.\n   */\n  isSearchHidden: PropTypes.bool,\n  /**\n   * An array of setting categories to be displayed.\n   */\n  categories: PropTypes.array,\n  /**\n   * Additional classes to be added to the container.\n   */\n  className: PropTypes.string,\n  /**\n   * Props to be passed to the header component.\n   */\n  headerProps: PropTypes.object,\n};\n\nexport default Settings;\n"],"names":["UNSUPPORTED_LINK_PROPS","IntegrationItem","_ref","_ref$icon","icon","Icon","description","label","path","href","isConnected","_ref$isMobileOrTablet","isMobileOrTablet","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","commonProps","_objectSpread","concat","hyphenate","replace","classnames","omit","LinkElement","Link","linkProps","to","_jsxs","children","_jsx","joinHyphenCase","size","Typography","asChild","variant","weight","Badge","memo","Item","dataTestid","Category","items","id","isIntegration","_useBreakpoints","useBreakpoints","isSize","SettingsCard","isLabelPresent","isPresent","map","item","isTextMatching","searchTerm","toLowerCase","includes","trim","scrollIntoSettingCategory","activeCategory","_document$getElementB","document","getElementById","scrollIntoView","behavior","filterCategories","_ref$categories","categories","_ref$searchTerm","isSearchTermBlank","filteredCategories","category","filterBy","_ref2","isNotEmpty","Settings","_ref$isTitleHidden","isTitleHidden","_ref$isSearchHidden","isSearchHidden","title","_ref$headerProps","headerProps","_useQueryParams","useQueryParams","categoryParam","_useQueryParams$searc","isHeaderVisible","headerTitle","useEffect","Header","searchProps","placeholder","isEmpty","_createElement","key"],"mappings":"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"}

package/dist/v2/CardLayout.js

@@ -27,7 +27,7 @@ var CardLayout = function CardLayout(_ref) {
           className: "nv-card-icon-wrapper mb-4 w-full text-start",
           children: icon
         }), title && /*#__PURE__*/jsx(Typography, {
-          variant: "h2",
+          variant: "h3",
           className: classnames(["mb-2", {
             "pb-2": isNotPresent(description)
           }]),

package/dist/v2/CardLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.js","sources":["../../src/v2/components/CardLayout/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  icon,\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"nv-card-container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"nv-card border-border my-6 w-full rounded-lg border\",\n        className,\n      ])}\n    >\n      <div className=\"nv-card-content p-4 md:p-6\">\n        {icon && (\n          <div className=\"nv-card-icon-wrapper mb-4 w-full text-start\">\n            {icon}\n          </div>\n        )}\n        {title && (\n          <Typography\n            variant=\"h2\"\n            className={classnames([\n              \"mb-2\",\n              { \"pb-2\": isNotPresent(description) },\n            ])}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-4\" variant=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"nv-card-action-block bg-muted sticky bottom-0 w-full rounded-lg rounded-t-none p-4 md:px-6\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the icon of the card.\n   */\n  icon: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","icon","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","variant","isNotPresent"],"mappings":";;;;;AAKA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,qBAAA,GAAAJ,IAAA,CACJK,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAR,IAAA,CACZS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAAA,EAAA,oBAERC,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CV,SAAS,EAAEW,UAAU,CAAC,CACpB,4CAA4C,EAC5CR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,IAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCZ,SAAS,EAAEW,UAAU,CAAC,CACpB,qDAAqD,EACrDX,SAAS,CACV,CAAE;AAAAS,MAAAA,QAAA,gBAEHG,IAAA,CAAA,KAAA,EAAA;AAAKZ,QAAAA,SAAS,EAAC,4BAA4B;QAAAS,QAAA,EAAA,CACxCR,IAAI,iBACHS,GAAA,CAAA,KAAA,EAAA;AAAKV,UAAAA,SAAS,EAAC,6CAA6C;AAAAS,UAAAA,QAAA,EACzDR;AAAI,SACF,CACN,EACAI,KAAK,iBACJK,GAAA,CAACG,UAAU,EAAA;AACTC,UAAAA,OAAO,EAAC,IAAI;AACZd,UAAAA,SAAS,EAAEW,UAAU,CAAC,CACpB,MAAM,EACN;YAAE,MAAM,EAAEI,YAAY,CAACR,WAAW;AAAE,WAAC,CACtC,CAAE;AAAAE,UAAAA,QAAA,EAEFJ;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,GAAA,CAACG,UAAU,EAAA;AAACb,UAAAA,SAAS,EAAC,MAAM;AAACc,UAAAA,OAAO,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACzCF;SACS,CACb,EACAE,QAAQ;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,GAAA,CAAA,KAAA,EAAA;QACEV,SAAS,EAAEW,UAAU,CAAC,CACpB,4FAA4F,EAC5FX,SAAS,CACV,CAAE;AAAAS,QAAAA,QAAA,EAEFD;AAAW,OACT,CACN;KACE;AAAC,GACH,CAAC;AAAA;;;;"}
+{"version":3,"file":"CardLayout.js","sources":["../../src/v2/components/CardLayout/index.jsx"],"sourcesContent":["import { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nconst CardLayout = ({\n  className = \"\",\n  icon,\n  containerClassName = \"\",\n  title = null,\n  description = null,\n  actionBlock,\n  children,\n}) => (\n  <div\n    data-testid=\"neeto-molecules-card-container\"\n    className={classnames([\n      \"nv-card-container mx-auto w-full max-w-3xl\",\n      containerClassName,\n    ])}\n  >\n    <div\n      data-testid=\"neeto-molecules-card\"\n      className={classnames([\n        \"nv-card border-border my-6 w-full rounded-lg border\",\n        className,\n      ])}\n    >\n      <div className=\"nv-card-content p-4 md:p-6\">\n        {icon && (\n          <div className=\"nv-card-icon-wrapper mb-4 w-full text-start\">\n            {icon}\n          </div>\n        )}\n        {title && (\n          <Typography\n            variant=\"h3\"\n            className={classnames([\n              \"mb-2\",\n              { \"pb-2\": isNotPresent(description) },\n            ])}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography className=\"mb-4\" variant=\"body1\">\n            {description}\n          </Typography>\n        )}\n        {children}\n      </div>\n      {actionBlock && (\n        <div\n          className={classnames([\n            \"nv-card-action-block bg-muted sticky bottom-0 w-full rounded-lg rounded-t-none p-4 md:px-6\",\n            className,\n          ])}\n        >\n          {actionBlock}\n        </div>\n      )}\n    </div>\n  </div>\n);\n\nCardLayout.propTypes = {\n  /**\n   * To set the title of the card.\n   */\n  title: PropTypes.string,\n  /**\n   * To set the description of the card.\n   */\n  description: PropTypes.node,\n  /**\n   * To set custom class name to the card.\n   */\n  className: PropTypes.string,\n  /**\n   * To set custom class name to the card container.\n   */\n  containerClassName: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the card footer.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To specify the components to be rendered inside the card.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the icon of the card.\n   */\n  icon: PropTypes.node,\n};\n\nexport default CardLayout;\n"],"names":["CardLayout","_ref","_ref$className","className","icon","_ref$containerClassNa","containerClassName","_ref$title","title","_ref$description","description","actionBlock","children","_jsx","classnames","_jsxs","Typography","variant","isNotPresent"],"mappings":";;;;;AAKA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAAC,cAAA,GAAAD,IAAA,CACdE,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,cAAA;IACdE,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,qBAAA,GAAAJ,IAAA,CACJK,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,UAAA,GAAAN,IAAA,CACvBO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,UAAA;IAAAE,gBAAA,GAAAR,IAAA,CACZS,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,gBAAA;IAClBE,WAAW,GAAAV,IAAA,CAAXU,WAAW;IACXC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AAAA,EAAA,oBAERC,GAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,gCAAgC;IAC5CV,SAAS,EAAEW,UAAU,CAAC,CACpB,4CAA4C,EAC5CR,kBAAkB,CACnB,CAAE;AAAAM,IAAAA,QAAA,eAEHG,IAAA,CAAA,KAAA,EAAA;AACE,MAAA,aAAA,EAAY,sBAAsB;MAClCZ,SAAS,EAAEW,UAAU,CAAC,CACpB,qDAAqD,EACrDX,SAAS,CACV,CAAE;AAAAS,MAAAA,QAAA,gBAEHG,IAAA,CAAA,KAAA,EAAA;AAAKZ,QAAAA,SAAS,EAAC,4BAA4B;QAAAS,QAAA,EAAA,CACxCR,IAAI,iBACHS,GAAA,CAAA,KAAA,EAAA;AAAKV,UAAAA,SAAS,EAAC,6CAA6C;AAAAS,UAAAA,QAAA,EACzDR;AAAI,SACF,CACN,EACAI,KAAK,iBACJK,GAAA,CAACG,UAAU,EAAA;AACTC,UAAAA,OAAO,EAAC,IAAI;AACZd,UAAAA,SAAS,EAAEW,UAAU,CAAC,CACpB,MAAM,EACN;YAAE,MAAM,EAAEI,YAAY,CAACR,WAAW;AAAE,WAAC,CACtC,CAAE;AAAAE,UAAAA,QAAA,EAEFJ;AAAK,SACI,CACb,EACAE,WAAW,iBACVG,GAAA,CAACG,UAAU,EAAA;AAACb,UAAAA,SAAS,EAAC,MAAM;AAACc,UAAAA,OAAO,EAAC,OAAO;AAAAL,UAAAA,QAAA,EACzCF;SACS,CACb,EACAE,QAAQ;AAAA,OACN,CAAC,EACLD,WAAW,iBACVE,GAAA,CAAA,KAAA,EAAA;QACEV,SAAS,EAAEW,UAAU,CAAC,CACpB,4FAA4F,EAC5FX,SAAS,CACV,CAAE;AAAAS,QAAAA,QAAA,EAEFD;AAAW,OACT,CACN;KACE;AAAC,GACH,CAAC;AAAA;;;;"}

package/dist/v2/ErrorPage.js

@@ -92,7 +92,7 @@ var ErrorPage = function ErrorPage(_ref) {
         }), /*#__PURE__*/jsx(Typography, {
           className: "mb-4",
           "data-testid": "title",
-          variant: "h2",
+          variant: "h3",
           weight: "semibold",
           children: title || /*#__PURE__*/jsx(Trans, {
             i18nKey: errorKey

package/dist/v2/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sources":["../../src/v2/components/ErrorPage/constants.js","../../src/v2/components/ErrorPage/index.jsx"],"sourcesContent":["import InternalServerErrorImage from \"assets/images/internal-server-error\";\nimport PageNotFoundImage from \"assets/images/page-not-found\";\nimport UnauthorizedImage from \"assets/images/unauthorized\";\n\nexport const ERRORS = {\n  404: {\n    Image: PageNotFoundImage,\n    errorKey: \"neetoMolecules.errorPage.cantBeFound\",\n    titleKey: \"neetoMolecules.errorPage.title.cantBeFound\",\n  },\n  403: {\n    Image: UnauthorizedImage,\n    errorKey: \"neetoMolecules.errorPage.unauthorized\",\n    titleKey: \"neetoMolecules.errorPage.title.unauthorized\",\n  },\n  500: {\n    Image: InternalServerErrorImage,\n    errorKey: \"neetoMolecules.errorPage.internalServerError\",\n    titleKey: \"neetoMolecules.errorPage.title.internalServerError\",\n  },\n};\n","import { useEffect } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\n\nconst sanitize = DOMPurify.sanitize;\n\nconst ErrorPage = ({\n  homeUrl = \"/\",\n  status,\n  backToHomeButtonProps,\n  children,\n  showNeetoChatWidget = true,\n  description,\n  title,\n  hideBackToHomeButton = false,\n}) => {\n  const { t } = useTranslation();\n  const { statusCode: storeStatusCode, showErrorPage } =\n    useErrorDisplayStore.pick();\n\n  status = status || storeStatusCode;\n  const { Image, errorKey, titleKey } = ERRORS[status] || ERRORS[404];\n\n  useEffect(() => {\n    const pageLoader = document.getElementById(\"neeto-page-loader\");\n    if (pageLoader) pageLoader.remove();\n\n    const onBackButtonPress = () => {\n      if (!showErrorPage) return;\n      useErrorDisplayStore.setState({ showErrorPage: false });\n    };\n\n    window.addEventListener(\"popstate\", onBackButtonPress);\n\n    return () => {\n      window.removeEventListener(\"popstate\", onBackButtonPress);\n    };\n  }, []);\n\n  const openChatWidget = () => {\n    window.NeetoChat?.contextualHelp?.maximizeWidget();\n    window.NeetoChat?.contextualHelp?.openWidget();\n  };\n\n  return (\n    <div\n      className=\"@container/error-page flex min-h-dvh w-full flex-col items-center justify-center\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"flex w-[768px] max-w-full flex-col gap-8 p-4 @[768px]/error-page:flex-row @[768px]/error-page:gap-12 @[768px]/error-page:p-6\">\n        <Image\n          className=\"dark:[&_path]:fill-foreground w-full max-w-[180px] shrink-0 @[768px]/error-page:max-w-[240px]\"\n          data-testid=\"error-image\"\n        />\n        <div className=\"flex flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"title\"\n            variant=\"h2\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {!!description && (\n            <Typography\n              className=\"mb-4\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              variant=\"body1\"\n            />\n          )}\n          {showNeetoChatWidget && (\n            <Typography className=\"mb-6\" data-testid=\"title\" variant=\"body1\">\n              <Trans\n                i18nKey=\"neetoMolecules.errorPage.contactUs\"\n                components={{\n                  button: (\n                    <Button\n                      className=\"h-auto p-0 text-[inherit]\"\n                      variant=\"link\"\n                      onClick={openChatWidget}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <div className=\"flex flex-col items-start gap-3 [&_a]:no-underline\">\n            {!hideBackToHomeButton && (\n              <Button\n                asChild\n                size=\"lg\"\n                variant=\"default\"\n                {...backToHomeButtonProps}\n              >\n                <a href={homeUrl}>{t(\"neetoMolecules.errorPage.backToHome\")}</a>\n              </Button>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nErrorPage.propTypes = {\n  /**\n   * The URL to which the user will be taken to when user clicks on back to home button.\n   */\n  homeUrl: PropTypes.string,\n  /**\n   * The status code of the error.\n   */\n  status: PropTypes.oneOf([403, 404, 500]),\n  /**\n   * Decides whether 'contact us' link should be displayed or not.\n   */\n  showNeetoChatWidget: PropTypes.bool,\n  /**\n   * Description about the error.\n   */\n  description: PropTypes.string,\n  /**\n   * Decides whether 'back to home' button should be displayed or not.\n   */\n  hideBackToHomeButton: PropTypes.bool,\n  /**\n   * The title of the error page.\n   */\n  title: PropTypes.string,\n};\n\nexport default ErrorPage;\n"],"names":["ERRORS","Image","PageNotFoundImage","errorKey","titleKey","UnauthorizedImage","InternalServerErrorImage","sanitize","DOMPurify","ErrorPage","_ref","_ref$homeUrl","homeUrl","status","backToHomeButtonProps","children","_ref$showNeetoChatWid","showNeetoChatWidget","description","title","_ref$hideBackToHomeBu","hideBackToHomeButton","_useTranslation","useTranslation","t","_useErrorDisplayStore","useErrorDisplayStore","useShallow","store","statusCode","showErrorPage","storeStatusCode","_ref2","useEffect","pageLoader","document","getElementById","remove","onBackButtonPress","setState","window","addEventListener","removeEventListener","openChatWidget","_window$NeetoChat","_window$NeetoChat2","NeetoChat","contextualHelp","maximizeWidget","openWidget","_jsx","className","_jsxs","Helmet","Typography","variant","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","button","Button","onClick","_objectSpread","asChild","size","href"],"mappings":"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"}
+{"version":3,"file":"ErrorPage.js","sources":["../../src/v2/components/ErrorPage/constants.js","../../src/v2/components/ErrorPage/index.jsx"],"sourcesContent":["import InternalServerErrorImage from \"assets/images/internal-server-error\";\nimport PageNotFoundImage from \"assets/images/page-not-found\";\nimport UnauthorizedImage from \"assets/images/unauthorized\";\n\nexport const ERRORS = {\n  404: {\n    Image: PageNotFoundImage,\n    errorKey: \"neetoMolecules.errorPage.cantBeFound\",\n    titleKey: \"neetoMolecules.errorPage.title.cantBeFound\",\n  },\n  403: {\n    Image: UnauthorizedImage,\n    errorKey: \"neetoMolecules.errorPage.unauthorized\",\n    titleKey: \"neetoMolecules.errorPage.title.unauthorized\",\n  },\n  500: {\n    Image: InternalServerErrorImage,\n    errorKey: \"neetoMolecules.errorPage.internalServerError\",\n    titleKey: \"neetoMolecules.errorPage.title.internalServerError\",\n  },\n};\n","import { useEffect } from \"react\";\n\nimport { Button, Typography } from \"@bigbinary/neeto-atoms\";\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\n\nconst sanitize = DOMPurify.sanitize;\n\nconst ErrorPage = ({\n  homeUrl = \"/\",\n  status,\n  backToHomeButtonProps,\n  children,\n  showNeetoChatWidget = true,\n  description,\n  title,\n  hideBackToHomeButton = false,\n}) => {\n  const { t } = useTranslation();\n  const { statusCode: storeStatusCode, showErrorPage } =\n    useErrorDisplayStore.pick();\n\n  status = status || storeStatusCode;\n  const { Image, errorKey, titleKey } = ERRORS[status] || ERRORS[404];\n\n  useEffect(() => {\n    const pageLoader = document.getElementById(\"neeto-page-loader\");\n    if (pageLoader) pageLoader.remove();\n\n    const onBackButtonPress = () => {\n      if (!showErrorPage) return;\n      useErrorDisplayStore.setState({ showErrorPage: false });\n    };\n\n    window.addEventListener(\"popstate\", onBackButtonPress);\n\n    return () => {\n      window.removeEventListener(\"popstate\", onBackButtonPress);\n    };\n  }, []);\n\n  const openChatWidget = () => {\n    window.NeetoChat?.contextualHelp?.maximizeWidget();\n    window.NeetoChat?.contextualHelp?.openWidget();\n  };\n\n  return (\n    <div\n      className=\"@container/error-page flex min-h-dvh w-full flex-col items-center justify-center\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"flex w-[768px] max-w-full flex-col gap-8 p-4 @[768px]/error-page:flex-row @[768px]/error-page:gap-12 @[768px]/error-page:p-6\">\n        <Image\n          className=\"dark:[&_path]:fill-foreground w-full max-w-[180px] shrink-0 @[768px]/error-page:max-w-[240px]\"\n          data-testid=\"error-image\"\n        />\n        <div className=\"flex flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          <Typography\n            className=\"mb-4\"\n            data-testid=\"title\"\n            variant=\"h3\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {!!description && (\n            <Typography\n              className=\"mb-4\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              variant=\"body1\"\n            />\n          )}\n          {showNeetoChatWidget && (\n            <Typography className=\"mb-6\" data-testid=\"title\" variant=\"body1\">\n              <Trans\n                i18nKey=\"neetoMolecules.errorPage.contactUs\"\n                components={{\n                  button: (\n                    <Button\n                      className=\"h-auto p-0 text-[inherit]\"\n                      variant=\"link\"\n                      onClick={openChatWidget}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <div className=\"flex flex-col items-start gap-3 [&_a]:no-underline\">\n            {!hideBackToHomeButton && (\n              <Button\n                asChild\n                size=\"lg\"\n                variant=\"default\"\n                {...backToHomeButtonProps}\n              >\n                <a href={homeUrl}>{t(\"neetoMolecules.errorPage.backToHome\")}</a>\n              </Button>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nErrorPage.propTypes = {\n  /**\n   * The URL to which the user will be taken to when user clicks on back to home button.\n   */\n  homeUrl: PropTypes.string,\n  /**\n   * The status code of the error.\n   */\n  status: PropTypes.oneOf([403, 404, 500]),\n  /**\n   * Decides whether 'contact us' link should be displayed or not.\n   */\n  showNeetoChatWidget: PropTypes.bool,\n  /**\n   * Description about the error.\n   */\n  description: PropTypes.string,\n  /**\n   * Decides whether 'back to home' button should be displayed or not.\n   */\n  hideBackToHomeButton: PropTypes.bool,\n  /**\n   * The title of the error page.\n   */\n  title: PropTypes.string,\n};\n\nexport default ErrorPage;\n"],"names":["ERRORS","Image","PageNotFoundImage","errorKey","titleKey","UnauthorizedImage","InternalServerErrorImage","sanitize","DOMPurify","ErrorPage","_ref","_ref$homeUrl","homeUrl","status","backToHomeButtonProps","children","_ref$showNeetoChatWid","showNeetoChatWidget","description","title","_ref$hideBackToHomeBu","hideBackToHomeButton","_useTranslation","useTranslation","t","_useErrorDisplayStore","useErrorDisplayStore","useShallow","store","statusCode","showErrorPage","storeStatusCode","_ref2","useEffect","pageLoader","document","getElementById","remove","onBackButtonPress","setState","window","addEventListener","removeEventListener","openChatWidget","_window$NeetoChat","_window$NeetoChat2","NeetoChat","contextualHelp","maximizeWidget","openWidget","_jsx","className","_jsxs","Helmet","Typography","variant","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","button","Button","onClick","_objectSpread","asChild","size","href"],"mappings":"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"}

package/dist/v2/Header.js

@@ -86,7 +86,7 @@ var Header = function Header(_ref) {
           className: classnames("flex w-full flex-row items-center gap-3", hasBreadcrumbs ? "mt-0" : "-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1"),
           children: /*#__PURE__*/jsx(Typography, {
             asChild: true,
-            variant: isNano ? "h3" : "h1",
+            variant: isNano ? "h4" : "h2",
             weight: "semibold",
             children: /*#__PURE__*/jsxs(TitleTag, {
               "data-testid": "main-header",

package/dist/v2/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","sources":["../../src/v2/components/Header/constants.js","../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h3\" : \"h1\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}
+{"version":3,"file":"Header.js","sources":["../../src/v2/components/Header/constants.js","../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\"--nv-header-height\", `${height}px`);\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\"--nv-header-height\");\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h4\" : \"h2\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}

package/dist/v2/Settings.js

@@ -67,10 +67,9 @@ var IntegrationItem = function IntegrationItem(_ref) {
       className: "flex min-w-0 flex-1 flex-col gap-1",
       children: [/*#__PURE__*/jsx(Typography, {
         asChild: true,
-        variant: "h3",
+        variant: "h5",
         weight: "semibold",
         children: /*#__PURE__*/jsx("span", {
-          className: "text-foreground text-lg leading-6 transition-colors duration-300 ease-in-out",
           "data-settings-heading": "",
           "data-testid": "settings-item-heading",
           children: label
@@ -129,10 +128,9 @@ var Item = function Item(_ref) {
           size: 24
         }), /*#__PURE__*/jsx(Typography, {
           asChild: true,
-          variant: "h3",
+          variant: "h5",
           weight: "semibold",
           children: /*#__PURE__*/jsx("span", {
-            className: "text-foreground text-lg leading-6 transition-colors duration-300 ease-in-out",
             "data-settings-heading": "",
             "data-testid": "settings-item-heading",
             children: label
@@ -174,7 +172,7 @@ var Category = function Category(_ref) {
     }),
     children: [isLabelPresent && /*#__PURE__*/jsx(Typography, {
       asChild: true,
-      variant: "h2",
+      variant: "h4",
       weight: "semibold",
       children: /*#__PURE__*/jsx("h2", {
         className: "mt-2 mb-6",