" + labelText + '
' ); }); formField.prepend(prependLabel); } else if (command == 'email') { if ($('#request_anonymous_requester_email').length > 0) { $this .closest('.form-field') .replaceWith( $('#request_anonymous_requester_email').closest('.form-field') ); } else { $this.parent().hide(); } } else if (command == 'user_details') { var userDetails = ''; userDetails += 'OS: ' + window.browserInfo.os + ' ' + window.browserInfo.osVersion + ' \n'; userDetails += 'Browser: ' + window.browserInfo.browser + ' ' + window.browserInfo.browserVersion + ' \n'; userDetails += 'Mobile: ' + window.browserInfo.mobile + ' \n'; userDetails += 'Cookies: ' + window.browserInfo.cookies + ' \n'; userDetails += 'Screensize: ' + window.browserInfo.screen + ' \n'; userDetails += 'Viewportsize: ' + window.browserInfo.viewport + '\n'; userDetails += 'Full user agent: ' + window.browserInfo.userAgent; var descriptionField = $this.parent().find('textarea'); if ( descriptionField.data('helper') == 'wysiwyg' && typeof tinymce !== 'undefined' ) { tinymce .get('request_description') .setContent(userDetails.replace(/\n/g, '}.png){kind=small}
${defaultCountry.dial_code
}}.png){kind=small}
${element.name} ${element.dial_code
}}.png){kind=small}
${currentDialCode}`
);
});
let dialCodeInput = document.createElement('input');
dialCodeInput.setAttribute('id', 'dial_code_input');
dialCodeInput.setAttribute('type', 'text');
$this.parent().append(dialCodeInput);
$this.parent().append(dorpDownContetnt);
$this.parent().find('input[id^=request_custom_fields_]').hide();
$this.hide();
$('#dial_code_input').on('change keyup paste', function (event) {
$this
.parent()
.find('input[id^=request_custom_fields_]')
.val(`${currentDialCode} ${event.target.value}`);
});
} else if (command == 'currency') {
let defaultCurrency = new Object();
let incomingDefaultCurrencies = [];
let defaultCurrencies = [];
let currencySymbolsArray = [];
if (parameters['default']) {
defaultCurrency['code'] = parameters['default'];
}
if (parameters['currencies']) {
incomingDefaultCurrencies = parameters['currencies'].split(',');
}
for (const key in commonCurrencies) {
if (Object.hasOwnProperty.call(commonCurrencies, key)) {
const element = commonCurrencies[key];
if (element.code == defaultCurrency.code) {
defaultCurrency['symbol'] = element['symbol'];
}
if (incomingDefaultCurrencies.length > 0) {
incomingDefaultCurrencies.forEach((currencyCode) => {
let currentCurrency = new Object();
if (element.code == currencyCode) {
currentCurrency['code'] = element.code;
currentCurrency['symbol'] = element.symbol;
defaultCurrencies.push(currentCurrency);
currencySymbolsArray.push(element.symbol);
}
});
} else {
let currentCurrency = new Object();
currentCurrency['code'] = element.code;
currentCurrency['symbol'] = element.symbol;
defaultCurrencies.push(currentCurrency);
currencySymbolsArray.push(element.symbol);
}
}
}
$this.hide();
$this.parent().find('input[type="text"]').addClass('currency-field');
$(document).on('change', '.currency-field', function (event) {
let currencySymbol = '';
let targetValue = event.target.value;
for (var i = 0; i < targetValue.length; i++) {
if (
Number.isNaN(Number(targetValue[i])) &&
targetValue[i] !== ' ' &&
targetValue[i] !== '.' &&
targetValue[i] !== ','
) {
if (currencySymbol === '') {
currencySymbol = targetValue[i];
} else {
currencySymbol = currencySymbol + targetValue[i];
}
}
}
let currencyValue = event.target.value;
let defaultCurrencyValueEntered = event.target.value;
currencyValue = currencyValue.substring(currencySymbol.length);
currencyValue = reverseString(currencyValue);
let currencySeperatorArray = [];
let currencyCode;
if (
!currencySymbolsArray.includes(currencySymbol) &&
defaultCurrency.symbol
) {
currencyValue = reverseString(defaultCurrencyValueEntered);
currencySymbol = defaultCurrency.symbol;
}
if (currencySymbolsArray.includes(currencySymbol)) {
defaultCurrencies.forEach((currencyElement) => {
if (currencyElement.symbol === currencySymbol) {
currencyCode = currencyElement.code;
}
});
for (var i = 0; i < currencyValue.length; i++) {
if (
currencyValue[i] === '.' &&
!currencySeperatorArray.includes('dot')
) {
currencySeperatorArray.push('dot');
}
if (
currencyValue[i] === ',' &&
!currencySeperatorArray.includes('coma')
) {
currencySeperatorArray.push('coma');
}
}
if (currencySeperatorArray.length === 0) {
currencyValue = Number(reverseString(currencyValue));
} else if (
currencySeperatorArray[0] === 'dot' &&
currencySeperatorArray.length === 1
) {
currencyValue = reverseString(currencyValue);
let indexOfDot = currencyValue.indexOf('.');
if (Number.isNaN(Number(currencyValue))) {
currencyValue = currencyValue.replace('.', '');
currencyValue = Number(currencyValue);
} else if (currencyValue.length - 1 - indexOfDot === 3) {
currencyValue = currencyValue.replace('.', '');
currencyValue = Number(currencyValue);
} else {
currencyValue = Number(currencyValue);
}
} else if (
currencySeperatorArray[0] === 'coma' &&
currencySeperatorArray.length === 1
) {
currencyValue = reverseString(currencyValue);
let indexOfComa = currencyValue.indexOf(',');
let splitedCurrency = currencyValue.split(',');
if (
currencyValue.length - 1 - indexOfComa <= 2 &&
splitedCurrency.length <= 2
) {
currencyValue = currencyValue.replaceAll(',', '.');
currencyValue = Number(currencyValue);
} else {
currencyValue = currencyValue.replaceAll(',', '');
currencyValue = Number(currencyValue);
}
} else if (
currencySeperatorArray[0] === 'dot' &&
currencySeperatorArray.length === 2
) {
currencyValue = currencyValue.replaceAll(',', '');
currencyValue = Number(reverseString(currencyValue));
} else if (
currencySeperatorArray[0] === 'coma' &&
currencySeperatorArray.length === 2
) {
currencyValue = currencyValue.replaceAll('.', '');
currencyValue = currencyValue.replace(',', '.');
currencyValue = Number(reverseString(currencyValue));
}
}
if (currencyValue && !Number.isNaN(currencyValue) && currencyCode) {
$('input.currency-field').val(`${currencyValue} ${currencyCode}`);
} else if (
defaultCurrency.symbol &&
defaultCurrency.code &&
currencyValue !== 0 &&
!Number.isNaN(currencyValue)
) {
$('input.currency-field').val(
`${currencyValue} ${defaultCurrency.code}`
);
}
});
}
}
// Close the dropdown if the user clicks outside of it
window.onclick = function (event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName(
'country_dropdown_content'
);
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
};
function checkUploading() {
let totalUploadedItems = $('#request-attachments-pool').find(
'.upload-item'
).length;
let uploaded = 0;
$('#request-attachments-pool')
.find('.upload-item')
.each(function (index) {
if ($(this).attr('aria-busy') === 'false') {
$('.request-attachments-pool-duplicate').html('');
$('.request-attachments-pool-duplicate').append(
$('#request-attachments-pool').html()
);
$('.request-attachments-pool-duplicate').find('input').remove();
$('.request-attachments-pool-duplicate')
.find('span.upload-remove')
.addClass('remove-upload');
uploaded = uploaded + 1;
}
});
if (totalUploadedItems == uploaded) {
clearInterval(uploading_attachment);
}
}
function getOptionWrap(selectId, index, optionValue, optionText, isSelected) {
var radioWrap = document.createElement('div');
radioWrap.className = 'radio-single-wrap';
var radioInput = document.createElement('input');
radioInput.className = 'radio-single';
radioInput.id = `${selectId}-${index}`;
radioInput.value = optionValue;
radioInput.style.display = 'inline-block';
radioInput.style.width = 'auto';
if (isSelected) {
radioInput.checked = true;
}
radioInput.setAttribute('name', selectId);
radioInput.setAttribute('type', 'radio');
var radioLabel = document.createElement('label');
radioLabel.className = 'radio-single-label';
radioLabel.setAttribute('for', `${selectId}-${index}`);
radioLabel.innerHTML = optionText;
radioLabel.style.display = 'inline-block';
radioLabel.style.marginLeft = '10px';
radioWrap.appendChild(radioInput);
radioWrap.appendChild(radioLabel);
return radioWrap;
}
function performChatAction(commandArray, data, $this) {
var commandIndex = 0;
var actions = [];
while (commandIndex < commandArray.length) {
if (
commandArray[commandIndex].command == 'when' &&
commandArray[commandIndex].type == 'function'
) {
var nextIndex = commandIndex + 1;
var remainingCommands = commandArray.slice(nextIndex);
var closingCommandIndex = remainingCommands.findIndex(
(commandDetail) =>
commandDetail.command === 'when' || commandDetail.command === 'else'
);
if (data['status'] == commandArray[commandIndex].parameters['status']) {
if (closingCommandIndex >= 0) {
actions = remainingCommands.slice(0, closingCommandIndex);
break;
} else {
commandIndex = commandArray.length;
}
} else {
commandIndex = nextIndex + closingCommandIndex;
}
} else if (commandArray[commandIndex].command == 'else') {
var nextIndex = commandIndex + 1;
var remainingCommands = commandArray.slice(nextIndex);
var closingCommandIndex = remainingCommands.findIndex(
(commandDetail) =>
commandDetail.command === 'when' || commandDetail.type === 'closing'
);
if (closingCommandIndex >= 0) {
actions = remainingCommands.slice(0, closingCommandIndex);
break;
} else {
commandIndex = commandArray.length;
console.error('No closing tag found');
}
} else {
commandIndex++;
}
}
for (let action of actions) {
runCommand($this, action.command, action.parameters);
}
}
function checFieldType(fieldId) {
if (
$(`.request_custom_fields_${fieldId}`).find('a.nesty-input').length > 0
) {
return 'Drop-down';
} else if (
$(`#request_custom_fields_${fieldId}`)
.parent()
.find('.hc-multiselect-menu').length > 0
) {
return 'Multi-select';
} else {
// Can be other fields then Drop-down and Multi-select
return 'Other-field';
}
}
function checkAddToDescription($this, includeFields, excludeFields) {
var fieldId = $this.attr('id');
fieldId = fieldId ? fieldId.match(/(\d+)/) : [];
if (fieldId[0]) {
fieldId = fieldId[0];
var primaryConditions =
$this.closest('div').css('display') == 'block' &&
$this.val() &&
$this.val() !== '' &&
$this.attr('type') !== 'checkbox'
? true
: false;
if (includeFields.length > 0) {
return primaryConditions && includeFields.includes(fieldId)
? true
: false;
} else {
return primaryConditions && !excludeFields.includes(fieldId)
? true
: false;
}
} else {
return false;
}
}
function restoreFormFields() {
$('#new_request')
.children('div.form-field')
.each(function (index) {
if (
!$(this).is(':visible') &&
$(this).find('.shouldBeRemoved').length > 0
) {
$(this).find('.shouldBeRemoved').removeClass('shouldBeRemoved');
if ($(this).css('display') == 'block') {
$(this).css('display', '');
}
} else {
$(this).find('.shouldBeRemoved').remove();
if ($(this).css('display') == 'block') {
$(this).css('display', '');
}
}
});
}
function suggestArticle(fieldId, searchObject) {
const END_URL = '/api/v2/help_center';
let url = `${END_URL}/articles/search.json?query=${searchObject.query}`;
delete searchObject.query;
for (const key in searchObject) {
if (Object.hasOwnProperty.call(searchObject, key)) {
url = url.concat(`&${key}=${searchObject[key]}`);
}
}
$.getJSON(url, function (data) {
if (data.count > 0) {
$(`.request_custom_fields_${fieldId}`)
.find('.suggested-article')
.show();
$(`.request_custom_fields_${fieldId}`)
.find('.suggested-article')
.find('ul')
.html('');
data.results.forEach((element) => {
$(`.request_custom_fields_${fieldId}`)
.find('.suggested-article')
.find('ul')
.append(
`