OwlCyberSecurity - MANAGER

Edit File: use-credits.js

import { useEffect } from '@wordpress/element';
import { useSelect, useDispatch } from '@wordpress/data';
import apiFetch from '@wordpress/api-fetch';
import { STORE_KEY } from '../store';
import { getColorClass, formatNumber } from '../utils/helpers';
import toast from 'react-hot-toast';
import { toastBody } from '../helpers';

useEffect( () => {
		if ( status ) {
			return;
		}
		getUserCredits();
	}, [ status ] );

const creditsColorClassName = getColorClass( percentage );
	const remaining = total - used;
	const remainingPercentage = ( remaining / total ) * 100;

/**
	 * Determines the balance status based on the percentage value.
	 *
	 * @param {number} percentageValue - The percentage value to determine the balance status.
	 * @return {{normal: boolean, warning: boolean, danger: boolean}} - An object containing the balance status.
	 */
	const getBalanceStatus = ( percentageValue ) => {
		const result = {
			normal: false,
			warning: false,
			danger: false,
		};
		if ( percentageValue <= 10 ) {
			result.danger = true;
		} else if ( percentageValue <= 20 ) {
			result.warning = true;
		} else {
			result.normal = true;
		}

return result;
	};

return {
		percentage,
		remainingPercentage,
		total,
		used,
		remaining,
		status,
		creditsColorClassName,
		formatNumber,
		setCreditsDetails,
		currentBalanceStatus: getBalanceStatus( remainingPercentage ),
		getBalanceStatus,
		isFreeUser,
	};
};

export default useCredits;