@sentry/react-native 6.14.0 → 6.15.1

package/dist/js/feedback/FeedbackWidget.styles.js

@@ -1,98 +1,145 @@
-const PURPLE = 'rgba(88, 74, 192, 1)';
-const FOREGROUND_COLOR = '#2b2233';
-const BACKGROUND_COLOR = '#ffffff';
-const BORDER_COLOR = 'rgba(41, 35, 47, 0.13)';
-const defaultStyles = {
-    container: {
-        flex: 1,
-        padding: 20,
-        backgroundColor: BACKGROUND_COLOR,
-    },
-    title: {
-        fontSize: 24,
-        fontWeight: 'bold',
-        marginBottom: 20,
-        textAlign: 'left',
-        flex: 1,
-        color: FOREGROUND_COLOR,
-    },
-    label: {
-        marginBottom: 4,
-        fontSize: 16,
-        color: FOREGROUND_COLOR,
-    },
-    input: {
-        height: 50,
-        borderColor: BORDER_COLOR,
-        borderWidth: 1,
-        borderRadius: 5,
-        paddingHorizontal: 10,
-        marginBottom: 15,
-        fontSize: 16,
-        color: FOREGROUND_COLOR,
-    },
-    textArea: {
-        height: 100,
-        textAlignVertical: 'top',
-        color: FOREGROUND_COLOR,
-    },
-    screenshotButton: {
-        backgroundColor: BACKGROUND_COLOR,
-        padding: 15,
-        borderRadius: 5,
-        alignItems: 'center',
-        flex: 1,
-        borderWidth: 1,
-        borderColor: BORDER_COLOR,
-    },
-    screenshotContainer: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        width: '100%',
-        marginBottom: 20,
-    },
-    screenshotThumbnail: {
-        width: 50,
-        height: 50,
-        borderRadius: 5,
-        marginRight: 10,
-    },
-    screenshotText: {
-        color: FOREGROUND_COLOR,
-        fontSize: 16,
-    },
-    submitButton: {
-        backgroundColor: PURPLE,
-        paddingVertical: 15,
-        borderRadius: 5,
-        alignItems: 'center',
-        marginBottom: 10,
-    },
-    submitText: {
-        color: BACKGROUND_COLOR,
-        fontSize: 18,
-    },
-    cancelButton: {
-        backgroundColor: BACKGROUND_COLOR,
-        padding: 15,
-        borderRadius: 5,
-        alignItems: 'center',
-        borderWidth: 1,
-        borderColor: BORDER_COLOR,
-    },
-    cancelText: {
-        color: FOREGROUND_COLOR,
-        fontSize: 16,
-    },
-    titleContainer: {
-        flexDirection: 'row',
-        width: '100%',
-    },
-    sentryLogo: {
-        width: 40,
-        height: 40,
-    },
+const defaultStyles = (theme) => {
+    return {
+        container: {
+            flex: 1,
+            padding: 20,
+            backgroundColor: theme.background,
+        },
+        title: {
+            fontSize: 24,
+            fontWeight: 'bold',
+            marginBottom: 20,
+            textAlign: 'left',
+            flex: 1,
+            color: theme.foreground,
+        },
+        label: {
+            marginBottom: 4,
+            fontSize: 16,
+            color: theme.foreground,
+        },
+        input: {
+            height: 50,
+            borderColor: theme.border,
+            borderWidth: 1,
+            borderRadius: 5,
+            paddingHorizontal: 10,
+            marginBottom: 15,
+            fontSize: 16,
+            color: theme.foreground,
+        },
+        textArea: {
+            height: 100,
+            textAlignVertical: 'top',
+            color: theme.foreground,
+        },
+        screenshotButton: {
+            backgroundColor: theme.background,
+            padding: 15,
+            borderRadius: 5,
+            alignItems: 'center',
+            flex: 1,
+            borderWidth: 1,
+            borderColor: theme.border,
+        },
+        screenshotContainer: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            width: '100%',
+            marginBottom: 20,
+        },
+        screenshotThumbnail: {
+            width: 50,
+            height: 50,
+            borderRadius: 5,
+            marginRight: 10,
+        },
+        screenshotText: {
+            color: theme.foreground,
+            fontSize: 16,
+        },
+        takeScreenshotButton: {
+            backgroundColor: theme.background,
+            padding: 15,
+            borderRadius: 5,
+            alignItems: 'center',
+            borderWidth: 1,
+            borderColor: theme.border,
+            marginTop: -10,
+            marginBottom: 20,
+        },
+        takeScreenshotText: {
+            color: theme.foreground,
+            fontSize: 16,
+        },
+        submitButton: {
+            backgroundColor: theme.accentBackground,
+            paddingVertical: 15,
+            borderRadius: 5,
+            alignItems: 'center',
+            marginBottom: 10,
+        },
+        submitText: {
+            color: theme.accentForeground,
+            fontSize: 18,
+        },
+        cancelButton: {
+            backgroundColor: theme.background,
+            padding: 15,
+            borderRadius: 5,
+            alignItems: 'center',
+            borderWidth: 1,
+            borderColor: theme.border,
+        },
+        cancelText: {
+            color: theme.foreground,
+            fontSize: 16,
+        },
+        titleContainer: {
+            flexDirection: 'row',
+            width: '100%',
+        },
+        sentryLogo: {
+            width: 40,
+            height: 40,
+            tintColor: theme.sentryLogo,
+        },
+    };
 };
