@highlight-run/react - npm Package Compare versions

Comparing version 3.2.0 to 3.2.1

dist/index.d.ts

@@ -20,3 +20,9 @@ import React, { ErrorInfo } from 'react';
     hideHighlightBranding?: boolean;
+    error?: Error;
 }
+type ReportDialogProps = ReportDialogOptions & {
+    onCloseHandler?: () => void;
+    onSubmitHandler?: () => void;
+};
+declare function ReportDialog({ labelClose, labelComments, labelName, labelEmail, labelSubmit, subtitle2, subtitle, successMessage, successSubtitle, title, placeholderComments, user, onCloseHandler, onSubmitHandler, hideHighlightBranding, error, }: ReportDialogProps): JSX.Element;
 
@@ -81,2 +87,2 @@ type FallbackRender = (errorData: {
 
-export { ErrorBoundary, ErrorBoundaryProps, FallbackRender, SampleBuggyButton };
+export { ErrorBoundary, ErrorBoundaryProps, FallbackRender, ReportDialog, ReportDialogOptions, SampleBuggyButton };

dist/index.js

@@ -105,2 +105,3 @@ "use strict";
   ErrorBoundary: () => ErrorBoundary,
+  ReportDialog: () => ReportDialog,
   SampleBuggyButton: () => SampleBuggyButton
@@ -117,5 +118,5 @@ });
 
-// esbuild-css-modules-plugin-namespace:/tmp/tmp-3208-N6p1R7Up4TC8/highlight-react/src/components/ReportDialog/styles.module.css.js
+// esbuild-css-modules-plugin-namespace:/tmp/tmp-4693-AsaDvXAQh7MQ/highlight-react/src/components/ReportDialog/styles.module.css.js
 var digest = "2f735a0e3c9a6ee703f650c3b0c9d25d75e14c779d8a9e548eb4864ea722c9cc";
