ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / urbaoubp / gns.pitgradnja.com / wp-content / plugins / complianz-gdpr / settings / src / Settings / Fields

import {create} from 'zustand';
import produce from 'immer';
import * as cmplz_api from "../../utils/api";
import {toast} from 'react-toastify';
import {__} from '@wordpress/i18n';
import useProgress from "../../Dashboard/Progress/ProgressData";
import {updateFieldsListWithConditions} from "../../utils/updateFieldsListWithConditions";
const fetchFields = () => {
  return cmplz_api.getFields().then((response) => {
	  return response;
  }).catch((error) => {
    console.error(error);
  });
}

if (existingFieldIndex!==-1){
					state.changedFields[existingFieldIndex].value = value;
				} else {
					state.changedFields.push({id:id, value:value});
				}
			})
		)
	},
	showSavedSettingsNotice : (text) => {
		handleShowSavedSettingsNotice(text);
	},

updateField: (id, value) => {
		let found=false;
		let index = false;

set(
			produce((state) => {
				state.fields.forEach(function(fieldItem, i) {
					if (fieldItem.id === id ){
						index = i;
						found=true;
					}
				});
				if (index!==false) {
					state.fields[index].value = value;
					let field = state.fields[index];
					if (field.type==='document' || field.id==='regions'){
						state.documentSettingsChanged = true;
					}
				}
			})
		)
	},

addHelpNotice : (id, label, text, title, url) => {
        //create help object
        let help = {};
        help.label=label;
        help.text=text;
        if (url) help.url=url;
        if (title) help.title=title;
		set(
			produce((state) => {
				const fieldIndex = state.fields.findIndex(field => {
					return field.id===id;
				});
				if (fieldIndex!==-1) {
					state.fields[fieldIndex].help = help;
				}
			})
		)

},
	removeHelpNotice : (id) => {
		set(
			produce((state) => {
				const fieldIndex = state.fields.findIndex(field => {
					return field.id===id;
				});
				state.fields[fieldIndex].help = false;
			})
		)
	},
	getFieldValue : (id) => {
		let fields = get().fields;
		for (const fieldItem of fields){
			if (fieldItem.id === id ){
				return fieldItem.value;
			}
		}
		return false;
	},
	getField : (id) => {
		let fields = get().fields;
		for (const fieldItem of fields){
			if (fieldItem.id === id ){
				return fieldItem;
			}
		}
		return false;
	},

saveFields: async (selectedSubMenuItem, showSavedNotice = true, finish = false) => {
		let fields = get().fields;
		set({saving:true})
		const changedFields = get().changedFields;
		let saveFields = fields.filter(field => {
			const fieldIsChanged = changedFields.some(changedField => changedField.id === field.id );
			//check if this field has the current subMenuItem as menu_id: we include all visible fields
			const fieldIsVisible = field.menu_id && field.menu_id === selectedSubMenuItem;
			return fieldIsChanged || fieldIsVisible;
		});
		if (saveFields.length > 0 || finish) {
			//filter out banner fields
			saveFields = saveFields.filter( field => field.data_target !== 'banner');
			let response = cmplz_api.setFields(saveFields, finish).then((response) => {
				return response;
			});

if (showSavedNotice ) {
				toast.promise(
					response,
					{
						pending: __('Saving settings...', 'complianz-gdpr'),
						success: __('Settings saved', 'complianz-gdpr'),
						error: __('Something went wrong', 'complianz-gdpr'),
					}
				);
			}
			await response.then((response) => {
				fields = response.fields;
				//if there's no value for fields, set saving to false and exit early.
				if ( !fields ) {
					fields = [];
					set(
						produce((state) => {
							state.saving = false;
						})
					);
					return;
				}
				let bannerFields = get().fields.filter( field => field.data_target === 'banner');
				//copy current values from bannerFields to the fields array
				for (let i = 0; i <fields.length; i++) {
					let field = fields[i];
					if (field.data_target === 'banner') {
						let bannerField = bannerFields.filter( bannerField => bannerField.id === field.id )[0];
						if (bannerField) {
							field.value = bannerField.value;
						}
					}
					fields[i] = field;
				}
				let fieldsWithPremium = applyPremiumSettings(fields);
				let conditionallyEnabledFields = updateFieldsListWithConditions(fieldsWithPremium);
				conditionallyEnabledFields = applyDefaults(conditionallyEnabledFields);
				let selectedFields = conditionallyEnabledFields.filter(field => field.menu_id === selectedSubMenuItem);

set(
					produce((state) => {
						state.changedFields = [];
						state.fields = conditionallyEnabledFields;
						state.selectedFields = selectedFields;
						state.saving = false;
					})
				);
				const progressStore = useProgress.getState();
				progressStore.updateProgressData(response.notices, response.show_cookiebanner);
				set({fieldNotices:response.field_notices, fieldNoticesLoaded:true});
			});
		}
		if (showSavedNotice && saveFields.length === 0) {
			//nothing to save. show instant success.
			toast.promise(
				Promise.resolve(),
				{
					success: __('Settings saved', 'complianz-gdpr'),
				}
			);
		}
	},

