@spokane-folio/security-incident 1.0.28

package/administrator-documentation/using-the-application.md

@@ -0,0 +1,192 @@
+# Track Application – Admin Guide
+
+## What is Track?
+Track is a library security incident management tool. It helps staff record, organize, and follow up on incidents such as disturbances, thefts, or trespass events. Track keeps all reports in one place, making it easy to search, review, and update records.
+
+---
+
+## Getting Started
+
+### Access Track
+Open Track from your library’s main menu. You’ll see options to view incidents, create new reports, and manage settings.
+
+### Create a New Incident
+Click **“Create report.”** Fill in details like incident type, location, people involved, and a description. You can attach files (photos, documents) and add witnesses.  
+
+### Max file sizes for images and video
+- Image: 10MB
+- Video: 100MB
+
+### Administrative data on a report
+Inside the 'Administrative data' accordion in the UI you can view details for **metadata** and **view the UI checkbox for 'Staff suppress'**.
+
+#### Metadata
+View record created date and time, record created by, and if relevant the last updated date and time, and user who last updated the record. The created by and updated by user name rendered is a link to that user's profile view in the Users application. 
+
+#### Staff suppress 
+Checking the staff suppress checkbox and saving the record will remove the record from appearing in default. This action can be reverted in Edit mode. To view staff suppressed records in a search use the 'Staff suppressed' filter section to choose 'Yes' or 'Both' (default is 'No').
+
+### Non-customer Incident Report
+You can choose the UI checkbox 'Customer n/a' for building a report that is not associated with a customer. In Edit mode, this can be unchecked and will allow for a customer to be added to the report. You can also edit a customer related report to move from customer related to non-customer. Checking the 'Customer n/a' box in this scenario will remove the previously associated customer(s) from the report. 
+
+### Edit or View Incidents
+Select any incident to see full details. You can update information, add attachments/remove attachments, or change the status.
+
+### Search and Filter
+When you view the incident records, you’ll see a **search bar** and several **filter options**. 
+These tools make it easy to find exactly what you’re looking for, even in a large database.
+
+---
+
+### Search Features in the UI
+
+#### 1. Search Index Dropdown
+You can choose how you want to search using a dropdown menu.  
+Each option targets different information:
+
+##### **Keywords (Default)**
+This is the broadest search.  
+It looks for your search terms almost everywhere—**customer names**, **descriptions**, **incident types**, **witness names**, **barcodes**, and even the **incident’s own details**.  
+If you’re not sure where to look, start here.
+
+##### **Name or Barcode**
+Focuses on **customer first names**, **last names**, and **barcodes**.  
+Best when you already know the person involved.
+
+##### **Customer Description**
+Searches only the **description fields** for customers and the **detailed description of the incident**.  
+Use this to find incidents based on what was written about a customer or the event.
+
+##### **Witnessed By**
+Looks for matches in the **names and barcodes of witnesses**.  
+Use this if you want to find incidents involving a specific witness.
+
+##### **Created By**
+Searches for the **staff member** who created the incident, using their name or barcode.  
+Useful for tracking incidents entered by a particular staff member.
+
+### 2. Additional Filters
+You can narrow your search further using filters for:
+- **Location:** Find incidents that happened at a specific branch or area.  
+- **Date Range:** Search for incidents within a certain time period.  
+- **Incident Type:** Filter by the type of incident (e.g., trespass, disturbance).  
+- **Trespass Status:** Show only incidents where someone was trespassed, or filter by current/expired trespass.  
+- **Staff Suppression:** Choose to see only non-suppressed, suppressed, or all incidents. Non-suppressed is the default.
+
+### 3. Sorting Options
+You can sort your results by:
+- **Date of Incident:** Shows the newest or oldest incidents first.  
+- **Trespass Expiration Date:** Sorts by when trespass bans expire.  
+- **Location, Incident Type, Created By, Customers, Witnesses:**  
+  Sorts alphabetically or naturally by these fields, making it easy to group similar incidents together.
+
+### What Happens Behind the Scenes
+- The system uses your search and filter choices to look through the database and find matching incidents.  
+- If you use the **Keywords** search, it checks almost every field for matches—providing the widest results.  
+- Other search options (like **Created By** or **Witnessed By**) are more focused and only look at specific fields.  
+- Filters and sorting help you quickly narrow down and organize results.  
+
+### Summary
+Users can easily **search**, **filter**, and **sort** incident records using a user-friendly interface.  
+The system is designed to help you find what you need quickly—whether you’re looking for a **specific person**, **incident type**, or simply **browsing recent events**.  
+
+The search options are flexible:  
+- **Broad when you need them**, and  
+- **Focused when you want precision**.
+
+---
+
+### Results in the UI - Sorting and Choosing Columns in Incident Results
+Users can customize how incident records appear in the results list by sorting columns and choosing which columns to display.  
+These tools help you organize and focus on the most relevant information for your workflow.
+
+### Column Sorting
+In the **incident results list**, you can sort records by clicking any column header.
+
+### Sortable Columns
+You can sort by:
+- **Customers**  
+- **Location**  
+- **Date of Incident**  
+- **Incident Type**  
+- **Witnessed By**  
+- **Created By**  
+- **Trespass Expiration**
+
+### How Sorting Works
+- Clicking a column header toggles between **ascending** and **descending** order.  
+- The system updates the results instantly, showing incidents sorted by your chosen field and direction.  
+- Sorting **persists** when you page through results or apply filters, keeping your view consistent.
+
+### How It Works Behind the Scenes
+- When you change sorting or visibility, the UI updates the query and re-renders the results.  
+- The backend returns only the data you need, in the order you requested.
+
+### Choosing Which Columns to Display
+Use the **Column Chooser** (from within the 'Action' button in the Results pane) to customize which columns are visible in the results list.
+
+### Available Columns
+You can show or hide:
+- **Location**  
+- **Date of Incident**  
+- **Incident Type**  
+- **Witnessed By**  
+- **Created By**  
+- **Trespass Expiration**
+
+Your column selections are **saved for your session**, so your layout stays personalized as you work. 
+This helps you focus on the information most relevant to your tasks.
+
+### Summary
+Users can **sort incident records** by any key field and **customize which columns** are displayed.  
+This flexibility makes it easy to organize, review, and find information quickly—streamlining your workflow in Track.
+
+---
+
+### Settings
+Admins can manage **categories**, **types**, **locations**, **trespass templates**, and **trespass reasons** in the Settings area. This customizes Track for your library’s needs.
+
+### Trespass Redeclaration – What It Means and How It Works
+Redeclaration is the process of updating or re-issuing a trespass notice for a customer. This is needed if the trespass period changes, new reasons are added, or the declaration needs to be refreshed.
+
+### Rules for Redeclaration
+
+**Eligibility:**  
+You can only redeclare a trespass if the customer has at least one current, valid (not suppressed) trespass reason selected.
+
+**UI Behavior:**  
+In the incident edit screen, you’ll see a checkbox labeled **“Update declaration.”** This is only enabled if the above rule is met.
+
+**What Happens:**  
+When you redeclare, Track generates a new trespass document for the customer. The updated document includes the latest reasons, dates, and other details.
+
+**Why Redeclare?**  
+Redeclaration ensures the trespass notice is up-to-date and legally valid. It’s useful if circumstances change or if the original notice needs to be refreshed.
+
+---
+
+## Linking Reports – How and Why
+
+### What is Linking?
+Linking connects related incident reports. For example, if two incidents involve the same person or event, you can link them together.
+
+### How to Link Reports
+1. In the incident edit or create screen, use the **“Link reports”** option.  
+2. Search for other incidents using filters (type, location, trespass status, etc.).  
+3. Select the reports you want to link.
+
+### Rules and Logic
+- Linked reports appear in each other’s details pane.  
+- You’ll see a list of linked reports, making it easy to jump between them.  
+- Linking does **not** merge data.  
+- Each report keeps its own details, but staff can quickly see connections.  
+- You can link and unlink reports at any time.  
+- This helps track patterns or repeated incidents.
+
+---
+
+## Tips for Admins
+- Keep categories and types organized for easier reporting.  
+- Double-check before deleting items in settings; deleted items cannot be recovered.  
+- Use templates for trespass notices to ensure consistency.  
+- Set defaults carefully for reasons and templates.

