{"version":3,"file":"error-message.js","sources":["../../Trilogy.Bundler.Site.ClientApp/src/common/error-functions.ts","../../Trilogy.Bundler.Site.ClientApp/src/common/error-summary.tsx","../../Trilogy.Bundler.Site.ClientApp/src/common/error-message.tsx"],"sourcesContent":["import { get, useFormContext } from \"react-hook-form\";\r\n\r\nexport const findAllByKey = (obj: Object, keyToFind: string): any[] => {\r\n    return Object.entries(obj)\r\n        .reduce((acc: any[], [key, value]) => (key === keyToFind && value)\r\n            ? acc.concat(value)\r\n            : (typeof value === 'object')\r\n                ? acc.concat(findAllByKey(value, keyToFind))\r\n                : acc\r\n            , [])\r\n};\r\n\r\nexport const findAllByKeyValue = (obj: Object, keyToFind: string, valueToFind: any): any[] => {\r\n    return Object.entries(obj)\r\n        .reduce((acc: any[], [key, value]) => (key === keyToFind && value == valueToFind)\r\n            ? acc.concat(obj)\r\n            : (typeof value === 'object')\r\n                ? acc.concat(findAllByKeyValue(value, keyToFind, valueToFind))\r\n                : acc\r\n            , [])\r\n};\r\n\r\nexport const useFieldFormContext = () => {\r\n    const { register, formState: { errors } } = useFormContext();\r\n\r\n    const isInvalid = (name: string) => {\r\n        const error = get(errors, name);\r\n        return error ? true : false;\r\n    }\r\n\r\n    return {\r\n        register: register,\r\n        registerField: (field: { id: string, name: string, options?: any }) => {\r\n            return {\r\n                ...register(field.name, field?.options),\r\n                id: field.id,\r\n                \"aria-invalid\": isInvalid(field.name),\r\n                \"maxLength\": field?.options?.maxLength,\r\n                \"minLength\": field?.options?.minLength,\r\n                \"disabled\": field?.options?.disabled,\r\n                \"title\": field?.options?.title,\r\n                \"readOnly\": field?.options?.readOnly,\r\n            }\r\n        }\r\n    }\r\n}","import * as React from \"react\";\r\nimport { isEmpty } from \"lodash\";\r\nimport { useFormContext, get } from \"react-hook-form\";\r\n\r\nimport { ApiError } from \"./api-error\";\r\nimport { findAllByKey, findAllByKeyValue } from \"./error-functions\";\r\n\r\nexport const ErrorSummary = ({ apiErrors }: { apiErrors?: ApiError[] }) => {\r\n    const { formState: { errors } } = useFormContext();\r\n\r\n    // Input error messages\r\n    const errorRefs = findAllByKey(errors, \"ref\");\r\n\r\n    const inputErrorKeys: string[] = errorRefs.map(ref => ref.name);\r\n\r\n    const clientErrorMessages: string[] = inputErrorKeys.map(ek => {\r\n        const error = get(errors, ek);\r\n        return error.message;\r\n    }).filter(m => m);\r\n\r\n    // API Error messages\r\n    const apiErrorMessages: string[] = apiErrors ? apiErrors.map(e => e.message).filter(m => m) : [];\r\n\r\n    // All error messages\r\n    const errorMessages = clientErrorMessages.concat(apiErrorMessages);\r\n\r\n    const hasErrors = !isEmpty(errorMessages);\r\n\r\n    return (\r\n        <>\r\n            {hasErrors &&\r\n                <div className=\"error-summary\" role=\"alert\">\r\n                    <p>Please review the following errors:</p>\r\n                    <ul>\r\n                        {errorMessages.reverse().map((errorMessage) => (\r\n                            <li key={errorMessage}>{errorMessage}</li>\r\n                        ))}\r\n                    </ul>\r\n                </div>\r\n            }\r\n        </>\r\n    );\r\n}","import * as React from \"react\";\r\nimport { useFormContext, get } from \"react-hook-form\";\r\n\r\nexport const ErrorMessage = ({name}: {name: string}) => {\r\n    const { formState: { errors } } = useFormContext();\r\n\r\n    const error: any = get(errors, name);\r\n\r\n    return (\r\n        <>\r\n            {error && <span className=\"error-message\">{ error.message }</span>}\r\n        </>\r\n    );\r\n}"],"names":["findAllByKey","obj","keyToFind","acc","key","value","useFieldFormContext","register","errors","useFormContext","isInvalid","name","get","field","_a","_b","_c","_d","_e","ErrorSummary","apiErrors","formState","clientErrorMessages","map","ref","ek","message","filter","m","apiErrorMessages","e","errorMessages","concat","hasErrors","isEmpty","_Fragment","children","_jsxs","className","role","_jsx","reverse","errorMessage","ErrorMessage","error"],"mappings":"8DAEa,MAAAA,EAAe,CAACC,EAAaC,IAC/B,OAAO,QAAQD,CAAG,EACpB,OAAO,CAACE,EAAY,CAACC,EAAKC,CAAK,IAAOD,IAAQF,GAAaG,EACtDF,EAAI,OAAOE,CAAK,EACf,OAAOA,GAAU,SACdF,EAAI,OAAOH,EAAaK,EAAOH,CAAS,CAAC,EACzCC,EACJ,CAAC,CAAA,EAaFG,EAAsB,IAAM,CACrC,KAAM,CAAE,SAAAC,EAAU,UAAW,CAAE,OAAAC,CAAO,CAAA,EAAMC,IAEtCC,EAAaC,GAER,EADOC,EAAIJ,EAAQG,CAAI,EAI3B,MAAA,CACH,SAAAJ,EACA,cAAgBM,GAAuD,eAC5D,MAAA,CACH,GAAGN,EAASM,EAAM,KAAMA,GAAA,YAAAA,EAAO,OAAO,EACtC,GAAIA,EAAM,GACV,eAAgBH,EAAUG,EAAM,IAAI,EACpC,WAAaC,EAAAD,GAAA,YAAAA,EAAO,UAAP,YAAAC,EAAgB,UAC7B,WAAaC,EAAAF,GAAA,YAAAA,EAAO,UAAP,YAAAE,EAAgB,UAC7B,UAAYC,EAAAH,GAAA,YAAAA,EAAO,UAAP,YAAAG,EAAgB,SAC5B,OAASC,EAAAJ,GAAA,YAAAA,EAAO,UAAP,YAAAI,EAAgB,MACzB,UAAYC,EAAAL,GAAA,YAAAA,EAAO,UAAP,YAAAK,EAAgB,QAAA,CAEpC,CAAA,CAER,ECtCaC,EAAeA,CAAC,CAAEC,UAAAA,CAAsC,IAAM,CACjE,KAAA,CAAEC,UAAW,CAAEb,OAAAA,CAAO,GAAMC,EAAe,EAO3Ca,EAJYtB,EAAaQ,EAAQ,KAAK,EAEDe,IAAIC,GAAOA,EAAIb,IAAI,EAETY,IAAUE,GAC7Cb,EAAIJ,EAAQiB,CAAE,EACfC,OAChB,EAAEC,OAAOC,GAAKA,CAAC,EAGVC,EAA6BT,EAAYA,EAAUG,IAASO,GAAAA,EAAEJ,OAAO,EAAEC,OAAOC,GAAKA,CAAC,EAAI,CAAA,EAGxFG,EAAgBT,EAAoBU,OAAOH,CAAgB,EAE3DI,EAAY,CAACC,kBAAQH,CAAa,EAExC,SACII,EAAA,CAAAC,SACKH,GACGI,EAAA,MAAA,CAAKC,UAAU,gBAAgBC,KAAK,QAAOH,UACvCI,EAAA,IAAA,CAAAJ,SAAG,qCAAA,CAAsC,EACzCI,EAAA,KAAA,CAAAJ,SACKL,EAAcU,UAAUlB,IAAKmB,KAC1B,KAAA,CAAAN,SAAwBM,CAAY,EAA3BA,CAAgC,CAC5C,CAAA,CACD,CAAC,CAAA,CACJ,CAAA,CAEX,CAEV,ECvCaC,EAAeA,CAAC,CAAChC,KAAAA,CAAoB,IAAM,CAC9C,KAAA,CAAEU,UAAW,CAAEb,OAAAA,CAAO,GAAMC,EAAe,EAE3CmC,EAAahC,EAAIJ,EAAQG,CAAI,EAEnC,SACIwB,EAAA,CAAAC,SACKQ,GAASJ,EAAA,OAAA,CAAMF,UAAU,gBAAeF,SAAGQ,EAAMlB,OAAAA,CAAe,CAAA,CACnE,CAEV"}