submissions.js

import {HttpResponse, http} from 'msw';

import {BASE_URL, getDefaultFactory} from './base';

// FIXME - this is incomplete, the prop types aren't detailed enough.
const SUBMISSION_DETAILS = {
  id: '458b29ae-5baa-4132-a0d7-8c7071b8152a',
  url: `${BASE_URL}submissions/458b29ae-5baa-4132-a0d7-8c7071b8152a`,
  form: `${BASE_URL}forms/mock`,
  steps: [
    {
      id: '6ca342af-86c7-451c-a19f-65050b2eee5c',
      name: 'Step 1',
      url: `${BASE_URL}submissions/458b29ae-5baa-4132-a0d7-8c7071b8152a/steps/9e6eb3c5-e5a4-4abf-b64a-73d3243f2bf5`,
      formStep: `${BASE_URL}forms/mock/steps/9e6eb3c5-e5a4-4abf-b64a-73d3243f2bf5`,
      isApplicable: true,
      completed: false,
      canSubmit: true,
    },
    {
      id: 'a0ff2cfe-e59a-4881-88de-e1b0a76af8d3',
      name: 'Step 2',
      url: `${BASE_URL}submissions/458b29ae-5baa-4132-a0d7-8c7071b8152a/steps/98980oi8-e5a4-4abf-b64a-76j3j3ki897`,
      formStep: `${BASE_URL}forms/mock/steps/98980oi8-e5a4-4abf-b64a-76j3j3ki897`,
      isApplicable: false,
      completed: false,
      canSubmit: false,
    },
  ],
  submissionAllowed: 'yes',
  isAuthenticated: false,
  payment: {
    isRequired: false,
    amount: undefined,
    hasPaid: false,
  },
};

// mock for /api/v2/submissions/{submission_uuid}/steps/{step_uuid}
const SUBMISSION_STEP_DETAILS = {
  id: '58aad9c3-29c7-4568-9047-3ac7ceb0f0ff',
  slug: 'step-1',
  formStep: {
    index: 0,
    configuration: {
      components: [
        {
          id: 'asdiwj',
          type: 'textfield',
          key: 'component1',
          label: 'Component 1',
        },
      ],
    },
  },
  data: null,
  isApplicable: true,
  completed: false,
  canSubmit: true,
};

/**
 * Return a submission object as if it would be returned from the backend API.
 * @param  {Object} overrides Key-value mapping with overrides from the defaults. These
 *                            are deep-assigned via lodash.set to the defaults, so use
 *                            '.'-joined strings as keys for deep paths.
 * @return {Object}           A submission object.
 */
export const buildSubmission = getDefaultFactory(SUBMISSION_DETAILS);

export const mockSubmissionPost = (submission = buildSubmission()) =>
  http.post(`${BASE_URL}submissions`, () => {
    return HttpResponse.json(submission, {status: 201});
  });

export const mockSubmissionGet = (submission = buildSubmission()) =>
  http.get(`${BASE_URL}submissions/:uuid`, () => {
    return HttpResponse.json(submission, {status: 200});
  });

export const mockSubmissionStepGet = () =>
  http.get(`${BASE_URL}submissions/:uuid/steps/:uuid`, () => {
    return HttpResponse.json(SUBMISSION_STEP_DETAILS, {status: 200});
  });

export const mockSubmissionCheckLogicPost = () =>
  http.post(`${BASE_URL}submissions/:uuid/steps/:uuid/_check-logic`, () => {
    const responseData = {
      submission: SUBMISSION_DETAILS,
      step: SUBMISSION_STEP_DETAILS,
    };
    return HttpResponse.json(responseData, {status: 200});
  });

export const mockSubmissionSummaryGet = () =>
  http.get(`${BASE_URL}submissions/:uuid/summary`, () =>
    HttpResponse.json(
      [
        {
          slug: SUBMISSION_STEP_DETAILS.slug,
          name: SUBMISSION_DETAILS.steps[0].name,
          data: [
            {
              name: SUBMISSION_STEP_DETAILS.formStep.configuration.components[0].label,
              value: 'Component 1 value',
              component: SUBMISSION_STEP_DETAILS.formStep.configuration.components[0],
            },
          ],
        },
      ],
      {status: 200}
    )
  );

export const mockSubmissionCompletePost = () =>
  http.post(`${BASE_URL}submissions/:uuid/_complete`, () =>
    HttpResponse.json({
      statusUrl: `${BASE_URL}submissions/${SUBMISSION_DETAILS.id}/super-random-token/status`,
    })
  );

export const mockSubmissionCompleteInvalidPost = invalidParams =>
  http.post(`${BASE_URL}submissions/:uuid/_complete`, () =>
    HttpResponse.json(
      {
        type: 'http://localhost:8000/fouten/ValidationError/',
        code: 'invalid',
        title: 'Does not validate.',
        status: 400,
        detail: '',
        instance: 'urn:uuid:41e0174a-efc2-4cc0-9bf2-8366242a4e75',
        invalidParams,
      },
      {status: 400}
    )
  );

/**
 * Simulate a successful backend processing status without payment.
 */
export const mockSubmissionProcessingStatusGet = http.get(
  `${BASE_URL}submissions/:uuid/:token/status`,
  () =>
    HttpResponse.json({
      status: 'done',
      result: 'success',
      errorMessage: '',
      publicReference: 'OF-L337',
      confirmationPageContent: `<p>Thank you for doing <span style="font-style: italic;">the thing</span>.`,
      reportDownloadUrl: '#',
      paymentUrl: `${BASE_URL}payment/4b0e86a8-dc5f-41cc-b812-c89857b9355b/demo/start`,
      mainWebsiteUrl: '#',
    })
);

export const mockSubmissionProcessingStatusPendingGet = http.get(
  `${BASE_URL}submissions/:uuid/:token/status`,
  () =>
    HttpResponse.json({
      status: 'in_progress',
      result: '',
      errorMessage: '',
      publicReference: '',
      confirmationPageContent: '',
      reportDownloadUrl: '',
      paymentUrl: '',
      mainWebsiteUrl: '',
    })
);

export const mockSubmissionProcessingStatusErrorGet = http.get(
  `${BASE_URL}submissions/:uuid/:token/status`,
  () =>
    HttpResponse.json({
      status: 'done',
      result: 'failed',
      errorMessage: 'Computer says no.',
      publicReference: '',
      confirmationPageContent: '',
      reportDownloadUrl: '',
      paymentUrl: '',
      mainWebsiteUrl: '',
    })
);

export const mockSubmissionPaymentStartPost = (
  data = {type: 'get', url: 'https://example.com', data: {}}
) => http.post(`${BASE_URL}payment/:uuid/demo/start`, () => HttpResponse.json(data));