+export const defaultButtonStyles = (theme) => {
+    return {
+        triggerButton: {
+            position: 'absolute',
+            bottom: 30,
+            right: 30,
+            backgroundColor: theme.background,
+            padding: 15,
+            borderRadius: 40,
+            justifyContent: 'center',
+            alignItems: 'center',
+            elevation: 5,
+            shadowColor: theme.border,
+            shadowOffset: { width: 1, height: 2 },
+            shadowOpacity: 0.5,
+            shadowRadius: 3,
+            flexDirection: 'row',
+            borderWidth: 1,
+            borderColor: theme.border,
+        },
+        triggerText: {
+            color: theme.foreground,
+            fontSize: 18,
+        },
+        triggerIcon: {
+            width: 24,
+            height: 24,
+            padding: 2,
+            marginEnd: 6,
+            tintColor: theme.sentryLogo,
+        },
+    };
+};
+export const defaultScreenshotButtonStyles = defaultButtonStyles;
 export const modalWrapper = {
     position: 'absolute',
     top: 0,
@@ -100,18 +147,20 @@ export const modalWrapper = {
     right: 0,
     bottom: 0,
 };
-export const modalSheetContainer = {
-    backgroundColor: '#ffffff',
-    borderTopLeftRadius: 16,
-    borderTopRightRadius: 16,
-    overflow: 'hidden',
-    alignSelf: 'stretch',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: -3 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 5,
-    flex: 1,
+export const modalSheetContainer = (theme) => {
+    return {
+        backgroundColor: theme.background,
+        borderTopLeftRadius: 16,
+        borderTopRightRadius: 16,
+        overflow: 'hidden',
+        alignSelf: 'stretch',
+        shadowColor: '#000',
+        shadowOffset: { width: 0, height: -3 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4,
+        elevation: 5,
+        flex: 1,
+    };
 };
 export const topSpacer = {
     height: 64, // magic number

package/dist/js/feedback/FeedbackWidget.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackWidget.styles.js","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ViewStyle } from 'react-native';\n\nimport type { FeedbackWidgetStyles } from './FeedbackWidget.types';\n\nconst PURPLE = 'rgba(88, 74, 192, 1)';\nconst FOREGROUND_COLOR = '#2b2233';\nconst BACKGROUND_COLOR = '#ffffff';\nconst BORDER_COLOR = 'rgba(41, 35, 47, 0.13)';\n\nconst defaultStyles: FeedbackWidgetStyles = {\n  container: {\n    flex: 1,\n    padding: 20,\n    backgroundColor: BACKGROUND_COLOR,\n  },\n  title: {\n    fontSize: 24,\n    fontWeight: 'bold',\n    marginBottom: 20,\n    textAlign: 'left',\n    flex: 1,\n    color: FOREGROUND_COLOR,\n  },\n  label: {\n    marginBottom: 4,\n    fontSize: 16,\n    color: FOREGROUND_COLOR,\n  },\n  input: {\n    height: 50,\n    borderColor: BORDER_COLOR,\n    borderWidth: 1,\n    borderRadius: 5,\n    paddingHorizontal: 10,\n    marginBottom: 15,\n    fontSize: 16,\n    color: FOREGROUND_COLOR,\n  },\n  textArea: {\n    height: 100,\n    textAlignVertical: 'top',\n    color: FOREGROUND_COLOR,\n  },\n  screenshotButton: {\n    backgroundColor: BACKGROUND_COLOR,\n    padding: 15,\n    borderRadius: 5,\n    alignItems: 'center',\n    flex: 1,\n    borderWidth: 1,\n    borderColor: BORDER_COLOR,\n  },\n  screenshotContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    marginBottom: 20,\n  },\n  screenshotThumbnail: {\n    width: 50,\n    height: 50,\n    borderRadius: 5,\n    marginRight: 10,\n  },\n  screenshotText: {\n    color: FOREGROUND_COLOR,\n    fontSize: 16,\n  },\n  submitButton: {\n    backgroundColor: PURPLE,\n    paddingVertical: 15,\n    borderRadius: 5,\n    alignItems: 'center',\n    marginBottom: 10,\n  },\n  submitText: {\n    color: BACKGROUND_COLOR,\n    fontSize: 18,\n  },\n  cancelButton: {\n    backgroundColor: BACKGROUND_COLOR,\n    padding: 15,\n    borderRadius: 5,\n    alignItems: 'center',\n    borderWidth: 1,\n    borderColor: BORDER_COLOR,\n  },\n  cancelText: {\n    color: FOREGROUND_COLOR,\n    fontSize: 16,\n  },\n  titleContainer: {\n    flexDirection: 'row',\n    width: '100%',\n  },\n  sentryLogo: {\n    width: 40,\n    height: 40,\n  },\n};\n\nexport const modalWrapper: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n};\n\nexport const modalSheetContainer: ViewStyle = {\n  backgroundColor: '#ffffff',\n  borderTopLeftRadius: 16,\n  borderTopRightRadius: 16,\n  overflow: 'hidden',\n  alignSelf: 'stretch',\n  shadowColor: '#000',\n  shadowOffset: { width: 0, height: -3 },\n  shadowOpacity: 0.1,\n  shadowRadius: 4,\n  elevation: 5,\n  flex: 1,\n};\n\nexport const topSpacer: ViewStyle = {\n  height: 64, // magic number\n};\n\nexport default defaultStyles;\n"]}
+{"version":3,"file":"FeedbackWidget.styles.js","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ViewStyle } from 'react-native';\n\nimport type { FeedbackWidgetTheme } from './FeedbackWidget.theme';\nimport type { FeedbackButtonStyles, FeedbackWidgetStyles } from './FeedbackWidget.types';\n\nconst defaultStyles = (theme: FeedbackWidgetTheme): FeedbackWidgetStyles => {\n  return {\n    container: {\n      flex: 1,\n      padding: 20,\n      backgroundColor: theme.background,\n    },\n    title: {\n      fontSize: 24,\n      fontWeight: 'bold',\n      marginBottom: 20,\n      textAlign: 'left',\n      flex: 1,\n      color: theme.foreground,\n    },\n    label: {\n      marginBottom: 4,\n      fontSize: 16,\n      color: theme.foreground,\n    },\n    input: {\n      height: 50,\n      borderColor: theme.border,\n      borderWidth: 1,\n      borderRadius: 5,\n      paddingHorizontal: 10,\n      marginBottom: 15,\n      fontSize: 16,\n      color: theme.foreground,\n    },\n    textArea: {\n      height: 100,\n      textAlignVertical: 'top',\n      color: theme.foreground,\n    },\n    screenshotButton: {\n      backgroundColor: theme.background,\n      padding: 15,\n      borderRadius: 5,\n      alignItems: 'center',\n      flex: 1,\n      borderWidth: 1,\n      borderColor: theme.border,\n    },\n    screenshotContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '100%',\n      marginBottom: 20,\n    },\n    screenshotThumbnail: {\n      width: 50,\n      height: 50,\n      borderRadius: 5,\n      marginRight: 10,\n    },\n    screenshotText: {\n      color: theme.foreground,\n      fontSize: 16,\n    },\n    takeScreenshotButton: {\n      backgroundColor: theme.background,\n      padding: 15,\n      borderRadius: 5,\n      alignItems: 'center',\n      borderWidth: 1,\n      borderColor: theme.border,\n      marginTop: -10,\n      marginBottom: 20,\n    },\n    takeScreenshotText: {\n      color: theme.foreground,\n      fontSize: 16,\n    },\n    submitButton: {\n      backgroundColor: theme.accentBackground,\n      paddingVertical: 15,\n      borderRadius: 5,\n      alignItems: 'center',\n      marginBottom: 10,\n    },\n    submitText: {\n      color: theme.accentForeground,\n      fontSize: 18,\n    },\n    cancelButton: {\n      backgroundColor: theme.background,\n      padding: 15,\n      borderRadius: 5,\n      alignItems: 'center',\n      borderWidth: 1,\n      borderColor: theme.border,\n    },\n    cancelText: {\n      color: theme.foreground,\n      fontSize: 16,\n    },\n    titleContainer: {\n      flexDirection: 'row',\n      width: '100%',\n    },\n    sentryLogo: {\n      width: 40,\n      height: 40,\n      tintColor: theme.sentryLogo,\n    },\n  };\n};\n\nexport const defaultButtonStyles = (theme: FeedbackWidgetTheme): FeedbackButtonStyles => {\n  return {\n    triggerButton: {\n      position: 'absolute',\n      bottom: 30,\n      right: 30,\n      backgroundColor: theme.background,\n      padding: 15,\n      borderRadius: 40,\n      justifyContent: 'center',\n      alignItems: 'center',\n      elevation: 5,\n      shadowColor: theme.border,\n      shadowOffset: { width: 1, height: 2 },\n      shadowOpacity: 0.5,\n      shadowRadius: 3,\n      flexDirection: 'row',\n      borderWidth: 1,\n      borderColor: theme.border,\n    },\n    triggerText: {\n      color: theme.foreground,\n      fontSize: 18,\n    },\n    triggerIcon: {\n      width: 24,\n      height: 24,\n      padding: 2,\n      marginEnd: 6,\n      tintColor: theme.sentryLogo,\n    },\n  };\n};\n\nexport const defaultScreenshotButtonStyles = defaultButtonStyles;\n\nexport const modalWrapper: ViewStyle = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n};\n\nexport const modalSheetContainer = (theme: FeedbackWidgetTheme): ViewStyle => {\n  return {\n    backgroundColor: theme.background,\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    overflow: 'hidden',\n    alignSelf: 'stretch',\n    shadowColor: '#000',\n    shadowOffset: { width: 0, height: -3 },\n    shadowOpacity: 0.1,\n    shadowRadius: 4,\n    elevation: 5,\n    flex: 1,\n  };\n};\n\nexport const topSpacer: ViewStyle = {\n  height: 64, // magic number\n};\n\nexport default defaultStyles;\n"]}

package/dist/js/feedback/FeedbackWidget.theme.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Get the theme for the feedback widget based on the current color scheme
+ */
+export declare function getTheme(): FeedbackWidgetTheme;
+export interface FeedbackWidgetTheme {
+    /**
+     * Background color for surfaces
+     */
+    background: string;
+    /**
+     * Foreground color (i.e. text color)
+     */
+    foreground: string;
+    /**
+     * Foreground color for accented elements
+     */
+    accentForeground?: string;
+    /**
+     * Background color for accented elements
+     */
+    accentBackground?: string;
+    /**
+     * Border color
+     */
+    border?: string;
+    /**
+     * Color for feedback icon
+     */
+    feedbackIcon?: string;
+    /**
+     * Color for Sentry logo
+     */
+    sentryLogo?: string;
+}
+export declare const LightTheme: FeedbackWidgetTheme;
+export declare const DarkTheme: FeedbackWidgetTheme;
+//# sourceMappingURL=FeedbackWidget.theme.d.ts.map

package/dist/js/feedback/FeedbackWidget.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackWidget.theme.d.ts","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.theme.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,wBAAgB,QAAQ,IAAI,mBAAmB,CAM9C;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,mBAQxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,mBAQvB,CAAC"}

package/dist/js/feedback/FeedbackWidget.theme.js

@@ -0,0 +1,31 @@
+import { Appearance } from 'react-native';
+import { getColorScheme, getFeedbackDarkTheme, getFeedbackLightTheme } from './integration';
+/**
+ * Get the theme for the feedback widget based on the current color scheme
+ */
+export function getTheme() {
+    const userTheme = getColorScheme();
+    const colorScheme = userTheme === 'system' ? Appearance.getColorScheme() : userTheme;
+    const lightTheme = Object.assign(Object.assign({}, LightTheme), getFeedbackLightTheme());
+    const darkTheme = Object.assign(Object.assign({}, DarkTheme), getFeedbackDarkTheme());
+    return colorScheme === 'dark' ? darkTheme : lightTheme;
+}
+export const LightTheme = {
+    accentBackground: 'rgba(88, 74, 192, 1)',
+    accentForeground: '#ffffff',
+    foreground: '#2b2233',
+    background: '#ffffff',
+    border: 'rgba(41, 35, 47, 0.13)',
+    feedbackIcon: 'rgba(54, 45, 89, 1)',
+    sentryLogo: 'rgba(54, 45, 89, 1)',
+};
+export const DarkTheme = {
+    accentBackground: 'rgba(88, 74, 192, 1)',
+    accentForeground: '#ffffff',
+    foreground: '#ebe6ef',
+    background: '#29232f',
+    border: 'rgba(235, 230, 239, 0.15)',
+    feedbackIcon: '#ffffff',
+    sentryLogo: '#ffffff',
+};
+//# sourceMappingURL=FeedbackWidget.theme.js.map

package/dist/js/feedback/FeedbackWidget.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackWidget.theme.js","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE5F;;GAEG;AACH,MAAM,UAAU,QAAQ;IACtB,MAAM,SAAS,GAAG,cAAc,EAAE,CAAC;IACnC,MAAM,WAAW,GAAG,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACrF,MAAM,UAAU,mCAAQ,UAAU,GAAK,qBAAqB,EAAE,CAAE,CAAC;IACjE,MAAM,SAAS,mCAAQ,SAAS,GAAK,oBAAoB,EAAE,CAAE,CAAC;IAC9D,OAAO,WAAW,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;AACzD,CAAC;AAuCD,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC7C,gBAAgB,EAAE,sBAAsB;IACxC,gBAAgB,EAAE,SAAS;IAC3B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,wBAAwB;IAChC,YAAY,EAAE,qBAAqB;IACnC,UAAU,EAAE,qBAAqB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAwB;IAC5C,gBAAgB,EAAE,sBAAsB;IACxC,gBAAgB,EAAE,SAAS;IAC3B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,MAAM,EAAE,2BAA2B;IACnC,YAAY,EAAE,SAAS;IACvB,UAAU,EAAE,SAAS;CACtB,CAAC","sourcesContent":["import { Appearance } from 'react-native';\n\nimport { getColorScheme, getFeedbackDarkTheme, getFeedbackLightTheme } from './integration';\n\n/**\n * Get the theme for the feedback widget based on the current color scheme\n */\nexport function getTheme(): FeedbackWidgetTheme {\n  const userTheme = getColorScheme();\n  const colorScheme = userTheme === 'system' ? Appearance.getColorScheme() : userTheme;\n  const lightTheme = { ...LightTheme, ...getFeedbackLightTheme() };\n  const darkTheme = { ...DarkTheme, ...getFeedbackDarkTheme() };\n  return colorScheme === 'dark' ? darkTheme : lightTheme;\n}\n\nexport interface FeedbackWidgetTheme {\n  /**\n   * Background color for surfaces\n   */\n  background: string;\n\n  /**\n   * Foreground color (i.e. text color)\n   */\n  foreground: string;\n\n  /**\n   * Foreground color for accented elements\n   */\n  accentForeground?: string;\n\n  /**\n   * Background color for accented elements\n   */\n  accentBackground?: string;\n\n  /**\n   * Border color\n   */\n  border?: string;\n\n  /**\n   * Color for feedback icon\n   */\n  feedbackIcon?: string;\n\n  /**\n   * Color for Sentry logo\n   */\n  sentryLogo?: string;\n}\n\nexport const LightTheme: FeedbackWidgetTheme = {\n  accentBackground: 'rgba(88, 74, 192, 1)',\n  accentForeground: '#ffffff',\n  foreground: '#2b2233',\n  background: '#ffffff',\n  border: 'rgba(41, 35, 47, 0.13)',\n  feedbackIcon: 'rgba(54, 45, 89, 1)',\n  sentryLogo: 'rgba(54, 45, 89, 1)',\n};\n\nexport const DarkTheme: FeedbackWidgetTheme = {\n  accentBackground: 'rgba(88, 74, 192, 1)',\n  accentForeground: '#ffffff',\n  foreground: '#ebe6ef',\n  background: '#29232f',\n  border: 'rgba(235, 230, 239, 0.15)',\n  feedbackIcon: '#ffffff',\n  sentryLogo: '#ffffff',\n};\n"]}

package/dist/js/feedback/FeedbackWidget.types.d.ts

@@ -41,6 +41,11 @@ export interface FeedbackGeneralConfiguration {
      * @default false
      */
     enableScreenshot?: boolean;
+    /**
+     * This flag determines whether the "Take Screenshot" button is displayed
+     * @default false
+     */
+    enableTakeScreenshot?: boolean;
     /**
      * Fill in email/name input fields with Sentry user context if it exists.
      * The value of the email/name keys represent the properties of your user context.
@@ -99,13 +104,17 @@ export interface FeedbackTextConfiguration {
      */
     isRequiredLabel?: string;
     /**
-     * The label for the button that adds a screenshot and renders the image editor
+     * The label for the button that adds a screenshot
      */
     addScreenshotButtonLabel?: string;
     /**
-     * The label for the button that removes a screenshot and hides the image editor
+     * The label for the button that removes a screenshot
      */
     removeScreenshotButtonLabel?: string;
+    /**
+     * The label for the button that shows the capture screenshot button
+     */
+    captureScreenshotButtonLabel?: string;
     /**
      * The title of the error dialog
      */
@@ -118,11 +127,41 @@ export interface FeedbackTextConfiguration {
      * The error message when the email is invalid
      */
     emailError?: string;
+    /**
+     * The error message when the capture screenshot fails
+     */
+    captureScreenshotError?: string;
     /**
      * Message when there is a generic error
      */
     genericError?: string;
 }
+/**
+ * The FeedbackButton text labels that can be customized
+ */
+export interface FeedbackButtonTextConfiguration {
+    /**
+     * The label for the Feedback widget button that opens the dialog
+     */
+    triggerLabel?: string;
+    /**
+     * The aria label for the Feedback widget button that opens the dialog
+     */
+    triggerAriaLabel?: string;
+}
+/**
+ * The ScreenshotButton text labels that can be customized
+ */
+export interface ScreenshotButtonTextConfiguration {
+    /**
+     * The label for the Screenshot button
+     */
+    triggerLabel?: string;
+    /**
+     * The aria label for the Screenshot button
+     */
+    triggerAriaLabel?: string;
+}
 /**
  * The public callbacks available for the feedback integration
  */
@@ -199,9 +238,39 @@ export interface FeedbackWidgetStyles {
     screenshotContainer?: ViewStyle;
     screenshotThumbnail?: ImageStyle;
     screenshotText?: TextStyle;
+    takeScreenshotButton?: ViewStyle;
+    takeScreenshotText?: TextStyle;
     titleContainer?: ViewStyle;
     sentryLogo?: ImageStyle;
 }
+/**
+ * The props for the feedback button
+ */
+export interface FeedbackButtonProps extends FeedbackButtonTextConfiguration {
+    styles?: FeedbackButtonStyles;
+}
+/**
+ * The styles for the feedback button
+ */
+export interface FeedbackButtonStyles {
+    triggerButton?: ViewStyle;
+    triggerText?: TextStyle;
+    triggerIcon?: ImageStyle;
+}
+/**
+ * The props for the screenshot button
+ */
+export interface ScreenshotButtonProps extends ScreenshotButtonTextConfiguration {
+    styles?: ScreenshotButtonStyles;
+}
+/**
+ * The styles for the screenshot button
+ */
+export interface ScreenshotButtonStyles {
+    triggerButton?: ViewStyle;
+    triggerText?: TextStyle;
+    triggerIcon?: ImageStyle;
+}
 /**
  * The state of the feedback form
  */

package/dist/js/feedback/FeedbackWidget.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackWidget.types.d.ts","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FeedbackWidget.types.d.ts","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.types.ts"],"names":[],"mappings":"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"}

package/dist/js/feedback/FeedbackWidget.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackWidget.types.js","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { FeedbackFormData } from '@sentry/core';\nimport type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\n\n/**\n * The props for the feedback form\n */\nexport interface FeedbackWidgetProps\n  extends FeedbackGeneralConfiguration,\n    FeedbackTextConfiguration,\n    FeedbackCallbacks,\n    ImagePickerConfiguration {\n  styles?: FeedbackWidgetStyles;\n}\n\n/**\n * General feedback configuration\n */\nexport interface FeedbackGeneralConfiguration {\n  /**\n   * Show the Sentry branding\n   *\n   * @default true\n   */\n  showBranding?: boolean;\n\n  /**\n   * Should the email field be required?\n   */\n  isEmailRequired?: boolean;\n\n  /**\n   * Should the email field be validated?\n   */\n  shouldValidateEmail?: boolean;\n\n  /**\n   * Should the name field be required?\n   */\n  isNameRequired?: boolean;\n\n  /**\n   * Should the email input field be visible? Note: email will still be collected if set via `Sentry.setUser()`\n   */\n  showEmail?: boolean;\n\n  /**\n   * Should the name input field be visible? Note: name will still be collected if set via `Sentry.setUser()`\n   */\n  showName?: boolean;\n\n  /**\n   * This flag determines whether the \"Add Screenshot\" button is displayed\n   * @default false\n   */\n  enableScreenshot?: boolean;\n\n  /**\n   * Fill in email/name input fields with Sentry user context if it exists.\n   * The value of the email/name keys represent the properties of your user context.\n   */\n  useSentryUser?: {\n    email: string;\n    name: string;\n  };\n}\n\n/**\n * All of the different text labels that can be customized\n */\nexport interface FeedbackTextConfiguration {\n  /**\n   * The label for the Feedback form cancel button that closes dialog\n   */\n  cancelButtonLabel?: string;\n\n  /**\n   * The label for the Feedback form submit button that sends feedback\n   */\n  submitButtonLabel?: string;\n\n  /**\n   * The title of the Feedback form\n   */\n  formTitle?: string;\n\n  /**\n   * Label for the email input\n   */\n  emailLabel?: string;\n\n  /**\n   * Placeholder text for Feedback email input\n   */\n  emailPlaceholder?: string;\n\n  /**\n   * Label for the message input\n   */\n  messageLabel?: string;\n\n  /**\n   * Placeholder text for Feedback message input\n   */\n  messagePlaceholder?: string;\n\n  /**\n   * Label for the name input\n   */\n  nameLabel?: string;\n\n  /**\n   * Message after feedback was sent successfully\n   */\n  successMessageText?: string;\n\n  /**\n   * Placeholder text for Feedback name input\n   */\n  namePlaceholder?: string;\n\n  /**\n   * Text which indicates that a field is required\n   */\n  isRequiredLabel?: string;\n\n  /**\n   * The label for the button that adds a screenshot and renders the image editor\n   */\n  addScreenshotButtonLabel?: string;\n\n  /**\n   * The label for the button that removes a screenshot and hides the image editor\n   */\n  removeScreenshotButtonLabel?: string;\n\n  /**\n   * The title of the error dialog\n   */\n  errorTitle?: string;\n\n  /**\n   * The error message when the form is invalid\n   */\n  formError?: string;\n\n  /**\n   * The error message when the email is invalid\n   */\n  emailError?: string;\n\n  /**\n   * Message when there is a generic error\n   */\n  genericError?: string;\n}\n\n/**\n * The public callbacks available for the feedback integration\n */\nexport interface FeedbackCallbacks {\n  /**\n   * Callback when form is opened\n   */\n  onFormOpen?: () => void;\n\n  /**\n   * Callback when form is closed and not submitted\n   */\n  onFormClose?: () => void;\n\n  /**\n   * Callback when a screenshot is added\n   */\n  onAddScreenshot?: (addScreenshot: (uri: string) => void) => void;\n\n  /**\n   * Callback when feedback is successfully submitted\n   *\n   * After this you'll see a SuccessMessage on the screen for a moment.\n   */\n  onSubmitSuccess?: (data: FeedbackFormData) => void;\n\n  /**\n   * Callback when feedback is unsuccessfully submitted\n   */\n  onSubmitError?: (error: Error) => void;\n\n  /**\n   * Callback when the feedback form is submitted successfully, and the SuccessMessage is complete, or dismissed\n   */\n  onFormSubmitted?: () => void;\n}\n\n/**\n * Image Picker configuration interface compatible with:\n * - `react-native-image-picker`: 7.2, 8.0\n * - `expo-image-picker`: 16.0`\n */\nexport interface ImagePickerConfiguration {\n  imagePicker?: ImagePicker;\n}\n\ninterface ImagePickerResponse {\n  assets?: ImagePickerAsset[];\n}\n\ninterface ImagePickerAsset {\n  fileName?: string;\n  uri?: string;\n  base64?: string;\n}\n\ninterface ExpoImageLibraryOptions {\n  mediaTypes?: 'images'[];\n  base64?: boolean;\n}\n\ninterface ReactNativeImageLibraryOptions {\n  mediaType: 'photo';\n  includeBase64?: boolean;\n}\n\nexport interface ImagePicker {\n  launchImageLibraryAsync?: (options?: ExpoImageLibraryOptions) => Promise<ImagePickerResponse>;\n\n  launchImageLibrary?: (options: ReactNativeImageLibraryOptions) => Promise<ImagePickerResponse>;\n}\n\n/**\n * The styles for the feedback form\n */\nexport interface FeedbackWidgetStyles {\n  container?: ViewStyle;\n  title?: TextStyle;\n  label?: TextStyle;\n  input?: TextStyle;\n  textArea?: TextStyle;\n  submitButton?: ViewStyle;\n  submitText?: TextStyle;\n  cancelButton?: ViewStyle;\n  cancelText?: TextStyle;\n  screenshotButton?: ViewStyle;\n  screenshotContainer?: ViewStyle;\n  screenshotThumbnail?: ImageStyle;\n  screenshotText?: TextStyle;\n  titleContainer?: ViewStyle;\n  sentryLogo?: ImageStyle;\n}\n\n/**\n * The state of the feedback form\n */\nexport interface FeedbackWidgetState {\n  isVisible: boolean;\n  name: string;\n  email: string;\n  description: string;\n  filename?: string;\n  attachment?: string | Uint8Array;\n  attachmentUri?: string;\n}\n"]}
+{"version":3,"file":"FeedbackWidget.types.js","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidget.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { FeedbackFormData } from '@sentry/core';\nimport type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\n\n/**\n * The props for the feedback form\n */\nexport interface FeedbackWidgetProps\n  extends FeedbackGeneralConfiguration,\n    FeedbackTextConfiguration,\n    FeedbackCallbacks,\n    ImagePickerConfiguration {\n  styles?: FeedbackWidgetStyles;\n}\n\n/**\n * General feedback configuration\n */\nexport interface FeedbackGeneralConfiguration {\n  /**\n   * Show the Sentry branding\n   *\n   * @default true\n   */\n  showBranding?: boolean;\n\n  /**\n   * Should the email field be required?\n   */\n  isEmailRequired?: boolean;\n\n  /**\n   * Should the email field be validated?\n   */\n  shouldValidateEmail?: boolean;\n\n  /**\n   * Should the name field be required?\n   */\n  isNameRequired?: boolean;\n\n  /**\n   * Should the email input field be visible? Note: email will still be collected if set via `Sentry.setUser()`\n   */\n  showEmail?: boolean;\n\n  /**\n   * Should the name input field be visible? Note: name will still be collected if set via `Sentry.setUser()`\n   */\n  showName?: boolean;\n\n  /**\n   * This flag determines whether the \"Add Screenshot\" button is displayed\n   * @default false\n   */\n  enableScreenshot?: boolean;\n\n  /**\n   * This flag determines whether the \"Take Screenshot\" button is displayed\n   * @default false\n   */\n  enableTakeScreenshot?: boolean;\n\n  /**\n   * Fill in email/name input fields with Sentry user context if it exists.\n   * The value of the email/name keys represent the properties of your user context.\n   */\n  useSentryUser?: {\n    email: string;\n    name: string;\n  };\n}\n\n/**\n * All of the different text labels that can be customized\n */\nexport interface FeedbackTextConfiguration {\n  /**\n   * The label for the Feedback form cancel button that closes dialog\n   */\n  cancelButtonLabel?: string;\n\n  /**\n   * The label for the Feedback form submit button that sends feedback\n   */\n  submitButtonLabel?: string;\n\n  /**\n   * The title of the Feedback form\n   */\n  formTitle?: string;\n\n  /**\n   * Label for the email input\n   */\n  emailLabel?: string;\n\n  /**\n   * Placeholder text for Feedback email input\n   */\n  emailPlaceholder?: string;\n\n  /**\n   * Label for the message input\n   */\n  messageLabel?: string;\n\n  /**\n   * Placeholder text for Feedback message input\n   */\n  messagePlaceholder?: string;\n\n  /**\n   * Label for the name input\n   */\n  nameLabel?: string;\n\n  /**\n   * Message after feedback was sent successfully\n   */\n  successMessageText?: string;\n\n  /**\n   * Placeholder text for Feedback name input\n   */\n  namePlaceholder?: string;\n\n  /**\n   * Text which indicates that a field is required\n   */\n  isRequiredLabel?: string;\n\n  /**\n   * The label for the button that adds a screenshot\n   */\n  addScreenshotButtonLabel?: string;\n\n  /**\n   * The label for the button that removes a screenshot\n   */\n  removeScreenshotButtonLabel?: string;\n\n  /**\n   * The label for the button that shows the capture screenshot button\n   */\n  captureScreenshotButtonLabel?: string;\n\n  /**\n   * The title of the error dialog\n   */\n  errorTitle?: string;\n\n  /**\n   * The error message when the form is invalid\n   */\n  formError?: string;\n\n  /**\n   * The error message when the email is invalid\n   */\n  emailError?: string;\n\n  /**\n   * The error message when the capture screenshot fails\n   */\n  captureScreenshotError?: string;\n\n  /**\n   * Message when there is a generic error\n   */\n  genericError?: string;\n}\n\n/**\n * The FeedbackButton text labels that can be customized\n */\nexport interface FeedbackButtonTextConfiguration {\n  /**\n   * The label for the Feedback widget button that opens the dialog\n   */\n  triggerLabel?: string;\n\n  /**\n   * The aria label for the Feedback widget button that opens the dialog\n   */\n  triggerAriaLabel?: string;\n}\n\n/**\n * The ScreenshotButton text labels that can be customized\n */\nexport interface ScreenshotButtonTextConfiguration {\n  /**\n   * The label for the Screenshot button\n   */\n  triggerLabel?: string;\n\n  /**\n   * The aria label for the Screenshot button\n   */\n  triggerAriaLabel?: string;\n}\n\n/**\n * The public callbacks available for the feedback integration\n */\nexport interface FeedbackCallbacks {\n  /**\n   * Callback when form is opened\n   */\n  onFormOpen?: () => void;\n\n  /**\n   * Callback when form is closed and not submitted\n   */\n  onFormClose?: () => void;\n\n  /**\n   * Callback when a screenshot is added\n   */\n  onAddScreenshot?: (addScreenshot: (uri: string) => void) => void;\n\n  /**\n   * Callback when feedback is successfully submitted\n   *\n   * After this you'll see a SuccessMessage on the screen for a moment.\n   */\n  onSubmitSuccess?: (data: FeedbackFormData) => void;\n\n  /**\n   * Callback when feedback is unsuccessfully submitted\n   */\n  onSubmitError?: (error: Error) => void;\n\n  /**\n   * Callback when the feedback form is submitted successfully, and the SuccessMessage is complete, or dismissed\n   */\n  onFormSubmitted?: () => void;\n}\n\n/**\n * Image Picker configuration interface compatible with:\n * - `react-native-image-picker`: 7.2, 8.0\n * - `expo-image-picker`: 16.0`\n */\nexport interface ImagePickerConfiguration {\n  imagePicker?: ImagePicker;\n}\n\ninterface ImagePickerResponse {\n  assets?: ImagePickerAsset[];\n}\n\ninterface ImagePickerAsset {\n  fileName?: string;\n  uri?: string;\n  base64?: string;\n}\n\ninterface ExpoImageLibraryOptions {\n  mediaTypes?: 'images'[];\n  base64?: boolean;\n}\n\ninterface ReactNativeImageLibraryOptions {\n  mediaType: 'photo';\n  includeBase64?: boolean;\n}\n\nexport interface ImagePicker {\n  launchImageLibraryAsync?: (options?: ExpoImageLibraryOptions) => Promise<ImagePickerResponse>;\n\n  launchImageLibrary?: (options: ReactNativeImageLibraryOptions) => Promise<ImagePickerResponse>;\n}\n\n/**\n * The styles for the feedback form\n */\nexport interface FeedbackWidgetStyles {\n  container?: ViewStyle;\n  title?: TextStyle;\n  label?: TextStyle;\n  input?: TextStyle;\n  textArea?: TextStyle;\n  submitButton?: ViewStyle;\n  submitText?: TextStyle;\n  cancelButton?: ViewStyle;\n  cancelText?: TextStyle;\n  screenshotButton?: ViewStyle;\n  screenshotContainer?: ViewStyle;\n  screenshotThumbnail?: ImageStyle;\n  screenshotText?: TextStyle;\n  takeScreenshotButton?: ViewStyle;\n  takeScreenshotText?: TextStyle;\n  titleContainer?: ViewStyle;\n  sentryLogo?: ImageStyle;\n}\n\n/**\n * The props for the feedback button\n */\nexport interface FeedbackButtonProps extends FeedbackButtonTextConfiguration {\n  styles?: FeedbackButtonStyles;\n}\n\n/**\n * The styles for the feedback button\n */\nexport interface FeedbackButtonStyles {\n  triggerButton?: ViewStyle;\n  triggerText?: TextStyle;\n  triggerIcon?: ImageStyle;\n}\n\n/**\n * The props for the screenshot button\n */\nexport interface ScreenshotButtonProps extends ScreenshotButtonTextConfiguration {\n  styles?: ScreenshotButtonStyles;\n}\n\n/**\n * The styles for the screenshot button\n */\nexport interface ScreenshotButtonStyles {\n  triggerButton?: ViewStyle;\n  triggerText?: TextStyle;\n  triggerIcon?: ImageStyle;\n}\n\n/**\n * The state of the feedback form\n */\nexport interface FeedbackWidgetState {\n  isVisible: boolean;\n  name: string;\n  email: string;\n  description: string;\n  filename?: string;\n  attachment?: string | Uint8Array;\n  attachmentUri?: string;\n}\n"]}

package/dist/js/feedback/FeedbackWidgetManager.d.ts

@@ -1,33 +1,53 @@
-import * as React from 'react';
-import { Animated } from 'react-native';
-import type { FeedbackWidgetStyles } from './FeedbackWidget.types';
-interface FeedbackWidgetProviderProps {
-    children: React.ReactNode;
-    styles?: FeedbackWidgetStyles;
+export declare const PULL_DOWN_CLOSE_THRESHOLD = 200;
+export declare const SLIDE_ANIMATION_DURATION = 200;
+export declare const BACKGROUND_ANIMATION_DURATION = 200;
+declare abstract class FeedbackManager {
+    protected static _isVisible: boolean;
+    protected static _setVisibility: (visible: boolean) => void;
+    protected static get _feedbackComponentName(): string;
+    static initialize(setVisibility: (visible: boolean) => void): void;
+    /**
+     * For testing purposes only.
+     */
+    static reset(): void;
+    static show(): void;
+    static hide(): void;
+    static isFormVisible(): boolean;
 }
-interface FeedbackWidgetProviderState {
-    isVisible: boolean;
-    backgroundOpacity: Animated.Value;
-    panY: Animated.Value;
-    isScrollAtTop: boolean;
+/**
+ * Provides functionality to show and hide the feedback widget.
+ */
+export declare class FeedbackWidgetManager extends FeedbackManager {
+    /**
+     * Returns the name of the feedback component.
+     */
+    protected static get _feedbackComponentName(): string;
 }
-declare class FeedbackWidgetProvider extends React.Component<FeedbackWidgetProviderProps> {
-    state: FeedbackWidgetProviderState;
-    private _panResponder;
-    constructor(props: FeedbackWidgetProviderProps);
+/**
+ * Provides functionality to show and hide the feedback button.
+ */
+export declare class FeedbackButtonManager extends FeedbackManager {
     /**
-     * Animates the background opacity when the modal is shown.
+     * Returns the name of the feedback component.
      */
-    componentDidUpdate(_prevProps: any, prevState: FeedbackWidgetProviderState): void;
+    protected static get _feedbackComponentName(): string;
+}
+/**
+ * Provides functionality to show and hide the screenshot button.
+ */
+export declare class ScreenshotButtonManager extends FeedbackManager {
     /**
-     * Renders the feedback form modal.
+     * Returns the name of the feedback component.
      */
-    render(): React.ReactNode;
-    private _handleScroll;
-    private _setVisibilityFunction;
-    private _handleClose;
+    protected static get _feedbackComponentName(): string;
 }
 declare const showFeedbackWidget: () => void;
 declare const resetFeedbackWidgetManager: () => void;
-export { showFeedbackWidget, FeedbackWidgetProvider, resetFeedbackWidgetManager };
+declare const showFeedbackButton: () => void;
+declare const hideFeedbackButton: () => void;
+declare const resetFeedbackButtonManager: () => void;
+declare const showScreenshotButton: () => void;
+declare const hideScreenshotButton: () => void;
+declare const resetScreenshotButtonManager: () => void;
+export { showFeedbackButton, hideFeedbackButton, showFeedbackWidget, showScreenshotButton, hideScreenshotButton, resetFeedbackButtonManager, resetFeedbackWidgetManager, resetScreenshotButtonManager };
 //# sourceMappingURL=FeedbackWidgetManager.d.ts.map