-var css = `._container_18ep0_1 {
+var css = `._container_18f8u_1 {
 	--brand-color: #744ed4;
@@ -141,3 +142,3 @@ --brand-color-dark: #5629c6;
 
-	--font-family: Steradian, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+	--font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
 		Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
@@ -161,3 +162,3 @@ 'Segoe UI Emoji', 'Segoe UI Symbol';
 @media only screen and (max-width: 420px) {
-	._card_18ep0_41 {
+	._card_18f8u_41 {
 		max-width: 100vw !important;
@@ -168,3 +169,3 @@ height: 100%;
 
-	._cardContents_18ep0_47 {
+	._cardContents_18f8u_47 {
 		height: 100%;
@@ -175,15 +176,15 @@ display: flex;
 
-	._form_18ep0_53 {
+	._form_18f8u_53 {
 		height: 100%;
 	}
 
-	._textareaLabel_18ep0_57 {
+	._textareaLabel_18f8u_57 {
 		flex: 1;
 	}
 
-	._form_18ep0_53 textarea {
+	._form_18f8u_53 textarea {
 		height: 100%;
 	}
 
-	._ad_18ep0_65 {
+	._ad_18f8u_65 {
 		display: none;
@@ -193,3 +194,3 @@ }
 
-._card_18ep0_41 {
+._card_18f8u_41 {
 	border-radius: var(--size-xSmall);
@@ -202,3 +203,3 @@ padding: 20px;
 
-._title_18ep0_78 {
+._title_18f8u_78 {
 	font-size: 20px;
@@ -208,3 +209,3 @@ color: var(--color-text-primary);
 
-._subtitle_18ep0_83 {
+._subtitle_18f8u_83 {
 	font-size: 13px;
@@ -216,3 +217,3 @@ margin-top: var(--size-medium) !important;
 
-._form_18ep0_53 {
+._form_18f8u_53 {
 	padding-top: var(--size-large);
@@ -225,3 +226,3 @@ display: flex;
 
-._form_18ep0_53 label {
+._form_18f8u_53 label {
 	display: flex;
@@ -234,7 +235,7 @@ flex-direction: column;
 
-._form_18ep0_53 input {
+._form_18f8u_53 input {
 	height: 28px;
 }
 
-._form_18ep0_53 textarea {
+._form_18f8u_53 textarea {
 	font-family: var(--font-family);
@@ -244,4 +245,4 @@ min-height: 80px;
 
-._form_18ep0_53 input,
-._form_18ep0_53 textarea {
+._form_18f8u_53 input,
+._form_18f8u_53 textarea {
 	background-color: var(--color-white);
@@ -259,3 +260,3 @@ border: 1px solid #dcdbdd;
 
-._form_18ep0_53 button {
+._form_18f8u_53 button {
 	align-items: center;
@@ -276,7 +277,7 @@ display: flex;
 
-._form_18ep0_53 button:hover {
+._form_18f8u_53 button:hover {
 	background-color: var(--brand-color-dark);
 }
 
-._form_18ep0_53 button[disabled] {
+._form_18f8u_53 button[disabled] {
 	opacity: 0.5;
@@ -286,3 +287,3 @@ pointer-events: none;
 
-._form_18ep0_53 ._closeButton_18ep0_154 {
+._form_18f8u_53 ._closeButton_18f8u_154 {
 	background-color: transparent;
@@ -295,3 +296,3 @@ color: #6f6e77 !important;
 
-._form_18ep0_53 ._closeButton_18ep0_154:hover {
+._form_18f8u_53 ._closeButton_18f8u_154:hover {
 	background-color: var(--color-gray-100);
@@ -301,3 +302,3 @@ border-color: var(--color-gray-300);
 
-._confirmationButton_18ep0_167 {
+._confirmationButton_18f8u_167 {
 	float: right;
@@ -307,3 +308,3 @@ margin-top: 3rem;
 
-._formFooter_18ep0_172 {
+._formFooter_18f8u_172 {
 	display: flex;
@@ -316,3 +317,3 @@ flex-direction: row-reverse;
 
-._formActionsContainer_18ep0_180 {
+._formActionsContainer_18f8u_180 {
 	display: flex;
@@ -323,7 +324,7 @@ flex-direction: row-reverse;
 
-._ad_18ep0_65:hover {
+._ad_18f8u_65:hover {
 	background-color: var(--color-gray-100);
 }
 
-._logoContainer_18ep0_190 {
+._logoContainer_18f8u_190 {
 	display: flex;
@@ -340,7 +341,7 @@ align-items: center;
 
-._logo_18ep0_190 {
+._logo_18f8u_190 {
 	height: 16px;
 }
 
-._buggyButton_18ep0_206 {
+._buggyButton_18f8u_206 {
 	align-items: center;
@@ -354,3 +355,3 @@ background: #5629c6;
 	display: flex;
-	font-family: Steradian, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+	font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
 		Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
@@ -377,3 +378,3 @@ 'Segoe UI Emoji', 'Segoe UI Symbol';
 })();
-var styles_module_css_default = { "container": "_container_18ep0_1", "card": "_card_18ep0_41", "cardContents": "_cardContents_18ep0_47", "form": "_form_18ep0_53", "textareaLabel": "_textareaLabel_18ep0_57", "ad": "_ad_18ep0_65", "title": "_title_18ep0_78", "subtitle": "_subtitle_18ep0_83", "closeButton": "_closeButton_18ep0_154", "confirmationButton": "_confirmationButton_18ep0_167", "formFooter": "_formFooter_18ep0_172", "formActionsContainer": "_formActionsContainer_18ep0_180", "logoContainer": "_logoContainer_18ep0_190", "logo": "_logo_18ep0_190", "buggyButton": "_buggyButton_18ep0_206" };
+var styles_module_css_default = { "container": "_container_18f8u_1", "card": "_card_18f8u_41", "cardContents": "_cardContents_18f8u_47", "form": "_form_18f8u_53", "textareaLabel": "_textareaLabel_18f8u_57", "ad": "_ad_18f8u_65", "title": "_title_18f8u_78", "subtitle": "_subtitle_18f8u_83", "closeButton": "_closeButton_18f8u_154", "confirmationButton": "_confirmationButton_18f8u_167", "formFooter": "_formFooter_18f8u_172", "formActionsContainer": "_formActionsContainer_18f8u_180", "logoContainer": "_logoContainer_18f8u_190", "logo": "_logo_18f8u_190", "buggyButton": "_buggyButton_18f8u_206" };
 
@@ -396,3 +397,4 @@ // src/components/ReportDialog/ReportDialog.tsx
   onSubmitHandler,
-  hideHighlightBranding = false
+  hideHighlightBranding = false,
+  error
 }) {
@@ -404,3 +406,3 @@ const [name, setName] = (0, import_react.useState)((user == null ? void 0 : user.name) || "");
   const [sentReport, setSentReport] = (0, import_react.useState)(false);
-  const reportDialogOpenTime = (0, import_react.useRef)(new Date().toISOString());
+  const reportDialogOpenTime = (0, import_react.useRef)((/* @__PURE__ */ new Date()).toISOString());
   const isValid = (0, import_react.useMemo)(() => {
@@ -412,2 +414,8 @@ const isValidEmail = !!email.match(
   }, [name, email, verbatim]);
+  import_react.default.useEffect(() => {
+    var _a;
+    if (((_a = window == null ? void 0 : window.H) == null ? void 0 : _a.consumeError) && error) {
+      window.H.consumeError(error);
+    }
+  }, [error]);
   const handleSubmit = (event) => {
@@ -444,7 +452,7 @@ var _a;
 						font-display: swap;
-						font-family: 'Steradian';
+						font-family: 'Inter';
 						font-style: normal;
 						font-weight: normal;
-						src: local('Steradian Regular'), local('SteradianRegular'),
-							url('https://app.highlight.io/font/SteradianRegular.woff2')
+						src: local('Inter Regular'), local('InterRegular'),
+							url('https://app.highlight.io/font/Inter-Regular.woff2')
 								format('woff2');
@@ -454,7 +462,7 @@ }
 						font-display: swap;
-						font-family: 'Steradian';
+						font-family: 'Inter';
 						font-style: normal;
 						font-weight: 500;
-						src: local('Steradian Medium'), local('SteradianMedium'),
-							url('https://app.highlight.io/font/SteradianMedium.woff2')
+						src: local('Inter Medium'), local('InterMedium'),
+							url('https://app.highlight.io/font/Inter-Medium.woff2')
 								format('woff2');
@@ -716,2 +724,3 @@ }
   ErrorBoundary,
+  ReportDialog,
   SampleBuggyButton
@@ -718,0 +727,0 @@ });

dist/index.mjs

@@ -102,5 +102,5 @@ var __create = Object.create;
 
-// esbuild-css-modules-plugin-namespace:/tmp/tmp-3208-LTQ7tCWp07aq/highlight-react/src/components/ReportDialog/styles.module.css.js
+// esbuild-css-modules-plugin-namespace:/tmp/tmp-4693-0JTqg9YceDaQ/highlight-react/src/components/ReportDialog/styles.module.css.js
 var digest = "58c2ad2f20f9f2ab72678155824bcc29275cdaf2eea2436f86279bdd0a242ff0";
-var css = `._container_18ep0_1 {
+var css = `._container_18f8u_1 {
 	--brand-color: #744ed4;
@@ -126,3 +126,3 @@ --brand-color-dark: #5629c6;
 
-	--font-family: Steradian, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+	--font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
 		Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
@@ -146,3 +146,3 @@ 'Segoe UI Emoji', 'Segoe UI Symbol';
 @media only screen and (max-width: 420px) {
-	._card_18ep0_41 {
+	._card_18f8u_41 {
 		max-width: 100vw !important;
@@ -153,3 +153,3 @@ height: 100%;
 
-	._cardContents_18ep0_47 {
+	._cardContents_18f8u_47 {
 		height: 100%;
@@ -160,15 +160,15 @@ display: flex;
 
-	._form_18ep0_53 {
+	._form_18f8u_53 {
 		height: 100%;
 	}
 
-	._textareaLabel_18ep0_57 {
+	._textareaLabel_18f8u_57 {
 		flex: 1;
 	}
 
-	._form_18ep0_53 textarea {
+	._form_18f8u_53 textarea {
 		height: 100%;
 	}
 
-	._ad_18ep0_65 {
+	._ad_18f8u_65 {
 		display: none;
@@ -178,3 +178,3 @@ }
 
-._card_18ep0_41 {
+._card_18f8u_41 {
 	border-radius: var(--size-xSmall);
@@ -187,3 +187,3 @@ padding: 20px;
 
-._title_18ep0_78 {
+._title_18f8u_78 {
 	font-size: 20px;
@@ -193,3 +193,3 @@ color: var(--color-text-primary);
 
-._subtitle_18ep0_83 {
+._subtitle_18f8u_83 {
 	font-size: 13px;
@@ -201,3 +201,3 @@ margin-top: var(--size-medium) !important;
 
-._form_18ep0_53 {
+._form_18f8u_53 {
 	padding-top: var(--size-large);
@@ -210,3 +210,3 @@ display: flex;
 
-._form_18ep0_53 label {
+._form_18f8u_53 label {
 	display: flex;
@@ -219,7 +219,7 @@ flex-direction: column;
 
-._form_18ep0_53 input {
+._form_18f8u_53 input {
 	height: 28px;
 }
 
-._form_18ep0_53 textarea {
+._form_18f8u_53 textarea {
 	font-family: var(--font-family);
@@ -229,4 +229,4 @@ min-height: 80px;
 
-._form_18ep0_53 input,
-._form_18ep0_53 textarea {
+._form_18f8u_53 input,
+._form_18f8u_53 textarea {
 	background-color: var(--color-white);
@@ -244,3 +244,3 @@ border: 1px solid #dcdbdd;
 
-._form_18ep0_53 button {
+._form_18f8u_53 button {
 	align-items: center;
@@ -261,7 +261,7 @@ display: flex;
 
-._form_18ep0_53 button:hover {
+._form_18f8u_53 button:hover {
 	background-color: var(--brand-color-dark);
 }
 
-._form_18ep0_53 button[disabled] {
+._form_18f8u_53 button[disabled] {
 	opacity: 0.5;
@@ -271,3 +271,3 @@ pointer-events: none;
 
-._form_18ep0_53 ._closeButton_18ep0_154 {
+._form_18f8u_53 ._closeButton_18f8u_154 {
 	background-color: transparent;
@@ -280,3 +280,3 @@ color: #6f6e77 !important;
 
-._form_18ep0_53 ._closeButton_18ep0_154:hover {
+._form_18f8u_53 ._closeButton_18f8u_154:hover {
 	background-color: var(--color-gray-100);
@@ -286,3 +286,3 @@ border-color: var(--color-gray-300);
 
-._confirmationButton_18ep0_167 {
+._confirmationButton_18f8u_167 {
 	float: right;
@@ -292,3 +292,3 @@ margin-top: 3rem;
 
-._formFooter_18ep0_172 {
+._formFooter_18f8u_172 {
 	display: flex;
@@ -301,3 +301,3 @@ flex-direction: row-reverse;
 
-._formActionsContainer_18ep0_180 {
+._formActionsContainer_18f8u_180 {
 	display: flex;
@@ -308,7 +308,7 @@ flex-direction: row-reverse;
 
-._ad_18ep0_65:hover {
+._ad_18f8u_65:hover {
 	background-color: var(--color-gray-100);
 }
 
-._logoContainer_18ep0_190 {
+._logoContainer_18f8u_190 {
 	display: flex;
@@ -325,7 +325,7 @@ align-items: center;
 
-._logo_18ep0_190 {
+._logo_18f8u_190 {
 	height: 16px;
 }
 
-._buggyButton_18ep0_206 {
+._buggyButton_18f8u_206 {
 	align-items: center;
@@ -339,3 +339,3 @@ background: #5629c6;
 	display: flex;
-	font-family: Steradian, -apple-system, BlinkMacSystemFont, 'Segoe UI',
+	font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
 		Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
@@ -362,3 +362,3 @@ 'Segoe UI Emoji', 'Segoe UI Symbol';
 })();
-var styles_module_css_default = { "container": "_container_18ep0_1", "card": "_card_18ep0_41", "cardContents": "_cardContents_18ep0_47", "form": "_form_18ep0_53", "textareaLabel": "_textareaLabel_18ep0_57", "ad": "_ad_18ep0_65", "title": "_title_18ep0_78", "subtitle": "_subtitle_18ep0_83", "closeButton": "_closeButton_18ep0_154", "confirmationButton": "_confirmationButton_18ep0_167", "formFooter": "_formFooter_18ep0_172", "formActionsContainer": "_formActionsContainer_18ep0_180", "logoContainer": "_logoContainer_18ep0_190", "logo": "_logo_18ep0_190", "buggyButton": "_buggyButton_18ep0_206" };
+var styles_module_css_default = { "container": "_container_18f8u_1", "card": "_card_18f8u_41", "cardContents": "_cardContents_18f8u_47", "form": "_form_18f8u_53", "textareaLabel": "_textareaLabel_18f8u_57", "ad": "_ad_18f8u_65", "title": "_title_18f8u_78", "subtitle": "_subtitle_18f8u_83", "closeButton": "_closeButton_18f8u_154", "confirmationButton": "_confirmationButton_18f8u_167", "formFooter": "_formFooter_18f8u_172", "formActionsContainer": "_formActionsContainer_18f8u_180", "logoContainer": "_logoContainer_18f8u_190", "logo": "_logo_18f8u_190", "buggyButton": "_buggyButton_18f8u_206" };
 
@@ -381,3 +381,4 @@ // src/components/ReportDialog/ReportDialog.tsx
   onSubmitHandler,
-  hideHighlightBranding = false
+  hideHighlightBranding = false,
+  error
 }) {
@@ -389,3 +390,3 @@ const [name, setName] = useState((user == null ? void 0 : user.name) || "");
   const [sentReport, setSentReport] = useState(false);
-  const reportDialogOpenTime = useRef(new Date().toISOString());
+  const reportDialogOpenTime = useRef((/* @__PURE__ */ new Date()).toISOString());
   const isValid = useMemo(() => {
@@ -397,2 +398,8 @@ const isValidEmail = !!email.match(
   }, [name, email, verbatim]);
+  React.useEffect(() => {
+    var _a;
+    if (((_a = window == null ? void 0 : window.H) == null ? void 0 : _a.consumeError) && error) {
+      window.H.consumeError(error);
+    }
+  }, [error]);
   const handleSubmit = (event) => {
@@ -429,7 +436,7 @@ var _a;
 						font-display: swap;
-						font-family: 'Steradian';
+						font-family: 'Inter';
 						font-style: normal;
 						font-weight: normal;
-						src: local('Steradian Regular'), local('SteradianRegular'),
-							url('https://app.highlight.io/font/SteradianRegular.woff2')
+						src: local('Inter Regular'), local('InterRegular'),
+							url('https://app.highlight.io/font/Inter-Regular.woff2')
 								format('woff2');
@@ -439,7 +446,7 @@ }
 						font-display: swap;
-						font-family: 'Steradian';
+						font-family: 'Inter';
 						font-style: normal;
 						font-weight: 500;
-						src: local('Steradian Medium'), local('SteradianMedium'),
-							url('https://app.highlight.io/font/SteradianMedium.woff2')
+						src: local('Inter Medium'), local('InterMedium'),
+							url('https://app.highlight.io/font/Inter-Medium.woff2')
 								format('woff2');
@@ -700,2 +707,3 @@ }
   ErrorBoundary,
+  ReportDialog,
   SampleBuggyButton
@@ -702,0 +710,0 @@ };

package.json

 {
   "name": "@highlight-run/react",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "description": "The official Highlight SDK for React",
@@ -26,3 +26,3 @@ "license": "MIT",
     "tsup": "^6.6.3",
-    "typescript": "^4.9.5"
+    "typescript": "^5.0.4"
   },
@@ -29,0 +29,0 @@ "files": [

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47804

1.93%

Lines of code

1408

1.73%

No dependency changes