updateFieldsData: (selectedSubMenuItem) => {
		let fields = get().fields;
		fields = updateFieldsListWithConditions(fields);
		get().isNextButtonDisabled(fields, selectedSubMenuItem);
		set(
			produce((state) => {
				state.fields = fields;
			})
		)
	},
	//check if all required fields have been enabled. If so, enable save/continue button
	isNextButtonDisabled: (fields, selectedMenuItem) => {
		//get all fields with group_id this.props.group_id
		let fieldsOnPage = fields.filter(field => field.menu_id === selectedMenuItem);
		let requiredFields = fieldsOnPage.filter(field => field.required && !field.conditionallyDisabled && ( field.value.length===0 || !field.value ) );
		set({nextButtonDisabled: requiredFields.length > 0});
		return requiredFields.length > 0;
	},
	fetchFieldsData: async ( selectedSubMenuItem ) => {
		const { fields, error, locked_by, field_notices }   = await fetchFields();
		if (!Array.isArray(fields)){
			set(() => ({
				fieldsLoaded: true,
				fields: [],
				selectedFields: [],
				error:error,
				lockedByUser:locked_by,
			}))
		}
		let fieldsWithPremium = applyPremiumSettings(fields);
		let conditionallyEnabledFields = updateFieldsListWithConditions(fieldsWithPremium);
		conditionallyEnabledFields = applyDefaults(conditionallyEnabledFields);

set(() => ({
			fieldsLoaded: true,
			fields: conditionallyEnabledFields,
			selectedFields: selectedFields,
			error:error,
			lockedByUser:locked_by,
			preloadFields:preloadFields,
			fieldNotices: field_notices,
			fieldNoticesLoaded:true,
		}));
	}
}));

export default useFields;

const applyDefaults = (fields) => {
	//foreach field, set the value to the default value if it's empty
	for (let i = 0; i <fields.length; i++) {
		let field = fields[i];
		//prevent 'false' as default value in the input fields
		if  (!field.value && field.type !== 'checkbox' ) field.value = '';

//set a default if we have a default value, but no current value
		//and it wasn't saved before
		if ( field.default && field.never_saved ) {
			if (field.value.length===0 || !field.value ){
				field.value = field.default;
			}
		}

fields[i] = field;
	}
	return fields;
}

const handleShowSavedSettingsNotice = (text) => {
	if (typeof text === 'undefined') {
		text = __( 'Settings saved', 'complianz-gdpr' );
	}
	toast.success(text);
}

const isCompletableField = (field) => {
	if (field.group_id === 'finish') {
		return false;
	}
	return field.type ==='radio' ||
		field.type === 'select' ||
		field.type === 'checkbox' ||
		field.type === 'multicheckbox' ||
		field.type === 'text' ||
		field.type === 'textarea' ||
		field.type === 'document';
}

[-] PreloadFields.js [edit]
[-] Field.js [edit]
[-] FieldTooltip.js [edit]
[+] ..
[-] FieldsData.js [edit]
[-] LabelWrapper.js [edit]