'all',
'visible_list' => array(),
'hidden_list' => array(),
);
$element['settings']['default_country'] = '';
}
// todo:: remove the 'with_extended_validation' check in future.
$enabled = ArrayHelper::get($element, 'settings.int_tel_number') == 'with_extended_validation';
if ($enabled) {
ArrayHelper::set($element, 'settings.validation_rules.valid_phone_number.value', true);
ArrayHelper::forget($element, 'settings.int_tel_number');
}
return $element;
});
}
function getComponent()
{
return [
'index' => 18,
'element' => $this->key,
'attributes' => [
'name' => $this->key,
'class' => '',
'value' => '',
'type' => 'tel',
'placeholder' => __('Mobile Number', 'fluentformpro')
],
'settings' => [
'container_class' => '',
'placeholder' => '',
'auto_select_country' => 'no',
'label' => $this->title,
'label_placement' => '',
'help_message' => '',
'admin_field_label' => '',
'phone_country_list' => array(
'active_list' => 'all',
'visible_list' => array(),
'hidden_list' => array(),
),
'default_country' => '',
'validation_rules' => [
'required' => [
'value' => false,
'global' => true,
'message' => Helper::getGlobalDefaultMessage('required'),
'global_message' => Helper::getGlobalDefaultMessage('required'),
],
'valid_phone_number' => [
'value' => false,
'global' => true,
'message' => Helper::getGlobalDefaultMessage('valid_phone_number'),
'global_message' => Helper::getGlobalDefaultMessage('valid_phone_number'),
]
],
'conditional_logics' => []
],
'editor_options' => [
'title' => $this->title,
'icon_class' => 'el-icon-phone-outline',
'template' => 'inputText'
],
];
}
public function getGeneralEditorElements()
{
return [
'label',
'label_placement',
'admin_field_label',
'placeholder',
'value',
'auto_select_country',
'phone_country_list',
'validation_rules',
];
}
public function generalEditorElement()
{
return [
'auto_select_country' => [
'template' => 'radio',
'label' => __('Enable Auto Country Select', 'fluentformpro'),
'help_text' => __('If you enable this, The country will be selected based on user\'s ip address. ipinfo.io service will be used here', 'fluentformpro'),
'options' => [
[
'label' => __('No', 'fluentformpro'),
'value' => 'no'
],
[
'label' => __('Yes', 'fluentformpro'),
'value' => 'yes'
]
],
'dependency' => array(
'depends_on' => 'settings/validation_rules/valid_phone_number/value',
'value' => false,
'operator' => '!='
)
],
'phone_country_list' => array(
'template' => 'customCountryList',
'label' => __('Available Countries', 'fluentformpro'),
'disable_labels' => true,
'key' => 'phone_country_list',
'dependency' => array(
'depends_on' => 'settings/validation_rules/valid_phone_number/value',
'value' => false,
'operator' => '!='
)
)
];
}
public function render($data, $form)
{
$elementName = $data['element'];
$data = apply_filters_deprecated(
'fluentform_rendering_field_data_' . $elementName,
[
$data,
$form
],
FLUENTFORM_FRAMEWORK_UPGRADE,
'fluentform/rendering_field_data_' . $elementName,
'Use fluentform/rendering_field_data_' . $elementName . ' instead of fluentform_rendering_field_data_' . $elementName
);
$data = apply_filters('fluentform/rendering_field_data_' . $elementName, $data, $form);
$data['attributes']['class'] = @trim(
'ff-el-form-control ff-el-phone ' . $data['attributes']['class']
);
$data['attributes']['id'] = $this->makeElementId($data, $form);
if ($tabIndex = \FluentForm\App\Helpers\Helper::getNextTabIndex()) {
$data['attributes']['tabindex'] = $tabIndex;
}
$data['attributes']['inputmode'] = 'tel';
// todo:: remove the 'with_extended_validation' check in future.
$enabled = ArrayHelper::get($data, 'settings.validation_rules.valid_phone_number.value');
if (!$enabled) {
$enabled = ArrayHelper::get($data, 'settings.int_tel_number') == 'with_extended_validation';
}
if ($enabled) {
// $data['attributes']['placeholder'] = '';
$data['attributes']['class'] .= ' ff_el_with_extended_validation';
$this->pushScripts($data, $form);
}
$ariaRequired = 'false';
if (ArrayHelper::get($data, 'settings.validation_rules.required.value')) {
$ariaRequired = 'true';
}
$elMarkup = "buildAttributes($data['attributes'], $form) . " aria-invalid='false' aria-required={$ariaRequired}>";
$html = $this->buildElementMarkup($elMarkup, $data, $form);
$html = apply_filters_deprecated(
'fluentform_rendering_field_html_' . $elementName,
[
$html,
$data,
$form
],
FLUENTFORM_FRAMEWORK_UPGRADE,
'fluentform/rendering_field_html_' . $elementName,
'Use fluentform/rendering_field_html_' . $elementName . ' instead of fluentform_rendering_field_html_' . $elementName
);
echo apply_filters('fluentform/rendering_field_html_' . $elementName, $html, $data, $form);
}
private function pushScripts($data, $form)
{
// We can add assets for this field
wp_enqueue_style('intlTelInput');
wp_enqueue_script('intlTelInput');
wp_enqueue_script('intlTelInputUtils');
add_action('wp_footer', function () use ($data, $form) {
$geoLocate = ArrayHelper::get($data, 'settings.auto_select_country') == 'yes';
$itlOptions = [
'separateDialCode' => false,
'nationalMode' => true,
'autoPlaceholder' => 'polite',
'formatOnDisplay' => true
];
if ($geoLocate) {
$itlOptions['initialCountry'] = 'auto';
} else {
$itlOptions['initialCountry'] = ArrayHelper::get($data, 'settings.default_country', '');
}
$activeList = ArrayHelper::get($data, 'settings.phone_country_list.active_list');
if ($activeList == 'priority_based') {
$selectCountries = ArrayHelper::get($data, 'settings.phone_country_list.priority_based', []);
$priorityCountries = $this->getSelectedCountries($selectCountries);
$itlOptions['preferredCountries'] = array_keys($priorityCountries);
} else if ($activeList == 'visible_list') {
$onlyCountries = ArrayHelper::get($data, 'settings.phone_country_list.visible_list', []);
$itlOptions['onlyCountries'] = $onlyCountries;
} else if ($activeList == 'hidden_list') {
$countries = $this->loadCountries($data);
$itlOptions['onlyCountries'] = array_keys($countries);
}
$itlOptions = apply_filters_deprecated(
'fluentform_itl_options',
[
$itlOptions,
$data,
$form
],
FLUENTFORM_FRAMEWORK_UPGRADE,
'fluentform/itl_options',
'Use fluentform/itl_options instead of fluentform_itl_options'
);
$itlOptions = apply_filters('fluentform/itl_options', $itlOptions, $data, $form);
$itlOptions = json_encode($itlOptions);
$settings = get_option('_fluentform_global_form_settings');
$token = ArrayHelper::get($settings, 'misc.geo_provider_token');
$url = 'https://ipinfo.io';
if ($token) {
$url = 'https://ipinfo.io/?token=' . $token;
}
$url = apply_filters_deprecated(
'fluentform_ip_provider',
[
$url
],
FLUENTFORM_FRAMEWORK_UPGRADE,
'fluentform/ip_provider',
'Use fluentform/ip_provider instead of fluentform_ip_provider'
);
$ipProviderUrl = apply_filters('fluentform/ip_provider', $url);
?>