AirCalendar modified event problem

[fridayfailure]

I have some issue with ‘AirCalendar event’s modified’, Somehow I can not access the event’s dataset when the event is modified.

// I didn’t use the native bubble database, all data source in AirCalendar was called from external database service call ‘Xano’ and I connect it with xanoconnector plugin. I checked the database that pulled from API and it look no issue to me, so I think I might set something wrong in AirCalendar or it’s a bug.

This is loom vdo link to show the issue :
https://www.loom.com/share/3add05bd2a0c4b6c943406cace374c62?sid=8dc7b265-6c1d-4e71-bf42-7db302e880e5

Thanks

[Vasile]

Hello @fridayfailure ,
Thank you for reaching out to us.

We have carefully checked your loom recording and our dev team concluded that this issue is not directly related to our plugin, but rather to the current way Xano interacts with Air Calendar.

We can offer you some suggestions that you might find helpful, If you want to modify the event in the calendar and see the reaction in Xano the logic will be the following :

You get data from Xano in the Calendar through the API call. Then you modify the event in the Calendar and should send an API call to Xano to change the data. Then call an action to get the data from Xano back to the calendar. In this case, the change will be seen in the Calendar
so that’s not a plugin case but rather the bubble logic.

There is an action available called ‘Re-render events’ that you can use to trigger updates in the calendar after making changes in the Xano database. This action effectively refreshes the events displayed.

Additionally, similar actions like ‘Reload Events’ and ‘Render’ are also available. You can use these to re-render the calendar if needed.

Please try these options to see if they meet your needs. If you have any further questions or need more assistance, feel free to reach out.
Have a nice day!

[fridayfailure]

Hi, thank you for looking into my issue. The problem is not rendering the calendar events but actually immediately after I modified events and what to trigger ‘event’s modified’ workflow

I cannot access any variable in event that I just modified. The problem is specific only ‘modified event’ but ‘current event’ state is fine

sorry if I not make my point very clear in the last loom VDO, so I made additional loom for you to look into : https://www.loom.com/share/daa9fa15aa6e4e05bb606d15a0509eff?sid=050b2a5b-43be-4b57-96a3-6836b3933936

thanks!

[Vasile]

Hello @fridayfailure ,
Thank you for reaching out and sorry for the delayed reply over the weekend.

Please note that while our Support Team is here to provide general assistance, we do not offer consultancy services.

As a workaround, you can try adjusting your workflow by adding a pause or by pulling all the data from Xano, saving it to the Bubble database, and then displaying the events from the Bubble database. You can then make changes to the current event.

If you need further assistance, I recommend seeking help from developers in the Help section on the Bubble forum.

Thank you for your understanding, and please let us know if you have any other questions.
Have a nice day!

[loulou3202741]

Hello @Vasile ,

like @fridayfailure , I’m stuck with the same problem because i call an api endpoint for call multiple data source. I have the same problem when trigger event’s modified workflow. see the message in debugger mode : “{“statusCode”:400,“message”:“Plugin action Server script error when parsing the response: \nundefined is not iterable (cannot read property Symbol(Symbol.iterator))”,“args”:{“bubble_code”:“1741559012603x397192566977348400”}}”. Maybe zeroqode team can help us when the data source is an api call and stop to render an “undefined” type ?

help you can help us for this !

thanks!

[mina.rotari]

Hi @loulou3202741 ,

Thanks for reaching out!

This error typically means that the plugin is trying to process data that is either not properly formatted or not available (i.e., the response is undefined or malformed).

Here’s what you can try to resolve the issue:

1. Check the API Response Format:

• The error suggests that the API response is either missing or not properly formatted. Make sure that the API endpoint is returning the data in the correct structure expected by the calendar.

• Expected format: The calendar plugin requires an array or list of events, so check if the response from the API is being parsed correctly and returned as an array. If the API is returning an object or malformed data, you may need to adjust the API response or modify the data parsing in your workflow.

2. Validate the API Call:

• Ensure the API call is successfully returning data before passing it to the calendar plugin. You can log the response from the API in the debugger to confirm that the data is being returned correctly.
• Add a “Only When” condition in your workflow to ensure that the calendar only gets updated when the API call has returned valid data. This way, if the data is undefined or an error occurs, the calendar won’t try to render it.

3. Handle Empty or Undefined Data:

• If there’s a chance that the API may return empty or undefined data, consider adding a check before passing the data to the calendar. This will ensure that the plugin doesn’t try to render empty data, which causes the “undefined” error.
• You can add a condition before rendering the events, such as:
  Only When (API Response is not empty): This will prevent passing an empty or undefined value to the calendar.

Disclaimer: We provide general support related to plugin issues or bug fixes. For more specific implementation guidance or any other questions, feel free to reach out on the Zeroqode Forum or the Bubble Forum.

Looking forward to your reply.

Best regards,

[loulou3202741]

Hi @mina.rotari,

First, thank for your reply.

My API return an array and the data is correctly setup like your instructions.

I think, because my response is an array, the plugin don’t understand with the event « an event is modify » and return an undefined id. Otherwise, when i use the workflow « an event is clicked » the data is correctly setup on the state current event.

I discover when I change the attribute « class » like ur doc to a thing the error disappear and the modified event state value have an id but no values.

So, I guess, this error is on your side…but maybe I’m wrong…

Ps : in your editor, there is an example with a Xano base and the error is the same… you have an undifined id in the editor and the same error with a drag element…

[mina.rotari]

Hi @loulou3202741,

Thanks for your reply and for providing additional details!

I appreciate you confirming that the API response is correctly formatted as an array. Based on your description, it seems like the issue could be related to how the event modification is being handled when the plugin triggers the “event modified” workflow.

