Edit File by line

<?php

[0] Fix | Delete

[1] Fix | Delete

namespace WPForms\Admin\Builder\Settings;

[2] Fix | Delete

[3] Fix | Delete

use WPForms\Frontend\CSSVars;

[4] Fix | Delete

use WPForms\Integrations\Gutenberg\RestApi;

[5] Fix | Delete

use WPForms\Integrations\Gutenberg\ThemesData;

[6] Fix | Delete

use WPForms_Builder_Panel_Settings;

[7] Fix | Delete

[8] Fix | Delete

/**

[9] Fix | Delete

* Themes panel.

[10] Fix | Delete

[11] Fix | Delete

* @since 1.8.8

[12] Fix | Delete

[13] Fix | Delete

class Themes {

[14] Fix | Delete

[15] Fix | Delete

/**

[16] Fix | Delete

* Form data.

[17] Fix | Delete

[18] Fix | Delete

* @since 1.9.7

[19] Fix | Delete

[20] Fix | Delete

* @var array

[21] Fix | Delete

[22] Fix | Delete

public $form_data;

[23] Fix | Delete

[24] Fix | Delete

/**

[25] Fix | Delete

* CSS vars class instance.

[26] Fix | Delete

[27] Fix | Delete

* @since 1.9.7

[28] Fix | Delete

[29] Fix | Delete

* @var CSSVars

[30] Fix | Delete

[31] Fix | Delete

protected $css_vars_obj;

[32] Fix | Delete

[33] Fix | Delete

/**

[34] Fix | Delete

* Rest API class instance.

[35] Fix | Delete

[36] Fix | Delete

* @since 1.9.7

[37] Fix | Delete

[38] Fix | Delete

* @var ThemesData

[39] Fix | Delete

[40] Fix | Delete

protected $themes_data_obj;

[41] Fix | Delete

[42] Fix | Delete

/**

[43] Fix | Delete

* Size options for themes settings.

[44] Fix | Delete

[45] Fix | Delete

* @since 1.9.7

[46] Fix | Delete

[47] Fix | Delete

* @var array

[48] Fix | Delete

[49] Fix | Delete

protected $size_options;

[50] Fix | Delete

[51] Fix | Delete

/**

[52] Fix | Delete

* Border type options for themes settings.

[53] Fix | Delete

[54] Fix | Delete

* @since 1.9.7

[55] Fix | Delete

[56] Fix | Delete

* @var array

[57] Fix | Delete

[58] Fix | Delete

private $border_options;

[59] Fix | Delete

[60] Fix | Delete

/**

[61] Fix | Delete

* Is admin.

[62] Fix | Delete

[63] Fix | Delete

* @since 1.9.7

[64] Fix | Delete

[65] Fix | Delete

* @var bool

[66] Fix | Delete

[67] Fix | Delete

private $is_admin;

[68] Fix | Delete

[69] Fix | Delete

/**

[70] Fix | Delete

* Whether a modern engine is enabled.

[71] Fix | Delete

[72] Fix | Delete

* @since 1.9.7

[73] Fix | Delete

[74] Fix | Delete

* @var bool

[75] Fix | Delete

[76] Fix | Delete

private $is_modern;

[77] Fix | Delete

[78] Fix | Delete

/**

[79] Fix | Delete

* Whether full style is used.

[80] Fix | Delete

[81] Fix | Delete

* @since 1.9.7

[82] Fix | Delete

[83] Fix | Delete

* @var bool

[84] Fix | Delete

[85] Fix | Delete

private $is_full_styles;

[86] Fix | Delete

[87] Fix | Delete

/**

[88] Fix | Delete

* Init class.

[89] Fix | Delete

[90] Fix | Delete

* @since 1.8.8

[91] Fix | Delete

[92] Fix | Delete

public function init(): void {

[93] Fix | Delete

[94] Fix | Delete

$this->css_vars_obj = wpforms()->obj( 'css_vars' );

[95] Fix | Delete

$this->is_admin = current_user_can( 'manage_options' );

[96] Fix | Delete

$this->is_modern = wpforms_get_render_engine() === 'modern';

[97] Fix | Delete

$this->is_full_styles = (int) wpforms_setting( 'disable-css', '1' ) === 1;

[98] Fix | Delete

[99] Fix | Delete

$this->size_options = [

[100] Fix | Delete

'small' => esc_html__( 'Small', 'wpforms-lite' ),

[101] Fix | Delete

'medium' => esc_html__( 'Medium', 'wpforms-lite' ),

[102] Fix | Delete

'large' => esc_html__( 'Large', 'wpforms-lite' ),

[103] Fix | Delete

];

[104] Fix | Delete

[105] Fix | Delete

$this->border_options = [

[106] Fix | Delete

'none' => esc_html__( 'None', 'wpforms-lite' ),

[107] Fix | Delete

'solid' => esc_html__( 'Solid', 'wpforms-lite' ),

[108] Fix | Delete

'dashed' => esc_html__( 'Dashed', 'wpforms-lite' ),

[109] Fix | Delete

'dotted' => esc_html__( 'Dotted', 'wpforms-lite' ),

[110] Fix | Delete

];

[111] Fix | Delete

[112] Fix | Delete

$this->hooks();

[113] Fix | Delete

}

[114] Fix | Delete

[115] Fix | Delete

/**

[116] Fix | Delete

* Register hooks.

[117] Fix | Delete

[118] Fix | Delete

* @since 1.8.8

[119] Fix | Delete

[120] Fix | Delete

protected function hooks(): void {

[121] Fix | Delete

[122] Fix | Delete

add_action( 'wpforms_form_settings_panel_content', [ $this, 'panel_content' ] );

[123] Fix | Delete

add_action( 'wpforms_builder_panel_sidebar_after', [ $this, 'sidebar_content' ], 10, 2 );

[124] Fix | Delete

add_action( 'admin_enqueue_scripts', [ $this, 'enqueues' ] );

[125] Fix | Delete

}

[126] Fix | Delete

[127] Fix | Delete

/**

[128] Fix | Delete

* Enqueue assets for the builder themes.

[129] Fix | Delete

[130] Fix | Delete

* @since 1.9.7

[131] Fix | Delete

[132] Fix | Delete

public function enqueues(): void {

[133] Fix | Delete

[134] Fix | Delete

$min = wpforms_get_min_suffix();

[135] Fix | Delete

[136] Fix | Delete

wp_enqueue_script(

[137] Fix | Delete

'wpforms-builder-themes',

[138] Fix | Delete

WPFORMS_PLUGIN_URL . "assets/js/admin/builder/themes/builder-themes{$min}.js",

[139] Fix | Delete

[ 'wpforms-builder', 'wp-api-fetch' ],

[140] Fix | Delete

WPFORMS_VERSION,

[141] Fix | Delete

true

[142] Fix | Delete

);

[143] Fix | Delete

[144] Fix | Delete

wp_enqueue_style(

[145] Fix | Delete

'wpforms-full',

[146] Fix | Delete

WPFORMS_PLUGIN_URL . 'assets/css/frontend/modern/wpforms-full.css',

[147] Fix | Delete

[],

[148] Fix | Delete

WPFORMS_VERSION

[149] Fix | Delete

);

[150] Fix | Delete

[151] Fix | Delete

wp_localize_script(

[152] Fix | Delete

'wpforms-builder-themes',

[153] Fix | Delete

'wpforms_builder_themes',

[154] Fix | Delete

$this->get_localize_data()

[155] Fix | Delete

);

[156] Fix | Delete

[157] Fix | Delete

wp_add_inline_style( 'wpforms-full', $this->css_vars_obj->get_root_vars_css() );

[158] Fix | Delete

}

[159] Fix | Delete

[160] Fix | Delete

/**

[161] Fix | Delete

* Get localize data.

[162] Fix | Delete

[163] Fix | Delete

* @since 1.9.7

[164] Fix | Delete

[165] Fix | Delete

* @return array

[166] Fix | Delete

[167] Fix | Delete

protected function get_localize_data(): array {

[168] Fix | Delete

[169] Fix | Delete

return [

[170] Fix | Delete

'modules' => $this->get_modules(),

[171] Fix | Delete

'sizes' => [

[172] Fix | Delete

'field-size' => CSSVars::FIELD_SIZE,

[173] Fix | Delete

'label-size' => CSSVars::LABEL_SIZE,

[174] Fix | Delete

'button-size' => CSSVars::BUTTON_SIZE,

[175] Fix | Delete

'container-shadow-size' => CSSVars::CONTAINER_SHADOW_SIZE,

[176] Fix | Delete

[177] Fix | Delete

'strings' => [

[178] Fix | Delete

'heads_up' => esc_html__( 'Heads Up!', 'wpforms-lite' ),

[179] Fix | Delete

'themes_error' => esc_html__( 'Error loading themes. Please try again later.', 'wpforms-lite' ),

[180] Fix | Delete

'button_background' => esc_html__( 'Button Background', 'wpforms-lite' ),

[181] Fix | Delete

'button_text' => esc_html__( 'Button Text', 'wpforms-lite' ),

[182] Fix | Delete

'copy_paste_error' => esc_html__( 'There was an error parsing your JSON code. Please check your code and try again.', 'wpforms-lite' ),

[183] Fix | Delete

'field_label' => esc_html__( 'Field Label', 'wpforms-lite' ),

[184] Fix | Delete

'field_sublabel' => esc_html__( 'Field Sublabel', 'wpforms-lite' ),

[185] Fix | Delete

'field_border' => esc_html__( 'Field Border', 'wpforms-lite' ),

[186] Fix | Delete

'theme_delete_title' => esc_html__( 'Delete Form Theme', 'wpforms-lite' ),

[187] Fix | Delete

// Translators: %1$s: Theme name.

[188] Fix | Delete

'theme_delete_confirm' => esc_html__( 'Are you sure you want to delete the %1$s theme?', 'wpforms-lite' ),

[189] Fix | Delete

'theme_delete_cant_undone' => esc_html__( 'This cannot be undone.', 'wpforms-lite' ),

[190] Fix | Delete

'theme_delete_yes' => esc_html__( 'Yes, Delete', 'wpforms-lite' ),

[191] Fix | Delete

'theme_copy' => esc_html__( 'Copy', 'wpforms-lite' ),

[192] Fix | Delete

'theme_custom' => esc_html__( 'Custom Theme', 'wpforms-lite' ),

[193] Fix | Delete

'theme_noname' => esc_html__( 'Noname Theme', 'wpforms-lite' ),

[194] Fix | Delete

'pro_sections' => [

[195] Fix | Delete

'background' => esc_html__( 'Background Styles', 'wpforms-lite' ),

[196] Fix | Delete

'container' => esc_html__( 'Container Styles', 'wpforms-lite' ),

[197] Fix | Delete

'themes' => esc_html__( 'Themes', 'wpforms-lite' ),

[198] Fix | Delete

[199] Fix | Delete

[200] Fix | Delete

'isAdmin' => $this->is_admin,

[201] Fix | Delete

'isPro' => wpforms()->is_pro(),

[202] Fix | Delete

'isModern' => $this->is_modern,

[203] Fix | Delete

'isFullStyles' => $this->is_full_styles,

[204] Fix | Delete

'route_namespace' => RestApi::ROUTE_NAMESPACE,

[205] Fix | Delete

];

[206] Fix | Delete

}

[207] Fix | Delete

[208] Fix | Delete

/**

[209] Fix | Delete

* Get Form Builder themes modules.

[210] Fix | Delete

[211] Fix | Delete

* @since 1.9.7

[212] Fix | Delete

[213] Fix | Delete

* @return array Modules list.

[214] Fix | Delete

[215] Fix | Delete

public function get_modules(): array {

[216] Fix | Delete

[217] Fix | Delete

$min = wpforms_get_min_suffix();

[218] Fix | Delete

[219] Fix | Delete

return [

[220] Fix | Delete

[

[221] Fix | Delete

'name' => 'common',

[222] Fix | Delete

'path' => "./modules/common{$min}.js",

[223] Fix | Delete

[224] Fix | Delete

[

[225] Fix | Delete

'name' => 'themes',

[226] Fix | Delete

'path' => "./modules/themes{$min}.js",

[227] Fix | Delete

[228] Fix | Delete

[

[229] Fix | Delete

'name' => 'stockPhotos',

[230] Fix | Delete

'path' => "./modules/stock-photos{$min}.js",

[231] Fix | Delete

[232] Fix | Delete

[

[233] Fix | Delete

'name' => 'background',

[234] Fix | Delete

'path' => "./modules/background{$min}.js",

[235] Fix | Delete

[236] Fix | Delete

[

[237] Fix | Delete

'name' => 'advancedSettings',

[238] Fix | Delete

'path' => "./modules/advanced-settings{$min}.js",

[239] Fix | Delete

[240] Fix | Delete

];

[241] Fix | Delete

}

[242] Fix | Delete

[243] Fix | Delete

/**

[244] Fix | Delete

* Add a content for `Themes` panel.

[245] Fix | Delete

[246] Fix | Delete

* @since 1.8.8

[247] Fix | Delete

[248] Fix | Delete

* @param WPForms_Builder_Panel_Settings $instance Settings panel instance.

[249] Fix | Delete

[250] Fix | Delete

* @noinspection HtmlUnknownTarget

[251] Fix | Delete

[252] Fix | Delete

public function panel_content( WPForms_Builder_Panel_Settings $instance ): void {

[253] Fix | Delete

[254] Fix | Delete

$this->form_data = $instance->form_data;

[255] Fix | Delete

$url = wpforms_utm_link( 'https://wpforms.com/docs/styling-your-forms/', 'Builder Themes', 'Description Link' );

[256] Fix | Delete

[257] Fix | Delete

[258] Fix | Delete

[259] Fix | Delete

[260] Fix | Delete

[261] Fix | Delete

[262] Fix | Delete

<?php esc_html_e( 'Form Themes', 'wpforms-lite' ); ?>

[263] Fix | Delete

</div>

[264] Fix | Delete

[265] Fix | Delete

[266] Fix | Delete

[267] Fix | Delete

<?php

[268] Fix | Delete

echo wp_kses_post(

[269] Fix | Delete

sprintf(

[270] Fix | Delete

/* translators: %s - URL to the documentation. */

