Feat(contacted people) import data from excel

client/package.json

@@ -48,6 +48,7 @@
         "redux": "^4.0.5",
         "redux-thunk": "^2.3.0",
         "sweetalert2": "^9.17.1",
+        "xlsx": "^0.16.7",
         "yup": "^0.29.3"
     },
     "scripts": {

client/src/Utils/vendor/underscoreReplacement.ts

@@ -55,3 +55,7 @@ export function  throttle<T extends Function>(func: T, wait: number, options?:Th
 
     return throttled;
 }
+
+export const isObjectEmpty = (element: any): boolean => {
+    return Object.keys(element).length === 0 && element.constructor === Object
+};

client/src/Utils/vendor/useExcel.ts

@@ -0,0 +1,31 @@
+import XLSX from 'xlsx';
+
+const useExcel = () => {
+    const baseDate = new Date(1899, 11, 30, 0, 0, 0);
+    const dnthresh = baseDate.getTime() + (new Date().getTimezoneOffset() - baseDate.getTimezoneOffset()) * 60000;
+
+    const day_ms = 24 * 60 * 60 * 1000;
+    const days_1462_ms = 1462 * day_ms;
+
+    const datenum = (v: Date, date1904: boolean) => {
+        let epoch = v.getTime();
+        if (date1904) {
+            epoch -= days_1462_ms;
+        }
+        return (epoch - dnthresh) / day_ms;
+    };
+
+    const fixImportedDate = (date1904: boolean) => (date: Date) => {
+        // Convert JS Date back to Excel date code and parse them using SSF module.
+        const parsed = XLSX.SSF.parse_date_code(datenum(date, false), {date1904});
+        return new Date(`${parsed.y}-${parsed.m}-${parsed.d}`);
+    };
+
+    return {
+        read: XLSX.read,
+        sheet_to_json: XLSX.utils.sheet_to_json,
+        fixImportedDate
+    }
+};
+
+export default useExcel;

client/src/commons/CustomSwal/CustomSwalStyles.ts

@@ -0,0 +1,10 @@
+import { makeStyles } from '@material-ui/styles';
+
+const useStyles = makeStyles({
+    swalTitle: {
+        fontSize: '1.5vw',
+        fontFamily: 'Assistant',
+    },
+});
+
+export default useStyles;

client/src/commons/CustomSwal/useCustomSwal.ts

@@ -0,0 +1,29 @@
+import Swal, {SweetAlertIcon, SweetAlertOptions} from 'sweetalert2';
+import useStyles from './CustomSwalStyles';
+
+const useCustomSwal = () => {
+    const classes = useStyles();
+
+    const alert = (title: string,icon: SweetAlertIcon, options?: SweetAlertOptions) =>
+        Swal.fire({
+            title,
+            icon,
+            customClass: {
+                title: classes.swalTitle
+            },
+            ...options
+        });
+
+    const alertError = (title: string, options?: SweetAlertOptions) => alert(title, 'error', options);
+    const alertWarning = (title: string, options?: SweetAlertOptions) => alert(title, 'warning', options);
+    const alertSuccess = (title: string, options?: SweetAlertOptions) => alert(title, 'success', options);
+
+    return {
+        alertError,
+        alertWarning,
+        alertSuccess,
+    }
+
+};
+
+export default useCustomSwal;

client/src/components/App/Content/InvestigationForm/TabManagement/ContactQuestioning/useContactQuestioning.ts

@@ -77,6 +77,7 @@ const useContactQuestioning = (parameters: useContactQuestioningParameters): use
                         additionalPhoneNumber: contact.personByPersonInfo.additionalPhoneNumber,
                         gender: contact.personByPersonInfo.gender,
                         contactDate: contact.contactEventByContactEvent.startTime,
+                        contactEvent: contact.contactEventByContactEvent.id,
                         contactType: contact.contactType,
                         cantReachContact: contact.cantReachContact ? contact.cantReachContact : false,
                         extraInfo: contact.extraInfo,

client/src/components/App/Content/InvestigationForm/TabManagement/InteractionsTab/ContactDateCard/ContactDateCard.tsx

@@ -50,6 +50,7 @@ const ContactDateCard: React.FC<Props> = (props: Props) => {
             <Collapse in={areInteractionsOpen}>
                 {interactions?.map(interaction =>
                     <InteractionCard
+                        loadInteractions={props.loadInteractions}
                         onEditClick={() => onEditClick(interaction)}
                         onDeleteClick={() => interaction.id && onDeleteClick(interaction.id)}
                         key={interaction.id ? interaction.id : interaction.startTime.getTime()} interaction={interaction} />
@@ -65,6 +66,7 @@ interface Props {
     createNewInteractionEvent: () => void;
     onEditClick: (interaction: Interaction) => void;
     onDeleteClick: (contactEventId: number) => void;
+    loadInteractions: () => void;
 };
 
 export default ContactDateCard;