import { cloneDeep } from "lodash-es"; import { saveAs } from "file-saver"; import type { IFormatter, IFormatterValueType } from "@patternfly/react-table"; import { flatten } from "flat"; import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation"; import type { ProviderRepresentation } from "@keycloak/keycloak-admin-client/lib/defs/serverInfoRepesentation"; import { keyValueToArray, arrayToKeyValue, KeyValueType, } from "./components/key-value-form/key-value-convert"; export const sortProviders = (providers: { [index: string]: ProviderRepresentation; }) => { return [...new Map(Object.entries(providers).sort(sortProvider)).keys()]; }; const sortProvider = ( a: [string, ProviderRepresentation], b: [string, ProviderRepresentation] ) => { let s1, s2; if (a[1].order !== b[1].order) { s1 = b[1].order; s2 = a[1].order; } else { s1 = a[0]; s2 = b[0]; } if (s1 < s2) { return -1; } else if (s1 > s2) { return 1; } else { return 0; } }; export const toKey = (value: string) => value.replace(/\s/g, "-"); export const exportClient = (client: ClientRepresentation): void => { const clientCopy = cloneDeep(client); delete clientCopy.id; if (clientCopy.protocolMappers) { for (let i = 0; i < clientCopy.protocolMappers.length; i++) { delete clientCopy.protocolMappers[i].id; } } saveAs( new Blob([prettyPrintJSON(clientCopy)], { type: "application/json", }), clientCopy.clientId + ".json" ); }; export const toUpperCase = (name: T) => (name.charAt(0).toUpperCase() + name.slice(1)) as Capitalize; const isAttributesObject = (value: any) => { return ( Object.values(value).filter( (value) => Array.isArray(value) && value.length === 1 ).length !== 0 ); }; const isAttributeArray = (value: any) => { if (!Array.isArray(value)) { return false; } return value.some( (e) => Object.hasOwn(e, "key") && Object.hasOwn(e, "value") ); }; const isEmpty = (obj: any) => Object.keys(obj).length === 0; export const convertAttributeNameToForm = (name: string) => { const index = name.indexOf("."); return `${name.substring(0, index)}.${convertAttribute( name.substring(index + 1) )}`; }; const convertAttribute = (name: string) => name.replace(/\./g, "🍺"); const convertFormNameToAttribute = (name: string) => name.replace(/🍺/g, "."); export const convertToFormValues = ( obj: any, setValue: (name: string, value: any) => void ) => { Object.entries(obj).map(([key, value]) => { if (key === "attributes" && isAttributesObject(value)) { setValue(key, arrayToKeyValue(value as Record)); } else if (key === "config" || key === "attributes") { if (!isEmpty(value)) { const flattened: any = flatten(value, { safe: true }); const convertedValues = Object.entries(flattened).map(([key, value]) => Array.isArray(value) ? [key, value[0]] : [key, value] ); convertedValues.forEach(([k, v]) => setValue(`${key}.${convertAttribute(k)}`, v) ); } else { setValue(key, undefined); } } else { setValue(key, value); } }); }; export function convertFormValuesToObject, G = T>( obj: T ): G { const result: any = {}; Object.entries(obj).map(([key, value]) => { if (isAttributeArray(value)) { result[key] = keyValueToArray(value as KeyValueType[]); } else if (key === "config" || key === "attributes") { result[key] = Object.fromEntries( Object.entries(value as Record).map(([k, v]) => [ convertFormNameToAttribute(k), v, ]) ); } else { result[key] = value; } }); return result; } export const emptyFormatter = (): IFormatter => (data?: IFormatterValueType) => { return data ? data : "—"; }; export const upperCaseFormatter = (): IFormatter => (data?: IFormatterValueType) => { const value = data?.toString(); return (value ? toUpperCase(value) : undefined) as string; }; export const alphaRegexPattern = /[^A-Za-z]/g; export const emailRegexPattern = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; export const KEY_PROVIDER_TYPE = "org.keycloak.keys.KeyProvider"; export const prettyPrintJSON = (value: any) => JSON.stringify(value, null, 2); export const addTrailingSlash = (url: string) => url.endsWith("/") ? url : url + "/";