package/icons/app.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120"><path d="M0 0h120v120H0V0Z" fill="#4A0B3D"/><path d="M58 17c4.614.445 8.302 2.597 12.313 4.75 7.02 3.662 14.051 6.175 21.652 8.34C95 31 95 31 96 32c1.59 17.208-.703 35.84-11.5 49.875A280.976 280.976 0 0 1 81 86l-2.281 2.887c-2.89 3.465-6.193 6.252-9.719 9.05l-1.828 1.534c-4.404 3.508-4.404 3.508-7.777 3.6C45.16 96.707 33.876 81.522 28.187 67.5c-3.15-8.83-4.368-17.17-4.625-26.5l-.104-2.251C23.44 36.625 23.44 36.625 24 33c3.56-3.215 8.608-4.334 13.125-5.813C48.394 23.573 48.394 23.573 58 17Z" fill="#FBC402"/><path d="M58 17c4.614.445 8.302 2.597 12.313 4.75 7.02 3.662 14.051 6.175 21.652 8.34C95 31 95 31 96 32c1.59 17.208-.703 35.84-11.5 49.875A280.976 280.976 0 0 1 81 86l-2.281 2.887c-2.89 3.465-6.193 6.252-9.719 9.05l-1.828 1.534c-4.404 3.508-4.404 3.508-7.777 3.6C45.16 96.707 33.876 81.522 28.187 67.5c-3.15-8.83-4.368-17.17-4.625-26.5l-.104-2.251C23.44 36.625 23.44 36.625 24 33c3.56-3.215 8.608-4.334 13.125-5.813C48.394 23.573 48.394 23.573 58 17Zm-7.625 11.813c-5.45 2.837-10.663 5.205-16.652 6.714-1.74.325-1.74.325-2.723 1.473-1.581 15.554 2.54 31.7 12.328 43.902C50.263 89.04 50.263 89.04 59 95c4.213-.106 6.909-3.265 9.813-6 .53-.498 1.062-.995 1.61-1.508 11.346-10.821 18.235-23.534 18.69-39.449A346.73 346.73 0 0 0 89 37l-1.725-.67a2586 2586 0 0 1-7.838-3.08l-2.712-1.055c-4.046-1.6-7.901-3.204-11.627-5.46-5.8-3.247-9.411-.767-14.723 2.078Z" fill="#F7C003"/><path d="M60.77 25.168c3.654.941 6.588 2.372 9.917 4.145C76.632 32.412 82.621 34.904 89 37c.83 16.059-1.376 31.909-12.313 44.513C73.615 84.847 70.376 87.973 67 91l-2.586 2.375C62 95 62 95 59.98 94.961 48.795 89.534 39.653 78.27 34.996 66.94 31.626 56.987 30.53 47.471 31 37l3.48-1.277c4.34-1.628 8.59-3.423 12.833-5.285l2.126-.92c10.11-4.424 10.11-4.424 11.33-4.35Zm-7.52 6.645C41.564 37.788 41.564 37.788 35 39c-.837 15.294 1.996 28.888 12.443 40.621C53.411 86.503 53.411 86.503 61 91c13.72-11.85 22.586-23.45 25-42 .062-1.624.087-3.25.063-4.875l-.028-2.367L86 40l-1.695-.629c-6.067-2.331-11.826-5.056-17.57-8.084-5.673-2.936-7.936-2.369-13.485.526Z" fill="#541539"/><path d="M76.879 46.664 79 47c.729 2.223.729 2.223 1 5-1.46 2.22-1.46 2.22-3.664 4.426l-2.402 2.412-2.559 2.474-2.488 2.534c-6.14 6.055-6.14 6.055-9.5 6.499-3.456-.5-5.076-2.147-7.637-4.47l-2.64-2.32C46.685 60.62 46.191 58.765 46 55c1-1 1-1 3.188-1.438C53.38 54.215 55.303 56.886 58 60c4.716-1.877 7.98-5.655 11.49-9.188 2.469-2.371 3.928-3.744 7.389-4.148Z" fill="#4F103A"/></svg>

