@tsed/react-formio 1.14.1 → 2.0.0

package/src/stores/auth/initAuth.action.ts

@@ -1,29 +0,0 @@
-import { Formio } from "formiojs";
-import noop from "lodash/noop";
-
-import { failUser, requestUser } from "./auth.actions";
-import { AUTH } from "./auth.constant";
-import { getAccess } from "./getAccess.action";
-import { getProjectAccess } from "./getProjectAccess.action";
-import { logout } from "./logout.action";
-import { setUser } from "./setUser.action";
-
-export const initAuth =
-  (done = noop) =>
-  async (dispatch: any) => {
-    dispatch(requestUser(AUTH));
-
-    try {
-      const [user] = await Promise.all([Formio.currentUser(), getAccess(dispatch), getProjectAccess(dispatch)]);
-
-      if (user) {
-        dispatch(setUser(user));
-      } else {
-        dispatch(logout());
-      }
-    } catch (error) {
-      dispatch(failUser(AUTH, { error }));
-    }
-
-    done();
-  };

package/src/stores/auth/logout.action.spec.ts

@@ -1,25 +0,0 @@
-import { Formio } from "formiojs";
-
-import { logoutUser } from "./auth.actions";
-import { AUTH } from "./auth.constant";
-import { logout } from "./logout.action";
-
-jest.mock("./auth.actions");
-jest.mock("formiojs");
-
-describe("logout()", () => {
-  beforeEach(() => {
-    jest.spyOn(Formio, "logout");
-  });
-  afterEach(() => {
-    jest.resetAllMocks();
-  });
-  it("should call logout", async () => {
-    const dispatch = jest.fn();
-
-    await logout()(dispatch);
-
-    expect(Formio.logout).toHaveBeenCalledWith();
-    expect(logoutUser).toHaveBeenCalledWith(AUTH);
-  });
-});

package/src/stores/auth/logout.action.ts

@@ -1,9 +0,0 @@
-import { Formio } from "formiojs";
-
-import { logoutUser } from "./auth.actions";
-import { AUTH } from "./auth.constant";
-
-export const logout = () => async (dispatch: any) => {
-  await Formio.logout();
-  dispatch(logoutUser(AUTH));
-};

package/src/stores/auth/setUser.action.spec.ts

@@ -1,25 +0,0 @@
-import { Formio } from "formiojs";
-
-import { receiveUser } from "./auth.actions";
-import { AUTH } from "./auth.constant";
-import { setUser } from "./setUser.action";
-
-jest.mock("./auth.actions");
-
-describe("setUser()", () => {
-  beforeEach(() => {
-    jest.spyOn(Formio, "setUser");
-  });
-  afterEach(() => {
-    jest.resetAllMocks();
-  });
-  it("should call logout", async () => {
-    const dispatch = jest.fn();
-    const user = {};
-
-    await setUser(user)(dispatch);
-
-    expect(Formio.setUser).toHaveBeenCalledWith(user);
-    expect(receiveUser).toHaveBeenCalledWith(AUTH, { user });
-  });
-});

package/src/stores/auth/setUser.action.ts

@@ -1,9 +0,0 @@
-import { Formio } from "formiojs";
-
-import { receiveUser } from "./auth.actions";
-import { AUTH } from "./auth.constant";
-
-export const setUser = (user: any) => (dispatch: any) => {
-  Formio.setUser(user);
-  dispatch(receiveUser(AUTH, { user }));
-};

package/src/stores/form/form.actions.spec.ts

