@bigbinary/neeto-commons-frontend 2.0.25 → 2.0.27

package/react-utils.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useState, useEffect, useDebugValue, useRef, useImperativeHandle, forwardRef } from 'react';
-import { Button, Callout, Typography, Dropdown, Input, Label, Checkbox, Toastr, Tag, Pane, PageLoader, Table, Alert, Tooltip, Spinner, Switch, Modal } from '@bigbinary/neetoui';
+import { Button, Callout, Typography, Dropdown, Input, Label, Checkbox, Toastr, Tag, Pane, PageLoader, Table, Alert, Tooltip, Spinner, Switch } from '@bigbinary/neetoui';
 import i18next, { t } from 'i18next';
 import { mergeLeft, curryN, isNil, complement as complement$1, isEmpty, either as either$1, curry, includes, __, filter, trim, toLower, identity, without, append, prop as prop$1, fromPairs, keys, values, last as last$1, pluck, any, uniq, intersection, difference, pick, assoc, not as not$2, toPairs } from 'ramda';
 import { Trans, useTranslation } from 'react-i18next';
@@ -1741,7 +1741,7 @@ var Columns = function Columns(_ref) {
   }, [columnData, hiddenColumns]);
   return /*#__PURE__*/React__default.createElement(Dropdown, _extends$4({
     buttonSize: "medium",
-    buttonStyle: "secondary",
+    buttonStyle: "text",
     closeOnSelect: false,
     label: "Columns",
     onClose: function onClose() {
@@ -3963,12 +3963,13 @@ var Manage = function Manage(_ref) {
       stacked: true
     }), /*#__PURE__*/React__default.createElement("div", {
       className: "space-y-2"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "flex items-end gap-2 align"
+    }, /*#__PURE__*/React__default.createElement(Label, {
+      htmlFor: "hostname"
+    }, customDomain ? t("neetoCommons.customDomain.customDomain", {
+      count: ENTITY_COUNT.singular
+    }) : t("neetoCommons.customDomain.label")), /*#__PURE__*/React__default.createElement("div", {
+      className: "flex items-start gap-2"
     }, /*#__PURE__*/React__default.createElement(Input$1, {
-      label: customDomain ? t("neetoCommons.customDomain.customDomain", {
-        count: ENTITY_COUNT.singular
-      }) : t("neetoCommons.customDomain.label"),
       disabled: !!customDomain,
       autoFocus: true,
       name: "hostname",
@@ -4314,12 +4315,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;
   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 = Honeybadger.configure({
     apiKey: globalProps.honeybadgerApiKey,
@@ -15660,11 +15666,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 {
@@ -56149,7 +56155,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()
@@ -57135,7 +57141,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; });
@@ -57757,7 +57763,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; });
@@ -69692,36 +69698,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';
@@ -90226,7 +90236,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);
@@ -90761,7 +90771,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) {
@@ -90816,7 +90826,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,
@@ -90871,19 +90881,17 @@ var CodeSnippet = function CodeSnippet(_ref) {
     };
   }();
 
-  return /*#__PURE__*/React__default.createElement(Modal, {
-    className: "rounded-lg w-1/2 mx-auto",
-    isOpen: isModalOpen,
-    size: "medium",
+  return /*#__PURE__*/React__default.createElement(Pane, {
+    isOpen: isPaneOpen,
     onClose: onClose
   }, /*#__PURE__*/React__default.createElement(Formik, {
     initialValues: getEmailWidgetSnippetFormInitialValues(subject),
     validationSchema: EMAIL_WIDGET_SNIPPET_FORM_VALIDATION_SCHEMA,
     onSubmit: handleSubmit
-  }, /*#__PURE__*/React__default.createElement(Form$1, null, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+  }, /*#__PURE__*/React__default.createElement(Form$1, null, /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
     style: "h2"
-  }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-4 py-4"
+  }, t("neetoCommons.widget.email.title"))), /*#__PURE__*/React__default.createElement(Pane.Body, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "space-y-4 w-full"
   }, /*#__PURE__*/React__default.createElement(MultiEmailInput, {
     label: "".concat(t("neetoCommons.widget.email.fields.emails.label"), "*"),
     name: "emails",
@@ -90892,14 +90900,10 @@ var CodeSnippet = function CodeSnippet(_ref) {
   }), /*#__PURE__*/React__default.createElement(Input$1, {
     label: t("neetoCommons.widget.email.fields.subject.label"),
     name: "subject",
-    size: "large",
     type: "text",
     required: true
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "mb-6",
-    style: "body1"
+  }), /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
   }, body), /*#__PURE__*/React__default.createElement(CodeBlock, {
     className: "neeto-ui-bg-primary-100 neeto-ui-rounded-xl overflow-hidden",
     codeString: codeString,
@@ -90907,8 +90911,8 @@ var CodeSnippet = function CodeSnippet(_ref) {
     codeStyles: {
       maxHeight: 300
     }
-  }))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
-    className: "flex gap-x-2"
+  }))), /*#__PURE__*/React__default.createElement(Pane.Footer, {
+    className: "gap-x-2"
   }, /*#__PURE__*/React__default.createElement(Button, {
     disabled: emailMutation.isLoading,
     label: t("neetoCommons.widget.email.actions.send"),
@@ -91044,16 +91048,20 @@ var EmbedCode = function EmbedCode(_ref) {
             components: {
               p: /*#__PURE__*/React__default.createElement("p", {
                 style: {
-                  paddingBottom: "10px"
+                  marginBottom: "8px"
                 }
               }),
               configureLink: /*#__PURE__*/React__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.createElement("a", {
                 href: "mailto:".concat(INSTALLATION_HELP_EMAIL),
-                className: "neeto-ui-text-primary-800"
+                target: "_blank",
+                className: "neeto-ui-text-primary-800",
+                rel: "noreferrer"
               })
             }
           }))
@@ -91063,8 +91071,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.createElement(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.createElement("p", {
+                style: {
+                  marginBottom: "8px"
+                }
+              }),
+              configureLink: /*#__PURE__*/React__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"
+              })
+            }
           })
         };
 
