Add hidden form field

[Soare-Robert-Daniel]

Closes #.

Summary

Add a field that is hidden from the client. Its function is to collect data from URLs to save metadata along with the submission.

URL example: http://localhost:10007/496/form-hidden-field/?test=123

Screenshots

Editor

Inspector

Frontend

Submission

---

Test instructions

---

Checklist before the final review

• Included E2E or unit tests for the changes in this PR.
• Visual elements are not affected by independent changes.
• It is at least compatible with the minimum WordPress version.
• It loads additional script in frontend only if it is required.
• Does not impact the Core Web Vitals.
• In case of deprecation, old blocks are safely migrated.
• It is usable in Widgets and FSE.
• Copy/Paste is working if the attributes are modified.
• PR is following the best practices

[pirate-bot]

E2E Summary

Typing

Test	Average Time (ms)	Standard Deviation (ms)	Median Time (ms)	Quantile for soft limit (%)	Quantile for hard limit (%)
Typing	60.77	7.79	58.98	57.89 (60ms)	100 (80ms)

Values above 60ms

"0 - 65.23, 1 - 62.11, 4 - 69.35, 7 - 60.59, 9 - 79.63, 10 - 60.49, 12 - 76.11, 13 - 68.41"

[pirate-bot]

Bundle Size Diff

Package	Old Size	New Size	Diff
Animations	192.38 KB	192.38 KB	0 B (0.00%)
Blocks	1.35 MB	1.35 MB	4.01 KB (0.29%)
CSS	6.9 KB	6.9 KB	0 B (0.00%)
Dashboard	44.4 KB	44.4 KB	0 B (0.00%)
Export Import	4.7 KB	4.7 KB	0 B (0.00%)
Pro	232.29 KB	238.92 KB	6.63 KB (2.85%)

[pirate-bot]

Plugin build for 5517b71 is ready 🛎️!

• Download Otter – Page Builder Blocks & Extensions for Gutenberg - Production ~ Development
• Download Otter Pro - Production ~ Development
• Download Blocks Animation - Production ~ Development
• Download Blocks CSS - Production ~ Development
• Download Blocks Export Import - Production ~ Development

[HardeepAsrani]

Apart from mentioned, few things:

• The Block doesn't appear in the select list, nor the select list appear inside the block

• If you click on Back to the Form button, it generates console errors.

[HardeepAsrani]

Just a minor change and it should be good to go for QA.

[rodica-andronache]

@Soare-Robert-Daniel

• when I activated Otter Pro, I got a fatal error https://vertis.d.pr/i/ewWgrU https://vertis.d.pr/i/1WZtgA
• in the free version, unlike the File field, which has its options disabled https://vertis.d.pr/i/iHWcCw, for the Hidden field the options can be edited sometimes https://vertis.d.pr/v/GcwqVy
• in the free version, sometimes, after choosing the Hidden field you can't change that anymore, to other types of fields https://vertis.d.pr/v/cy58j5

[Soare-Robert-Daniel]

• when I activated Otter Pro, I got a fatal error https://vertis.d.pr/i/ewWgrU https://vertis.d.pr/i/1WZtgA

I could not reproduce the fatal error.

[rodica-andronache]

@Soare-Robert-Daniel I've tried again, and the fatal error is still happening for me. Maybe this video could help to see the exact steps I take ( the fatal error occurs after activating the license ) https://www.loom.com/share/62a6e77daaee48f09755eac2f562b008?sid=7619d799-4994-4b09-ba58-fc0541fc90e1
Let me know if there is something else I can share to help out. Thank you!

[HardeepAsrani]

@Soare-Robert-Daniel I think it's because of the wrong name of the file: https://github.com/Codeinwp/otter-blocks/blob/feat/form-hidden-field/plugins/otter-pro/inc/render/class-form-hidden-block.pnp.php

It's class-form-hidden-block.pnp.php at this moment.

[Soare-Robert-Daniel]

@HardeepAsrani thanks for info 🙏 . It seams that local tools did not find anything strange with that odd name.

Testing instance

 Admin area URL: https://fiveact.s4-tastewp.com/wp-admin 
 Username: robertino 
 Password: pZ8pJCocVZI 

[rodica-andronache]

@Soare-Robert-Daniel the error is gone now 🚀 but the hidden field value is not saved in the Submissions and does not appear in the Email, for me.
If you need it, I can share on slack the details to my site where I've tested.

[rodica-andronache]

@Soare-Robert-Daniel everything's working well 🚀

[pirate-bot]

🎉 This PR is included in version 2.4.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