@sentry/react-native 6.13.1 → 6.15.0

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

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

@@ -1 +1 @@
-{"version":3,"file":"FeedbackWidgetManager.d.ts","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidgetManager.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAuE,MAAM,cAAc,CAAC;AAK7G,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAsDnE,UAAU,2BAA2B;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,UAAU,2BAA2B;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,QAAQ,CAAC,KAAK,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,cAAM,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,CAAC;IACxE,KAAK,EAAE,2BAA2B,CAKvC;IAEF,OAAO,CAAC,aAAa,CA8BlB;gBAEgB,KAAK,EAAE,2BAA2B;IAKrD;;OAEG;IACI,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,2BAA2B,GAAG,IAAI;IAuBxF;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,SAAS;IA2ChC,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,sBAAsB,CA0B5B;IAEF,OAAO,CAAC,YAAY,CAElB;CACH;AAED,QAAA,MAAM,kBAAkB,QAAO,IAG9B,CAAC;AAEF,QAAA,MAAM,0BAA0B,QAAO,IAEtC,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,CAAC"}
+{"version":3,"file":"FeedbackWidgetManager.d.ts","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidgetManager.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAC5C,eAAO,MAAM,6BAA6B,MAAM,CAAC;AAEjD,uBAAe,eAAe;IAC5B,SAAS,CAAC,MAAM,CAAC,UAAU,UAAS;IACpC,SAAS,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5D,SAAS,CAAC,MAAM,KAAK,sBAAsB,IAAI,MAAM,CAEpD;WAEa,UAAU,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,IAAI;IAIzE;;OAEG;WACW,KAAK,IAAI,IAAI;WAKb,IAAI,IAAI,IAAI;WAWZ,IAAI,IAAI,IAAI;WAWZ,aAAa,IAAI,OAAO;CAGvC;AAED;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,eAAe;IACxD;;OAEG;IACH,SAAS,CAAC,MAAM,KAAK,sBAAsB,IAAI,MAAM,CAEpD;CACF;AAED;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,eAAe;IACxD;;OAEG;IACH,SAAS,CAAC,MAAM,KAAK,sBAAsB,IAAI,MAAM,CAEpD;CACF;AAED;;GAEG;AACH,qBAAa,uBAAwB,SAAQ,eAAe;IAC1D;;OAEG;IACH,SAAS,CAAC,MAAM,KAAK,sBAAsB,IAAI,MAAM,CAEpD;CACF;AAED,QAAA,MAAM,kBAAkB,QAAO,IAG9B,CAAC;AAEF,QAAA,MAAM,0BAA0B,QAAO,IAEtC,CAAC;AAEF,QAAA,MAAM,kBAAkB,QAAO,IAG9B,CAAC;AAEF,QAAA,MAAM,kBAAkB,QAAO,IAE9B,CAAC;AAEF,QAAA,MAAM,0BAA0B,QAAO,IAEtC,CAAC;AAEF,QAAA,MAAM,oBAAoB,QAAO,IAOhC,CAAC;AAEF,QAAA,MAAM,oBAAoB,QAAO,IAEhC,CAAC;AAEF,QAAA,MAAM,4BAA4B,QAAO,IAExC,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,0BAA0B,EAAE,4BAA4B,EAAE,CAAC"}

package/dist/js/feedback/FeedbackWidgetManager.js

@@ -1,17 +1,13 @@
 import { logger } from '@sentry/core';
