refactor(web): remove typescript

packages/web/src/helpers/authenticationSteps.js

@@ -0,0 +1,70 @@
+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);
+  }
+};