@@ -1,203 +0,0 @@
-import { Formio } from "formiojs";
-
-import { deleteForm, failForm, getForm, receiveForm, requestForm, resetForm, saveForm, sendForm } from "./form.actions";
-
-jest.mock("formiojs");
-
-describe("Form actions", () => {
-  describe("getForm", () => {
-    beforeEach(() => {
-      // @ts-ignore
-      Formio.mockClear();
-    });
-    it("should return a result", async () => {
-      // GIVEN
-      // @ts-ignore
-      Formio.prototype.loadForm.mockReturnValue(Promise.resolve({}));
-
-      const dispatch = jest.fn();
-      const name = "name";
-      const formId = "formId";
-
-      const getState = () => ({
-        [name]: {}
-      });
-
-      // WHEN
-      await new Promise((resolve) => getForm(name, formId, resolve)(dispatch, getState));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("/formId");
-      expect(Formio.prototype.loadForm).toHaveBeenCalledWith();
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: requestForm.toString(),
-        payload: {
-          id: "formId",
-          url: "/formId"
-        }
-      });
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: receiveForm.toString(),
-        payload: {
-          form: {},
-          url: "/formId"
-        }
-      });
-    });
-    it("should do nothing when submission is already loaded", async () => {
-      // GIVEN
-      // @ts-ignore
-      Formio.prototype.loadForm.mockReturnValue(Promise.resolve({}));
-
-      const dispatch = jest.fn();
-      const name = "name";
-      const formId = "formId";
-
-      const getState = () => ({
-        [name]: {
-          data: {
-            _id: formId,
-            components: [{}]
-          }
-        }
-      });
-
-      // WHEN
-      getForm(name, formId)(dispatch, getState);
-
-      // THEN
-      expect(Formio).not.toHaveBeenCalled();
-    });
-    it("should throw error", async () => {
-      // GIVEN
-      // @ts-ignore
-      Formio.prototype.loadForm.mockReturnValue(Promise.reject(new Error("message")));
-
-      const dispatch = jest.fn();
-      const name = "name";
-      const formId = "formId";
-
-      const getState = () => ({
-        [name]: {}
-      });
-
-      // WHEN
-      await new Promise((resolve) => getForm(name, formId, resolve)(dispatch, getState));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("/formId");
-      expect(Formio.prototype.loadForm).toHaveBeenCalledWith();
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: failForm.toString(),
-        payload: {
-          error: new Error("message")
-        }
-      });
-    });
-  });
-  describe("saveForm", () => {
-    it("should return a result", async () => {
-      // GIVEN
-      const dispatch = jest.fn();
-      const name = "name";
-      const formId = "formId";
-      const data = { _id: formId };
-
-      // @ts-ignore
-      Formio.prototype.saveForm.mockReturnValue(Promise.resolve(data));
-      // WHEN
-      await new Promise((resolve) => saveForm(name, data, resolve)(dispatch));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("/formId");
-      expect(Formio.prototype.saveForm).toHaveBeenCalledWith(data);
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: sendForm.toString(),
-        payload: {
-          form: data
-        }
-      });
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: receiveForm.toString(),
-        payload: {
-          form: data,
-          url: "/formId"
-        }
-      });
-    });
-    it("should throw error", async () => {
-      // GIVEN
-      // @ts-ignore
-      Formio.prototype.saveForm.mockReturnValue(Promise.reject(new Error("message")));
-
-      const dispatch = jest.fn();
-      const name = "name";
-      const formId = "formId";
-      const data = { _id: formId };
-
-      // WHEN
-      await new Promise((resolve) => saveForm(name, data, resolve)(dispatch));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("/formId");
-      expect(Formio.prototype.saveForm).toHaveBeenCalledWith(data);
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: failForm.toString(),
-        payload: {
-          error: new Error("message")
-        }
-      });
-    });
-  });
-  describe("deleteForm", () => {
-    it("should return a result", async () => {
-      // GIVEN
-      // @ts-ignore
-      Formio.prototype.deleteForm.mockReturnValue(Promise.resolve({}));
-
-      const dispatch = jest.fn();
-      const name = "name";
-      const formId = "formId";
-
-      // WHEN
-      await new Promise((resolve) => deleteForm(name, formId, resolve)(dispatch));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("/formId");
-      expect(Formio.prototype.deleteForm).toHaveBeenCalledWith();
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: resetForm.toString()
-      });
-    });
-    it("should throw error", async () => {
-      // GIVEN
-      // @ts-ignore
-      Formio.prototype.deleteForm.mockReturnValue(Promise.reject(new Error("message")));
-
-      const dispatch = jest.fn();
-      const name = "name";
-      const formId = "formId";
-
-      // WHEN
-      await new Promise((resolve) => deleteForm(name, formId, resolve)(dispatch));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("/formId");
-      expect(Formio.prototype.deleteForm).toHaveBeenCalledWith();
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: failForm.toString(),
-        payload: {
-          error: new Error("message")
-        }
-      });
-    });
-  });
-});