package/jest.config.js

@@ -0,0 +1,10 @@
+const path = require('path');
+const config = require('@folio/jest-config-stripes');
+
+module.exports = {
+  ...config,
+  setupFiles: [
+    ...config.setupFiles,
+    path.join(__dirname, './test/jest/setupFiles.js'),
+  ],
+};

package/module-descriptor.json

@@ -0,0 +1,75 @@
+{
+  "id": "spokane-folio_security-incident-1.0.28",
+  "name": "Security incident tracking and trespass automation",
+  "permissionSets": [
+    {
+      "permissionName": "module.security-incident.enabled",
+      "displayName": "UI: security-incident module is enabled",
+      "visible": true
+    },
+    {
+      "permissionName": "settings.security-incident.enabled",
+      "displayName": "Settings (security-incident): display list of settings pages",
+      "subPermissions": [
+        "settings.enabled",
+        "configuration.entries.item.get",
+        "configuration.entries.collection.get",
+        "security-incident.configurations.get"
+      ],
+      "visible": true
+    },
+    {
+      "permissionName": "settings.security-incident.edit",
+      "displayName": "Settings (security-incident): Edit settings",
+      "subPermissions": [
+        "settings.security-incident.enabled",
+        "configuration.entries.collection.get",
+        "configuration.entries.item.put",
+        "security-incident.configurations.get",
+        "security-incident.configurations.edit"
+      ],
+      "visible": true
+    },
+    {
+      "permissionName": "ui-security-incident.view",
+      "displayName": "Security Incident Report (security-incident): Search and view reports",
+      "description": "Can view incidents list and incident details. Can view endpoint at ui-users for linked customer.",
+      "subPermissions": [
+        "module.security-incident.enabled",
+        "security-incident.collection.get",
+        "configuration.entries.collection.get",
+        "users.item.get",
+        "users.collection.get",
+        "security-incident.configurations.get",
+        "inventory-storage.locations.collection.get"
+      ],
+      "visible": true
+    },
+    {
+      "permissionName": "ui-security-incident.edit",
+      "displayName": "Security Incident Report (security-incident): Search, create and edit reports",
+      "description": "Can create and edit incident details. Can view endpoint at ui-users for linked customer.",
+      "subPermissions": [
+        "ui-security-incident.view",
+        "security-incident.incident.edit",
+        "usergroups.collection.get"
+      ],
+      "visible": true
+    }
+  ],
+  "requires": [
+    {
+      "id": "users",
+      "version": "16.0"
+    },
+    {
+      "id": "users-bl",
+      "version": "5.0 6.0"
+    },
+    {
+      "id": "configuration",
+      "version": "2.0"
+    }
+  ],
+  "optional": []
+}

