Files
automatisch/packages/web/src/helpers/authenticationSteps.js
2024-02-29 09:38:32 +00:00

71 lines
2.4 KiB
JavaScript

import apolloClient from 'graphql/client';
import MUTATIONS from 'graphql/mutations';
var AuthenticationSteps;
(function (AuthenticationSteps) {
AuthenticationSteps['Mutation'] = 'mutation';
AuthenticationSteps['OpenWithPopup'] = 'openWithPopup';
})(AuthenticationSteps || (AuthenticationSteps = {}));
const processMutation = async (step, variables) => {
const mutation = MUTATIONS[step.name];
const mutationResponse = await apolloClient.mutate({
mutation,
variables: { input: variables },
context: {
autoSnackbar: false,
},
});
const responseData = mutationResponse.data[step.name];
return responseData;
};
const parseUrlSearchParams = (event) => {
const searchParams = new URLSearchParams(event.data.payload.search);
const hashParams = new URLSearchParams(event.data.payload.hash.substring(1));
const searchParamsObject = getObjectOfEntries(searchParams.entries());
const hashParamsObject = getObjectOfEntries(hashParams.entries());
return {
...hashParamsObject,
...searchParamsObject,
};
};
function getObjectOfEntries(iterator) {
const result = {};
for (const [key, value] of iterator) {
result[key] = value;
}
return result;
}
const processOpenWithPopup = (step, variables) => {
return new Promise((resolve, reject) => {
const windowFeatures =
'toolbar=no, titlebar=no, menubar=no, width=500, height=700, top=100, left=100';
const url = variables.url;
const popup = window.open(url, '_blank', windowFeatures);
popup?.focus();
const closeCheckIntervalId = setInterval(() => {
if (!popup) return;
if (popup?.closed) {
clearInterval(closeCheckIntervalId);
reject({ message: 'Error occured while verifying credentials!' });
}
}, 1000);
const messageHandler = async (event) => {
if (event.data.source !== 'automatisch') {
return;
}
const data = parseUrlSearchParams(event);
window.removeEventListener('message', messageHandler);
clearInterval(closeCheckIntervalId);
resolve(data);
};
window.addEventListener('message', messageHandler, false);
});
};
export const processStep = async (step, variables) => {
if (step.type === AuthenticationSteps.Mutation) {
return processMutation(step, variables);
} else if (step.type === AuthenticationSteps.OpenWithPopup) {
return processOpenWithPopup(step, variables);
}
};