[271] Fix | Delete

__( 'Customize the look and feel of your form with premade themes or simple style settings that allow you to use your own colors to match your brand. Themes and style settings are also available in the Block Editor and Elementor, where you can see a realtime preview. <a href="%s" target="_blank">Learn more about styling your forms</a>.', 'wpforms-lite' ),

[272] Fix | Delete

$url

[273] Fix | Delete

)

[274] Fix | Delete

);

[275] Fix | Delete

[276] Fix | Delete

</p>

[277] Fix | Delete

[278] Fix | Delete

[279] Fix | Delete

<h4>

[280] Fix | Delete

<?php esc_html_e( 'Preview only', 'wpforms-lite' ); ?>

[281] Fix | Delete

</h4>

[282] Fix | Delete

<p>

[283] Fix | Delete

<?php esc_html_e( 'The fields shown below are for demo purposes and do not reflect the fields in your actual form.', 'wpforms-lite' ); ?>

[284] Fix | Delete

</p>

[285] Fix | Delete

</div>

[286] Fix | Delete

[287] Fix | Delete

<?php

[288] Fix | Delete

echo wpforms_render( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped

[289] Fix | Delete

'builder/themes/notices',

[290] Fix | Delete

[

[291] Fix | Delete

'is_modern' => $this->is_modern,

[292] Fix | Delete

'is_full_styles' => $this->is_full_styles,

[293] Fix | Delete

[294] Fix | Delete

true

[295] Fix | Delete

);

[296] Fix | Delete

[297] Fix | Delete

// phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped

[298] Fix | Delete

echo wpforms_render( 'builder/themes/preview' );

[299] Fix | Delete

[300] Fix | Delete

</div>

[301] Fix | Delete

[302] Fix | Delete

</div>

[303] Fix | Delete

</div>

[304] Fix | Delete

</div>

[305] Fix | Delete

<?php

[306] Fix | Delete

}