package/src/stores/form/form.actions.ts

@@ -1,84 +0,0 @@
-import { createAction } from "@tsed/redux-utils";
-import { Formio } from "formiojs";
-import noop from "lodash/noop";
-
-import { FormSchema } from "../../interfaces";
-import { getFormUrl } from "../../utils/url";
-import { getActions } from "../actions";
-import { selectForm } from "./form.selectors";
-
-export const clearFormError = createAction();
-export const requestForm = createAction();
-export const receiveForm = createAction();
-export const failForm = createAction();
-export const resetForm = createAction();
-export const sendForm = createAction();
-
-function shouldGet(form: Partial<FormSchema>, id: string) {
-  return form && form.components && Array.isArray(form.components) && form.components.length && form._id === id;
-}
-
-export const getForm =
-  (name: string, id = "", done = noop) =>
-  async (dispatch: any, getState: any) => {
-    dispatch(clearFormError(name));
-    // Check to see if the form is already loaded.
-    const form = selectForm(name, getState());
-
-    if (shouldGet(form, id)) {
-      return;
-    }
-
-    const url = getFormUrl(id);
-    const formio = new Formio(url);
-
-    dispatch(requestForm(name, { id, url }));
-
-    try {
-      const form = await formio.loadForm();
-
-      dispatch(receiveForm(name, { form, url }));
-      dispatch(getActions(form._id));
-      done(null, form);
-    } catch (error) {
-      dispatch(failForm(name, { error }));
-      done({ error });
-    }
-  };
-
-export const saveForm =
-  (name: string, form: Partial<FormSchema>, done = noop) =>
-  async (dispatch: any) => {
-    dispatch(clearFormError(name));
-    dispatch(sendForm(name, { form }));
-
-    const id = form._id || "";
-    const url = getFormUrl(id);
-    const formio = new Formio(url);
-
-    try {
-      const result = await formio.saveForm(form);
-      dispatch(receiveForm(name, { form: result, url: getFormUrl(result._id) }));
-      done(null, result);
-    } catch (error) {
-      dispatch(failForm(name, { error }));
-      done(error);
-    }
-  };
-
-export const deleteForm =
-  (name: string, id: string, done = noop) =>
-  async (dispatch: any) => {
-    dispatch(clearFormError(name));
-    const url = getFormUrl(id);
-    const formio = new Formio(url);
-
-    try {
-      await formio.deleteForm();
-      dispatch(resetForm(name));
-      done();
-    } catch (error) {
-      dispatch(failForm(name, { error }));
-      done({ error });
-    }
-  };

package/src/stores/form/form.reducers.spec.ts