package/package.json

@@ -0,0 +1,146 @@
+{
+  "name": "@spokane-folio/security-incident",
+  "version": "1.0.28",
+  "description": "Security incident tracking and trespass automation",
+  "main": "src/index.js",
+  "repository": "",
+  "license": "Apache-2.0",
+  "scripts": {
+    "start": "stripes serve",
+    "build": "stripes build --output ./output",
+    "build-mod-descriptor": "stripes mod descriptor --full --strict | jq '.[]' > module-descriptor.json ",
+    "formatjs-compile": "stripes translate compile",
+    "lint": "eslint .",
+    "test": "jest"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.21.0",
+    "@babel/eslint-parser": "^7.24.7",
+    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/plugin-proposal-decorators": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/preset-env": "^7.0.0",
+    "@babel/preset-react": "^7.9.0",
+    "@folio/eslint-config-stripes": "^7.0.0",
+    "@folio/jest-config-stripes": "^2.0.0",
+    "@folio/stripes": "^9.1.4",
+    "@folio/stripes-cli": "^3.0.0 || ^3.0.0",
+    "@folio/stripes-core": "^10.1.1",
+    "@folio/users": "^10.1.1",
+    "core-js": "^3.6.4",
+    "eslint": "^7.32.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-no-only-tests": "^3.1.0",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "history": "^4.10.1",
+    "lodash": "^4.17.21",
+    "prettier": "^3.3.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-intl": "^6.4.4",
+    "react-redux": "^8.0.5",
+    "react-router-dom": "^5.2.0",
+    "redux": "^4.0.5",
+    "regenerator-runtime": "^0.13.3",
+    "yarn": "^1.22.22"
+  },
+  "dependencies": {
+    "dompurify": "^3.1.7",
+    "file-type": "^20.0.0",
+    "handlebars": "^4.7.8",
+    "html-entities": "^2.6.0",
+    "html2pdf.js": "0.9.3",
+    "prop-types": "^15.6.0",
+    "react-image": "^4.1.0",
+    "uuid": "^10.0.0"
+  },
+  "peerDependencies": {
+    "@folio/stripes": "^9.0.0",
+    "@folio/users": "^10.1.1",
+    "react": "18.2.0",
+    "react-intl": "^6.4.4",
+    "react-router": "^5.2.0",
+    "react-router-dom": "^5.2.0"
+  },
+  "stripes": {
+    "actsAs": [
+      "app",
+      "settings"
+    ],
+    "displayName": "ui-security-incident.meta.title",
+    "route": "/incidents",
+    "icons": [
+      {
+        "name": "app",
+        "alt": "Create, view and update security incident reports",
+        "title": "Track"
+      }
+    ],
+    "okapiInterfaces": {
+      "users": "16.0",
+      "users-bl": "5.0 6.0",
+      "configuration": "2.0"
+    },
+    "permissionSets": [
+      {
+        "permissionName": "module.security-incident.enabled",
+        "displayName": "UI: security-incident module is enabled",
+        "visible": true
+      },
+      {
+        "permissionName": "settings.security-incident.enabled",
+        "displayName": "Settings (security-incident): display list of settings pages",
+        "subPermissions": [
+          "settings.enabled",
+          "configuration.entries.item.get",
+          "configuration.entries.collection.get",
+          "security-incident.configurations.get"
+        ],
+        "visible": true
+      },
+      {
+        "permissionName": "settings.security-incident.edit",
+        "displayName": "Settings (security-incident): Edit settings",
+        "subPermissions": [
+          "settings.security-incident.enabled",
+          "configuration.entries.collection.get",
+          "configuration.entries.item.put",
+          "security-incident.configurations.get",
+          "security-incident.configurations.edit"
+        ],
+        "visible": true
+      },
+      {
+        "permissionName": "ui-security-incident.view",
+        "displayName": "Security Incident Report (security-incident): Search and view reports",
+        "description": "Can view incidents list and incident details. Can view endpoint at ui-users for linked customer.",
+        "subPermissions": [
+          "module.security-incident.enabled",
+          "security-incident.collection.get",
+          "configuration.entries.collection.get",
+          "users.item.get",
+          "users.collection.get",
+          "security-incident.configurations.get",
+          "inventory-storage.locations.collection.get"
+        ],
+        "visible": true
+      },
+      {
+        "permissionName": "ui-security-incident.edit",
+        "displayName": "Security Incident Report (security-incident): Search, create and edit reports",
+        "description": "Can create and edit incident details. Can view endpoint at ui-users for linked customer.",
+        "subPermissions": [
+          "ui-security-incident.view",
+          "security-incident.incident.edit",
+          "usergroups.collection.get"
+        ],
+        "visible": true
+      }
+    ]
+  }
+}

