. 5. Configuration in Bubble

5.1 Installation and Initial Configuration

1. Add the Plugin :
   Upload the plugin to your Bubble account using the plugin editor or the "Install Plugin" option if it is already published.

2. Configure Properties :

   • Access the page editor or workflow where the picker will be used.
   • In the plugin properties section, enter values for client_id, redirect_uri, and other fields based on your application's needs.
   • Define the auth_mode (recommended: "automatic" unless you have a predefined token).

3. Configure States and Events :

   • Use Bubble's "Element Inspector" to view exposed states (e.g., file_urls, file_ids, etc.) and link them to dynamic elements (text, lists, images, etc.).
   • Configure workflows triggered by the plugin's events (e.g., picker_opened, file_selected, error, etc.) to customize the application's response.

5.2 Customization and Security

• Security :
  The plugin incorporates validations and threat detection (via known patterns) along with debouncing mechanisms to prevent injection attacks. Review the allowed_origins configuration to restrict permitted origins.

• Optimization :
  Cache techniques and pending request handling are applied to improve performance. Generally, no adjustments are necessary unless specific needs arise.

• Themes and Design :
  Use the theme and list.layout.type fields to adapt the picker's visual appearance to your application's identity.