I wasn’t able to replicate this exact issue on our demo page (Calendar Demo), and the error you’re seeing might be more specific to your app’s setup or workflow configuration. To better assist you, could you provide a bit more context?

Specifically:

1. Could you share a screenshot or more details of the workflow where you’re calling the API and modifying the event?
2. Are you using any custom workflows or conditions when modifying the event?
3. Can you confirm if there is any particular scenario or action that causes the issue to occur, or does it happen consistently when modifying an event?

If you can share this additional information, it will help us pinpoint the issue more effectively. I’ll be happy to assist further once I have a better understanding of the full setup.

Looking forward to your reply!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[loulou3202741]

Hi @mina.rotari , thanks for ur reply.

First, like i said on my previous post, the error stop since i remove the classname attribute. But, now, i can’t access to the data of the state « modified event ».

Actually, i use a get data from my api for the air calendar data source. I share screenshot of my api results.

For the modifying event, i call air calendar event is modified but the value is empty like you can show in the capture. So, I can’t do anything beacause all values are empty.

With multiple test, it’s look like the « data with id undefined from an api » is always the same.

On the other hand, when i use the action « event is clicked » i can access the the current event state and the data is correctly display.

Sincerely, I hope u can help me beacause I need the function.

[williamkorkschmitt]

Hello everyone, I am experiencing exactly the same issue as @fridayfailure and @loulou3202741 .
I tested different versions of the plugin and different calendar views, and it’s exactly the same. For the draggable/resizable action, it simply does not find the event, showing the error: “Data with ID ‘undefined’ from an API”.

This happens when using external data through an API. However, when I use events from Bubble’s native database, this error does not occur, and both actions work normally.

[mina.rotari]

Hi @loulou3202741 and @fridayfailure,

Thank you for your patience and for providing detailed feedback. Based on the information shared, it seems that the issue is tied to how external data from your API is handled within the plugin, specifically when modifying events.

This issue occurs when events are retrieved from an API, and the plugin is unable to find the correct event ID, resulting in the “Data with ID ‘undefined’” error. As you mentioned, when using Bubble’s native database, the issue doesn’t occur, which further indicates that the issue is with how the external API data is being passed and recognized by the plugin.

Here’s what I suggest to help resolve this:

1. Check the Data Structure: Double-check the API response format to ensure that the event ID is being returned correctly and consistently with every API call. It’s crucial that each event has a valid ID, and it seems that the error may be due to the absence or mismatch of the event ID when modifying an event.
2. Event ID Mapping: Ensure that the event ID you are using in the workflow matches the ID in the data that is coming from your API. Sometimes, the plugin may not properly recognize the ID if it’s not mapped correctly or if the ID is not included in the API response. It may be useful to log the values from the API response before passing them to the calendar plugin.
3. Use the [Event is modified] Workflow Correctly: When using external data (API-based), ensure that you are triggering the correct workflow action to identify and modify the event. After the event is modified in the calendar, ensure that the correct API endpoint is being called to update the data in your external database. You can try adding a delay or a “Do when” condition to ensure that the data is fully retrieved and processed before the modification takes place.
4. Modify Data and Re-Render: As mentioned previously, using actions like “Re-render events” after modifying the event can help sync the changes back into the calendar. If there’s an issue with the event data being recognized, this may force the plugin to re-fetch the events and display them correctly.
5. Test with a Minimal Setup: As a final test, create a simple page or workflow with just the calendar and an API call for event data. This will help isolate the issue and check if it’s specific to the current app setup or a broader problem with how the external data is being passed.

Additionally, if you could provide a detailed breakdown of your workflow setup, I can pass all the information over to the dev team for further investigation. This will help us ensure we can assist you more efficiently in resolving the issue.

Let me know how these suggestions go, or if you can provide additional context on your current workflow setup, I’ll be happy to dive deeper into the issue.

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble

[williamkorkschmitt]

Hello @mina.rotari , thank you! I tried everything and made a video to show you what is happening.

In this video, Test Video I test 3 scenarios in debug mode:

1. Drag and Drop: When I tried this action, the modified event and the current event are empty, with the ID error.
2. Resize: The same thing happens—the event is empty, and the API error occurs.
3. Event is Clicked: In this scenario, the AirCalendar recognizes the event and retrieves all the information, including the ID. Everything works, and my workflow is successful.

I think the problem is with the event “AirCalendar Main event is Modified”. Below, I am sending you the plugin configuration.

[loulou3202741]

Hello again @mina.rotari ,

The problem is the clicked event plugin is ok but not the modified event. Furthermore, your documentation specify an attribute « classname » of list of text. When its list of text, the message error is displaying and the id is undefined. But, when the classname is empty, I can have an access with a an id value but this value is always the same for all event.
In the exemple of zeroqode doc, the air calendar with xano data base don’t work… So, the problem is in the plugin. I understand the plugin is working with bubble database but when I subscribe it was able to work with an external database and it’s not. We are 4 people to discuss about this subject so can you make an fuctionnal exemple on the test page or discuss with dev about our problem ?

Thank for your time,

[mina.rotari]

Hi everyone,

Thank you for providing all the necessary details regarding the issue with the AirCalendar Plugin and external API data sources.

I’ve gathered all the information shared, including your feedback, error messages, and observations about the documentation. I’ve passed everything over to our development team for further investigation.

I will keep you all updated on the progress and let you know as soon as we have any updates or solutions to resolve the issue.

Thanks for your patience, and feel free to reach out if you have any further questions or insights!

Best regards,
Support Team
Browse all Zeroqode Plugins for Bubble