package/src/components/incidents/ColumnChooser.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { Checkbox } from '@folio/stripes/components';
+import { Row, Col, Label } from '@folio/stripes/components';
+
+const ColumnChooser = ({
+  possibleColumns,
+  visibleColumns,
+  toggleColumn,
+  columnLabels = {} // default empty obj
+}) => (
+  <>
+    <Label>
+      Choose columns
+    </Label>
+    <Row style={{ marginLeft: '3px' }}>
+      <Col>
+        <ul style={{ listStyle: 'none', paddingLeft: 0, margin: 0 }}>
+          {possibleColumns.map(colId => (
+            <li key={colId}>
+              <Checkbox
+                value={colId}
+                checked={visibleColumns.includes(colId)}
+                label={columnLabels[colId] ?? colId}
+                onChange={(e) => {
+                  e.stopPropagation();
+                  toggleColumn(colId);
+                }}
+              />
+            </li>
+          ))}
+        </ul>
+      </Col>
+    </Row>
+  </>
+);
+
+export default ColumnChooser;

package/src/components/incidents/CreateMedia.js

@@ -0,0 +1,132 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { stripesConnect } from '@folio/stripes/core';
+import { getHeaderWithCredentials } from '@folio/stripes/util';
+import { IncidentContext } from '../../contexts/IncidentContext';
+
+class CreateMedia extends React.Component {
+  static contextType = IncidentContext;
+
+  constructor(props) {
+    super(props);
+    const { stripes } = this.props;
+    const { okapi } = stripes;
+    this.okapiURL = okapi.url;
+  };
+
+  componentDidMount() {
+    this.createMedia(this.props.id, this.props.formDataArray);
+  };
+
+  componentDidUpdate(prevProps) {
+    if (
+      this.props.id !== prevProps.id &&
+      this.props.formDataArray !== prevProps.formDataArray
+    ) {
+      this.createMedia(this.props.id, this.props.formDataArray);
+    }
+  };
+
+  // reset states, invoked regardless of 'new' or 'edit' this.props.context cases
+  resetStates = () => {
+    this.context.setIdForMediaCreate(null);
+    this.context.setFormDataArrayForMediaCreate(null);
+    this.context.setAttachmentsData([]);
+    this.context.setIncidentsList([]);
+  };
+
+  createMedia = async (id, formDataArray) => {
+    const { stripes } = this.props;
+    const headersWithCredentials = getHeaderWithCredentials(stripes.okapi);
+    // destructure content type key/value and pass headers w/ out it
+    // the browser will set "content type": "multipart/form-data" programmatically
+    const headers = { ...headersWithCredentials.headers };
+    delete headers['Content-Type'];
+
+    const readyAttachmentsArray = formDataArray.map((att) => {
+      const metadata = {
+        id: att.id,
+        description: att.description,
+        contentType: att.contentType,
+      };
+      const formData = new FormData();
+      formData.append('metadata', JSON.stringify(metadata));
+
+      if (att.contentType === 'application/pdf' && !att.file.name) {
+        // provide filename for PDF (PDFs are return as Blob w/ out filename)
+        formData.append('file', att.file, `${att.id}.pdf`)
+      } else {
+        formData.append('file', att.file)
+      };
+
+      return formData;
+    });
+
+    try{
+      const results = [];
+
+      for(const attachment of readyAttachmentsArray) {
+        const response = await fetch(`${this.okapiURL}/incidents/${id}/media`, {
+          method: 'POST',
+          headers: {
+            ...headers,
+          },
+          body: attachment,
+        });
+        results.push(response)
+      };
+
+      const allSuccess = results.every(response => response.status === 201);
+
+      if (!allSuccess) {
+        console.error('one ore more attachments failed to save')
+        return;
+      };
+
+      this.resetStates();
+
+      if (this.props.context === 'edit') {
+        this.context.setUseGetList(false);
+        this.context.setIsLoadingDetails(false);
+        this.context.setIsUpdatingReport(false);
+        this.props.handleCloseEdit();
+        
+      } else if (this.props.context === 'new') {
+        this.context.setIsCreatingReport(false)
+        this.props.handleCloseNewOnSuccess(id);
+      }
+    } catch (error) {
+      this.context.setUseGetList(false);
+      console.error('@CreateMedia - in CATCH - error uploading files: ', error);
+    }
+  };
+
+  render() {
+    return <></>;
+  };
+};
+
+CreateMedia.contextType = IncidentContext;
+CreateMedia.propTypes = {
+  stripes: PropTypes.object.isRequired,
+  id: PropTypes.string.isRequired,
+  formDataArray: PropTypes.arrayOf(
+    PropTypes.shape({
+    id: PropTypes.string.isRequired,
+    description: PropTypes.string.isRequired,
+    contentType: PropTypes.string.isRequired,
+    file: PropTypes.instanceOf(File).isRequired,
+   })
+  ).isRequired,
+  handleCloseEdit: PropTypes.func,
+  handleCloseNewOnSuccess: PropTypes.func,
+  context: PropTypes.shape({
+    setIdForMediaCreate: PropTypes.string.isRequired,
+    setFormDataArrayForMediaCreate: PropTypes.func.isRequired,
+    setAttachmentsData: PropTypes.func.isRequired,
+    setIncidentsList: PropTypes.func.isRequired,
+    setUseGetList: PropTypes.func.isRequired,
+  }).isRequired,
+};
+
+export default stripesConnect(CreateMedia, '@spokane-folio/security-incident');