@bigbinary/neeto-molecules 5.1.21 → 5.1.23

package/dist/ErrorPage.js

@@ -1,34 +1,48 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { useShallow } from 'zustand/shallow';
 import { useEffect } from 'react';
-import { S as SvgInternalServerError, a as SvgUnauthorized, b as SvgPageNotFound, p as purify } from './unauthorized-DLPyUaeK.js';
+import { p as purify } from './purify.es-CRFzu7ib.js';
 import { useErrorDisplayStore } from '@bigbinary/neeto-commons-frontend/react-utils/useDisplayErrorPage';
+import Home from '@bigbinary/neeto-icons/Home';
+import Left from '@bigbinary/neeto-icons/Left';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
 import { Helmet } from 'react-helmet';
 import { useTranslation, Trans } from 'react-i18next';
+import Lock from '@bigbinary/neeto-icons/Lock';
+import Search from '@bigbinary/neeto-icons/Search';
+import Warning from '@bigbinary/neeto-icons/Warning';
 import { n } from './inject-css-C2dztUxs.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var ERRORS = {
   404: {
-    Image: SvgPageNotFound,
+    Icon: Search,
     errorKey: "neetoMolecules.errorPage.cantBeFound",
-    titleKey: "neetoMolecules.errorPage.title.cantBeFound"
+    titleKey: "neetoMolecules.errorPage.title.cantBeFound",
+    descriptionKey: "neetoMolecules.errorPage.description.cantBeFound",
+    primaryAction: "home",
+    usesChat: true
   },
   403: {
-    Image: SvgUnauthorized,
+    Icon: Lock,
     errorKey: "neetoMolecules.errorPage.unauthorized",
-    titleKey: "neetoMolecules.errorPage.title.unauthorized"
+    titleKey: "neetoMolecules.errorPage.title.unauthorized",
+    descriptionKey: "neetoMolecules.errorPage.description.unauthorized",
+    primaryAction: "back",
+    usesChat: false
   },
   500: {
-    Image: SvgInternalServerError,
+    Icon: Warning,
     errorKey: "neetoMolecules.errorPage.internalServerError",
-    titleKey: "neetoMolecules.errorPage.title.internalServerError"
+    titleKey: "neetoMolecules.errorPage.title.internalServerError",
+    descriptionKey: "neetoMolecules.errorPage.description.internalServerError",
+    primaryAction: "home",
+    usesChat: true
   }
 };
 