@@ -91072,8 +91096,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.createElement(Trans, {
+            i18nKey: "neetoCommons.widget.email.body.values.sessionContext",
+            values: {
+              sessionContextKbUrl: NEETO_REPLAY_CONFIGURE_URL
+            },
+            components: {
+              p: /*#__PURE__*/React__default.createElement("p", {
+                style: {
+                  marginBottom: "8px"
+                }
+              }),
+              configureLink: /*#__PURE__*/React__default.createElement("a", {
+                href: NEETO_REPLAY_CONFIGURE_URL,
+                target: "_blank",
+                className: "neeto-ui-text-primary-800",
+                rel: "noreferrer"
+              })
+            }
           })
         };
 
@@ -91178,7 +91218,7 @@ var EmbedCode = function EmbedCode(_ref) {
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "w-full"
   }, t("neetoCommons.widget.installation.instructions.sessionContext"))) : null, /*#__PURE__*/React__default.createElement(CodeSnippet, _extends$4({
-    isModalOpen: !!emailType && isNotEmpty(selectedWidgets),
+    isPaneOpen: !!emailType && isNotEmpty(selectedWidgets),
     onClose: function onClose() {
       return setEmailType(EMAIL_TYPES["null"]);
     }
@@ -92122,24 +92162,9 @@ var resetAuthTokens = function resetAuthTokens() {
   });
 };
 
-var ChangelogWidget = function ChangelogWidget() {
-  return /*#__PURE__*/React__default.createElement(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 = [{
@@ -92187,9 +92212,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 = mergeLeft(profileInfoOverrides, {
     name: "".concat(globalProps.user.firstName, " ").concat(globalProps.user.lastName),
     imageUrl: globalProps.user.profileImageUrl,
@@ -92208,11 +92230,11 @@ var Sidebar = function Sidebar(_ref) {
         return window.open("https://neeto".concat(toLower(appName), "help.neetokb.com/"), "_blank");
       }
     },
-    changelogProps: showNeetoChangelog ? {
+    changelogProps: {
       id: CHANGELOG_WIDGET_TRIGGER_ID
-    } : undefined
+    }
   });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showNeetoChangelog && /*#__PURE__*/React__default.createElement(ChangelogWidget, null), /*#__PURE__*/React__default.createElement(Sidebar$1, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Sidebar$1, {
     isCollapsed: true,
     appName: "neeto".concat(capitalize(appName)),
     navLinks: navLinks,
@@ -92927,12 +92949,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();
 
@@ -94124,6 +94146,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({