[307] Fix | Delete

[308] Fix | Delete

/**

[309] Fix | Delete

* Add content for the Themes Sidebar.

[310] Fix | Delete

[311] Fix | Delete

* @param object $form Current form object.

[312] Fix | Delete

* @param string $slug Current panel slug.

[313] Fix | Delete

[314] Fix | Delete

* @since 1.9.7

[315] Fix | Delete

[316] Fix | Delete

public function sidebar_content( $form, $slug ): void {

[317] Fix | Delete

[318] Fix | Delete

if ( $slug !== 'settings' ) {

[319] Fix | Delete

return;

[320] Fix | Delete

}

[321] Fix | Delete

[322] Fix | Delete

$form_obj = wpforms()->obj( 'form' );

[323] Fix | Delete

[324] Fix | Delete

if ( ! $form_obj || ! isset( $form->ID ) ) {

[325] Fix | Delete

return;

[326] Fix | Delete

}

[327] Fix | Delete

[328] Fix | Delete

$form_data = $form_obj->get( $form->ID, [ 'content_only' => true ] );

[329] Fix | Delete

[330] Fix | Delete

$this->form_data = $form_data;

[331] Fix | Delete

[332] Fix | Delete

$this->show_sidebar_html();

[333] Fix | Delete

}

[334] Fix | Delete

[335] Fix | Delete

/**

[336] Fix | Delete

* Show sidebar HTML.

[337] Fix | Delete

[338] Fix | Delete

* @since 1.9.7

[339] Fix | Delete

[340] Fix | Delete

private function show_sidebar_html(): void {

[341] Fix | Delete

[342] Fix | Delete

[343] Fix | Delete

[344] Fix | Delete

[345] Fix | Delete

</div>

[346] Fix | Delete

[347] Fix | Delete

[348] Fix | Delete

<?php if ( $this->is_admin ) : ?>

[349] Fix | Delete

[350] Fix | Delete

<?php endif; ?>

[351] Fix | Delete

</div>

[352] Fix | Delete

[353] Fix | Delete

[354] Fix | Delete

[355] Fix | Delete

<?php $this->show_sidebar_themes(); ?>

[356] Fix | Delete

<div class="wpforms-builder-themes-restricted <?php echo esc_attr( ! $this->is_admin ? 'wpforms-hidden' : '' ); ?>">

[357] Fix | Delete

<?php $this->show_sidebar_field_styles(); ?>

[358] Fix | Delete

<?php $this->show_sidebar_label_styles(); ?>

[359] Fix | Delete

<?php $this->show_sidebar_button_styles(); ?>

[360] Fix | Delete

<?php $this->show_sidebar_container_styles(); ?>

[361] Fix | Delete

<?php $this->show_sidebar_background_styles(); ?>

[362] Fix | Delete

<?php $this->show_sidebar_other_styles(); ?>

[363] Fix | Delete

</div>

[364] Fix | Delete

</div>

[365] Fix | Delete

[366] Fix | Delete

<?php $this->show_sidebar_advanced(); ?>

[367] Fix | Delete

</div>

[368] Fix | Delete

[369] Fix | Delete

</div>

[370] Fix | Delete

</div>

[371] Fix | Delete

<?php

[372] Fix | Delete

}

[373] Fix | Delete

[374] Fix | Delete

/**

[375] Fix | Delete

* Show sidebar themes.

[376] Fix | Delete

[377] Fix | Delete

* @since 1.9.7

[378] Fix | Delete

[379] Fix | Delete

* @return void

[380] Fix | Delete

[381] Fix | Delete

private function show_sidebar_themes(): void {

[382] Fix | Delete

[383] Fix | Delete

[384] Fix | Delete

[385] Fix | Delete

[386] Fix | Delete

[387] Fix | Delete

[388] Fix | Delete

</a>

[389] Fix | Delete

[390] Fix | Delete

<?php

[391] Fix | Delete

[392] Fix | Delete

wpforms_panel_field(

[393] Fix | Delete

'text',

[394] Fix | Delete

'themes',

[395] Fix | Delete

'wpformsTheme',

[396] Fix | Delete

$this->form_data,

[397] Fix | Delete

esc_html__( 'Theme', 'wpforms-lite' ),

[398] Fix | Delete

[

[399] Fix | Delete

'parent' => 'settings',

[400] Fix | Delete

'type' => 'hidden',

[401] Fix | Delete

'value' => $this->form_data['settings']['themes']['wpformsTheme'] ?? 'default',

[402] Fix | Delete

'class' => 'wpforms-hidden',

[403] Fix | Delete

]

[404] Fix | Delete

);

[405] Fix | Delete

[406] Fix | Delete

wpforms_panel_field(

[407] Fix | Delete

'text',

[408] Fix | Delete

'themes',

[409] Fix | Delete

'isCustomTheme',

[410] Fix | Delete

$this->form_data,

[411] Fix | Delete

false,

[412] Fix | Delete

[

[413] Fix | Delete

'parent' => 'settings',

[414] Fix | Delete

'type' => 'hidden',

[415] Fix | Delete

'value' => $this->form_data['settings']['themes']['isCustomTheme'] ?? '',

[416] Fix | Delete

'class' => 'wpforms-hidden',

[417] Fix | Delete

]

[418] Fix | Delete

);

[419] Fix | Delete

[420] Fix | Delete

[421] Fix | Delete

[422] Fix | Delete

[423] Fix | Delete

[424] Fix | Delete

<?php

[425] Fix | Delete

[426] Fix | Delete

wpforms_panel_field(

[427] Fix | Delete

'text',

[428] Fix | Delete

'themes',

[429] Fix | Delete

'themeName',

[430] Fix | Delete

$this->form_data,

[431] Fix | Delete

esc_html__( 'Theme Name', 'wpforms-lite' ),

[432] Fix | Delete

[

[433] Fix | Delete

'parent' => 'settings',

[434] Fix | Delete

'type' => 'text',

[435] Fix | Delete

'value' => $this->form_data['settings']['themes']['themeName'] ?? '',

[436] Fix | Delete

'class' => 'wpforms-hidden',

[437] Fix | Delete

]

[438] Fix | Delete

);

[439] Fix | Delete

[440] Fix | Delete

[441] Fix | Delete

[442] Fix | Delete

[443] Fix | Delete

</div>

[444] Fix | Delete

</div>

[445] Fix | Delete

<?php

[446] Fix | Delete

}

[447] Fix | Delete

[448] Fix | Delete

/**

[449] Fix | Delete

* Show sidebar field styles.

[450] Fix | Delete

[451] Fix | Delete

* @since 1.9.7

[452] Fix | Delete

[453] Fix | Delete

* @return void

[454] Fix | Delete

[455] Fix | Delete

private function show_sidebar_field_styles(): void {

[456] Fix | Delete

[457] Fix | Delete

[458] Fix | Delete

[459] Fix | Delete

[460] Fix | Delete

[461] Fix | Delete

[462] Fix | Delete

</a>

[463] Fix | Delete

[464] Fix | Delete

[465] Fix | Delete

<?php

[466] Fix | Delete

[467] Fix | Delete

wpforms_panel_field(

[468] Fix | Delete

'select',

[469] Fix | Delete

'themes',

[470] Fix | Delete

'fieldSize',

[471] Fix | Delete

$this->form_data,

[472] Fix | Delete

esc_html__( 'Size', 'wpforms-lite' ),

[473] Fix | Delete

[

[474] Fix | Delete

'parent' => 'settings',

[475] Fix | Delete

'options' => $this->size_options,

[476] Fix | Delete

'value' => $this->form_data['settings']['themes']['fieldSize'] ?? 'medium',

[477] Fix | Delete

]

[478] Fix | Delete

);

[479] Fix | Delete

[480] Fix | Delete

wpforms_panel_field(

[481] Fix | Delete

'select',

[482] Fix | Delete

'themes',

[483] Fix | Delete

'fieldBorderStyle',

[484] Fix | Delete

$this->form_data,

[485] Fix | Delete

esc_html__( 'Border', 'wpforms-lite' ),

[486] Fix | Delete

[

[487] Fix | Delete

'parent' => 'settings',

[488] Fix | Delete

'options' => $this->border_options,

[489] Fix | Delete

'value' => $this->form_data['settings']['themes']['fieldBorderStyle'] ?? 'solid',

[490] Fix | Delete

]

[491] Fix | Delete

);

[492] Fix | Delete

[493] Fix | Delete

</div>

[494] Fix | Delete

[495] Fix | Delete

[496] Fix | Delete

<?php

[497] Fix | Delete

[498] Fix | Delete

wpforms_panel_field(

[499] Fix | Delete

12 3