-var css = ".neeto-molecules-error-page__wrapper{align-items:center;container-name:error-page-wrapper;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;width:100%}.neeto-molecules-error-page__container{display:flex;flex-direction:column;gap:32px;max-width:100%;padding:16px;width:768px}@container error-page-wrapper (min-width: 768px){.neeto-molecules-error-page__container{flex-direction:row;gap:48px;padding:24px}}.neeto-molecules-error-page__image{flex-shrink:0;max-width:180px;width:100%}@container error-page-wrapper (min-width: 768px){.neeto-molecules-error-page__image{max-width:240px}}.neeto-molecules-error-page__action-btn{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.neeto-molecules-error-page__action-btn a{text-decoration:none}.neeto-ui-theme--dark .neeto-molecules-error-code path{fill:rgb(var(--neeto-ui-black))}";
+var css = ".neeto-molecules-error-page__wrapper{align-items:center;container-name:error-page-wrapper;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;width:100%}.neeto-molecules-error-page__container{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:100%;padding:16px;text-align:center;width:768px}@container error-page-wrapper (min-width: 768px){.neeto-molecules-error-page__container{align-items:center;flex-direction:row;gap:48px;padding:24px;text-align:start}}.neeto-molecules-error-page__status-code{letter-spacing:.08em;text-transform:uppercase}.neeto-molecules-error-page__icon{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border:1px solid rgb(var(--neeto-ui-gray-300));border-radius:9999px;display:flex;flex-shrink:0;height:96px;justify-content:center;width:96px}.neeto-molecules-error-page__action-btn{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.neeto-molecules-error-page__action-btn a{text-decoration:none}";
 n(css,{});
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -58,9 +72,12 @@ var ErrorPage = function ErrorPage(_ref) {
     showErrorPage = _useErrorDisplayStore.showErrorPage;
   status = status || storeStatusCode;
   var _ref2 = ERRORS[status] || ERRORS[404],
-    Image = _ref2.Image,
+    Icon = _ref2.Icon,
     errorKey = _ref2.errorKey,
-    titleKey = _ref2.titleKey;
+    titleKey = _ref2.titleKey,
+    descriptionKey = _ref2.descriptionKey,
+    primaryAction = _ref2.primaryAction,
+    usesChat = _ref2.usesChat;
   useEffect(function () {
     var pageLoader = document.getElementById("neeto-page-loader");
     if (pageLoader) pageLoader.remove();
@@ -80,43 +97,66 @@ var ErrorPage = function ErrorPage(_ref) {
     (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 || (_window$NeetoChat = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat === void 0 || _window$NeetoChat.maximizeWidget();
     (_window$NeetoChat2 = window.NeetoChat) === null || _window$NeetoChat2 === void 0 || (_window$NeetoChat2 = _window$NeetoChat2.contextualHelp) === null || _window$NeetoChat2 === void 0 || _window$NeetoChat2.openWidget();
   };
+
+  // Falls back to homeUrl when the user landed on the error page directly
+  // (deep link / fresh tab) and has no in-app history to go back to.
+  var handleGoBack = function handleGoBack() {
+    if (window.history.length > 1) {
+      window.history.back();
+    } else {
+      window.location.href = homeUrl;
+    }
+  };
+  var showDefaultDescription = !usesChat || showNeetoChatWidget;
   return /*#__PURE__*/jsx("div", {
     className: "neeto-molecules-error-page__wrapper",
     "data-testid": "error-page-container",
     children: /*#__PURE__*/jsxs("div", {
       className: "neeto-molecules-error-page__container",
-      children: [/*#__PURE__*/jsx(Image, {
-        className: "neeto-molecules-error-code neeto-molecules-error-page__image",
-        "data-testid": "error-image"
+      children: [/*#__PURE__*/jsx("div", {
+        className: "neeto-molecules-error-page__icon",
+        "data-testid": "error-image",
+        children: /*#__PURE__*/jsx(Icon, {
+          className: "neeto-ui-text-gray-500",
+          size: 40
+        })
       }), /*#__PURE__*/jsxs("div", {
         className: "neeto-ui-flex neeto-ui-flex-col justify-center md:min-w-0 md:flex-grow",
         children: [/*#__PURE__*/jsx(Helmet, {
           children: /*#__PURE__*/jsx("title", {
             children: t(titleKey)
           })
+        }), !!status && /*#__PURE__*/jsx(Typography, {
+          className: "neeto-molecules-error-page__status-code neeto-ui-mb-2 neeto-ui-text-gray-500",
+          "data-testid": "status-code",
+          style: "body3",
+          weight: "semibold",
+          children: t("neetoMolecules.errorPage.statusCodeLabel", {
+            status: status
+          })
         }), /*#__PURE__*/jsx(Typography, {
-          className: "neeto-ui-mb-4",
+          className: "neeto-ui-mb-3",
           "data-testid": "title",
           style: "h2",
           weight: "semibold",
           children: title || /*#__PURE__*/jsx(Trans, {
             i18nKey: errorKey
           })
-        }), !!description && /*#__PURE__*/jsx(Typography, {
-          className: "neeto-ui-mb-4",
+        }), description ? /*#__PURE__*/jsx(Typography, {
+          className: "neeto-ui-mb-6",
           dangerouslySetInnerHTML: {
             __html: sanitize(description)
           },
           "data-testid": "description",
           style: "body1"
-        }), showNeetoChatWidget && /*#__PURE__*/jsx(Typography, {
+        }) : showDefaultDescription && /*#__PURE__*/jsx(Typography, {
           className: "neeto-ui-mb-6",
-          "data-testid": "title",
+          "data-testid": "description",
           style: "body1",
           children: /*#__PURE__*/jsx(Trans, {
-            i18nKey: "neetoMolecules.errorPage.contactUs",
+            i18nKey: descriptionKey,
             components: {
-              button: /*#__PURE__*/jsx(Button, {
+              contactLink: /*#__PURE__*/jsx(Button, {
                 className: "neeto-ui-font-size-inherit",
                 size: "large",
                 style: "link",
@@ -126,8 +166,17 @@ var ErrorPage = function ErrorPage(_ref) {
           })
         }), /*#__PURE__*/jsxs("div", {
           className: "neeto-molecules-error-page__action-btn",
-          children: [!hideBackToHomeButton && /*#__PURE__*/jsx(Button, _objectSpread({
+          children: [primaryAction === "back" ? /*#__PURE__*/jsx(Button, {
+            icon: Left,
+            iconPosition: "left",
+            label: t("neetoMolecules.errorPage.goBack"),
+            size: "large",
+            style: "primary",
+            onClick: handleGoBack
+          }) : !hideBackToHomeButton && /*#__PURE__*/jsx(Button, _objectSpread({
             href: homeUrl,
+            icon: Home,
+            iconPosition: "left",
             label: t("neetoMolecules.errorPage.backToHome"),
             size: "large",
             style: "primary"

package/dist/ErrorPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorPage.js","sources":["../src/components/ErrorPage/constants.js","../src/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","// NOTE:\n// Do not use TailwindCSS classes in this molecule. Please define the styles in\n// the `error-page.scss` file or through neeto-ui helper classes.\n// The error.js entrypoint does not use TailwidCSS.\n\nimport { useEffect } from \"react\";\n\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\nimport \"./error-page.scss\";\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=\"neeto-molecules-error-page__wrapper\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"neeto-molecules-error-page__container\">\n        <Image\n          className=\"neeto-molecules-error-code neeto-molecules-error-page__image\"\n          data-testid=\"error-image\"\n        />\n        <div className=\"neeto-ui-flex neeto-ui-flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          <Typography\n            className=\"neeto-ui-mb-4\"\n            data-testid=\"title\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {!!description && (\n            <Typography\n              className=\"neeto-ui-mb-4\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              style=\"body1\"\n            />\n          )}\n          {showNeetoChatWidget && (\n            <Typography\n              className=\"neeto-ui-mb-6\"\n              data-testid=\"title\"\n              style=\"body1\"\n            >\n              <Trans\n                i18nKey=\"neetoMolecules.errorPage.contactUs\"\n                components={{\n                  button: (\n                    <Button\n                      className=\"neeto-ui-font-size-inherit\"\n                      size=\"large\"\n                      style=\"link\"\n                      onClick={openChatWidget}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          )}\n          <div className=\"neeto-molecules-error-page__action-btn\">\n            {!hideBackToHomeButton && (\n              <Button\n                href={homeUrl}\n                label={t(\"neetoMolecules.errorPage.backToHome\")}\n                size=\"large\"\n                style=\"primary\"\n                {...backToHomeButtonProps}\n              />\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","style","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","button","Button","size","onClick","_objectSpread","href","label"],"mappings":"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"}
+{"version":3,"file":"ErrorPage.js","sources":["../src/components/ErrorPage/constants.js","../src/components/ErrorPage/index.jsx"],"sourcesContent":["import { Lock, Search, Warning } from \"neetoicons\";\n\nexport const ERRORS = {\n  404: {\n    Icon: Search,\n    errorKey: \"neetoMolecules.errorPage.cantBeFound\",\n    titleKey: \"neetoMolecules.errorPage.title.cantBeFound\",\n    descriptionKey: \"neetoMolecules.errorPage.description.cantBeFound\",\n    primaryAction: \"home\",\n    usesChat: true,\n  },\n  403: {\n    Icon: Lock,\n    errorKey: \"neetoMolecules.errorPage.unauthorized\",\n    titleKey: \"neetoMolecules.errorPage.title.unauthorized\",\n    descriptionKey: \"neetoMolecules.errorPage.description.unauthorized\",\n    primaryAction: \"back\",\n    usesChat: false,\n  },\n  500: {\n    Icon: Warning,\n    errorKey: \"neetoMolecules.errorPage.internalServerError\",\n    titleKey: \"neetoMolecules.errorPage.title.internalServerError\",\n    descriptionKey: \"neetoMolecules.errorPage.description.internalServerError\",\n    primaryAction: \"home\",\n    usesChat: true,\n  },\n};\n","// NOTE:\n// Do not use TailwindCSS classes in this molecule. Please define the styles in\n// the `error-page.scss` file or through neeto-ui helper classes.\n// The error.js entrypoint does not use TailwidCSS.\n\nimport { useEffect } from \"react\";\n\nimport DOMPurify from \"dompurify\";\nimport { useErrorDisplayStore } from \"neetocommons/react-utils/useDisplayErrorPage\";\nimport { Home, Left } from \"neetoicons\";\nimport { Button, Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { Helmet } from \"react-helmet\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { ERRORS } from \"./constants\";\nimport \"./error-page.scss\";\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 { Icon, errorKey, titleKey, descriptionKey, primaryAction, usesChat } =\n    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  // Falls back to homeUrl when the user landed on the error page directly\n  // (deep link / fresh tab) and has no in-app history to go back to.\n  const handleGoBack = () => {\n    if (window.history.length > 1) {\n      window.history.back();\n    } else {\n      window.location.href = homeUrl;\n    }\n  };\n\n  const showDefaultDescription = !usesChat || showNeetoChatWidget;\n\n  return (\n    <div\n      className=\"neeto-molecules-error-page__wrapper\"\n      data-testid=\"error-page-container\"\n    >\n      <div className=\"neeto-molecules-error-page__container\">\n        <div\n          className=\"neeto-molecules-error-page__icon\"\n          data-testid=\"error-image\"\n        >\n          <Icon className=\"neeto-ui-text-gray-500\" size={40} />\n        </div>\n        <div className=\"neeto-ui-flex neeto-ui-flex-col justify-center md:min-w-0 md:flex-grow\">\n          <Helmet>\n            <title>{t(titleKey)}</title>\n          </Helmet>\n          {!!status && (\n            <Typography\n              className=\"neeto-molecules-error-page__status-code neeto-ui-mb-2 neeto-ui-text-gray-500\"\n              data-testid=\"status-code\"\n              style=\"body3\"\n              weight=\"semibold\"\n            >\n              {t(\"neetoMolecules.errorPage.statusCodeLabel\", { status })}\n            </Typography>\n          )}\n          <Typography\n            className=\"neeto-ui-mb-3\"\n            data-testid=\"title\"\n            style=\"h2\"\n            weight=\"semibold\"\n          >\n            {title || <Trans i18nKey={errorKey} />}\n          </Typography>\n          {description ? (\n            <Typography\n              className=\"neeto-ui-mb-6\"\n              dangerouslySetInnerHTML={{ __html: sanitize(description) }}\n              data-testid=\"description\"\n              style=\"body1\"\n            />\n          ) : (\n            showDefaultDescription && (\n              <Typography\n                className=\"neeto-ui-mb-6\"\n                data-testid=\"description\"\n                style=\"body1\"\n              >\n                <Trans\n                  i18nKey={descriptionKey}\n                  components={{\n                    contactLink: (\n                      <Button\n                        className=\"neeto-ui-font-size-inherit\"\n                        size=\"large\"\n                        style=\"link\"\n                        onClick={openChatWidget}\n                      />\n                    ),\n                  }}\n                />\n              </Typography>\n            )\n          )}\n          <div className=\"neeto-molecules-error-page__action-btn\">\n            {primaryAction === \"back\" ? (\n              <Button\n                icon={Left}\n                iconPosition=\"left\"\n                label={t(\"neetoMolecules.errorPage.goBack\")}\n                size=\"large\"\n                style=\"primary\"\n                onClick={handleGoBack}\n              />\n            ) : (\n              !hideBackToHomeButton && (\n                <Button\n                  href={homeUrl}\n                  icon={Home}\n                  iconPosition=\"left\"\n                  label={t(\"neetoMolecules.errorPage.backToHome\")}\n                  size=\"large\"\n                  style=\"primary\"\n                  {...backToHomeButtonProps}\n                />\n              )\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","Icon","Search","errorKey","titleKey","descriptionKey","primaryAction","usesChat","Lock","Warning","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","handleGoBack","history","length","back","location","href","showDefaultDescription","_jsx","className","_jsxs","size","Helmet","Typography","style","weight","Trans","i18nKey","dangerouslySetInnerHTML","__html","components","contactLink","Button","onClick","icon","Left","iconPosition","label","_objectSpread","Home"],"mappings":"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"}

package/dist/ShareViaLink.js

@@ -44,9 +44,14 @@ import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
 import CardLayout from './CardLayout.js';
 import Header$1 from './Header.js';
 import 'zustand/shallow';
-import './unauthorized-DLPyUaeK.js';
+import './purify.es-CRFzu7ib.js';
 import '@bigbinary/neeto-commons-frontend/react-utils/useDisplayErrorPage';
+import '@bigbinary/neeto-icons/Home';
+import '@bigbinary/neeto-icons/Left';
 import 'react-helmet';
+import '@bigbinary/neeto-icons/Lock';
+import '@bigbinary/neeto-icons/Search';
+import '@bigbinary/neeto-icons/Warning';
 import './index-DAYCJu79.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import '@bigbinary/neeto-icons/Copy';
@@ -62,7 +67,6 @@ import './Search.js';
 import '@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce';
 import '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
 import '@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect';
-import '@bigbinary/neeto-icons/Search';
 
 var ExpiryNotice = function ExpiryNotice(_ref) {
   var expiryConfiguration = _ref.expiryConfiguration;