-import * as React from 'react';
-import { Animated, Dimensions, Easing, Modal, PanResponder, Platform, ScrollView, View } from 'react-native';
-import { notWeb } from '../utils/environment';
-import { FeedbackWidget } from './FeedbackWidget';
-import { modalSheetContainer, modalWrapper, topSpacer } from './FeedbackWidget.styles';
-import { getFeedbackOptions } from './integration';
-import { lazyLoadAutoInjectFeedbackIntegration } from './lazy';
-import { isModalSupported, isNativeDriverSupportedForColorAnimations } from './utils';
-const PULL_DOWN_CLOSE_THRESHOLD = 200;
-const SLIDE_ANIMATION_DURATION = 200;
-const BACKGROUND_ANIMATION_DURATION = 200;
-const useNativeDriverForColorAnimations = isNativeDriverSupportedForColorAnimations();
-class FeedbackWidgetManager {
+import { isWeb } from '../utils/environment';
+import { lazyLoadAutoInjectFeedbackButtonIntegration, lazyLoadAutoInjectFeedbackIntegration, lazyLoadAutoInjectScreenshotButtonIntegration } from './lazy';
+export const PULL_DOWN_CLOSE_THRESHOLD = 200;
+export const SLIDE_ANIMATION_DURATION = 200;
+export const BACKGROUND_ANIMATION_DURATION = 200;
+class FeedbackManager {
+    static get _feedbackComponentName() {
+        throw new Error('Subclasses must override feedbackComponentName');
+    }
     static initialize(setVisibility) {
         this._setVisibility = setVisibility;
     }
@@ -30,7 +26,7 @@ class FeedbackWidgetManager {
         else {
             // This message should be always shown otherwise it's not possible to use the widget.
             // eslint-disable-next-line no-console
-            console.warn('[Sentry] FeedbackWidget requires `Sentry.wrap(RootComponent)` to be called before `showFeedbackWidget()`.');
+            console.warn(`[Sentry] ${this._feedbackComponentName} requires 'Sentry.wrap(RootComponent)' to be called before 'show${this._feedbackComponentName}()'.`);
         }
     }
     static hide() {
@@ -41,141 +37,45 @@ class FeedbackWidgetManager {
         else {
             // This message should be always shown otherwise it's not possible to use the widget.
             // eslint-disable-next-line no-console
-            console.warn('[Sentry] FeedbackWidget requires `Sentry.wrap(RootComponent)` before interacting with the widget.');
+            console.warn(`[Sentry] ${this._feedbackComponentName} requires 'Sentry.wrap(RootComponent)' before interacting with the widget.`);
         }
     }
     static isFormVisible() {
         return this._isVisible;
     }
 }
-FeedbackWidgetManager._isVisible = false;
-class FeedbackWidgetProvider extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = {
-            isVisible: false,
-            backgroundOpacity: new Animated.Value(0),
-            panY: new Animated.Value(Dimensions.get('screen').height),
-            isScrollAtTop: true,
-        };
-        this._panResponder = PanResponder.create({
-            onStartShouldSetPanResponder: (_, gestureState) => {
-                return notWeb() && this.state.isScrollAtTop && gestureState.dy > 0;
-            },
-            onMoveShouldSetPanResponder: (_, gestureState) => {
-                return notWeb() && this.state.isScrollAtTop && gestureState.dy > 0;
-            },
-            onPanResponderMove: (_, gestureState) => {
-                if (gestureState.dy > 0) {
-                    this.state.panY.setValue(gestureState.dy);
-                }
-            },
-            onPanResponderRelease: (_, gestureState) => {
-                if (gestureState.dy > PULL_DOWN_CLOSE_THRESHOLD) {
-                    // Close on swipe below a certain threshold
-                    Animated.timing(this.state.panY, {
-                        toValue: Dimensions.get('screen').height,
-                        duration: SLIDE_ANIMATION_DURATION,
-                        useNativeDriver: true,
-                    }).start(() => {
-                        this._handleClose();
-                    });
-                }
-                else {
-                    // Animate it back to the original position
-                    Animated.spring(this.state.panY, {
-                        toValue: 0,
-                        useNativeDriver: true,
-                    }).start();
-                }
-            },
-        });
-        this._handleScroll = (event) => {
-            this.setState({ isScrollAtTop: event.nativeEvent.contentOffset.y <= 0 });
-        };
-        this._setVisibilityFunction = (visible) => {
-            const updateState = () => {
-                this.setState({ isVisible: visible });
-            };
-            if (!visible) {
-                Animated.parallel([
-                    Animated.timing(this.state.panY, {
-                        toValue: Dimensions.get('screen').height,
-                        duration: SLIDE_ANIMATION_DURATION,
-                        useNativeDriver: true,
-                        easing: Easing.out(Easing.quad),
-                    }),
-                    Animated.timing(this.state.backgroundOpacity, {
-                        toValue: 0,
-                        duration: BACKGROUND_ANIMATION_DURATION,
-                        useNativeDriver: useNativeDriverForColorAnimations,
-                        easing: Easing.out(Easing.quad),
-                    })
-                ]).start(() => {
-                    // Change of the state unmount the component
-                    // which would cancel the animation
-                    updateState();
-                });
-            }
-            else {
-                updateState();
-            }
-        };
-        this._handleClose = () => {
-            FeedbackWidgetManager.hide();
-        };
-        FeedbackWidgetManager.initialize(this._setVisibilityFunction);
+FeedbackManager._isVisible = false;
+/**
+ * Provides functionality to show and hide the feedback widget.
+ */
+export class FeedbackWidgetManager extends FeedbackManager {
+    /**
+     * Returns the name of the feedback component.
+     */
+    static get _feedbackComponentName() {
+        return 'FeedbackWidget';
     }
+}
+/**
+ * Provides functionality to show and hide the feedback button.
+ */
+export class FeedbackButtonManager extends FeedbackManager {
     /**
-     * Animates the background opacity when the modal is shown.
+     * Returns the name of the feedback component.
      */
-    componentDidUpdate(_prevProps, prevState) {
-        if (!prevState.isVisible && this.state.isVisible) {
-            Animated.parallel([
-                Animated.timing(this.state.backgroundOpacity, {
-                    toValue: 1,
-                    duration: BACKGROUND_ANIMATION_DURATION,
-                    useNativeDriver: useNativeDriverForColorAnimations,
-                    easing: Easing.in(Easing.quad),
-                }),
-                Animated.timing(this.state.panY, {
-                    toValue: 0,
-                    duration: SLIDE_ANIMATION_DURATION,
-                    useNativeDriver: true,
-                    easing: Easing.in(Easing.quad),
-                })
-            ]).start(() => {
-                logger.info('FeedbackWidgetProvider componentDidUpdate');
-            });
-        }
-        else if (prevState.isVisible && !this.state.isVisible) {
-            this.state.backgroundOpacity.setValue(0);
-        }
+    static get _feedbackComponentName() {
+        return 'FeedbackButton';
     }
+}
+/**
+ * Provides functionality to show and hide the screenshot button.
+ */
+export class ScreenshotButtonManager extends FeedbackManager {
     /**
-     * Renders the feedback form modal.
+     * Returns the name of the feedback component.
      */
-    render() {
-        if (!isModalSupported()) {
-            logger.error('FeedbackWidget Modal is not supported in React Native < 0.71 with Fabric renderer.');
-            return React.createElement(React.Fragment, null, this.props.children);
-        }
-        const { isVisible, backgroundOpacity } = this.state;
-        const backgroundColor = backgroundOpacity.interpolate({
-            inputRange: [0, 1],
-            outputRange: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.9)'],
-        });
-        // Wrapping the `Modal` component in a `View` component is necessary to avoid
-        // issues like https://github.com/software-mansion/react-native-reanimated/issues/6035
-        return (React.createElement(React.Fragment, null,
-            this.props.children,
-            isVisible &&
-                React.createElement(Animated.View, { style: [modalWrapper, { backgroundColor }] },
-                    React.createElement(Modal, { visible: isVisible, transparent: true, animationType: "none", onRequestClose: this._handleClose, testID: "feedback-form-modal" },
-                        React.createElement(View, { style: topSpacer }),
-                        React.createElement(Animated.View, Object.assign({ style: [modalSheetContainer, { transform: [{ translateY: this.state.panY }] }] }, this._panResponder.panHandlers),
-                            React.createElement(ScrollView, { bounces: false, keyboardShouldPersistTaps: "handled", automaticallyAdjustKeyboardInsets: Platform.OS === 'ios', onScroll: this._handleScroll },
-                                React.createElement(FeedbackWidget, Object.assign({}, getFeedbackOptions(), { onFormClose: this._handleClose, onFormSubmitted: this._handleClose }))))))));
+    static get _feedbackComponentName() {
+        return 'ScreenshotButton';
     }
 }
 const showFeedbackWidget = () => {
@@ -185,5 +85,29 @@ const showFeedbackWidget = () => {
 const resetFeedbackWidgetManager = () => {
     FeedbackWidgetManager.reset();
 };
-export { showFeedbackWidget, FeedbackWidgetProvider, resetFeedbackWidgetManager };
+const showFeedbackButton = () => {
+    lazyLoadAutoInjectFeedbackButtonIntegration();
+    FeedbackButtonManager.show();
+};
+const hideFeedbackButton = () => {
+    FeedbackButtonManager.hide();
+};
+const resetFeedbackButtonManager = () => {
+    FeedbackButtonManager.reset();
+};
+const showScreenshotButton = () => {
+    if (isWeb()) {
+        logger.warn('ScreenshotButton is not supported on Web.');
+        return;
+    }
+    lazyLoadAutoInjectScreenshotButtonIntegration();
+    ScreenshotButtonManager.show();
+};
+const hideScreenshotButton = () => {
+    ScreenshotButtonManager.hide();
+};
+const resetScreenshotButtonManager = () => {
+    ScreenshotButtonManager.reset();
+};
+export { showFeedbackButton, hideFeedbackButton, showFeedbackWidget, showScreenshotButton, hideScreenshotButton, resetFeedbackButtonManager, resetFeedbackWidgetManager, resetScreenshotButtonManager };
 //# sourceMappingURL=FeedbackWidgetManager.js.map

package/dist/js/feedback/FeedbackWidgetManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackWidgetManager.js","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidgetManager.tsx"],"names":[],"mappings":"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","sourcesContent":["import { logger } from '@sentry/core';\nimport * as React from 'react';\nimport type { NativeScrollEvent, NativeSyntheticEvent} from 'react-native';\nimport { Animated, Dimensions, Easing, Modal, PanResponder, Platform, ScrollView, View } from 'react-native';\n\nimport { notWeb } from '../utils/environment';\nimport { FeedbackWidget } from './FeedbackWidget';\nimport { modalSheetContainer, modalWrapper, topSpacer } from './FeedbackWidget.styles';\nimport type { FeedbackWidgetStyles } from './FeedbackWidget.types';\nimport { getFeedbackOptions } from './integration';\nimport { lazyLoadAutoInjectFeedbackIntegration } from './lazy';\nimport { isModalSupported, isNativeDriverSupportedForColorAnimations } from './utils';\n\nconst PULL_DOWN_CLOSE_THRESHOLD = 200;\nconst SLIDE_ANIMATION_DURATION = 200;\nconst BACKGROUND_ANIMATION_DURATION = 200;\n\nconst useNativeDriverForColorAnimations = isNativeDriverSupportedForColorAnimations();\n\nclass FeedbackWidgetManager {\n  private static _isVisible = false;\n  private static _setVisibility: (visible: boolean) => void;\n\n  public static initialize(setVisibility: (visible: boolean) => void): void {\n    this._setVisibility = setVisibility;\n  }\n\n  /**\n   * For testing purposes only.\n   */\n  public static reset(): void {\n    this._isVisible = false;\n    this._setVisibility = undefined;\n  }\n\n  public static show(): void {\n    if (this._setVisibility) {\n      this._isVisible = true;\n      this._setVisibility(true);\n    } else {\n      // This message should be always shown otherwise it's not possible to use the widget.\n      // eslint-disable-next-line no-console\n      console.warn('[Sentry] FeedbackWidget requires `Sentry.wrap(RootComponent)` to be called before `showFeedbackWidget()`.');\n    }\n  }\n\n  public static hide(): void {\n    if (this._setVisibility) {\n      this._isVisible = false;\n      this._setVisibility(false);\n    } else {\n      // This message should be always shown otherwise it's not possible to use the widget.\n      // eslint-disable-next-line no-console\n      console.warn('[Sentry] FeedbackWidget requires `Sentry.wrap(RootComponent)` before interacting with the widget.');\n    }\n  }\n\n  public static isFormVisible(): boolean {\n    return this._isVisible;\n  }\n}\n\ninterface FeedbackWidgetProviderProps {\n  children: React.ReactNode;\n  styles?: FeedbackWidgetStyles;\n}\n\ninterface FeedbackWidgetProviderState {\n  isVisible: boolean;\n  backgroundOpacity: Animated.Value;\n  panY: Animated.Value;\n  isScrollAtTop: boolean;\n}\n\nclass FeedbackWidgetProvider extends React.Component<FeedbackWidgetProviderProps> {\n  public state: FeedbackWidgetProviderState = {\n    isVisible: false,\n    backgroundOpacity: new Animated.Value(0),\n    panY: new Animated.Value(Dimensions.get('screen').height),\n    isScrollAtTop: true,\n  };\n\n  private _panResponder = PanResponder.create({\n    onStartShouldSetPanResponder: (_, gestureState) => {\n      return notWeb() && this.state.isScrollAtTop && gestureState.dy > 0;\n    },\n    onMoveShouldSetPanResponder: (_, gestureState) => {\n      return notWeb() && this.state.isScrollAtTop && gestureState.dy > 0;\n    },\n    onPanResponderMove: (_, gestureState) => {\n      if (gestureState.dy > 0) {\n        this.state.panY.setValue(gestureState.dy);\n      }\n    },\n    onPanResponderRelease: (_, gestureState) => {\n      if (gestureState.dy > PULL_DOWN_CLOSE_THRESHOLD) {\n        // Close on swipe below a certain threshold\n        Animated.timing(this.state.panY, {\n          toValue: Dimensions.get('screen').height,\n          duration: SLIDE_ANIMATION_DURATION,\n          useNativeDriver: true,\n        }).start(() => {\n          this._handleClose();\n        });\n      } else {\n        // Animate it back to the original position\n        Animated.spring(this.state.panY, {\n          toValue: 0,\n          useNativeDriver: true,\n        }).start();\n      }\n    },\n  });\n\n  public constructor(props: FeedbackWidgetProviderProps) {\n    super(props);\n    FeedbackWidgetManager.initialize(this._setVisibilityFunction);\n  }\n\n  /**\n   * Animates the background opacity when the modal is shown.\n   */\n  public componentDidUpdate(_prevProps: any, prevState: FeedbackWidgetProviderState): void {\n    if (!prevState.isVisible && this.state.isVisible) {\n      Animated.parallel([\n        Animated.timing(this.state.backgroundOpacity, {\n          toValue: 1,\n          duration: BACKGROUND_ANIMATION_DURATION,\n          useNativeDriver: useNativeDriverForColorAnimations,\n          easing: Easing.in(Easing.quad),\n        }),\n        Animated.timing(this.state.panY, {\n          toValue: 0,\n          duration: SLIDE_ANIMATION_DURATION,\n          useNativeDriver: true,\n          easing: Easing.in(Easing.quad),\n        })\n      ]).start(() => {\n        logger.info('FeedbackWidgetProvider componentDidUpdate');\n      });\n    } else if (prevState.isVisible && !this.state.isVisible) {\n      this.state.backgroundOpacity.setValue(0);\n    }\n  }\n\n  /**\n   * Renders the feedback form modal.\n   */\n  public render(): React.ReactNode {\n    if (!isModalSupported()) {\n      logger.error('FeedbackWidget Modal is not supported in React Native < 0.71 with Fabric renderer.');\n      return <>{this.props.children}</>;\n    }\n\n    const { isVisible, backgroundOpacity } = this.state;\n\n    const backgroundColor = backgroundOpacity.interpolate({\n      inputRange: [0, 1],\n      outputRange: ['rgba(0, 0, 0, 0)', 'rgba(0, 0, 0, 0.9)'],\n    });\n\n    // Wrapping the `Modal` component in a `View` component is necessary to avoid\n    // issues like https://github.com/software-mansion/react-native-reanimated/issues/6035\n    return (\n      <>\n        {this.props.children}\n        {isVisible &&\n          <Animated.View style={[modalWrapper, { backgroundColor }]} >\n            <Modal visible={isVisible} transparent animationType=\"none\" onRequestClose={this._handleClose} testID=\"feedback-form-modal\">\n              <View style={topSpacer}/>\n              <Animated.View\n                style={[modalSheetContainer, { transform: [{ translateY: this.state.panY }] }]}\n                {...this._panResponder.panHandlers}>\n                <ScrollView\n                  bounces={false}\n                  keyboardShouldPersistTaps=\"handled\"\n                  automaticallyAdjustKeyboardInsets={Platform.OS === 'ios'}\n                  onScroll={this._handleScroll}>\n                  <FeedbackWidget {...getFeedbackOptions()}\n                    onFormClose={this._handleClose}\n                    onFormSubmitted={this._handleClose}\n                  />\n                </ScrollView>\n              </Animated.View>\n            </Modal>\n          </Animated.View>\n        }\n      </>\n    );\n  }\n\n  private _handleScroll = (event: NativeSyntheticEvent<NativeScrollEvent>): void => {\n    this.setState({ isScrollAtTop: event.nativeEvent.contentOffset.y <= 0 });\n  };\n\n  private _setVisibilityFunction = (visible: boolean): void => {\n    const updateState = (): void => {\n      this.setState({ isVisible: visible });\n    };\n    if (!visible) {\n      Animated.parallel([\n        Animated.timing(this.state.panY, {\n          toValue: Dimensions.get('screen').height,\n          duration: SLIDE_ANIMATION_DURATION,\n          useNativeDriver: true,\n          easing: Easing.out(Easing.quad),\n        }),\n        Animated.timing(this.state.backgroundOpacity, {\n          toValue: 0,\n          duration: BACKGROUND_ANIMATION_DURATION,\n          useNativeDriver: useNativeDriverForColorAnimations,\n          easing: Easing.out(Easing.quad),\n        })\n      ]).start(() => {\n        // Change of the state unmount the component\n        // which would cancel the animation\n        updateState();\n      });\n    } else {\n      updateState();\n    }\n  };\n\n  private _handleClose = (): void => {\n    FeedbackWidgetManager.hide();\n  };\n}\n\nconst showFeedbackWidget = (): void => {\n  lazyLoadAutoInjectFeedbackIntegration();\n  FeedbackWidgetManager.show();\n};\n\nconst resetFeedbackWidgetManager = (): void => {\n  FeedbackWidgetManager.reset();\n};\n\nexport { showFeedbackWidget, FeedbackWidgetProvider, resetFeedbackWidgetManager };\n"]}
+{"version":3,"file":"FeedbackWidgetManager.js","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidgetManager.tsx"],"names":[],"mappings":"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","sourcesContent":["import { logger } from '@sentry/core';\n\nimport { isWeb  } from '../utils/environment';\nimport { lazyLoadAutoInjectFeedbackButtonIntegration,lazyLoadAutoInjectFeedbackIntegration, lazyLoadAutoInjectScreenshotButtonIntegration } from './lazy';\n\nexport const PULL_DOWN_CLOSE_THRESHOLD = 200;\nexport const SLIDE_ANIMATION_DURATION = 200;\nexport const BACKGROUND_ANIMATION_DURATION = 200;\n\nabstract class FeedbackManager {\n  protected static _isVisible = false;\n  protected static _setVisibility: (visible: boolean) => void;\n\n  protected static get _feedbackComponentName(): string {\n    throw new Error('Subclasses must override feedbackComponentName');\n  }\n\n  public static initialize(setVisibility: (visible: boolean) => void): void {\n    this._setVisibility = setVisibility;\n  }\n\n  /**\n   * For testing purposes only.\n   */\n  public static reset(): void {\n    this._isVisible = false;\n    this._setVisibility = undefined;\n  }\n\n  public static show(): void {\n    if (this._setVisibility) {\n      this._isVisible = true;\n      this._setVisibility(true);\n    } else {\n      // This message should be always shown otherwise it's not possible to use the widget.\n      // eslint-disable-next-line no-console\n      console.warn(`[Sentry] ${this._feedbackComponentName} requires 'Sentry.wrap(RootComponent)' to be called before 'show${this._feedbackComponentName}()'.`);\n    }\n  }\n\n  public static hide(): void {\n    if (this._setVisibility) {\n      this._isVisible = false;\n      this._setVisibility(false);\n    } else {\n      // This message should be always shown otherwise it's not possible to use the widget.\n      // eslint-disable-next-line no-console\n      console.warn(`[Sentry] ${this._feedbackComponentName} requires 'Sentry.wrap(RootComponent)' before interacting with the widget.`);\n    }\n  }\n\n  public static isFormVisible(): boolean {\n    return this._isVisible;\n  }\n}\n\n/**\n * Provides functionality to show and hide the feedback widget.\n */\nexport class FeedbackWidgetManager extends FeedbackManager {\n  /**\n   * Returns the name of the feedback component.\n   */\n  protected static get _feedbackComponentName(): string {\n    return 'FeedbackWidget';\n  }\n}\n\n/**\n * Provides functionality to show and hide the feedback button.\n */\nexport class FeedbackButtonManager extends FeedbackManager {\n  /**\n   * Returns the name of the feedback component.\n   */\n  protected static get _feedbackComponentName(): string {\n    return 'FeedbackButton';\n  }\n}\n\n/**\n * Provides functionality to show and hide the screenshot button.\n */\nexport class ScreenshotButtonManager extends FeedbackManager {\n  /**\n   * Returns the name of the feedback component.\n   */\n  protected static get _feedbackComponentName(): string {\n    return 'ScreenshotButton';\n  }\n}\n\nconst showFeedbackWidget = (): void => {\n  lazyLoadAutoInjectFeedbackIntegration();\n  FeedbackWidgetManager.show();\n};\n\nconst resetFeedbackWidgetManager = (): void => {\n  FeedbackWidgetManager.reset();\n};\n\nconst showFeedbackButton = (): void => {\n  lazyLoadAutoInjectFeedbackButtonIntegration();\n  FeedbackButtonManager.show();\n};\n\nconst hideFeedbackButton = (): void => {\n  FeedbackButtonManager.hide();\n};\n\nconst resetFeedbackButtonManager = (): void => {\n  FeedbackButtonManager.reset();\n};\n\nconst showScreenshotButton = (): void => {\n  if (isWeb()) {\n    logger.warn('ScreenshotButton is not supported on Web.');\n    return;\n  }\n  lazyLoadAutoInjectScreenshotButtonIntegration();\n  ScreenshotButtonManager.show();\n};\n\nconst hideScreenshotButton = (): void => {\n  ScreenshotButtonManager.hide();\n};\n\nconst resetScreenshotButtonManager = (): void => {\n  ScreenshotButtonManager.reset();\n};\n\nexport { showFeedbackButton, hideFeedbackButton, showFeedbackWidget, showScreenshotButton, hideScreenshotButton, resetFeedbackButtonManager, resetFeedbackWidgetManager, resetScreenshotButtonManager };\n"]}

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

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { Animated } from 'react-native';
+import type { FeedbackWidgetStyles } from './FeedbackWidget.types';
+export interface FeedbackWidgetProviderProps {
+    children: React.ReactNode;
+    styles?: FeedbackWidgetStyles;
+}
+export interface FeedbackWidgetProviderState {
+    isButtonVisible: boolean;
+    isScreenshotButtonVisible: boolean;
+    isVisible: boolean;
+    backgroundOpacity: Animated.Value;
+    panY: Animated.Value;
+    isScrollAtTop: boolean;
+}
+/**
+ * FeedbackWidgetProvider is a component that wraps the feedback widget and provides
+ * functionality to show and hide the widget. It also manages the visibility of the
+ * feedback button and screenshot button.
+ */
+export declare class FeedbackWidgetProvider extends React.Component<FeedbackWidgetProviderProps> {
+    state: FeedbackWidgetProviderState;
+    private _themeListener;
+    private _panResponder;
+    constructor(props: FeedbackWidgetProviderProps);
+    /**
+     * Add a listener to the theme change event.
+     */
+    componentDidMount(): void;
+    /**
+     * Clean up the theme listener.
+     */
+    componentWillUnmount(): void;
+    /**
+     * Animates the background opacity when the modal is shown.
+     */
+    componentDidUpdate(_prevProps: any, prevState: FeedbackWidgetProviderState): void;
+    /**
+     * Renders the feedback form modal.
+     */
+    render(): React.ReactNode;
+    private _handleScroll;
+    private _setVisibilityFunction;
+    private _setButtonVisibilityFunction;
+    private _setScreenshotButtonVisibilityFunction;
+    private _handleClose;
+}
+//# sourceMappingURL=FeedbackWidgetProvider.d.ts.map

package/dist/js/feedback/FeedbackWidgetProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackWidgetProvider.d.ts","sourceRoot":"","sources":["../../../src/js/feedback/FeedbackWidgetProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAkF,QAAQ,EAAmF,MAAM,cAAc,CAAC;AAOzM,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQnE,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,oBAAoB,CAAC;CAC/B;AAED,MAAM,WAAW,2BAA2B;IAC1C,eAAe,EAAE,OAAO,CAAC;IACzB,yBAAyB,EAAE,OAAO,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,iBAAiB,EAAE,QAAQ,CAAC,KAAK,CAAC;IAClC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,2BAA2B,CAAC;IAC/E,KAAK,EAAE,2BAA2B,CAOvC;IAEF,OAAO,CAAC,cAAc,CAA0B;IAEhD,OAAO,CAAC,aAAa,CA8BlB;gBAEgB,KAAK,EAAE,2BAA2B;IAOrD;;OAEG;IACI,iBAAiB,IAAI,IAAI;IAMhC;;OAEG;IACI,oBAAoB,IAAI,IAAI;IAMnC;;OAEG;IACI,kBAAkB,CAAC,UAAU,EAAE,GAAG,EAAE,SAAS,EAAE,2BAA2B,GAAG,IAAI;IAuBxF;;OAEG;IACI,MAAM,IAAI,KAAK,CAAC,SAAS;IA6ChC,OAAO,CAAC,aAAa,CAEnB;IAEF,OAAO,CAAC,sBAAsB,CA0B5B;IAEF,OAAO,CAAC,4BAA4B,CAElC;IAEF,OAAO,CAAC,sCAAsC,CAE5C;IAEF,OAAO,CAAC,YAAY,CAElB;CACH"}