PluginProbe
Elementor Website Builder – more than just a page builder / 4.0.0-beta1
Elementor Website Builder – more than just a page builder v4.0.0-beta1
4.3.2 4.3.1 4.3.0 4.3.0-beta3 4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 All 455 releases
← All changes | modules/atomic-widgets/elements/atomic-form/atomic-form.php +86 -259 4.3.2 → 4.0.0-beta1 View file →
@@ -3,9 +3,8 @@
3 3
4 4 use Elementor\Modules\AtomicWidgets\Controls\Section;
5 5 use Elementor\Modules\AtomicWidgets\Controls\Types\Chips_Control;
6 6 use Elementor\Modules\AtomicWidgets\Controls\Types\Email_Form_Action_Control;
7 -use Elementor\Modules\AtomicWidgets\Controls\Types\Switch_Control;
8 7 use Elementor\Modules\AtomicWidgets\Controls\Types\Text_Control;
9 8 use Elementor\Modules\AtomicWidgets\Controls\Types\Toggle_Control;
10 9 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Paragraph\Atomic_Paragraph;
11 10 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Success_Message\Form_Success_Message;
@@ -12,26 +11,22 @@
12 11 use Elementor\Modules\AtomicWidgets\Elements\Atomic_Form\Form_Error_Message\Form_Error_Message;
13 12 use Elementor\Modules\AtomicWidgets\Elements\Base\Atomic_Element_Base;
14 13 use Elementor\Modules\AtomicWidgets\Elements\Base\Element_Builder;
15 14 use Elementor\Modules\AtomicWidgets\Elements\Base\Has_Element_Template;
16 -use Elementor\Modules\AtomicWidgets\Elements\Base\Html_Tag_Computer;
17 15 use Elementor\Modules\AtomicWidgets\Elements\Base\Widget_Builder;
18 16 use Elementor\Modules\AtomicWidgets\PropDependencies\Manager as Dependency_Manager;
19 17 use Elementor\Modules\AtomicWidgets\PropTypes\Attributes_Prop_Type;
20 18 use Elementor\Modules\AtomicWidgets\PropTypes\Classes_Prop_Type;
21 -use Elementor\Modules\AtomicWidgets\PropTypes\Emails_Prop_Type;
19 +use Elementor\Modules\AtomicWidgets\PropTypes\Email_Prop_Type;
22 20 use Elementor\Modules\AtomicWidgets\PropTypes\Key_Value_Prop_Type;
23 -use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Boolean_Prop_Type;
24 21 use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\Number_Prop_Type;
25 22 use Elementor\Modules\AtomicWidgets\PropTypes\Size_Prop_Type;
26 -use Elementor\Modules\AtomicWidgets\PropTypes\Escaped_Html_Prop_Type;
23 +use Elementor\Modules\AtomicWidgets\PropTypes\Html_V3_Prop_Type;
27 24 use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Array_Prop_Type;
28 25 use Elementor\Modules\AtomicWidgets\PropTypes\Primitives\String_Prop_Type;
29 26 use Elementor\Modules\AtomicWidgets\Styles\Style_Definition;
30 27 use Elementor\Modules\AtomicWidgets\Styles\Style_Variant;
31 28 use Elementor\Core\Breakpoints\Manager as Breakpoints_Manager;
32 -use Elementor\Modules\Components\PropTypes\Overridable_Prop_Type;
33 -use Elementor\Plugin;
34 29
35 30 if ( ! defined( 'ABSPATH' ) ) {
36 31 exit; // Exit if accessed directly.
37 32 }
@@ -40,32 +35,17 @@
40 35 use Has_Element_Template;
41 36
42 37 const BASE_STYLE_KEY = 'base';
43 38
44 - public static $widget_description = 'A form container that holds form field widgets (labels, inputs, textareas, checkboxes, submit button) and status messages.';
45 -
46 - public const ACTION_EMAIL = 'email';
47 39 public const ACTION_COLLECT_SUBMISSIONS = 'collect-submissions';
48 - public const ACTION_WEBHOOK = 'webhook';
49 40 public const METADATA_REMOTE_IP = 'remote_ip';
50 41 public const METADATA_USER_AGENT = 'user_agent';
51 42
52 -
53 -
54 43 public function __construct( $data = [], $args = null ) {
55 44 parent::__construct( $data, $args );
56 45 $this->meta( 'is_container', true );
57 - $this->meta( 'is_compound', true );
58 46 }
59 47
60 - public static function get_default_recipient_email(): string {
61 - return sanitize_email( (string) get_option( 'admin_email', '' ) );
62 - }
63 -
64 - public static function get_default_sender_email(): string {
65 - return sanitize_email( (string) 'email@' . wp_parse_url( home_url(), PHP_URL_HOST ) );
66 - }
67 -
68 48 public static function get_type() {
69 49 return 'e-form';
70 50 }
71 51
@@ -73,9 +53,9 @@
73 53 return self::get_type();
74 54 }
75 55
76 56 public function get_title() {
77 - return esc_html__( 'Atomic form', 'elementor' );
57 + return esc_html__( 'Atomic Form', 'elementor' );
78 58 }
79 59
80 60 public function get_keywords() {
81 61 return [ 'atomic', 'form' ];
@@ -84,49 +64,38 @@
84 64 public function get_icon() {
85 65 return 'eicon-atomic-form';
86 66 }
87 67
88 - public static function get_computed_html_tag( array $settings ): string {
89 - return Html_Tag_Computer::compute( $settings, 'form' );
90 - }
91 -
92 - public static function get_base_props_schema(): array {
93 - return self::define_props_schema();
94 - }
95 -
96 68 protected static function define_props_schema(): array {
97 - $submissions_metadata_dependencies = Dependency_Manager::make()
69 + $email_dependencies = Dependency_Manager::make()
98 70 ->where( [
99 71 'operator' => 'contains',
100 72 'path' => [ 'actions-after-submit' ],
101 - 'value' => self::ACTION_COLLECT_SUBMISSIONS,
73 + 'value' => 'email',
102 74 'effect' => 'hide',
103 75 ] )
104 76 ->get();
105 77
106 - $webhook_dependencies = Dependency_Manager::make()
78 + $submissions_metadata_dependencies = Dependency_Manager::make()
107 79 ->where( [
108 80 'operator' => 'contains',
109 81 'path' => [ 'actions-after-submit' ],
110 - 'value' => self::ACTION_WEBHOOK,
82 + 'value' => self::ACTION_COLLECT_SUBMISSIONS,
111 83 'effect' => 'hide',
112 84 ] )
113 85 ->get();
114 86
115 - $props = [
87 + return [
116 88 'classes' => Classes_Prop_Type::make()
117 89 ->default( [] ),
118 90 'form-name' => String_Prop_Type::make()
119 91 ->default( __( 'Form', 'elementor' ) ),
120 - 'webmcp-autosubmit' => Boolean_Prop_Type::make()
121 - ->default( false ),
122 92 'form-state' => String_Prop_Type::make()
123 93 ->enum( [ 'default', 'success', 'error' ] )
124 94 ->default( 'default' )
125 95 ->meta( 'generates_class', 'form-state-{value}' ),
126 96 'actions-after-submit' => String_Array_Prop_Type::make()
127 - ->initial_value( [ String_Prop_Type::generate( self::ACTION_EMAIL ) ] )
128 - ->default( [ String_Prop_Type::generate( self::ACTION_EMAIL ) ] ),
97 + ->default( [ String_Prop_Type::generate( 'email' ) ] ),
129 98 'submissions_metadata' => String_Array_Prop_Type::make()
130 99 ->set_dependencies( $submissions_metadata_dependencies )
131 100 ->default( [
132 101 String_Prop_Type::generate( self::METADATA_REMOTE_IP ),
@@ -131,83 +100,62 @@
131 100 ->default( [
132 101 String_Prop_Type::generate( self::METADATA_REMOTE_IP ),
133 102 String_Prop_Type::generate( self::METADATA_USER_AGENT ),
134 103 ] ),
104 + 'email' => Email_Prop_Type::make()
105 + ->set_dependencies( $email_dependencies )
106 + ->default( [] ),
107 + 'attributes' => Attributes_Prop_Type::make(),
135 108 ];
136 -
137 - $props = array_merge( $props, self::get_emails_prop_settings(), [
138 - 'webhook_url' => String_Prop_Type::make()
139 - ->set_dependencies( $webhook_dependencies )
140 - ->meta( Overridable_Prop_Type::ignore() )
141 - ->default( '' ),
142 - 'attributes' => Attributes_Prop_Type::make()->meta( Overridable_Prop_Type::ignore() ),
143 - ] );
144 -
145 - return $props;
146 109 }
147 110
148 111 protected function define_atomic_controls(): array {
149 112 $state_control = Toggle_Control::bind_to( 'form-state' )
150 - ->add_options( [
151 - 'default' => [
152 - 'title' => __( 'Normal', 'elementor' ),
153 - ],
154 - 'success' => [
155 - 'title' => __( 'Success', 'elementor' ),
156 - ],
157 - 'error' => [
158 - 'title' => __( 'Error', 'elementor' ),
159 - ],
160 - ] )
161 - ->set_exclusive( true )
162 - ->set_convert_options( true )
163 - ->set_size( 'tiny' )
164 - ->set_full_width( true )
165 113 ->set_label( __( 'States', 'elementor' ) )
166 114 ->set_meta( [ 'topDivider' => true ] );
167 115
168 - $email_control_settings = $this->get_emails_control_settings();
169 - $form_action_chips = $email_control_settings['form-action-chips'];
170 - $email_controls = $email_control_settings['email-controls'];
171 -
172 - if ( class_exists( '\ElementorPro\License\API' ) ) {
173 - $has_form_submissions_feature = \ElementorPro\License\API::is_licence_has_feature( 'form-submissions' );
174 -
175 - if ( $has_form_submissions_feature ) {
176 - $form_action_chips = array_merge( $form_action_chips, [
177 - [
178 - 'label' => __( 'Collect submissions', 'elementor' ),
179 - 'value' => self::ACTION_COLLECT_SUBMISSIONS,
116 + if ( $state_control instanceof Toggle_Control ) {
117 + $state_control
118 + ->add_options( [
119 + 'default' => [
120 + 'title' => __( 'Normal', 'elementor' ),
180 121 ],
181 - ] );
182 - }
122 + 'success' => [
123 + 'title' => __( 'Success', 'elementor' ),
124 + ],
125 + 'error' => [
126 + 'title' => __( 'Error', 'elementor' ),
127 + ],
128 + ] )
129 + ->set_exclusive( true )
130 + ->set_convert_options( true )
131 + ->set_size( 'tiny' )
132 + ->set_full_width( true );
183 133 }
184 134
185 - $content_controls = [
186 - Text_Control::bind_to( 'form-name' )
187 - ->set_label( __( 'Form name', 'elementor' ) ),
188 - $state_control,
189 - Chips_Control::bind_to( 'actions-after-submit' )
190 - ->set_options( array_merge( $form_action_chips, [
191 - [
192 - 'label' => __( 'Webhook', 'elementor' ),
193 - 'value' => self::ACTION_WEBHOOK,
194 - ],
195 - ] ) )
196 - ->set_label( __( 'Actions after submit', 'elementor' ) )
197 - ->set_meta( [ 'topDivider' => true ] ),
198 - ];
199 -
200 135 return [
201 136 Section::make()
202 137 ->set_label( __( 'Content', 'elementor' ) )
203 - ->set_id( 'content' )
204 - ->set_items( $content_controls ),
205 - ...$email_controls,
206 - Section::make()
207 - ->set_label( __( 'Collect submissions', 'elementor' ) )
208 138 ->set_items( [
139 + Text_Control::bind_to( 'form-name' )
140 + ->set_label( __( 'Form Name', 'elementor' ) ),
141 + $state_control,
142 + Chips_Control::bind_to( 'actions-after-submit' )
143 + ->set_label( __( 'Actions after submit', 'elementor' ) )
144 + ->set_meta( [ 'topDivider' => true ] )
145 + ->set_options( [
146 + [
147 + 'label' => __( 'Collect submissions', 'elementor' ),
148 + 'value' => self::ACTION_COLLECT_SUBMISSIONS,
149 + ],
150 + [
151 + 'label' => __( 'Email', 'elementor' ),
152 + 'value' => 'email',
153 + ],
154 + ] ),
209 155 Chips_Control::bind_to( 'submissions_metadata' )
156 + ->set_label( __( 'Include metadata', 'elementor' ) )
157 + ->set_meta( [ 'topDivider' => true ] )
210 158 ->set_options( [
211 159 [
212 160 'label' => __( 'User IP', 'elementor' ),
213 161 'value' => self::METADATA_REMOTE_IP,
@@ -215,19 +163,15 @@
215 163 [
216 164 'label' => __( 'User Agent', 'elementor' ),
217 165 'value' => self::METADATA_USER_AGENT,
218 166 ],
219 - ] )
220 - ->set_label( __( 'Include metadata', 'elementor' ) ),
167 + ] ),
168 + Email_Form_Action_Control::bind_to( 'email' )
169 + ->set_meta( [
170 + 'topDivider' => true,
171 + ] ),
221 172 ] ),
222 173 Section::make()
223 - ->set_label( __( 'Webhook', 'elementor' ) )
224 - ->set_items( [
225 - Text_Control::bind_to( 'webhook_url' )
226 - ->set_placeholder( __( 'https://your-webhook-url.com', 'elementor' ) )
227 - ->set_label( __( 'Webhook URL', 'elementor' ) ),
228 - ] ),
229 - Section::make()
230 174 ->set_label( __( 'Settings', 'elementor' ) )
231 175 ->set_id( 'settings' )
232 176 ->set_items( [
233 177 Text_Control::bind_to( '_cssid' )
@@ -232,24 +176,12 @@
232 176 ->set_items( [
233 177 Text_Control::bind_to( '_cssid' )
234 178 ->set_label( __( 'ID', 'elementor' ) )
235 179 ->set_meta( $this->get_css_id_control_meta() ),
236 - Switch_Control::bind_to( 'webmcp-autosubmit' )
237 - ->set_label( __( 'Agent auto-submit', 'elementor' ) ),
238 180 ] ),
239 181 ];
240 182 }
241 183
242 - protected function define_base_settings(): array {
243 - $settings = [];
244 -
245 - foreach ( self::build_email_action_defaults() as $key => $default_email ) {
246 - $settings[ $key ] = Emails_Prop_Type::generate( $default_email );
247 - }
248 -
249 - return $settings;
250 - }
251 -
252 184 protected function define_base_styles(): array {
253 185 return [
254 186 static::BASE_STYLE_KEY => Style_Definition::make()
255 187 ->add_variant(
@@ -258,10 +190,8 @@
258 190 ->add_prop( 'display', String_Prop_Type::generate( 'flex' ) )
259 191 ->add_prop( 'flex', String_Prop_Type::generate( '1' ) )
260 192 ->add_prop( 'flex-direction', String_Prop_Type::generate( 'row' ) )
261 193 ->add_prop( 'flex-wrap', String_Prop_Type::generate( 'wrap' ) )
262 - ->add_prop( 'align-items', String_Prop_Type::generate( 'flex-start' ) )
263 - ->add_prop( 'align-content', String_Prop_Type::generate( 'start' ) )
264 194 ->add_prop( 'gap', Size_Prop_Type::generate( [
265 195 'size' => 10,
266 196 'unit' => 'px',
267 197 ] ) )
@@ -289,13 +219,17 @@
289 219 protected function define_panel_categories(): array {
290 220 return [ 'atomic-form' ];
291 221 }
292 222
223 + protected function define_default_html_tag() {
224 + return 'form';
225 + }
226 +
293 227 protected function define_default_children() {
294 228
295 229 $prefix = 'e-form-';
296 230
297 - $children = [
231 + return [
298 232 $this->build_label( __( 'First name', 'elementor' ), $prefix . 'first-name' ),
299 233 $this->build_input( __( 'First name', 'elementor' ), 'text', $prefix . 'first-name' ),
300 234
301 235 $this->build_label( __( 'Last name', 'elementor' ), $prefix . 'last-name' ),
@@ -305,29 +239,30 @@
305 239 $this->build_input( __( '[email protected]', 'elementor' ), 'email', $prefix . 'email' ),
306 240
307 241 $this->build_label( __( 'Message', 'elementor' ), $prefix . 'message' ),
308 242 $this->build_input( __( 'Your message', 'elementor' ), 'textarea', $prefix . 'message' ),
309 - ];
310 243
311 - $children[] = $this->build_checkbox_row( __( 'Checkbox', 'elementor' ), $prefix . 'checkbox' );
244 + $this->build_checkbox_row( __( 'Checkbox', 'elementor' ), $prefix . 'checkbox' ),
312 245
313 - $children[] = Widget_Builder::make( 'e-form-submit-button' )
314 - ->settings( [
315 - 'text' => Escaped_Html_Prop_Type::generate( __( 'Submit', 'elementor' ) ),
316 - ] )
317 - ->build();
318 - $children[] = $this->build_status_message(
319 - __( 'Great! We’ve received your information.', 'elementor' ),
320 - 'success',
321 - __( 'Success message', 'elementor' )
322 - );
323 - $children[] = $this->build_status_message(
324 - __( 'We couldn’t process your submission. Please retry', 'elementor' ),
325 - 'error',
326 - __( 'Error message', 'elementor' )
327 - );
328 -
329 - return $children;
246 + Widget_Builder::make( 'e-form-submit-button' )
247 + ->settings( [
248 + 'text' => Html_V3_Prop_Type::generate( [
249 + 'content' => String_Prop_Type::generate( __( 'Submit', 'elementor' ) ),
250 + 'children' => [],
251 + ] ),
252 + ] )
253 + ->build(),
254 + $this->build_status_message(
255 + __( 'Great! We’ve received your information.', 'elementor' ),
256 + 'success',
257 + __( 'Success message', 'elementor' )
258 + ),
259 + $this->build_status_message(
260 + __( 'We couldn’t process your submission. Please retry', 'elementor' ),
261 + 'error',
262 + __( 'Error message', 'elementor' )
263 + ),
264 + ];
330 265 }
331 266
332 267 private function build_checkbox_row( string $label_text, string $checkbox_id ): array {
333 268 $checkbox = Widget_Builder::make( 'e-form-checkbox' )
@@ -348,9 +283,12 @@
348 283
349 284 private function build_label( string $text, string $input_id ): array {
350 285 return Widget_Builder::make( 'e-form-label' )
351 286 ->settings( [
352 - 'text' => Escaped_Html_Prop_Type::generate( $text ),
287 + 'text' => Html_V3_Prop_Type::generate( [
288 + 'content' => String_Prop_Type::generate( $text ),
289 + 'children' => [],
290 + ] ),
353 291 'input-id' => String_Prop_Type::generate( $input_id ),
354 292 ] )
355 293 ->build();
356 294 }
@@ -375,9 +313,12 @@
375 313 ->build();
376 314 }
377 315
378 316 private function build_status_message( string $message, string $state, string $title ): array {
379 - $paragraph_value = Escaped_Html_Prop_Type::generate( $message );
317 + $paragraph_value = Html_V3_Prop_Type::generate( [
318 + 'content' => String_Prop_Type::generate( $message ),
319 + 'children' => [],
320 + ] );
380 321
381 322 $element_type = 'success' === $state
382 323 ? Form_Success_Message::get_element_type()
383 324 : Form_Error_Message::get_element_type();
@@ -382,9 +323,8 @@
382 323 ? Form_Success_Message::get_element_type()
383 324 : Form_Error_Message::get_element_type();
384 325
385 326 return Element_Builder::make( $element_type )
386 - ->meta( [ 'required' => true ] )
387 327 ->settings( [
388 328 'attributes' => Attributes_Prop_Type::generate( [
389 329 Key_Value_Prop_Type::generate( [] ),
390 330 ] ),
@@ -398,8 +338,9 @@
398 338 'paragraph' => $paragraph_value,
399 339 ] )
400 340 ->build(),
401 341 ] )
342 + ->is_locked( true )
402 343 ->build();
403 344 }
404 345
405 346 protected function get_templates(): array {
@@ -412,121 +353,7 @@
412 353 $context = $this->build_base_template_context();
413 354
414 355 $context['form_state'] = 'default';
415 356
416 - if ( ! $this->is_webmcp_enabled() ) {
417 - return $context;
418 - }
419 -
420 - $form_name = (string) ( $this->get_atomic_settings()['form-name'] ?? '' );
421 - $context['webmcp_tool_name'] = Webmcp_Utils::build_tool_name( $form_name, (string) $this->get_id() );
422 - $context['webmcp_tool_description'] = Webmcp_Utils::build_tool_description( $form_name );
423 -
424 357 return $context;
425 - }
426 -
427 - private function is_webmcp_enabled(): bool {
428 - return ! Plugin::$instance->editor->is_edit_mode();
429 - }
430 -
431 - public static function is_instance_form( $instance ): bool {
432 - return $instance instanceof Atomic_Form;
433 - }
434 -
435 - public function render_markdown(): string {
436 - return '';
437 - }
438 -
439 - private static function get_emails_prop_settings(): array {
440 - $props = [];
441 -
442 - foreach ( self::build_email_action_defaults() as $key => $default_value ) {
443 - $props[ $key ] = Emails_Prop_Type::make()
444 - ->set_dependencies( self::make_action_dependency( $key ) )
445 - ->meta( Overridable_Prop_Type::ignore() )
446 - ->initial_value( $default_value )
447 - ->default( $default_value );
448 - }
449 -
450 - return $props;
451 - }
452 -
453 - private function get_emails_control_settings(): array {
454 - $form_action_chips = [];
455 - $email_controls = [];
456 -
457 - for ( $i = 0; $i < self::get_email_action_count(); $i++ ) {
458 - $key = self::get_email_action_key( $i );
459 - $label = self::get_email_action_label( $i );
460 -
461 - $form_action_chips[] = [
462 - 'label' => $label,
463 - 'value' => $key,
464 - ];
465 -
466 - $email_controls[] = Section::make()
467 - ->set_label( $label )
468 - ->set_items( [
469 - Email_Form_Action_Control::bind_to( $key )
470 - ->set_free_chips( true )
471 - ->set_label( $label ),
472 - ] );
473 - }
474 -
475 - return [
476 - 'form-action-chips' => $form_action_chips,
477 - 'email-controls' => $email_controls,
478 - ];
479 - }
480 -
481 - private static function get_email_action_key( int $index ): string {
482 - return 0 === $index
483 - ? self::ACTION_EMAIL
484 - : self::ACTION_EMAIL . '_' . ( $index + 1 );
485 - }
486 -
487 - private static function get_email_action_label( int $index ): string {
488 - if ( 0 === $index ) {
489 - return __( 'Email', 'elementor' );
490 - }
491 -
492 - // translators: %d is the index of the email action.
493 - return sprintf( __( 'Email %d', 'elementor' ), $index + 1 );
494 - }
495 -
496 - private static function build_email_action_defaults(): array {
497 - $defaults = [];
498 - $default_email = self::get_default_email_value();
499 -
500 - for ( $i = 0; $i < self::get_email_action_count(); $i++ ) {
501 - $key = self::get_email_action_key( $i );
502 - $defaults[ $key ] = $default_email;
503 - }
504 -
505 - return $defaults;
506 - }
507 -
508 - private static function get_default_email_value(): array {
509 - return [
510 - 'to' => String_Array_Prop_Type::generate( [
511 - String_Prop_Type::generate( self::get_default_recipient_email() ),
512 - ] ),
513 - 'from' => String_Prop_Type::generate( self::get_default_sender_email() ),
514 - 'message' => String_Prop_Type::generate( '[all-fields]' ),
515 - ];
516 - }
517 -
518 - private static function make_action_dependency( string $action_key ): ?array {
519 - return Dependency_Manager::make()
520 - ->where( [
521 - 'operator' => 'contains',
522 - 'path' => [ 'actions-after-submit' ],
523 - 'value' => $action_key,
524 - 'effect' => 'hide',
525 - ] )
526 - ->get();
527 - }
528 -
529 - private static function get_email_action_count(): int {
530 - return apply_filters( 'elementor/atomic/form/email_action_count', 1 );
531 358 }
532 359 }