@bigbinary/neeto-commons-frontend 2.0.25 → 2.0.27

package/react-utils.cjs.js

@@ -1777,7 +1777,7 @@ var Columns = function Columns(_ref) {
   }, [columnData, hiddenColumns]);
   return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends$4({
     buttonSize: "medium",
-    buttonStyle: "secondary",
+    buttonStyle: "text",
     closeOnSelect: false,
     label: "Columns",
     onClose: function onClose() {
@@ -3999,12 +3999,13 @@ var Manage = function Manage(_ref) {
       stacked: true
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "space-y-2"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "flex items-end gap-2 align"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+      htmlFor: "hostname"
+    }, customDomain ? t("neetoCommons.customDomain.customDomain", {
+      count: ENTITY_COUNT.singular
+    }) : t("neetoCommons.customDomain.label")), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "flex items-start gap-2"
     }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
-      label: customDomain ? t("neetoCommons.customDomain.customDomain", {
-        count: ENTITY_COUNT.singular
-      }) : t("neetoCommons.customDomain.label"),
       disabled: !!customDomain,
       autoFocus: true,
       name: "hostname",
@@ -4350,12 +4351,17 @@ var FallbackComponent = function FallbackComponent() {
   }))));
 };
 
+var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver)/;
+
 var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   var children = _ref.children,
       _ref$ErrorComponent = _ref.ErrorComponent,
