import { cloneDeep } from "lodash-es"; import { useTranslation } from "react-i18next"; import FileSaver from "file-saver"; import type { IFormatter, IFormatterValueType } from "@patternfly/react-table"; import { unflatten, 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 type KeycloakAdminClient from "@keycloak/keycloak-admin-client"; import { arrayToAttributes, attributesToArray, KeyValueType, } from "./components/attribute-form/attribute-convert"; import { convertToMultiline, toValue, } from "./components/multi-line-input/multi-line-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 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; } } FileSaver.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.filter((e) => e.key && e.value).length !== 0; }; const isEmpty = (obj: any) => Object.keys(obj).length === 0; export const convertToFormValues = ( obj: any, setValue: (name: string, value: any) => void, multiline?: string[] ) => { Object.entries(obj).map(([key, value]) => { if (key === "attributes" && isAttributesObject(value)) { setValue(key, attributesToArray(value as Record)); } else if (key === "config" || key === "attributes") { setValue(key, !isEmpty(value) ? unflatten(value) : undefined); } else if (multiline?.includes(key)) { setValue(key, convertToMultiline(value as string[])); } else { setValue(key, value); } }); }; export function convertFormValuesToObject( obj: T, multiline: string[] | undefined = [] ): Omit { const result: any = {}; Object.entries(obj).map(([key, value]) => { if (isAttributeArray(value)) { result[key] = arrayToAttributes(value as KeyValueType[]); } else if (multiline.includes(key)) { result[key] = toValue(value); } else if (key === "config" || key === "attributes") { result[key] = flatten(value as Record, { safe: true }); } 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 getBaseUrl = (adminClient: KeycloakAdminClient) => { return ( (adminClient.keycloak ? adminClient.keycloak.authServerUrl! : adminClient.baseUrl) + "/" ); }; 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 forHumans = (seconds: number) => { const { t } = useTranslation(); const levels: [ [number, string], [number, string], [number, string], [number, string], [number, string] ] = [ [Math.floor(seconds / 31536000), t("common:times.years")], [Math.floor((seconds % 31536000) / 86400), t("common:times.days")], [ Math.floor(((seconds % 31536000) % 86400) / 3600), t("common:times.hours"), ], [ Math.floor((((seconds % 31536000) % 86400) % 3600) / 60), t("common:times.minutes"), ], [(((seconds % 31536000) % 86400) % 3600) % 60, t("common:times.seconds")], ]; let returntext = ""; for (let i = 0, max = levels.length; i < max; i++) { if (levels[i][0] === 0) continue; returntext += " " + levels[i][0] + " " + (levels[i][0] === 1 ? levels[i][1].substr(0, levels[i][1].length - 1) : levels[i][1]); } return returntext.trim(); }; export const interpolateTimespan = (forHumans: string) => { const { t } = useTranslation(); const timespan = forHumans.split(" "); if (timespan[1] === "Years") { return t(`realm-settings:convertedToYearsValue`, { convertedToYears: forHumans, }); } if (timespan[1] === "Days") { return t(`realm-settings:convertedToDaysValue`, { convertedToYears: forHumans, }); } if (timespan[1] === "Hours") { return t(`realm-settings:convertedToHoursValue`, { convertedToHours: forHumans, }); } if (timespan[1] === "Minutes") { return t(`realm-settings:convertedToMinutesValue`, { convertedToMinutes: forHumans, }); } if (timespan[1] === "Seconds") { return t(`realm-settings:convertedToSecondsValue`, { convertedToSeconds: forHumans, }); } }; export const KEY_PROVIDER_TYPE = "org.keycloak.keys.KeyProvider"; export const prettyPrintJSON = (value: any) => JSON.stringify(value, null, 2);