How to use this plugin:
1. Setup the Element: Drag the ImageCropper element onto your page. Make sure to give it a fixed width and height (e.g., 500x400px) so the cropping interface has space to render.

2. Load an Image: In the element's property editor, set the "Image to Crop" field. This can be a dynamic image from your database, a URL, or the result of a 'File Uploader' element.

3. Trigger the Crop: Create a button (e.g., "Confirm Crop") and start a workflow. Use the element action "Crop Now".

4. Handle the Result: The cropping process is asynchronous. You should listen for the event "Cropper is ready". When this event triggers, the cropped image is available in the element's exposed state: 's cropped_image_base64.

5. Save or Display:

      - To Display: Set an Image element's source to ImageCropper A's cropped_image_base64.

      - To Save: Use the "Create a new Thing" action and set an image field to ImageCropper A's cropped_image_base64. Bubble will automatically upload it to S3.

DEMO TEST: https://demo-app-56978.bubbleapps.io/version-test/imagecropperfree_test/1764592282968x422318516721014850