@sentry-internal/feedback - npm Package Compare versions

Comparing version 8.0.0-rc.2 to 8.0.0-rc.3

package.json

 {
   "name": "@sentry-internal/feedback",
-  "version": "8.0.0-rc.2",
+  "version": "8.0.0-rc.3",
   "description": "Sentry SDK integration for user feedback",
@@ -45,5 +45,5 @@ "repository": "git://github.com/getsentry/sentry-javascript.git",
   "dependencies": {
-    "@sentry/core": "8.0.0-rc.2",
-    "@sentry/types": "8.0.0-rc.2",
-    "@sentry/utils": "8.0.0-rc.2"
+    "@sentry/core": "8.0.0-rc.3",
+    "@sentry/types": "8.0.0-rc.3",
+    "@sentry/utils": "8.0.0-rc.3"
   },
@@ -50,0 +50,0 @@ "devDependencies": {

types-ts3.8/constants/index.d.ts

@@ -7,5 +7,6 @@ export { DEFAULT_THEME } from './theme';
 } & Navigator;
-export declare const ACTOR_LABEL = "Report a Bug";
+export declare const TRIGGER_LABEL = "Report a Bug";
 export declare const CANCEL_BUTTON_LABEL = "Cancel";
 export declare const SUBMIT_BUTTON_LABEL = "Send Bug Report";
+export declare const CONFIRM_BUTTON_LABEL = "Confirm";
 export declare const FORM_TITLE = "Report a Bug";
@@ -19,3 +20,5 @@ export declare const EMAIL_PLACEHOLDER = "[e-mail]";
 export declare const SUCCESS_MESSAGE_TEXT = "Thank you for your report!";
-export declare const IS_REQUIRED_TEXT = "(required)";
+export declare const IS_REQUIRED_LABEL = "(required)";
+export declare const ADD_SCREENSHOT_LABEL = "Add a screenshot";
+export declare const REMOVE_SCREENSHOT_LABEL = "Remove screenshot";
 export declare const FEEDBACK_WIDGET_SOURCE = "widget";
@@ -22,0 +25,0 @@ export declare const FEEDBACK_API_SOURCE = "api";

types-ts3.8/constants/theme.d.ts

 export declare const LIGHT_THEME: {
-    fontFamily: string;
-    fontSize: string;
     foreground: string;
+    successForeground: string;
+    errorForeground: string;
     background: string;
-    success: string;
-    error: string;
-    zIndex: number;
     border: string;
     boxShadow: string;
-    backgroundHover: string;
-    borderRadius: string;
-    formBorderRadius: string;
-    formContentBorderRadius: string;
+    inputForeground: string;
+    inputBackground: string;
+    inputBackgroundHover: string;
+    inputBackgroundFocus: string;
+    inputBorder: string;
+    inputBorderRadius: string;
+    inputOutlineFocus: string;
+    buttonForeground: string;
+    buttonForegroundHover: string;
+    buttonBackground: string;
+    buttonBackgroundHover: string;
+    buttonBorder: string;
+    buttonOutlineFocus: string;
     submitForeground: string;
+    submitForegroundHover: string;
     submitBackground: string;
-    submitForegroundHover: string;
     submitBackgroundHover: string;
     submitBorder: string;
+    submitBorderRadius: string;
     submitOutlineFocus: string;
-    cancelForeground: string;
-    cancelBackground: string;
-    cancelForegroundHover: string;
-    cancelBackgroundHover: string;
-    cancelBorder: string;
-    cancelOutlineFocus: string;
-    inputBackground: string;
-    inputForeground: string;
-    inputBorder: string;
-    inputOutlineFocus: string;
+    triggerBackground: string;
+    triggerBackgroundHover: string;
+    triggerBorderRadius: string;
+    dialogBackground: string;
+    dialogBorderRadius: string;
 };
 export declare const DEFAULT_THEME: {
     light: {
-        fontFamily: string;
-        fontSize: string;
         foreground: string;
+        successForeground: string;
+        errorForeground: string;
         background: string;
-        success: string;
-        error: string;
-        zIndex: number;
         border: string;
         boxShadow: string;
-        backgroundHover: string;
-        borderRadius: string;
-        formBorderRadius: string;
-        formContentBorderRadius: string;
+        inputForeground: string;
+        inputBackground: string;
+        inputBackgroundHover: string;
+        inputBackgroundFocus: string;
+        inputBorder: string;
+        inputBorderRadius: string;
+        inputOutlineFocus: string;
+        buttonForeground: string;
+        buttonForegroundHover: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBorder: string;
+        buttonOutlineFocus: string;
         submitForeground: string;
+        submitForegroundHover: string;
         submitBackground: string;
-        submitForegroundHover: string;
         submitBackgroundHover: string;
         submitBorder: string;
+        submitBorderRadius: string;
         submitOutlineFocus: string;
-        cancelForeground: string;
-        cancelBackground: string;
-        cancelForegroundHover: string;
-        cancelBackgroundHover: string;
-        cancelBorder: string;
-        cancelOutlineFocus: string;
-        inputBackground: string;
-        inputForeground: string;
-        inputBorder: string;
-        inputOutlineFocus: string;
+        triggerBackground: string;
+        triggerBackgroundHover: string;
+        triggerBorderRadius: string;
+        dialogBackground: string;
+        dialogBorderRadius: string;
     };
     dark: {
+        foreground: string;
+        successForeground: string;
+        errorForeground: string;
         background: string;
-        backgroundHover: string;
-        foreground: string;
         border: string;
-        success: string;
-        error: string;
-        fontFamily: string;
-        fontSize: string;
-        zIndex: number;
         boxShadow: string;
-        borderRadius: string;
-        formBorderRadius: string;
-        formContentBorderRadius: string;
+        buttonBackgroundHover: string;
+        inputForeground: string;
+        inputBackground: string;
+        inputBackgroundHover: string;
+        inputBackgroundFocus: string;
+        inputBorder: string;
+        inputBorderRadius: string;
+        inputOutlineFocus: string;
+        buttonForeground: string;
+        buttonForegroundHover: string;
+        buttonBackground: string;
+        buttonBorder: string;
+        buttonOutlineFocus: string;
         submitForeground: string;
+        submitForegroundHover: string;
         submitBackground: string;
-        submitForegroundHover: string;
         submitBackgroundHover: string;
         submitBorder: string;
+        submitBorderRadius: string;
         submitOutlineFocus: string;
-        cancelForeground: string;
-        cancelBackground: string;
-        cancelForegroundHover: string;
-        cancelBackgroundHover: string;
-        cancelBorder: string;
-        cancelOutlineFocus: string;
-        inputBackground: string;
-        inputForeground: string;
-        inputBorder: string;
-        inputOutlineFocus: string;
+        triggerBackground: string;
+        triggerBackgroundHover: string;
+        triggerBorderRadius: string;
+        dialogBackground: string;
+        dialogBorderRadius: string;
     };
 };
 //# sourceMappingURL=theme.d.ts.map

types-ts3.8/core/components/Actor.d.ts

 export interface ActorProps {
-    buttonLabel: string;
+    triggerLabel: string;
     shadow: ShadowRoot;
@@ -15,3 +15,3 @@ }
  */
-export declare function Actor({ buttonLabel, shadow }: ActorProps): ActorComponent;
+export declare function Actor({ triggerLabel, shadow }: ActorProps): ActorComponent;
 //# sourceMappingURL=Actor.d.ts.map

types-ts3.8/core/createMainStyles.d.ts

@@ -5,3 +5,3 @@ import { FeedbackInternalOptions } from '@sentry/types';
  */
-export declare function createMainStyles(colorScheme: 'system' | 'dark' | 'light', themes: Pick<FeedbackInternalOptions, 'themeLight' | 'themeDark'>): HTMLStyleElement;
+export declare function createMainStyles({ colorScheme, themeDark, themeLight }: FeedbackInternalOptions): HTMLStyleElement;
 //# sourceMappingURL=createMainStyles.d.ts.map

types-ts3.8/modal/components/Dialog.css.d.ts

@@ -0,5 +1,6 @@
+import { FeedbackInternalOptions } from '@sentry/types';
 /**
  * Creates <style> element for widget dialog
  */
-export declare function createDialogStyles(): HTMLStyleElement;
+export declare function createDialogStyles({ colorScheme, themeDark, themeLight }: FeedbackInternalOptions): HTMLStyleElement;
 //# sourceMappingURL=Dialog.css.d.ts.map

types-ts3.8/modal/components/Dialog.d.ts

 type VNode = any;
+import { FeedbackInternalOptions } from '@sentry/types';
 // replaced import from preact
@@ -6,8 +7,8 @@ import { Props as HeaderProps } from './DialogHeader';
 interface Props extends HeaderProps, FormProps {
-    successMessageText: string;
     onFormSubmitted: () => void;
     open: boolean;
+    options: FeedbackInternalOptions;
 }
-export declare function Dialog({ open, onFormSubmitted, successMessageText, ...props }: Props): VNode;
+export declare function Dialog({ open, onFormSubmitted, ...props }: Props): VNode;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

types-ts3.8/modal/components/DialogHeader.d.ts

@@ -5,6 +5,5 @@ type VNode = any;
 export interface Props {
-    formTitle: FeedbackInternalOptions['formTitle'];
-    showBranding: FeedbackInternalOptions['showBranding'];
+    options: FeedbackInternalOptions;
 }
-export declare function DialogHeader({ formTitle, showBranding }: Props): VNode;
+export declare function DialogHeader({ options }: Props): VNode;
 //# sourceMappingURL=DialogHeader.d.ts.map

types-ts3.8/modal/components/Form.d.ts

 type VNode = any;
 import { FeedbackFormData, FeedbackInternalOptions, FeedbackScreenshotIntegration, SendFeedback } from '@sentry/types';
 // replaced import from preact
-export interface Props extends Pick<FeedbackInternalOptions, 'cancelButtonLabel' | 'emailLabel' | 'emailPlaceholder' | 'isEmailRequired' | 'isNameRequired' | 'messageLabel' | 'messagePlaceholder' | 'nameLabel' | 'namePlaceholder' | 'showEmail' | 'showName' | 'submitButtonLabel' | 'isRequiredText'> {
+export interface Props extends Pick<FeedbackInternalOptions, 'showEmail' | 'showName'> {
+    options: FeedbackInternalOptions;
     defaultEmail: string;
@@ -13,3 +14,3 @@ defaultName: string;
 }
-export declare function Form({ cancelButtonLabel, defaultEmail, defaultName, emailLabel, emailPlaceholder, isEmailRequired, isNameRequired, messageLabel, messagePlaceholder, nameLabel, namePlaceholder, onFormClose, onSubmit, onSubmitSuccess, onSubmitError, showEmail, showName, submitButtonLabel, isRequiredText, screenshotInput, }: Props): VNode;
+export declare function Form({ options, defaultEmail, defaultName, onFormClose, onSubmit, onSubmitSuccess, onSubmitError, showEmail, showName, screenshotInput, }: Props): VNode;
 //# sourceMappingURL=Form.d.ts.map

types-ts3.8/screenshot/components/ScreenshotEditor.d.ts

 type ComponentType<T> = any;
 declare const hType: any;
-import { FeedbackDialog } from '@sentry/types';
+import { FeedbackDialog, FeedbackInternalOptions } from '@sentry/types';
 // replaced import from preact
@@ -9,2 +9,3 @@ interface FactoryParams {
     dialog: FeedbackDialog;
+    options: FeedbackInternalOptions;
 }
@@ -14,4 +15,4 @@ interface Props {
 }
-export declare function makeScreenshotEditorComponent({ h, imageBuffer, dialog }: FactoryParams): ComponentType<Props>;
+export declare function makeScreenshotEditorComponent({ imageBuffer, dialog, options }: FactoryParams): ComponentType<Props>;
 export {};
 //# sourceMappingURL=ScreenshotEditor.d.ts.map

types/constants/index.d.ts

@@ -7,5 +7,6 @@ export { DEFAULT_THEME } from './theme';
 } & Navigator;
-export declare const ACTOR_LABEL = "Report a Bug";
+export declare const TRIGGER_LABEL = "Report a Bug";
 export declare const CANCEL_BUTTON_LABEL = "Cancel";
 export declare const SUBMIT_BUTTON_LABEL = "Send Bug Report";
+export declare const CONFIRM_BUTTON_LABEL = "Confirm";
 export declare const FORM_TITLE = "Report a Bug";
@@ -19,3 +20,5 @@ export declare const EMAIL_PLACEHOLDER = "[e-mail]";
 export declare const SUCCESS_MESSAGE_TEXT = "Thank you for your report!";
-export declare const IS_REQUIRED_TEXT = "(required)";
+export declare const IS_REQUIRED_LABEL = "(required)";
+export declare const ADD_SCREENSHOT_LABEL = "Add a screenshot";
+export declare const REMOVE_SCREENSHOT_LABEL = "Remove screenshot";
 export declare const FEEDBACK_WIDGET_SOURCE = "widget";
@@ -22,0 +25,0 @@ export declare const FEEDBACK_API_SOURCE = "api";

types/constants/theme.d.ts

 export declare const LIGHT_THEME: {
-    fontFamily: string;
-    fontSize: string;
     foreground: string;
+    successForeground: string;
+    errorForeground: string;
     background: string;
-    success: string;
-    error: string;
-    zIndex: number;
     border: string;
     boxShadow: string;
-    backgroundHover: string;
-    borderRadius: string;
-    formBorderRadius: string;
-    formContentBorderRadius: string;
+    inputForeground: string;
+    inputBackground: string;
+    inputBackgroundHover: string;
+    inputBackgroundFocus: string;
+    inputBorder: string;
+    inputBorderRadius: string;
+    inputOutlineFocus: string;
+    buttonForeground: string;
+    buttonForegroundHover: string;
+    buttonBackground: string;
+    buttonBackgroundHover: string;
+    buttonBorder: string;
+    buttonOutlineFocus: string;
     submitForeground: string;
+    submitForegroundHover: string;
     submitBackground: string;
-    submitForegroundHover: string;
     submitBackgroundHover: string;
     submitBorder: string;
+    submitBorderRadius: string;
     submitOutlineFocus: string;
-    cancelForeground: string;
-    cancelBackground: string;
-    cancelForegroundHover: string;
-    cancelBackgroundHover: string;
-    cancelBorder: string;
-    cancelOutlineFocus: string;
-    inputBackground: string;
-    inputForeground: string;
-    inputBorder: string;
-    inputOutlineFocus: string;
+    triggerBackground: string;
+    triggerBackgroundHover: string;
+    triggerBorderRadius: string;
+    dialogBackground: string;
+    dialogBorderRadius: string;
 };
 export declare const DEFAULT_THEME: {
     light: {
-        fontFamily: string;
-        fontSize: string;
         foreground: string;
+        successForeground: string;
+        errorForeground: string;
         background: string;
-        success: string;
-        error: string;
-        zIndex: number;
         border: string;
         boxShadow: string;
-        backgroundHover: string;
-        borderRadius: string;
-        formBorderRadius: string;
-        formContentBorderRadius: string;
+        inputForeground: string;
+        inputBackground: string;
+        inputBackgroundHover: string;
+        inputBackgroundFocus: string;
+        inputBorder: string;
+        inputBorderRadius: string;
+        inputOutlineFocus: string;
+        buttonForeground: string;
+        buttonForegroundHover: string;
+        buttonBackground: string;
+        buttonBackgroundHover: string;
+        buttonBorder: string;
+        buttonOutlineFocus: string;
         submitForeground: string;
+        submitForegroundHover: string;
         submitBackground: string;
-        submitForegroundHover: string;
         submitBackgroundHover: string;
         submitBorder: string;
+        submitBorderRadius: string;
         submitOutlineFocus: string;
-        cancelForeground: string;
-        cancelBackground: string;
-        cancelForegroundHover: string;
-        cancelBackgroundHover: string;
-        cancelBorder: string;
-        cancelOutlineFocus: string;
-        inputBackground: string;
-        inputForeground: string;
-        inputBorder: string;
-        inputOutlineFocus: string;
+        triggerBackground: string;
+        triggerBackgroundHover: string;
+        triggerBorderRadius: string;
+        dialogBackground: string;
+        dialogBorderRadius: string;
     };
     dark: {
+        foreground: string;
+        successForeground: string;
+        errorForeground: string;
         background: string;
-        backgroundHover: string;
-        foreground: string;
         border: string;
-        success: string;
-        error: string;
-        fontFamily: string;
-        fontSize: string;
-        zIndex: number;
         boxShadow: string;
-        borderRadius: string;
-        formBorderRadius: string;
-        formContentBorderRadius: string;
+        buttonBackgroundHover: string;
+        inputForeground: string;
+        inputBackground: string;
+        inputBackgroundHover: string;
+        inputBackgroundFocus: string;
+        inputBorder: string;
+        inputBorderRadius: string;
+        inputOutlineFocus: string;
+        buttonForeground: string;
+        buttonForegroundHover: string;
+        buttonBackground: string;
+        buttonBorder: string;
+        buttonOutlineFocus: string;
         submitForeground: string;
+        submitForegroundHover: string;
         submitBackground: string;
-        submitForegroundHover: string;
         submitBackgroundHover: string;
         submitBorder: string;
+        submitBorderRadius: string;
         submitOutlineFocus: string;
-        cancelForeground: string;
-        cancelBackground: string;
-        cancelForegroundHover: string;
-        cancelBackgroundHover: string;
-        cancelBorder: string;
-        cancelOutlineFocus: string;
-        inputBackground: string;
-        inputForeground: string;
-        inputBorder: string;
-        inputOutlineFocus: string;
+        triggerBackground: string;
+        triggerBackgroundHover: string;
+        triggerBorderRadius: string;
+        dialogBackground: string;
+        dialogBorderRadius: string;
     };
 };
 //# sourceMappingURL=theme.d.ts.map

types/core/components/Actor.d.ts

 export interface ActorProps {
-    buttonLabel: string;
+    triggerLabel: string;
     shadow: ShadowRoot;
@@ -15,3 +15,3 @@ }
  */
-export declare function Actor({ buttonLabel, shadow }: ActorProps): ActorComponent;
+export declare function Actor({ triggerLabel, shadow }: ActorProps): ActorComponent;
 //# sourceMappingURL=Actor.d.ts.map

types/core/createMainStyles.d.ts

@@ -5,3 +5,3 @@ import type { FeedbackInternalOptions } from '@sentry/types';
  */
-export declare function createMainStyles(colorScheme: 'system' | 'dark' | 'light', themes: Pick<FeedbackInternalOptions, 'themeLight' | 'themeDark'>): HTMLStyleElement;
+export declare function createMainStyles({ colorScheme, themeDark, themeLight }: FeedbackInternalOptions): HTMLStyleElement;
 //# sourceMappingURL=createMainStyles.d.ts.map

types/modal/components/Dialog.css.d.ts

@@ -0,5 +1,6 @@
+import type { FeedbackInternalOptions } from '@sentry/types';
 /**
  * Creates <style> element for widget dialog
  */
-export declare function createDialogStyles(): HTMLStyleElement;
+export declare function createDialogStyles({ colorScheme, themeDark, themeLight }: FeedbackInternalOptions): HTMLStyleElement;
 //# sourceMappingURL=Dialog.css.d.ts.map

types/modal/components/Dialog.d.ts

@@ -0,1 +1,2 @@
+import type { FeedbackInternalOptions } from '@sentry/types';
 import type { VNode } from 'preact';
@@ -5,8 +6,8 @@ import type { Props as HeaderProps } from './DialogHeader';
 interface Props extends HeaderProps, FormProps {
-    successMessageText: string;
     onFormSubmitted: () => void;
     open: boolean;
+    options: FeedbackInternalOptions;
 }
-export declare function Dialog({ open, onFormSubmitted, successMessageText, ...props }: Props): VNode;
+export declare function Dialog({ open, onFormSubmitted, ...props }: Props): VNode;
 export {};
 //# sourceMappingURL=Dialog.d.ts.map

types/modal/components/DialogHeader.d.ts

 import type { FeedbackInternalOptions } from '@sentry/types';
 import type { VNode } from 'preact';
 export interface Props {
-    formTitle: FeedbackInternalOptions['formTitle'];
-    showBranding: FeedbackInternalOptions['showBranding'];
+    options: FeedbackInternalOptions;
 }
-export declare function DialogHeader({ formTitle, showBranding }: Props): VNode;
+export declare function DialogHeader({ options }: Props): VNode;
 //# sourceMappingURL=DialogHeader.d.ts.map

types/modal/components/Form.d.ts

 import type { FeedbackFormData, FeedbackInternalOptions, FeedbackScreenshotIntegration, SendFeedback } from '@sentry/types';
 import type { VNode } from 'preact';
-export interface Props extends Pick<FeedbackInternalOptions, 'cancelButtonLabel' | 'emailLabel' | 'emailPlaceholder' | 'isEmailRequired' | 'isNameRequired' | 'messageLabel' | 'messagePlaceholder' | 'nameLabel' | 'namePlaceholder' | 'showEmail' | 'showName' | 'submitButtonLabel' | 'isRequiredText'> {
+export interface Props extends Pick<FeedbackInternalOptions, 'showEmail' | 'showName'> {
+    options: FeedbackInternalOptions;
     defaultEmail: string;
@@ -12,3 +13,3 @@ defaultName: string;
 }
-export declare function Form({ cancelButtonLabel, defaultEmail, defaultName, emailLabel, emailPlaceholder, isEmailRequired, isNameRequired, messageLabel, messagePlaceholder, nameLabel, namePlaceholder, onFormClose, onSubmit, onSubmitSuccess, onSubmitError, showEmail, showName, submitButtonLabel, isRequiredText, screenshotInput, }: Props): VNode;
+export declare function Form({ options, defaultEmail, defaultName, onFormClose, onSubmit, onSubmitSuccess, onSubmitError, showEmail, showName, screenshotInput, }: Props): VNode;
 //# sourceMappingURL=Form.d.ts.map

types/screenshot/components/ScreenshotEditor.d.ts

@@ -1,2 +0,2 @@
-import type { FeedbackDialog } from '@sentry/types';
+import type { FeedbackDialog, FeedbackInternalOptions } from '@sentry/types';
 import type { ComponentType, h as hType } from 'preact';
@@ -7,2 +7,3 @@ interface FactoryParams {
     dialog: FeedbackDialog;
+    options: FeedbackInternalOptions;
 }
@@ -12,4 +13,4 @@ interface Props {
 }
-export declare function makeScreenshotEditorComponent({ h, imageBuffer, dialog }: FactoryParams): ComponentType<Props>;
+export declare function makeScreenshotEditorComponent({ imageBuffer, dialog, options }: FactoryParams): ComponentType<Props>;
 export {};
 //# sourceMappingURL=ScreenshotEditor.d.ts.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

547682

increased by1.39%

Lines of code

4451

increased by2.53%

Dependency changes

• + Added@sentry/core@8.0.0-rc.3(transitive)

• + Added@sentry/types@8.0.0-rc.3(transitive)

• + Added@sentry/utils@8.0.0-rc.3(transitive)

• - Removed@sentry/core@8.0.0-rc.2(transitive)

• - Removed@sentry/types@8.0.0-rc.2(transitive)

• - Removed@sentry/utils@8.0.0-rc.2(transitive)

• Updated@sentry/core@8.0.0-rc.3

• Updated@sentry/types@8.0.0-rc.3

• Updated@sentry/utils@8.0.0-rc.3