king-addons / includes / widgets / MailChimp / MailChimp.php

MailChimp.php in King Addons for Elementor – 80+ Elementor Widgets, 4 000+ Elementor Templates, WooCommerce, Mega Menu, Popup Builder 51.1.36, at includes/widgets/MailChimp/MailChimp.php

1,529 lines 51.4 KB

Raw Download Zip

1	<?php
2
3	namespace King_Addons;
4
5	use Elementor\Widget_Base;
6	use Elementor\Controls_Manager;
7	use Elementor\Group_Control_Background;
8	use Elementor\Group_Control_Box_Shadow;
9	use Elementor\Group_Control_Typography;
10
11	if (!defined('ABSPATH')) {
12	exit;
13	}
14
15	class Mailchimp extends Widget_Base
16	{
17
18	public function get_name()
19	{
20	return 'king-addons-mailchimp';
21	}
22
23	public function get_title()
24	{
25	return esc_html__('Mailchimp', 'king-addons');
26	}
27
28	public function get_icon()
29	{
30	return 'king-addons-icon king-addons-mailchimp';
31	}
32
33	public function get_categories()
34	{
35	return ['king-addons'];
36	}
37
38	public function get_keywords()
39	{
40	return ['king addons', 'king', 'addons', 'kingaddons', 'king-addons', 'subscribe', 'subscription form',
41	'subscription', 'subscribe', 'form', 'forms', 'signin',
42	'signup', 'sign', 'sign up', 'sign in', 'register',
43	'email subscription', 'sing up form', 'signup form', 'newsletter',
44	'mailchimp', 'mail', 'email', 'chimp'];
45	}
46
47	public function get_script_depends()
48	{
49	return [KING_ADDONS_ASSETS_UNIQUE_KEY . '-mailchimp-script'];
50	}
51
52	public function get_style_depends()
53	{
54	return [KING_ADDONS_ASSETS_UNIQUE_KEY . '-mailchimp-style'];
55	}
56
57	public function get_custom_help_url()
58	{
59	return 'mailto:bug@kingaddons.com?subject=Bug Report - King Addons&body=Please describe the issue';
60	}
61
62	public function add_control_clear_fields_on_submit()
63	{
64	$this->add_control(
65	'clear_fields_on_submit',
66	[
67	'label' => sprintf(__('Clear Fields On Submit %s', 'king-addons'), '<i class="eicon-pro-icon"></i>'),
68	'type' => Controls_Manager::SWITCHER,
69	'classes' => 'king-addons-pro-control'
70	]
71	);
72	}
73
74	public function add_control_extra_fields()
75	{
76	$this->add_control(
77	'extra_fields',
78	[
79	'label' => sprintf(__('Show Extra Fields %s', 'king-addons'), '<i class="eicon-pro-icon"></i>'),
80	'type' => Controls_Manager::SWITCHER,
81	'separator' => 'before',
82	'classes' => 'king-addons-pro-control'
83	]
84	);
85	}
86
87	public function add_control_name_label()
88	{
89	}
90
91	public function add_control_name_placeholder()
92	{
93	}
94
95	public function add_control_last_name_label()
96	{
97	}
98
99	public function add_control_last_name_placeholder()
100	{
101	}
102
103	public function add_control_phone_number_label_and_placeholder()
104	{
105	}
106
107	protected function register_controls()
108	{
109
110
111	$this->start_controls_section(
112	'section_mailchimp_settings',
113	[
114	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('Settings', 'king-addons'),
115	'tab' => Controls_Manager::TAB_CONTENT,
116	]
117	);
118
119
120	$this->add_control(
121	'mailchimp_audience',
122	[
123	'label' => esc_html__('Select Audience', 'king-addons'),
124	'type' => Controls_Manager::SELECT,
125	'default' => 'def',
126	'options' => Core::getMailchimpLists(),
127	]
128	);
129
130	if ('' == get_option('king_addons_mailchimp_api_key')) {
131	/** @noinspection HtmlUnknownTarget */
132	$this->add_control(
133	'mailchimp_key_notice',
134	[
135	'type' => Controls_Manager::RAW_HTML,
136	'raw' => sprintf(__('Navigate to <strong><a href="%s" target="_blank">Dashboard > %s > Integrations</a></strong> to set up <strong>MailChimp API Key</strong>.', 'king-addons'), admin_url('admin.php?page=king-addons-settings'), Core::getPluginName()),
137	'content_classes' => 'elementor-panel-alert elementor-panel-alert-info',
138	]
139	);
140	}
141
142	$this->end_controls_section();
143
144
145	$this->start_controls_section(
146	'section_mailchimp_general',
147	[
148	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('General', 'king-addons'),
149	'tab' => Controls_Manager::TAB_CONTENT,
150	]
151	);
152
153	$this->add_control_clear_fields_on_submit();
154
155	$this->add_control(
156	'show_form_header',
157	[
158	'label' => esc_html__('Show Form Header', 'king-addons'),
159	'type' => Controls_Manager::SWITCHER,
160	]
161	);
162
163	$this->add_control(
164	'form_title',
165	[
166	'label' => esc_html__('Form Title', 'king-addons'),
167	'type' => Controls_Manager::TEXT,
168	'dynamic' => [
169	'active' => true,
170	],
171	'default' => 'Form Title',
172	'condition' => [
173	'show_form_header' => 'yes',
174	]
175	]
176	);
177
178	$this->add_control(
179	'form_description',
180	[
181	'label' => esc_html__('Form Description', 'king-addons'),
182	'type' => Controls_Manager::TEXTAREA,
183	'dynamic' => [
184	'active' => true,
185	],
186	'default' => 'Subscribe to our newsletter.',
187	'condition' => [
188	'show_form_header' => 'yes',
189	]
190	]
191	);
192
193	$this->add_control(
194	'form_icon',
195	[
196	'label' => esc_html__('Select Icon', 'king-addons'),
197	'type' => Controls_Manager::ICONS,
198	'skin' => 'inline',
199	'label_block' => false,
200	'default' => [
201	'value' => 'far fa-envelope',
202	'library' => 'fa-regular',
203	],
204	'condition' => [
205	'show_form_header' => 'yes',
206	]
207	]
208	);
209
210	$this->add_control(
211	'form_icon_display',
212	[
213	'label' => esc_html__('Icon Position', 'king-addons'),
214	'type' => Controls_Manager::SELECT,
215	'default' => 'top',
216	'options' => [
217	'top' => esc_html__('Top', 'king-addons'),
218	'left' => esc_html__('Left', 'king-addons'),
219	],
220	'selectors_dictionary' => [
221	'top' => 'display: block;',
222	'left' => 'display: inline; margin-right: 5px;'
223	],
224	'selectors' => [
225	'{{WRAPPER}} .king-addons-mailchimp-header i' => '{{VALUE}}',
226	'{{WRAPPER}} .king-addons-mailchimp-header svg' => '{{VALUE}}'
227	],
228	'condition' => [
229	'show_form_header' => 'yes',
230	]
231	]
232	);
233
234	$this->add_control(
235	'email_label',
236	[
237	'label' => esc_html__('Email Label', 'king-addons'),
238	'type' => Controls_Manager::TEXT,
239	'dynamic' => [
240	'active' => true,
241	],
242	'default' => 'Email',
243	'separator' => 'before',
244	]
245	);
246
247	$this->add_control(
248	'email_placeholder',
249	[
250	'label' => esc_html__('Email Placeholder', 'king-addons'),
251	'type' => Controls_Manager::TEXT,
252	'dynamic' => [
253	'active' => true,
254	],
255	'default' => 'example@example.com',
256	]
257	);
258
259	if (!king_addons_freemius()->can_use_premium_code__premium_only()) {
260	$this->add_control(
261	'mailchimp_pro_notice',
262	[
263	'type' => Controls_Manager::RAW_HTML,
264	'raw' => 'Name and Last Name Field options are available in the <strong><a href="https://kingaddons.com/pricing/?utm_source=kng-module-mailchimp-settings-upgrade-pro&utm_medium=plugin&utm_campaign=kng" target="_blank">Pro version</a></strong>',
265
266	'content_classes' => 'king-addons-pro-notice',
267	]
268	);
269	}
270
271	$this->add_control(
272	'subscribe_btn_text',
273	[
274	'label' => esc_html__('Button Text', 'king-addons'),
275	'type' => Controls_Manager::TEXT,
276	'dynamic' => [
277	'active' => true,
278	],
279	'default' => 'Subscribe',
280	]
281	);
282
283	$this->add_control(
284	'subscribe_button_loading_text',
285	[
286	'label' => esc_html__('Button Loading Text', 'king-addons'),
287	'type' => Controls_Manager::TEXT,
288	'dynamic' => [
289	'active' => true,
290	],
291	'default' => 'Subscribing...',
292	'separator' => 'after'
293	]
294	);
295
296	$this->add_control(
297	'success_message',
298	[
299	'label' => esc_html__('Success Message', 'king-addons'),
300	'type' => Controls_Manager::TEXT,
301	'dynamic' => [
302	'active' => true,
303	],
304	'default' => 'You have been successfully Subscribed!',
305	]
306	);
307
308	$this->add_control(
309	'error_message',
310	[
311	'label' => esc_html__('Error Message', 'king-addons'),
312	'type' => Controls_Manager::TEXT,
313	'dynamic' => [
314	'active' => true,
315	],
316	'default' => 'Ops! Something went wrong, please try again.',
317	]
318	);
319
320	$this->add_control_extra_fields();
321
322	$this->add_control_name_label();
323
324	$this->add_control_name_placeholder();
325
326	$this->add_control_last_name_label();
327
328	$this->add_control_last_name_placeholder();
329
330	$this->add_control_phone_number_label_and_placeholder();
331
332	$this->end_controls_section();
333
334	Core::renderProFeaturesSection($this, '', Controls_Manager::RAW_HTML, 'mailchimp', [
335	'Add Extra Fields - Name, Last Name, Phone Number',
336	'Clear Fields After Form Submission'
337	]);
338
339	$this->start_controls_section(
340	'section_style_container',
341	[
342	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('Container', 'king-addons'),
343	'tab' => Controls_Manager::TAB_STYLE,
344	'show_label' => false,
345	]
346	);
347
348	$this->add_control(
349	'container_align',
350	[
351	'label' => esc_html__('Alignment', 'king-addons'),
352	'type' => Controls_Manager::SELECT,
353	'default' => 'hr',
354	'options' => [
355	'hr' => esc_html__('Horizontal', 'king-addons'),
356	'vr' => esc_html__('Vertical', 'king-addons'),
357	],
358	'prefix_class' => 'king-addons-mailchimp-layout-',
359	'render_type' => 'template',
360	'separator' => 'after'
361	]
362	);
363
364	$this->add_group_control(
365	Group_Control_Background::get_type(),
366	[
367	'name' => 'container_background',
368	'label' => esc_html__('Background', 'king-addons'),
369	'types' => ['classic', 'gradient'],
370	'fields_options' => [
371	'color' => [
372	'default' => '',
373	],
374	],
375	'selector' => '{{WRAPPER}} .king-addons-mailchimp-form'
376	]
377	);
378
379	$this->add_control(
380	'container_border_color',
381	[
382	'label' => esc_html__('Border Color', 'king-addons'),
383	'type' => Controls_Manager::COLOR,
384	'default' => '#E8E8E8',
385	'selectors' => [
386	'{{WRAPPER}} .king-addons-mailchimp-form' => 'border-color: {{VALUE}}',
387	]
388	]
389	);
390
391	$this->add_group_control(
392	Group_Control_Box_Shadow::get_type(),
393	[
394	'name' => 'container_box_shadow',
395	'selector' => '{{WRAPPER}} .king-addons-mailchimp-form',
396	]
397	);
398
399	$this->add_control(
400	'container_border_type',
401	[
402	'label' => esc_html__('Border Type', 'king-addons'),
403	'type' => Controls_Manager::SELECT,
404	'options' => [
405	'none' => esc_html__('None', 'king-addons'),
406	'solid' => esc_html__('Solid', 'king-addons'),
407	'double' => esc_html__('Double', 'king-addons'),
408	'dotted' => esc_html__('Dotted', 'king-addons'),
409	'dashed' => esc_html__('Dashed', 'king-addons'),
410	'groove' => esc_html__('Groove', 'king-addons'),
411	],
412	'default' => 'none',
413	'selectors' => [
414	'{{WRAPPER}} .king-addons-mailchimp-form' => 'border-style: {{VALUE}};',
415	],
416	'separator' => 'before',
417	]
418	);
419
420	$this->add_control(
421	'container_border_width',
422	[
423	'label' => esc_html__('Border Width', 'king-addons'),
424	'type' => Controls_Manager::DIMENSIONS,
425	'size_units' => ['px'],
426	'default' => [
427	'top' => 0,
428	'right' => 0,
429	'bottom' => 0,
430	'left' => 0,
431	],
432	'selectors' => [
433	'{{WRAPPER}} .king-addons-mailchimp-form' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
434	],
435	'condition' => [
436	'container_border_type!' => 'none',
437	],
438	]
439	);
440
441	$this->add_responsive_control(
442	'container_padding',
443	[
444	'label' => esc_html__('Padding', 'king-addons'),
445	'type' => Controls_Manager::DIMENSIONS,
446	'size_units' => ['px'],
447	'default' => [
448	'top' => 0,
449	'right' => 0,
450	'bottom' => 0,
451	'left' => 0,
452	],
453	'selectors' => [
454	'{{WRAPPER}} .king-addons-mailchimp-form' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
455	],
456	'separator' => 'before',
457	]
458	);
459
460	$this->add_control(
461	'container_radius',
462	[
463	'label' => esc_html__('Border Radius', 'king-addons'),
464	'type' => Controls_Manager::DIMENSIONS,
465	'size_units' => ['px', '%'],
466	'default' => [
467	'top' => 0,
468	'right' => 0,
469	'bottom' => 0,
470	'left' => 0,
471	],
472	'selectors' => [
473	'{{WRAPPER}} .king-addons-mailchimp-form' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
474	],
475	]
476	);
477
478	$this->end_controls_section();
479
480
481	$this->start_controls_section(
482	'section_style_header',
483	[
484	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('Form Header', 'king-addons'),
485	'tab' => Controls_Manager::TAB_STYLE,
486	'show_label' => false,
487	]
488	);
489
490	$this->add_control(
491	'header_align',
492	[
493	'label' => esc_html__('Alignment', 'king-addons'),
494	'type' => Controls_Manager::CHOOSE,
495	'options' => [
496	'left' => [
497	'title' => esc_html__('Left', 'king-addons'),
498	'icon' => 'eicon-text-align-left',
499	],
500	'center' => [
501	'title' => esc_html__('Center', 'king-addons'),
502	'icon' => 'eicon-text-align-center',
503	],
504	'right' => [
505	'title' => esc_html__('Right', 'king-addons'),
506	'icon' => 'eicon-text-align-right',
507	],
508	],
509	'default' => 'center',
510	'selectors' => [
511	'{{WRAPPER}} .king-addons-mailchimp-header' => 'text-align: {{VALUE}};',
512	],
513	]
514	);
515
516	$this->add_control(
517	'header_align_divider',
518	[
519	'type' => Controls_Manager::DIVIDER,
520	'style' => 'thick',
521	]
522	);
523
524	$this->add_control(
525	'header_icon_color',
526	[
527	'label' => esc_html__('Icon Color', 'king-addons'),
528	'type' => Controls_Manager::COLOR,
529	'default' => '#5B03FF',
530	'selectors' => [
531	'{{WRAPPER}} .king-addons-mailchimp-header i' => 'color: {{VALUE}}',
532	'{{WRAPPER}} .king-addons-mailchimp-header svg' => 'fill: {{VALUE}}',
533	],
534	]
535	);
536
537	$this->add_responsive_control(
538	'header_icon_size',
539	[
540	'label' => esc_html__('Icon Size', 'king-addons'),
541	'type' => Controls_Manager::SLIDER,
542	'size_units' => ['px'],
543	'range' => [
544	'px' => [
545	'min' => 10,
546	'max' => 100,
547	],
548	],
549	'default' => [
550	'unit' => 'px',
551	'size' => 28,
552	],
553	'selectors' => [
554	'{{WRAPPER}} .king-addons-mailchimp-header i' => 'font-size: {{SIZE}}{{UNIT}};',
555	'{{WRAPPER}} .king-addons-mailchimp-header svg' => 'width: {{SIZE}}{{UNIT}};height: {{SIZE}}{{UNIT}};',
556	]
557	]
558	);
559
560	$this->add_responsive_control(
561	'header_icon_distance',
562	[
563	'label' => esc_html__('Icon Bottom Distance', 'king-addons'),
564	'type' => Controls_Manager::SLIDER,
565	'size_units' => ['px'],
566	'range' => [
567	'px' => [
568	'min' => 0,
569	'max' => 100,
570	],
571	],
572	'default' => [
573	'unit' => 'px',
574	'size' => 15,
575	],
576	'selectors' => [
577	'{{WRAPPER}} .king-addons-mailchimp-header i' => 'margin-bottom: {{SIZE}}{{UNIT}};',
578	'{{WRAPPER}} .king-addons-mailchimp-header svg' => 'margin-bottom: {{SIZE}}{{UNIT}};',
579	],
580	'separator' => 'after'
581	]
582	);
583
584	$this->add_control(
585	'header_title_color',
586	[
587	'label' => esc_html__('Title Color', 'king-addons'),
588	'type' => Controls_Manager::COLOR,
589	'default' => '#424242',
590	'selectors' => [
591	'{{WRAPPER}} .king-addons-mailchimp-header h3' => 'color: {{VALUE}}',
592	],
593	]
594	);
595
596	$this->add_group_control(
597	Group_Control_Typography::get_type(),
598	[
599	'name' => 'header_title_typography',
600	'selector' => '{{WRAPPER}} .king-addons-mailchimp-header h3',
601	]
602	);
603
604	$this->add_control(
605	'header_description_color',
606	[
607	'label' => esc_html__('Description Color', 'king-addons'),
608	'type' => Controls_Manager::COLOR,
609	'default' => '#606060',
610	'selectors' => [
611	'{{WRAPPER}} .king-addons-mailchimp-header p' => 'color: {{VALUE}}',
612	],
613	'separator' => 'before'
614	]
615	);
616
617	$this->add_group_control(
618	Group_Control_Typography::get_type(),
619	[
620	'name' => 'header_description_typography',
621	'selector' => '{{WRAPPER}} .king-addons-mailchimp-header p',
622	]
623	);
624
625	$this->add_responsive_control(
626	'header_title_distance',
627	[
628	'label' => esc_html__('Title Bottom Distance', 'king-addons'),
629	'type' => Controls_Manager::SLIDER,
630	'size_units' => ['px'],
631	'range' => [
632	'px' => [
633	'min' => 0,
634	'max' => 100,
635	],
636	],
637	'default' => [
638	'unit' => 'px',
639	'size' => 10,
640	],
641	'selectors' => [
642	'{{WRAPPER}} .king-addons-mailchimp-header h3' => 'margin-bottom: {{SIZE}}{{UNIT}};',
643	],
644	'separator' => 'before'
645	]
646	);
647
648	$this->add_responsive_control(
649	'header_desc_distance',
650	[
651	'label' => esc_html__('Description Bottom Distance', 'king-addons'),
652	'type' => Controls_Manager::SLIDER,
653	'size_units' => ['px'],
654	'range' => [
655	'px' => [
656	'min' => 0,
657	'max' => 100,
658	],
659	],
660	'default' => [
661	'unit' => 'px',
662	'size' => 30,
663	],
664	'selectors' => [
665	'{{WRAPPER}} .king-addons-mailchimp-header' => 'margin-bottom: {{SIZE}}{{UNIT}};',
666	],
667	'separator' => 'before'
668	]
669	);
670
671	$this->end_controls_section();
672
673
674	$this->start_controls_section(
675	'section_style_labels',
676	[
677	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('Labels', 'king-addons'),
678	'tab' => Controls_Manager::TAB_STYLE,
679	'show_label' => false,
680	]
681	);
682
683	$this->add_control(
684	'labels_color',
685	[
686	'label' => esc_html__('Color', 'king-addons'),
687	'type' => Controls_Manager::COLOR,
688	'default' => '#818181',
689	'selectors' => [
690	'{{WRAPPER}} .king-addons-mailchimp-fields label' => 'color: {{VALUE}}',
691	]
692	]
693	);
694
695	$this->add_group_control(
696	Group_Control_Typography::get_type(),
697	[
698	'name' => 'labels_typography',
699	'selector' => '{{WRAPPER}} .king-addons-mailchimp-fields label',
700	]
701	);
702
703	$this->add_responsive_control(
704	'labels_spacing',
705	[
706	'label' => esc_html__('Spacing', 'king-addons'),
707	'type' => Controls_Manager::SLIDER,
708	'size_units' => ['px'],
709	'range' => [
710	'px' => [
711	'min' => 0,
712	'max' => 25,
713	],
714	],
715	'default' => [
716	'unit' => 'px',
717	'size' => 4,
718	],
719	'selectors' => [
720	'{{WRAPPER}} .king-addons-mailchimp-fields label' => 'margin-bottom: {{SIZE}}{{UNIT}};',
721	],
722	'separator' => 'before'
723	]
724	);
725
726	$this->end_controls_section();
727
728
729	$this->start_controls_section(
730	'section_style_inputs',
731	[
732	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('Fields', 'king-addons'),
733	'tab' => Controls_Manager::TAB_STYLE,
734	'show_label' => false,
735	]
736	);
737
738	$this->start_controls_tabs('tabs_forms_inputs_style');
739
740	$this->start_controls_tab(
741	'tab_inputs_normal',
742	[
743	'label' => esc_html__('Normal', 'king-addons'),
744	]
745	);
746
747	$this->add_control(
748	'input_color',
749	[
750	'label' => esc_html__('Text Color', 'king-addons'),
751	'type' => Controls_Manager::COLOR,
752	'default' => '#474747',
753	'selectors' => [
754	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'color: {{VALUE}}',
755	]
756	]
757	);
758
759	$this->add_control(
760	'input_placeholder_color',
761	[
762	'label' => esc_html__('Placeholder Color', 'king-addons'),
763	'type' => Controls_Manager::COLOR,
764	'default' => '#ADADAD',
765	'selectors' => [
766	'{{WRAPPER}} .king-addons-mailchimp-fields input::placeholder' => 'color: {{VALUE}}',
767	],
768	]
769	);
770
771	$this->add_control(
772	'input_background_color',
773	[
774	'label' => esc_html__('Background Color', 'king-addons'),
775	'type' => Controls_Manager::COLOR,
776	'default' => '#FFFFFF',
777	'selectors' => [
778	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'background-color: {{VALUE}}',
779	]
780	]
781	);
782
783	$this->add_control(
784	'input_border_color',
785	[
786	'label' => esc_html__('Border Color', 'king-addons'),
787	'type' => Controls_Manager::COLOR,
788	'default' => '#e8e8e8',
789	'selectors' => [
790	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'border-color: {{VALUE}}',
791	]
792	]
793	);
794
795	$this->add_group_control(
796	Group_Control_Box_Shadow::get_type(),
797	[
798	'name' => 'input_box_shadow',
799	'selector' => '{{WRAPPER}} .king-addons-mailchimp-fields input',
800	'separator' => 'after',
801	]
802	);
803
804	$this->end_controls_tab();
805
806	$this->start_controls_tab(
807	'tab_inputs_hover',
808	[
809	'label' => esc_html__('Focus', 'king-addons'),
810	]
811	);
812
813	$this->add_control(
814	'input_color_fc',
815	[
816	'label' => esc_html__('Text Color', 'king-addons'),
817	'type' => Controls_Manager::COLOR,
818	'default' => '#333333',
819	'selectors' => [
820	'{{WRAPPER}} .king-addons-mailchimp-fields input:focus' => 'color: {{VALUE}}',
821	]
822	]
823	);
824
825	$this->add_control(
826	'input_placeholder_color_fc',
827	[
828	'label' => esc_html__('Placeholder Color', 'king-addons'),
829	'type' => Controls_Manager::COLOR,
830	'default' => '#FFFFFF',
831	'selectors' => [
832	'{{WRAPPER}} .king-addons-mailchimp-fields input:focus::placeholder' => 'color: {{VALUE}}',
833	],
834	]
835	);
836
837	$this->add_control(
838	'input_background_color_fc',
839	[
840	'label' => esc_html__('Background Color', 'king-addons'),
841	'type' => Controls_Manager::COLOR,
842	'default' => '#FFFFFF',
843	'selectors' => [
844	'{{WRAPPER}} .king-addons-mailchimp-fields input:focus' => 'background-color: {{VALUE}}',
845	]
846	]
847	);
848
849	$this->add_control(
850	'input_border_color_fc',
851	[
852	'label' => esc_html__('Border Color', 'king-addons'),
853	'type' => Controls_Manager::COLOR,
854	'default' => '#e8e8e8',
855	'selectors' => [
856	'{{WRAPPER}} .king-addons-mailchimp-fields input:focus' => 'border-color: {{VALUE}}',
857	]
858	]
859	);
860
861	$this->add_group_control(
862	Group_Control_Box_Shadow::get_type(),
863	[
864	'name' => 'input_box_shadow_fc',
865	'selector' => '{{WRAPPER}} .king-addons-mailchimp-fields input:focus',
866	]
867	);
868
869	$this->end_controls_tab();
870
871	$this->end_controls_tabs();
872
873	$this->add_control(
874	'input_transition_duration',
875	[
876	'label' => esc_html__('Transition Duration (seconds)', 'king-addons'),
877	'type' => Controls_Manager::NUMBER,
878	'default' => 0.1,
879	'min' => 0,
880	'max' => 5,
881	'step' => 0.1,
882	'selectors' => [
883	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'transition-duration: {{VALUE}}s',
884	],
885	'separator' => 'before',
886	]
887	);
888
889	$this->add_group_control(
890	Group_Control_Typography::get_type(),
891	[
892	'name' => 'input_typography',
893	'selector' => '{{WRAPPER}} .king-addons-mailchimp-fields input',
894	]
895	);
896
897	$this->add_responsive_control(
898	'input_height',
899	[
900	'label' => esc_html__('Input Height', 'king-addons'),
901	'type' => Controls_Manager::SLIDER,
902	'size_units' => ['px'],
903	'range' => [
904	'px' => [
905	'min' => 30,
906	'max' => 100,
907	],
908	],
909	'default' => [
910	'unit' => 'px',
911	'size' => 45,
912	],
913	'selectors' => [
914	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'height: {{SIZE}}px; line-height: {{SIZE}}px;',
915	],
916	'separator' => 'before'
917	]
918	);
919
920	$this->add_responsive_control(
921	'input_spacing',
922	[
923	'label' => esc_html__('Gutter', 'king-addons'),
924	'type' => Controls_Manager::SLIDER,
925	'size_units' => ['px'],
926	'range' => [
927	'px' => [
928	'min' => 0,
929	'max' => 50,
930	],
931	],
932	'default' => [
933	'unit' => 'px',
934	'size' => 10,
935	],
936	'selectors' => [
937	'{{WRAPPER}}.king-addons-mailchimp-layout-vr .king-addons-mailchimp-email, {{WRAPPER}}.king-addons-mailchimp-layout-vr .king-addons-mailchimp-first-name, {{WRAPPER}}.king-addons-mailchimp-layout-vr .king-addons-mailchimp-last-name, {{WRAPPER}}.king-addons-mailchimp-layout-vr .king-addons-mailchimp-phone-number' => 'margin-bottom: {{SIZE}}{{UNIT}};',
938	'{{WRAPPER}}.king-addons-mailchimp-layout-hr .king-addons-mailchimp-email, {{WRAPPER}}.king-addons-mailchimp-layout-hr .king-addons-mailchimp-first-name, {{WRAPPER}}.king-addons-mailchimp-layout-hr .king-addons-mailchimp-last-name, {{WRAPPER}}.king-addons-mailchimp-layout-hr .king-addons-mailchimp-phone-number' => 'margin-right: {{SIZE}}{{UNIT}};',
939	],
940	'separator' => 'after'
941	]
942	);
943
944	$this->add_control(
945	'input_border_type',
946	[
947	'label' => esc_html__('Border Type', 'king-addons'),
948	'type' => Controls_Manager::SELECT,
949	'options' => [
950	'none' => esc_html__('None', 'king-addons'),
951	'solid' => esc_html__('Solid', 'king-addons'),
952	'double' => esc_html__('Double', 'king-addons'),
953	'dotted' => esc_html__('Dotted', 'king-addons'),
954	'dashed' => esc_html__('Dashed', 'king-addons'),
955	'groove' => esc_html__('Groove', 'king-addons'),
956	],
957	'default' => 'solid',
958	'selectors' => [
959	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'border-style: {{VALUE}};',
960	],
961	]
962	);
963
964	$this->add_control(
965	'input_border_width',
966	[
967	'label' => esc_html__('Border Width', 'king-addons'),
968	'type' => Controls_Manager::DIMENSIONS,
969	'size_units' => ['px'],
970	'default' => [
971	'top' => 1,
972	'right' => 1,
973	'bottom' => 1,
974	'left' => 1,
975	],
976	'selectors' => [
977	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
978	],
979	'condition' => [
980	'input_border_type!' => 'none',
981	],
982	]
983	);
984
985	$this->add_responsive_control(
986	'input_padding',
987	[
988	'label' => esc_html__('Padding', 'king-addons'),
989	'type' => Controls_Manager::DIMENSIONS,
990	'size_units' => ['px'],
991	'default' => [
992	'top' => 0,
993	'right' => 15,
994	'bottom' => 0,
995	'left' => 15,
996	],
997	'selectors' => [
998	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
999	],
1000	'separator' => 'before',
1001	]
1002	);
1003
1004	$this->add_control(
1005	'input_radius',
1006	[
1007	'label' => esc_html__('Border Radius', 'king-addons'),
1008	'type' => Controls_Manager::DIMENSIONS,
1009	'size_units' => ['px', '%'],
1010	'default' => [
1011	'top' => 2,
1012	'right' => 2,
1013	'bottom' => 2,
1014	'left' => 2,
1015	],
1016	'selectors' => [
1017	'{{WRAPPER}} .king-addons-mailchimp-fields input' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1018	],
1019	]
1020	);
1021
1022	$this->end_controls_section();
1023
1024
1025	$this->start_controls_section(
1026	'section_style_subscribe_btn',
1027	[
1028	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('Button', 'king-addons'),
1029	'tab' => Controls_Manager::TAB_STYLE,
1030	'show_label' => false,
1031	]
1032	);
1033
1034	$this->add_control(
1035	'subscribe_btn_align',
1036	[
1037	'label' => esc_html__('Alignment', 'king-addons'),
1038	'type' => Controls_Manager::CHOOSE,
1039	'options' => [
1040	'flex-start' => [
1041	'title' => esc_html__('Left', 'king-addons'),
1042	'icon' => 'eicon-text-align-left',
1043	],
1044	'center' => [
1045	'title' => esc_html__('Center', 'king-addons'),
1046	'icon' => 'eicon-text-align-center',
1047	],
1048	'flex-end' => [
1049	'title' => esc_html__('Right', 'king-addons'),
1050	'icon' => 'eicon-text-align-right',
1051	],
1052	],
1053	'default' => 'left',
1054	'selectors' => [
1055	'{{WRAPPER}}.king-addons-mailchimp-layout-vr .king-addons-mailchimp-subscribe' => 'align-self: {{VALUE}};',
1056	],
1057	'condition' => [
1058	'container_align' => 'vr'
1059	]
1060	]
1061	);
1062
1063	$this->add_control(
1064	'subscribe_btn_divider1',
1065	[
1066	'type' => Controls_Manager::DIVIDER,
1067	'style' => 'thick',
1068	'condition' => [
1069	'container_align' => 'vr'
1070	]
1071	]
1072	);
1073
1074	$this->start_controls_tabs('tabs_subscribe_btn_style');
1075
1076	$this->start_controls_tab(
1077	'tab_subscribe_btn_normal',
1078	[
1079	'label' => esc_html__('Normal', 'king-addons'),
1080	]
1081	);
1082
1083	$this->add_group_control(
1084	Group_Control_Background::get_type(),
1085	[
1086	'name' => 'subscribe_btn_bg_color',
1087	'label' => esc_html__('Background', 'king-addons'),
1088	'types' => ['classic', 'gradient'],
1089	'fields_options' => [
1090	'color' => [
1091	'default' => '#5B03FF',
1092	],
1093	],
1094	'selector' => '{{WRAPPER}} .king-addons-mailchimp-subscribe-btn'
1095	]
1096	);
1097
1098	$this->add_control(
1099	'subscribe_btn_color',
1100	[
1101	'label' => esc_html__('Color', 'king-addons'),
1102	'type' => Controls_Manager::COLOR,
1103	'default' => '#ffffff',
1104	'selectors' => [
1105	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn' => 'color: {{VALUE}}',
1106	],
1107	]
1108	);
1109
1110	$this->add_control(
1111	'subscribe_btn_border_color',
1112	[
1113	'label' => esc_html__('Border Color', 'king-addons'),
1114	'type' => Controls_Manager::COLOR,
1115	'default' => '#E6E2E2',
1116	'selectors' => [
1117	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn' => 'border-color: {{VALUE}}',
1118	],
1119	]
1120	);
1121
1122	$this->add_group_control(
1123	Group_Control_Box_Shadow::get_type(),
1124	[
1125	'name' => 'subscribe_btn_box_shadow',
1126	'selector' => '{{WRAPPER}} .king-addons-mailchimp-subscribe-btn',
1127	]
1128	);
1129
1130	$this->end_controls_tab();
1131
1132	$this->start_controls_tab(
1133	'tab_subscribe_btn_hover',
1134	[
1135	'label' => esc_html__('Hover', 'king-addons'),
1136	]
1137	);
1138
1139	$this->add_group_control(
1140	Group_Control_Background::get_type(),
1141	[
1142	'name' => 'subscribe_btn_bg_color_hr',
1143	'label' => esc_html__('Background', 'king-addons'),
1144	'types' => ['classic', 'gradient'],
1145	'fields_options' => [
1146	'color' => [
1147	'default' => '#4D02D8',
1148	],
1149	],
1150	'selector' => '{{WRAPPER}} .king-addons-mailchimp-subscribe-btn:hover'
1151	]
1152	);
1153
1154	$this->add_control(
1155	'subscribe_btn_color_hr',
1156	[
1157	'label' => esc_html__('Color', 'king-addons'),
1158	'type' => Controls_Manager::COLOR,
1159	'default' => '#FFFFFF',
1160	'selectors' => [
1161	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn:hover' => 'color: {{VALUE}}',
1162	],
1163	]
1164	);
1165
1166	$this->add_control(
1167	'subscribe_btn_border_color_hr',
1168	[
1169	'label' => esc_html__('Border Color', 'king-addons'),
1170	'type' => Controls_Manager::COLOR,
1171	'selectors' => [
1172	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn:hover' => 'border-color: {{VALUE}}',
1173	]
1174	]
1175	);
1176
1177	$this->add_group_control(
1178	Group_Control_Box_Shadow::get_type(),
1179	[
1180	'name' => 'subscribe_btn_box_shadow_hr',
1181	'selector' => '{{WRAPPER}} .king-addons-mailchimp-subscribe-btn:hover',
1182	]
1183	);
1184
1185	$this->end_controls_tab();
1186
1187	$this->end_controls_tabs();
1188
1189	$this->add_control(
1190	'subscribe_btn_divider2',
1191	[
1192	'type' => Controls_Manager::DIVIDER,
1193	'style' => 'thick',
1194	]
1195	);
1196
1197	$this->add_control(
1198	'subscribe_btn_transition_duration',
1199	[
1200	'label' => esc_html__('Transition Duration (seconds)', 'king-addons'),
1201	'type' => Controls_Manager::NUMBER,
1202	'default' => 0.1,
1203	'min' => 0,
1204	'max' => 5,
1205	'step' => 0.1,
1206	'selectors' => [
1207	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn' => 'transition-duration: {{VALUE}}s',
1208	],
1209	'separator' => 'after',
1210	]
1211	);
1212
1213	$this->add_group_control(
1214	Group_Control_Typography::get_type(),
1215	[
1216	'name' => 'subscribe_btn_typography',
1217	'selector' => '{{WRAPPER}} .king-addons-mailchimp-subscribe-btn'
1218	]
1219	);
1220
1221	$this->add_responsive_control(
1222	'subscribe_btn_width',
1223	[
1224	'label' => esc_html__('Width', 'king-addons'),
1225	'type' => Controls_Manager::SLIDER,
1226	'size_units' => ['px', '%'],
1227	'range' => [
1228	'px' => [
1229	'min' => 30,
1230	'max' => 300,
1231	],
1232	],
1233	'default' => [
1234	'unit' => 'px',
1235	'size' => 130,
1236	],
1237	'selectors' => [
1238	'{{WRAPPER}} .king-addons-mailchimp-subscribe' => 'width: {{SIZE}}{{UNIT}};',
1239	],
1240	'separator' => 'before'
1241	]
1242	);
1243
1244	$this->add_responsive_control(
1245	'subscribe_btn_height',
1246	[
1247	'label' => esc_html__('Height', 'king-addons'),
1248	'type' => Controls_Manager::SLIDER,
1249	'size_units' => ['px'],
1250	'range' => [
1251	'px' => [
1252	'min' => 10,
1253	'max' => 100,
1254	],
1255	],
1256	'default' => [
1257	'unit' => 'px',
1258	'size' => 45,
1259	],
1260	'selectors' => [
1261	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn' => 'height: {{SIZE}}{{UNIT}}; line-height: {{SIZE}}{{UNIT}};',
1262	],
1263	]
1264	);
1265
1266	$this->add_responsive_control(
1267	'subscribe_btn_spacing',
1268	[
1269	'label' => esc_html__('Top Distance', 'king-addons'),
1270	'type' => Controls_Manager::SLIDER,
1271	'size_units' => ['px'],
1272	'range' => [
1273	'px' => [
1274	'min' => 0,
1275	'max' => 50,
1276	],
1277	],
1278	'default' => [
1279	'unit' => 'px',
1280	'size' => 0,
1281	],
1282	'selectors' => [
1283	'{{WRAPPER}}.king-addons-mailchimp-layout-vr .king-addons-mailchimp-subscribe-btn' => 'margin-top: {{SIZE}}{{UNIT}};',
1284	],
1285	'condition' => [
1286	'container_align' => 'vr'
1287	]
1288	]
1289	);
1290
1291	$this->add_control(
1292	'subscribe_btn_border_type',
1293	[
1294	'label' => esc_html__('Border Type', 'king-addons'),
1295	'type' => Controls_Manager::SELECT,
1296	'options' => [
1297	'none' => esc_html__('None', 'king-addons'),
1298	'solid' => esc_html__('Solid', 'king-addons'),
1299	'double' => esc_html__('Double', 'king-addons'),
1300	'dotted' => esc_html__('Dotted', 'king-addons'),
1301	'dashed' => esc_html__('Dashed', 'king-addons'),
1302	'groove' => esc_html__('Groove', 'king-addons'),
1303	],
1304	'default' => 'none',
1305	'selectors' => [
1306	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn' => 'border-style: {{VALUE}};',
1307	],
1308	'separator' => 'before',
1309	]
1310	);
1311
1312	$this->add_control(
1313	'subscribe_btn_border_width',
1314	[
1315	'label' => esc_html__('Border Width', 'king-addons'),
1316	'type' => Controls_Manager::DIMENSIONS,
1317	'size_units' => ['px'],
1318	'default' => [
1319	'top' => 0,
1320	'right' => 0,
1321	'bottom' => 0,
1322	'left' => 0,
1323	],
1324	'selectors' => [
1325	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1326	],
1327	'condition' => [
1328	'subscribe_btn_border_type!' => 'none',
1329	],
1330	]
1331	);
1332
1333	$this->add_control(
1334	'subscribe_btn_radius',
1335	[
1336	'label' => esc_html__('Border Radius', 'king-addons'),
1337	'type' => Controls_Manager::DIMENSIONS,
1338	'size_units' => ['px', '%'],
1339	'default' => [
1340	'top' => 2,
1341	'right' => 2,
1342	'bottom' => 2,
1343	'left' => 2,
1344	],
1345	'selectors' => [
1346	'{{WRAPPER}} .king-addons-mailchimp-subscribe-btn' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1347	],
1348	'separator' => 'before',
1349	]
1350	);
1351
1352	$this->end_controls_section();
1353
1354
1355	$this->start_controls_section(
1356	'section_style_message',
1357	[
1358	'label' => KING_ADDONS_ELEMENTOR_ICON . esc_html__('Message', 'king-addons'),
1359	'tab' => Controls_Manager::TAB_STYLE,
1360	'show_label' => false,
1361	]
1362	);
1363
1364	$this->add_control(
1365	'success_message_color',
1366	[
1367	'label' => esc_html__('Success Color', 'king-addons'),
1368	'type' => Controls_Manager::COLOR,
1369	'default' => '#333333',
1370	'selectors' => [
1371	'{{WRAPPER}} .king-addons-mailchimp-success-message' => 'color: {{VALUE}}',
1372	]
1373	]
1374	);
1375
1376	$this->add_control(
1377	'error_message_color',
1378	[
1379	'label' => esc_html__('Error Color', 'king-addons'),
1380	'type' => Controls_Manager::COLOR,
1381	'default' => '#FF348B',
1382	'selectors' => [
1383	'{{WRAPPER}} .king-addons-mailchimp-error-message' => 'color: {{VALUE}}',
1384	]
1385	]
1386	);
1387
1388	$this->add_control(
1389	'message_color_bg',
1390	[
1391	'label' => esc_html__('Background Color', 'king-addons'),
1392	'type' => Controls_Manager::COLOR,
1393	'default' => '#FFFFFF',
1394	'selectors' => [
1395	'{{WRAPPER}} .king-addons-mailchimp-message' => 'background-color: {{VALUE}}',
1396	]
1397	]
1398	);
1399
1400	$this->add_group_control(
1401	Group_Control_Typography::get_type(),
1402	[
1403	'name' => 'message_typography',
1404	'selector' => '{{WRAPPER}} .king-addons-mailchimp-message',
1405	]
1406	);
1407
1408	$this->add_responsive_control(
1409	'message_padding',
1410	[
1411	'label' => esc_html__('Padding', 'king-addons'),
1412	'type' => Controls_Manager::DIMENSIONS,
1413	'size_units' => ['px'],
1414	'default' => [
1415	'top' => 0,
1416	'right' => 0,
1417	'bottom' => 0,
1418	'left' => 0,
1419	],
1420	'selectors' => [
1421	'{{WRAPPER}} .king-addons-mailchimp-message' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
1422	],
1423	'separator' => 'before',
1424	]
1425	);
1426
1427	$this->add_responsive_control(
1428	'message_spacing',
1429	[
1430	'label' => esc_html__('Spacing', 'king-addons'),
1431	'type' => Controls_Manager::SLIDER,
1432	'size_units' => ['px'],
1433	'range' => [
1434	'px' => [
1435	'min' => 0,
1436	'max' => 50,
1437	],
1438	],
1439	'default' => [
1440	'unit' => 'px',
1441	'size' => 10,
1442	],
1443	'selectors' => [
1444	'{{WRAPPER}} .king-addons-mailchimp-message' => 'margin-top: {{SIZE}}{{UNIT}};',
1445	],
1446	'separator' => 'before'
1447	]
1448	);
1449
1450	$this->end_controls_section();
1451	}
1452
1453	public function render_pro_element_extra_fields()
1454	{
1455	}
1456
1457	protected function render()
1458	{
1459	$settings = $this->get_settings();
1460
1461	// Conditionally set the clear_fields_on_submit value
1462	$clear_fields_on_submit = king_addons_freemius()->can_use_premium_code__premium_only()
1463	? esc_attr($settings['clear_fields_on_submit'])
1464	: '';
1465
1466	// Pre-escape frequently used values
1467	$id = esc_attr($this->get_id());
1468	$audience = esc_attr($settings['mailchimp_audience']);
1469	$form_icon_val = !empty($settings['form_icon']['value']) ? esc_attr($settings['form_icon']['value']) : '';
1470	$form_icon = $form_icon_val ? "<i class=\"$form_icon_val\"></i>" : '';
1471	$email_label = !empty($settings['email_label']) ? '<label>' . esc_html($settings['email_label']) . '</label>' : '';
1472	?>
1473
1474	<form
1475	class="king-addons-mailchimp-form"
1476	id="king-addons-mailchimp-form-<?php echo $id; ?>"
1477	method="POST"
1478	data-list-id="<?php echo $audience; ?>"
1479	data-clear-fields="<?php echo $clear_fields_on_submit; ?>"
1480	>
1481	<?php if ('yes' === $settings['show_form_header']) : ?>
1482	<div class="king-addons-mailchimp-header">
1483	<h3>
1484	<?php
1485	echo $form_icon;
1486	echo esc_html($settings['form_title']);
1487	?>
1488	</h3>
1489	<p><?php echo wp_kses($settings['form_description'], ['br' => [], 'em' => [], 'strong' => []]); ?></p>
1490	</div>
1491	<?php endif; ?>
1492
1493	<div class="king-addons-mailchimp-fields">
1494	<div class="king-addons-mailchimp-email">
1495	<?php echo $email_label; ?>
1496	<input
1497	type="email"
1498	name="king_addons_mailchimp_email"
1499	placeholder="<?php echo esc_attr($settings['email_placeholder']); ?>"
1500	required
1501	/>
1502	</div>
1503
1504	<?php $this->render_pro_element_extra_fields(); ?>
1505
1506	<div class="king-addons-mailchimp-subscribe">
1507	<button
1508	type="submit"
1509	id="king-addons-subscribe-<?php echo $id; ?>"
1510	class="king-addons-mailchimp-subscribe-btn"
1511	data-loading="<?php echo esc_attr($settings['subscribe_button_loading_text']); ?>"
1512	>
1513	<?php echo esc_html($settings['subscribe_btn_text']); ?>
1514	</button>
1515	</div>
1516	</div>
1517
1518	<div class="king-addons-mailchimp-message">
1519	<span class="king-addons-mailchimp-success-message">
1520	<?php echo esc_html($settings['success_message']); ?>
1521	</span>
1522	<span class="king-addons-mailchimp-error-message">
1523	<?php echo esc_html($settings['error_message']); ?>
1524	</span>
1525	</div>
1526	</form>
1527	<?php
1528	}
1529	}