@@ -1,78 +0,0 @@
-import { clearFormError, failForm, receiveForm, requestForm, resetForm } from "./form.actions";
-import { formReducer } from "./form.reducers";
-
-describe("Form reducer", () => {
-  it("should return state (resetForm)", () => {
-    const reducer = formReducer("name");
-    const state: any = {};
-    const payload = {};
-
-    expect(reducer.$emit(resetForm, state, payload)).toEqual({
-      name: "name",
-      error: null,
-      data: {},
-      id: "",
-      isActive: false,
-      lastUpdated: 0,
-      url: ""
-    });
-  });
-  it("should return state (clearFormError)", () => {
-    const reducer = formReducer("name");
-    const state: any = {};
-    const payload = {};
-
-    expect(reducer.$emit(clearFormError, state, payload)).toEqual({
-      name: "name",
-      error: null
-    });
-  });
-  it("should return state (requestForm)", () => {
-    const reducer = formReducer("name");
-    const state: any = {};
-    const payload = {};
-
-    expect(reducer.$emit(requestForm, state, payload)).toEqual({
-      name: "name",
-      error: null,
-      data: {},
-      isActive: true
-    });
-  });
-
-  it("should return state (receiveForm)", () => {
-    const reducer = formReducer("name");
-    const state: any = {};
-    const payload = {
-      form: {
-        _id: "id"
-      },
-      url: "url"
-    };
-
-    expect(reducer.$emit(receiveForm, state, payload)).toEqual({
-      name: "name",
-      error: null,
-      data: {
-        _id: "id"
-      },
-      id: "id",
-      isActive: false,
-      url: "url"
-    });
-  });
-
-  it("should return state (failForm)", () => {
-    const reducer: any = formReducer("name");
-    const state = {};
-    const payload = {
-      error: new Error("message")
-    };
-
-    expect(reducer.$emit(failForm, state, payload)).toEqual({
-      name: "name",
-      error: payload.error,
-      isActive: false
-    });
-  });
-});

package/src/stores/form/form.reducers.ts

@@ -1,59 +0,0 @@
-import { createReducer, InitialStateCreator } from "@tsed/redux-utils";
-
-import { FormSchema } from "../../interfaces";
-import { clearFormError, failForm, receiveForm, requestForm, resetForm, sendForm } from "./form.actions";
-
-export interface FormState {
-  error: null | Error;
-  data?: Partial<FormSchema>;
-  isActive: boolean;
-  lastUpdated: number;
-  url: string;
-}
-
-const createInitialState: InitialStateCreator<FormState> = () => ({
-  id: "",
-  isActive: false,
-  lastUpdated: 0,
-  data: {},
-  url: "",
-  error: null
-});
-
-export const formReducer = createReducer<FormState>(
-  {
-    [resetForm.toString()]: (_, _2, reset) => reset(),
-    [clearFormError.toString()]: (state) => ({
-      ...state,
-      error: null
-    }),
-    [requestForm.toString()]: (state, { id, url }) => ({
-      ...state,
-      isActive: true,
-      id,
-      url,
-      data: {},
-      error: null
-    }),
-    [receiveForm.toString()]: (state, { form, url }) => ({
-      ...state,
-      isActive: false,
-      id: form._id,
-      data: form,
-      url: url || state.url,
-      error: null
-    }),
-    [failForm.toString()]: (state, payload) => ({
-      ...state,
-      error: payload.error,
-      isActive: false
-    }),
-    [sendForm.toString()]: (state, { form, url }) => ({
-      ...state,
-      data: form,
-      url,
-      isActive: true
-    })
-  },
-  createInitialState
-);

package/src/stores/form/form.selectors.spec.ts

@@ -1,19 +0,0 @@
-import { selectForm } from "./form.selectors";
-
-describe("form Selectors", () => {
-  describe("selectForm()", () => {
-    it("should return data", () => {
-      expect(
-        selectForm("form", {
-          form: {
-            data: {
-              id: "id"
-            }
-          }
-        })
-      ).toEqual({
-        id: "id"
-      });
-    });
-  });
-});

package/src/stores/form/form.selectors.ts

@@ -1,5 +0,0 @@
-import { FormSchema } from "../../interfaces";
-import { selectRoot } from "../root";
-import { FormState } from "./form.reducers";
-
-export const selectForm = (name: string, state: any): Partial<FormSchema> => selectRoot<FormState>(name, state).data!;

package/src/stores/form/index.ts

@@ -1,3 +0,0 @@
-export * from "./form.actions";
-export * from "./form.reducers";
-export * from "./form.selectors";

package/src/stores/forms/forms.actions.spec.ts

