NJ Web Design System (v2.8.0)

Feedback widget: API Error (500 status) 

<script src="../../public/js/mockFetch.js"></script>
<script>
    const feedbackApiUrl = "https://innovation.nj.gov/app/feedback/dev"
    const mockErrorResponse = {
        status: 500,
        body: {
            message: "example server error"
        }
    };
    initMockFetch({
        [`${feedbackApiUrl}/rating`]: mockErrorResponse,
        [`${feedbackApiUrl}/comment`]: mockErrorResponse
    }, 1000)
</script>

<script src="https://unpkg.com/@newjersey/feedback-widget@latest/feedback-widget.min.js" defer></script>
<feedback-widget skip-email-step="true" contact-link="https://www.example.com/contact"></feedback-widget>

No notes defined.

<script
  src="{{ mockFetchScriptSrc }}"
></script>
<script>
  const feedbackApiUrl = "{{ feedbackApiUrl }}"
  const mockErrorResponse = { 
    status: 500, 
    body: { message: "example server error" }
  };
  initMockFetch({
    [`${feedbackApiUrl}/rating`]: mockErrorResponse,
    [`${feedbackApiUrl}/comment`]: mockErrorResponse
  }, {{ mockResponseDelayInMs }})
</script>

<script
  src="https://unpkg.com/@newjersey/feedback-widget@{{ widgetVersion }}/feedback-widget.min.js"
  defer
></script>
<feedback-widget
  skip-email-step="true"
  contact-link="https://www.example.com/contact"
></feedback-widget>
 
package:
  name: null
  version: 2.8.0
uswds:
  path: ../../public/dist
mockFetchScriptSrc: ../../public/js/mockFetch.js
widgetVersion: latest
feedbackApiUrl: https://innovation.nj.gov/app/feedback/dev
mockSuccessResponse:
  status: 200
  body:
    message: Success
    feedbackId: 1
mockResponseDelayInMs: 1000