File Manager

📁 Media Files

📁 .. (Parent Directory) 📋 ConvertFieldAPIRulesToJoi.ts 📋 PrepareFormData.ts 📋 amountFormatter.ts 📋 buildRegisterValidationOptions.ts ⚡ conditionOperatorFunctions.js 📋 convertValuesToFormData.ts ⚡ createValidationObjectFromFields.js 📋 generateRequestErrors.ts ⚡ getCurrentFormUrlData.js 📋 getDefaultValuesFromSections.ts 📋 getDonationFormNodeSettings.ts 📋 getErrorByFieldName.ts 📋 getWindowData.ts 📋 groups.ts 📋 handleFormRedirect.ts 📋 handleFormSubmitRequest.ts 📋 handleValidationRequest.ts 📋 isRouteInlineRedirect.ts 📋 memoNode.ts 📋 mountWindowData.ts 📋 postData.ts 📋 postFormData.ts 📋 registerFieldAndBuildProps.tsx 📋 setDesignSettings.ts 📋 useDonationFormPubSub.ts

⬆️ Upload Files

📁 Create Folder

📄 Create File

💻 Terminal

📦 Extract Archive

📋 Edit: generateRequestErrors.ts

Size: 1.69 KB | Modified: 2024-12-17 17:10:38

/**
 * Takes a try-catch request exception and sets errors for React Hook Form to consume
 */
import {UseFormSetError} from 'react-hook-form';
import {__} from '@wordpress/i18n';

const generateRequestErrors = (values: Record<string, any>, errors: object[], setError: UseFormSetError<any>) => {
    Object.entries(errors).forEach(([field, value]) => {
        if (Object.keys(values).includes(field)) {
            const fieldElement: HTMLInputElement = document.querySelector('input[name="' + field + '"]');
            const canFocus = fieldElement && fieldElement.type !== 'hidden';

setError(field, {message: Array.isArray(value) ? value[0] : value}, {shouldFocus: canFocus});

if (!canFocus) {
                // In fields that aren't inputs by default or are hidden inputs, we need to use this workaround because the "shouldFocus" option will not work in these cases.
                if (!fieldElement) {
                    const fieldElementContainer = document.querySelector('.givewp-fields-' + field); //E.g: <div class="givewp-fields-giftAid">content...</div>
                    fieldElementContainer?.scrollIntoView({behavior: 'smooth'});
                } else {
                    fieldElement.parentElement.scrollIntoView({behavior: 'smooth'}); // E.g: <input type="hidden" name="state">
                }
            }
        } else if (field === 'gateway_error') {
            setError('FORM_ERROR', {message: Array.isArray(value) ? value[0] : value});
        } else {
            setError('FORM_ERROR', {
                message: __('Something went wrong, please try again or contact support.', 'give'),
            });
        }
    });
};

export default generateRequestErrors;

Supports: PHP, ASPX, HTML, JavaScript, CSS and other text-based files

📥 Download

File manager