@@ -1,91 +0,0 @@
-import { Formio } from "formiojs";
-
-import { mapRequestParams } from "../../utils/mapRequestParams";
-import { failForms, getForms, receiveForms, requestForms } from "./forms.actions";
-
-jest.mock("formiojs");
-jest.mock("../../utils/mapRequestParams");
-
-describe("Forms actions", () => {
-  beforeEach(() => {
-    (mapRequestParams as any).mockImplementation((o: any) => o);
-  });
-  afterEach(() => jest.resetAllMocks());
-  describe("getForms", () => {
-    it("should return a result", async () => {
-      // GIVEN
-      (Formio as any).prototype.loadForms.mockReturnValue(Promise.resolve([{}]));
-      (Formio as any).getProjectUrl.mockReturnValue("https://formio");
-      const dispatch = jest.fn();
-      const name = "name";
-      const parameters = {
-        pageSize: 10,
-        pageIndex: 0
-      };
-
-      const getState = () => ({
-        [name]: {
-          parameters
-        }
-      });
-
-      // WHEN
-      await new Promise((resolve) => getForms(name, parameters, resolve)(dispatch, getState));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("https://formio/form");
-      expect(Formio.prototype.loadForms).toHaveBeenCalledWith({
-        params: parameters
-      });
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: requestForms.toString(),
-        payload: { parameters }
-      });
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        payload: {
-          forms: [{}]
-        },
-        type: receiveForms.toString()
-      });
-    });
-    it("should return a error", async () => {
-      // GIVEN
-      (Formio.prototype.loadForms as any).mockReturnValue(Promise.reject(new Error("message")));
-      (Formio.getProjectUrl as any).mockReturnValue("https://formio");
-
-      const dispatch = jest.fn();
-      const name = "name";
-      const parameters = {
-        pageSize: 10,
-        pageIndex: 0
-      };
-
-      const getState = () => ({
-        [name]: {
-          parameters
-        }
-      });
-
-      // WHEN
-      await new Promise((resolve) => getForms(name, parameters, resolve)(dispatch, getState));
-
-      // THEN
-      expect(Formio).toHaveBeenCalledWith("https://formio/form");
-      expect(Formio.prototype.loadForms).toHaveBeenCalledWith({
-        params: parameters
-      });
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        type: requestForms.toString(),
-        payload: { parameters }
-      });
-      expect(dispatch).toHaveBeenCalledWith({
-        name: "name",
-        payload: { error: new Error("message") },
-        type: failForms.toString()
-      });
-    });
-  });
-});

package/src/stores/forms/forms.actions.ts

@@ -1,44 +0,0 @@
-import { createAction } from "@tsed/redux-utils";
-import { Formio } from "formiojs";
-import noop from "lodash/noop";
-
-import { FormSchema } from "../../interfaces";
-import type { RequestParamsOptions } from "../../utils/mapRequestParams";
-import { mapRequestParams } from "../../utils/mapRequestParams";
-import { selectFormsParameters } from "./forms.selectors";
-
-export const resetForms = createAction();
-export const requestForms = createAction<{
-  parameters: Partial<RequestParamsOptions>;
-}>();
-export const receiveForms = createAction<{ forms: FormSchema[] }>();
-export const failForms = createAction();
-
-export type GetFormsCB = (err: any, forms?: FormSchema[]) => void;
-
-export const getForms =
-  (name: string, parameters: Partial<RequestParamsOptions>, done: GetFormsCB = noop) =>
-  async (dispatch: any, getState: any) => {
-    dispatch(requestForms(name, { parameters }));
-
-    const formio = new Formio(`${Formio.getProjectUrl()}/form`);
-    const requestParams = mapRequestParams(selectFormsParameters(name, getState()));
-
-    try {
-      const result: FormSchema[] = await formio.loadForms({
-        params: requestParams
-      });
-      dispatch(receiveForms(name, { forms: result }));
-      done(null, result);
-    } catch (error) {
-      dispatch(failForms(name, { error }));
-      done(error);
-    }
-  };
-
-export const refreshForms = (name: string, done = noop) => {
-  return async (dispatch: any, getState: any) => {
-    const parameters = selectFormsParameters(name, getState());
-    return getForms(name, parameters, done)(dispatch, getState);
-  };
-};