-      ErrorComponent = _ref$ErrorComponent === void 0 ? FallbackComponent : _ref$ErrorComponent;
+      ErrorComponent = _ref$ErrorComponent === void 0 ? FallbackComponent : _ref$ErrorComponent,
+      _ref$filterErrors = _ref.filterErrors,
+      filterErrors = _ref$filterErrors === void 0 ? undefined : _ref$filterErrors;
   react.Honeybadger.beforeNotify(function (notice) {
-    return !/ResizeObserver/.test(notice.message);
+    if (ignorableErrorsRegex.test(notice.message)) return false;
+    return filterErrors === null || filterErrors === void 0 ? void 0 : filterErrors(notice);
   });
   var honeybadger = react.Honeybadger.configure({
     apiKey: globalProps.honeybadgerApiKey,
@@ -15696,11 +15702,11 @@ Author: Oleg Efimov <efimovov@gmail.com>
 */
 
 var bnf_1$1;
-var hasRequiredBnf;
+var hasRequiredBnf$1;
 
-function requireBnf () {
-	if (hasRequiredBnf) return bnf_1$1;
-	hasRequiredBnf = 1;
+function requireBnf$1 () {
+	if (hasRequiredBnf$1) return bnf_1$1;
+	hasRequiredBnf$1 = 1;
 	/** @type LanguageFn */
 	function bnf(hljs) {
 	  return {
@@ -56185,7 +56191,7 @@ low.registerLanguage('awk', requireAwk());
 low.registerLanguage('axapta', requireAxapta());
 low.registerLanguage('bash', requireBash());
 low.registerLanguage('basic', requireBasic());
-low.registerLanguage('bnf', requireBnf());
+low.registerLanguage('bnf', requireBnf$1());
 low.registerLanguage(
   'brainfuck',
   requireBrainfuck()
@@ -57171,7 +57177,7 @@ var languageLoaders$1 = {
     return Promise.resolve().then(function () { return basic; });
   }),
   bnf: createLanguageAsyncLoader("bnf", function () {
-    return Promise.resolve().then(function () { return bnf; });
+    return Promise.resolve().then(function () { return bnf$1; });
   }),
   brainfuck: createLanguageAsyncLoader("brainfuck", function () {
     return Promise.resolve().then(function () { return brainfuck; });
@@ -57793,7 +57799,7 @@ var languageLoaders = {
     return Promise.resolve().then(function () { return bison$1; });
   }),
   bnf: createLanguageAsyncLoader("bnf", function () {
-    return Promise.resolve().then(function () { return bnf$2; });
+    return Promise.resolve().then(function () { return bnf; });
   }),
   brainfuck: createLanguageAsyncLoader("brainfuck", function () {
     return Promise.resolve().then(function () { return brainfuck$2; });
@@ -69728,36 +69734,40 @@ var bison$1 = /*#__PURE__*/_mergeNamespaces({
 	'default': bison_1
 }, [bison_1]);
 
-var bnf_1 = bnf$1;
-bnf$1.displayName = 'bnf';
-bnf$1.aliases = ['rbnf'];
-function bnf$1(Prism) {
-  Prism.languages.bnf = {
-    string: {
-      pattern: /"[^\r\n"]*"|'[^\r\n']*'/
-    },
-    definition: {
-      pattern: /<[^<>\r\n\t]+>(?=\s*::=)/,
-      alias: ['rule', 'keyword'],
-      inside: {
-        punctuation: /^<|>$/
-      }
-    },
-    rule: {
-      pattern: /<[^<>\r\n\t]+>/,
-      inside: {
-        punctuation: /^<|>$/
-      }
-    },
-    operator: /::=|[|()[\]{}*+?]|\.{3}/
-  };
-  Prism.languages.rbnf = Prism.languages.bnf;
-}
+var bnf_1;
+var hasRequiredBnf;
 
-var bnf$2 = /*#__PURE__*/_mergeNamespaces({
-	__proto__: null,
-	'default': bnf_1
-}, [bnf_1]);
+function requireBnf () {
+	if (hasRequiredBnf) return bnf_1;
+	hasRequiredBnf = 1;
+
+	bnf_1 = bnf;
+	bnf.displayName = 'bnf';
+	bnf.aliases = ['rbnf'];
+	function bnf(Prism) {
+	  Prism.languages.bnf = {
+	    string: {
+	      pattern: /"[^\r\n"]*"|'[^\r\n']*'/
+	    },
+	    definition: {
+	      pattern: /<[^<>\r\n\t]+>(?=\s*::=)/,
+	      alias: ['rule', 'keyword'],
+	      inside: {
+	        punctuation: /^<|>$/
+	      }
+	    },
+	    rule: {
+	      pattern: /<[^<>\r\n\t]+>/,
+	      inside: {
+	        punctuation: /^<|>$/
+	      }
+	    },
+	    operator: /::=|[|()[\]{}*+?]|\.{3}/
+	  };
+	  Prism.languages.rbnf = Prism.languages.bnf;
+	}
+	return bnf_1;
+}
 
 var brainfuck_1 = brainfuck$1;
 brainfuck$1.displayName = 'brainfuck';
@@ -90262,7 +90272,7 @@ refractor.register(bbcode_1);
 refractor.register(bicep_1);
 refractor.register(birb_1);
 refractor.register(bison_1);
-refractor.register(bnf_1);
+refractor.register(requireBnf());
 refractor.register(brainfuck_1);
 refractor.register(brightscript_1);
 refractor.register(bro_1);
@@ -90797,7 +90807,7 @@ var addEnableFlags = function addEnableFlags(enabledWidgets) {
 };
 
 var addChangelogOptions = function addChangelogOptions() {
-  return "neetoChangelogOptions: {\n  elementId: \"custom-trigger-id\",\n},";
+  return "neetoChangelogOptions: {\n  elementId: \"neetochangelog-trigger\",\n},";
 };
 
 var wrapBlockInOnLoad = function wrapBlockInOnLoad(codeBlock) {
@@ -90852,7 +90862,7 @@ var getSelectedWidgetsCombinedText = function getSelectedWidgetsCombinedText(wid
 };
 
 var CodeSnippet = function CodeSnippet(_ref) {
-  var isModalOpen = _ref.isModalOpen,
+  var isPaneOpen = _ref.isPaneOpen,
       onClose = _ref.onClose,
       _ref$onSent = _ref.onSent,
       onSent = _ref$onSent === void 0 ? noop$2 : _ref$onSent,
@@ -90907,19 +90917,17 @@ var CodeSnippet = function CodeSnippet(_ref) {
     };
   }();
 
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
-    className: "rounded-lg w-1/2 mx-auto",
-    isOpen: isModalOpen,
-    size: "medium",
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
+    isOpen: isPaneOpen,
     onClose: onClose
   }, /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
     initialValues: getEmailWidgetSnippetFormInitialValues(subject),
     validationSchema: EMAIL_WIDGET_SNIPPET_FORM_VALIDATION_SCHEMA,
     onSubmit: handleSubmit
-  }, /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
-  }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col gap-4 py-4"
+  }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-4 w-full"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.MultiEmailInput, {
     label: "".concat(t("neetoCommons.widget.email.fields.emails.label"), "*"),
     name: "emails",
@@ -90928,14 +90936,10 @@ var CodeSnippet = function CodeSnippet(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
     label: t("neetoCommons.widget.email.fields.subject.label"),
     name: "subject",
-    size: "large",
     type: "text",
     required: true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mb-6",
-    style: "body1"
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "body2"
   }, body), /*#__PURE__*/React__default["default"].createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     codeString: codeString,
@@ -90943,8 +90947,8 @@ var CodeSnippet = function CodeSnippet(_ref) {
     codeStyles: {
       maxHeight: 300
     }
-  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
-    className: "flex gap-x-2"
+  }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
+    className: "gap-x-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     disabled: emailMutation.isLoading,
     label: t("neetoCommons.widget.email.actions.send"),
@@ -91080,16 +91084,20 @@ var EmbedCode = function EmbedCode(_ref) {
             components: {
               p: /*#__PURE__*/React__default["default"].createElement("p", {
                 style: {
-                  paddingBottom: "10px"
+                  marginBottom: "8px"
                 }
               }),
               configureLink: /*#__PURE__*/React__default["default"].createElement("a", {
                 href: NEETO_CHAT_CONFIGURE_URL,
-                className: "neeto-ui-text-primary-800"
+                target: "_blank",
+                className: "neeto-ui-text-primary-800",
+                rel: "noreferrer"
               }),
               mail: /*#__PURE__*/React__default["default"].createElement("a", {
                 href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
-                className: "neeto-ui-text-primary-800"
+                target: "_blank",
+                className: "neeto-ui-text-primary-800",
+                rel: "noreferrer"
               })
             }
           }))
@@ -91099,8 +91107,24 @@ var EmbedCode = function EmbedCode(_ref) {
         return {
           codeString: getSampleUserIdentity(enabledWidgets),
           subject: t("neetoCommons.widget.email.fields.subject.values.userIdentity"),
-          body: t("neetoCommons.widget.email.body.values.userIdentity", {
-            userIdentityKbUrl: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
+          body: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+            i18nKey: "neetoCommons.widget.email.body.values.userIdentity",
+            values: {
+              userIdentityKbUrl: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL
+            },
+            components: {
+              p: /*#__PURE__*/React__default["default"].createElement("p", {
+                style: {
+                  marginBottom: "8px"
+                }
+              }),
+              configureLink: /*#__PURE__*/React__default["default"].createElement("a", {
+                href: enabledWidgets.chat ? NEETO_CHAT_USER_IDENTITY_URL : NEETO_REPLAY_CONFIGURE_URL,
+                target: "_blank",
+                className: "neeto-ui-text-primary-800",
+                rel: "noreferrer"
+              })
+            }
           })
         };
 
@@ -91108,8 +91132,24 @@ var EmbedCode = function EmbedCode(_ref) {
         return {
           codeString: SAMPLE_CONTEXT_CODE_STRING,
           subject: t("neetoCommons.widget.email.fields.subject.values.sessionContext"),
-          body: t("neetoCommons.widget.email.body.values.sessionContext", {
-            sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
+          body: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+            i18nKey: "neetoCommons.widget.email.body.values.sessionContext",
+            values: {
+              sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
+            },
+            components: {
+              p: /*#__PURE__*/React__default["default"].createElement("p", {
+                style: {
+                  marginBottom: "8px"
+                }
+              }),
+              configureLink: /*#__PURE__*/React__default["default"].createElement("a", {
+                href: NEETO_REPLAY_CONFIGURE_URL,
+                target: "_blank",
+                className: "neeto-ui-text-primary-800",
+                rel: "noreferrer"
+              })
+            }
           })
         };
 
@@ -91214,7 +91254,7 @@ var EmbedCode = function EmbedCode(_ref) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
   }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default["default"].createElement(CodeSnippet, _extends$4({
-    isModalOpen: !!emailType && isNotEmpty(selectedWidgets),
+    isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
     onClose: function onClose() {
       return setEmailType(EMAIL_TYPES["null"]);
     }
@@ -92158,24 +92198,9 @@ var resetAuthTokens = function resetAuthTokens() {
   });
 };
 
-var ChangelogWidget = function ChangelogWidget() {
-  return /*#__PURE__*/React__default["default"].createElement(reactHelmet.Helmet, {
-    defer: false,
-    script: [{
-      type: "text/javascript",
-      innerHTML: "window.neetoChangelogConfig = {\n              baseUrl : \"".concat(process.env.CHANGELOG_WIDGET_BASE_URL, "\",\n              authToken : \"").concat(process.env.CHANGELOG_WIDGET_AUTH_TOKEN, "\",\n              productId : \"").concat(process.env.CHANGELOG_WIDGET_PRODUCT_ID, "\",\n              elementId: \"neetochangelog-trigger\"\n            };")
-    }, {
-      type: "text/javascript",
-      src: "https://da8zs6hfu4bc2.cloudfront.net/neetochangelog-widget.min.js"
-    }]
-  });
-};
-
 var MY_PROFILE_URL = "/auth/profile/edit";
 var MY_ORGANIZATION_URL = "/auth/organization/edit";
-var PERMITTED_DOMAINS = ["@bigbinary.com", "@example.com"];
 var CHANGELOG_WIDGET_TRIGGER_ID = "neetochangelog-trigger";
-var NEETO_CHANGELOG_ENVS = ["staging"];
 
 var getTopLinks = function getTopLinks() {
   var topLinks = [{
@@ -92223,9 +92248,6 @@ var Sidebar = function Sidebar(_ref) {
     window.location.href = "/logout";
   };
 
-  var showNeetoChangelog = PERMITTED_DOMAINS.some(function (domain) {
-    return globalProps.user.email.includes(domain);
-  }) && NEETO_CHANGELOG_ENVS.includes(process.env.RAILS_ENV);
   var profileInfo = ramda.mergeLeft(profileInfoOverrides, {
     name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
     imageUrl: globalProps.user.profileImageUrl,
@@ -92244,11 +92266,11 @@ var Sidebar = function Sidebar(_ref) {
         return window.open("https://neeto".concat(ramda.toLower(appName), "help.neetokb.com/"), "_blank");
       }
     },
-    changelogProps: showNeetoChangelog ? {
+    changelogProps: {
       id: CHANGELOG_WIDGET_TRIGGER_ID
-    } : undefined
+    }
   });
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showNeetoChangelog && /*#__PURE__*/React__default["default"].createElement(ChangelogWidget, null), /*#__PURE__*/React__default["default"].createElement(layouts.Sidebar, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(layouts.Sidebar, {
     isCollapsed: true,
     appName: "neeto".concat(capitalize(appName)),
     navLinks: navLinks,
@@ -92963,12 +92985,12 @@ var basic = /*#__PURE__*/_mergeNamespaces({
 	'default': basicExports
 }, [basicExports]);
 
-var bnfExports = requireBnf();
+var bnfExports$1 = requireBnf$1();
 
-var bnf = /*#__PURE__*/_mergeNamespaces({
+var bnf$1 = /*#__PURE__*/_mergeNamespaces({
 	__proto__: null,
-	'default': bnfExports
-}, [bnfExports]);
+	'default': bnfExports$1
+}, [bnfExports$1]);
 
 var brainfuckExports = requireBrainfuck();
 
@@ -94160,6 +94182,13 @@ var zephir = /*#__PURE__*/_mergeNamespaces({
 	'default': zephirExports
 }, [zephirExports]);
 
+var bnfExports = requireBnf();
+
+var bnf = /*#__PURE__*/_mergeNamespaces({
+	__proto__: null,
+	'default': bnfExports
+}, [bnfExports]);
+
 var coffeescriptExports = requireCoffeescript();
 
 var coffeescript = /*#__PURE__*/_mergeNamespaces({

package/react-utils.d.ts

@@ -10,11 +10,13 @@ import {
 } from "@bigbinary/neetoui";
 import { LinkType, NavLinkItemType } from "@bigbinary/neetoui/layouts";
 import { RouteProps } from "react-router-dom";
+import { Notice } from "@honeybadger-io/js/dist/server/types/core/types";
 import { ObjectAndPrimitives } from "./pure";
 import { DateTimeType, timeFormat } from "./utils";
 
 export const HoneybadgerErrorBoundary: React.FC<{
   ErrorComponent?: React.ReactNode | React.ComponentType<any>;
+  filterErrors?: (error: Notice) => boolean;
 }>;
 export function PrivateRoute(
   props: {