From f0f265f59e3b8917444df8bc4785a4ba1a31cf41 Mon Sep 17 00:00:00 2001
From: realaravinth <realaravinth@batsense.net>
Date: Thu, 14 Oct 2021 21:25:19 +0530
Subject: [PATCH] submit benchmark

---
 src/middleware/auth.rs                   | 28 +++------
 src/pages/panel/campaigns/bench.rs       | 13 +++-
 templates/api/v1/routes.ts               |  1 +
 templates/bench/index.html               | 23 +++++--
 templates/bench/index.ts                 | 62 ++++++++++++++++---
 templates/bench/service-worker.ts        |  8 +--
 templates/bench/types.ts                 | 19 ++++--
 templates/components/error/error.test.ts | 54 +++++++++++++++++
 templates/components/error/index.html    | 12 ++--
 templates/components/error/index.ts      | 77 ++++++++++++++++++++++++
 templates/components/error/main.scss     | 42 ++++++++-----
 templates/components/error/setUpTests.ts | 25 ++++++++
 templates/main.scss                      |  1 +
 templates/utils/genJsonPayload.test.ts   | 36 +++++++++++
 templates/utils/genJsonPayload.ts        | 29 +++++++++
 templates/utils/isBlankString.test.ts    | 36 +++++++++++
 templates/utils/isBlankString.ts         | 32 ++++++++++
 17 files changed, 437 insertions(+), 61 deletions(-)
 create mode 100644 templates/components/error/error.test.ts
 create mode 100644 templates/components/error/index.ts
 create mode 100644 templates/components/error/setUpTests.ts
 create mode 100644 templates/utils/genJsonPayload.test.ts
 create mode 100644 templates/utils/genJsonPayload.ts
 create mode 100644 templates/utils/isBlankString.test.ts
 create mode 100644 templates/utils/isBlankString.ts

diff --git a/src/middleware/auth.rs b/src/middleware/auth.rs
index 392fae4..742aae6 100644
--- a/src/middleware/auth.rs
+++ b/src/middleware/auth.rs
@@ -94,27 +94,19 @@ where
     fn call(&self, req: ServiceRequest) -> Self::Future {
         let (r, mut pl) = req.into_parts();
         let mut is_authenticated = || match self.session_type {
-            AuthenticatedSession::ActixSession => {
-                if let Ok(Ok(Some(_))) = Session::from_request(&r, &mut pl)
+            AuthenticatedSession::ActixSession => matches!(
+                Session::from_request(&r, &mut pl)
                     .into_inner()
-                    .map(|x| x.get::<String>(SURVEY_USER_ID))
-                {
-                    true
-                } else {
-                    false
-                }
-            }
+                    .map(|x| x.get::<String>(SURVEY_USER_ID)),
+                Ok(Ok(Some(_)))
+            ),
 
-            AuthenticatedSession::ActixIdentity => {
-                if let Ok(Some(_)) = Identity::from_request(&r, &mut pl)
+            AuthenticatedSession::ActixIdentity => matches!(
+                Identity::from_request(&r, &mut pl)
                     .into_inner()
-                    .map(|x| x.identity())
-                {
-                    true
-                } else {
-                    false
-                }
-            }
+                    .map(|x| x.identity()),
+                Ok(Some(_))
+            ),
         };
         if is_authenticated() {
             let req = ServiceRequest::from_parts(r, pl);
diff --git a/src/pages/panel/campaigns/bench.rs b/src/pages/panel/campaigns/bench.rs
index 62557a6..7726310 100644
--- a/src/pages/panel/campaigns/bench.rs
+++ b/src/pages/panel/campaigns/bench.rs
@@ -23,13 +23,22 @@ use sailfish::TemplateOnce;
 use uuid::Uuid;
 
 use crate::errors::*;
+use crate::pages::errors::ErrorPage;
 use crate::PAGES;
 
-#[derive(TemplateOnce, Default)]
+#[derive(TemplateOnce)]
 #[template(path = "bench/index.html")]
-struct Bench;
+struct Bench<'a> {
+    error: Option<ErrorPage<'a>>,
+}
 const PAGE: &str = "Survey";
 
+impl<'a> Default for Bench<'a> {
+    fn default() -> Self {
+        Bench { error: None }
+    }
+}
+
 lazy_static! {
     static ref BENCH: String = Bench::default().render_once().unwrap();
 }
diff --git a/templates/api/v1/routes.ts b/templates/api/v1/routes.ts
index 9e4f4bf..8789e5e 100644
--- a/templates/api/v1/routes.ts
+++ b/templates/api/v1/routes.ts
@@ -17,6 +17,7 @@
 
 const ROUTES = {
   register: "/survey/api/v1/benches/register",
+  submitBench: (key: string): string => `/survey/api/v1/benches/${key}/submit`,
 };
 
 export default ROUTES;
diff --git a/templates/bench/index.html b/templates/bench/index.html
index 30860c2..320cf51 100644
--- a/templates/bench/index.html
+++ b/templates/bench/index.html
@@ -1,10 +1,26 @@
 <. include!("../components/base/top.html"); .>
 <body class="survey__body">
   <main class="survey__container">
+<. include!("../components/error/index.html"); .>
     <div id="pre-bench">
       <h1>Click to Start Benchmark</h1>
+      <form class="new-campaign__form" accept-charset="utf-8">
+        <label class="form__label" for="name">
+          Device name
+          <input
+            class="form__input"
+            name="name"
+            required
+            id="name"
+            type="text"
+          />
+        </label>
 
-      <button id="start" type="submit">Start</button>
+        <!--        <button id="start" type="submit">Start</button> -->
+        <button id="start" class="form__submit" type="submit">
+          Start
+        </button>
+      </form>
     </div>
 
     <noscript>
@@ -20,6 +36,7 @@
     <div id="bench">
       <h1 id="status" class="name">Running benchmark</h1>
 
+      <div id="submission-proof"></div>
       <div id="device-info"></div>
 
       <div id="counter"></div>
@@ -47,10 +64,6 @@
     align-items: center;
   }
 
-  #start {
-    width: 100px;
-  }
-
   #pre-bench,
   #bench {
     width: 100%;
diff --git a/templates/bench/index.ts b/templates/bench/index.ts
index b8e9474..b8a0d43 100644
--- a/templates/bench/index.ts
+++ b/templates/bench/index.ts
@@ -14,8 +14,10 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
-import { Perf } from "./types";
+import { Bench, Submission, SubmissionProof } from "./types";
 import ROUTES from "../api/v1/routes";
+import genJsonPaylod from "../utils/genJsonPayload";
+import isBlankString from "../utils/isBlankString";
 
 export const index = () => {
   const FACTOR = 500000;
@@ -25,16 +27,18 @@ export const index = () => {
   };
 
   const worker = new Worker("/bench.js");
-  const res: Array<Perf> = [];
+  const res: Array<Bench> = [];
   const stats = document.getElementById("stats");
+  const CAMPAIGN_ID = window.location.pathname.split("/")[3];
+  let deviceName = "";
 
-  const addResult = (perf: Perf) => {
+  const addResult = (perf: Bench) => {
     const row = document.createElement("tr");
     row.className = "data";
     const diff = document.createElement("td");
     diff.innerHTML = perf.difficulty.toString();
     const duration = document.createElement("td");
-    duration.innerHTML = perf.time.toString();
+    duration.innerHTML = perf.duration.toString();
 
     row.appendChild(diff);
     row.appendChild(duration);
@@ -44,6 +48,39 @@ export const index = () => {
     res.push(perf);
   };
 
+  const submitBench = async () => {
+    const payload: Submission = {
+      device_user_provided: deviceName,
+      threads: window.navigator.hardwareConcurrency,
+      device_software_recognised: window.navigator.userAgent,
+
+      benches: res,
+    };
+
+    const resp = await fetch(
+      ROUTES.submitBench(CAMPAIGN_ID),
+      genJsonPaylod(payload)
+    );
+    if (resp.status == 200) {
+      const data: SubmissionProof = await resp.json();
+      const element = document.createElement("div");
+      const token = document.createElement("b");
+      token.innerText = "User Agent: ";
+      const tokenText = document.createTextNode(`${data.token}`);
+
+      const proof = document.createElement("b");
+      proof.innerText = "Proof: ";
+      const proofText = document.createTextNode(`${data.proof}`);
+
+      element.appendChild(token);
+      element.appendChild(tokenText);
+      element.appendChild(document.createElement("br"));
+      element.appendChild(proof);
+      element.appendChild(proofText);
+      document.getElementById("submission-proof").appendChild(element);
+    }
+  };
+
   const addDeviceInfo = () => {
     const INFO = {
       threads: window.navigator.hardwareConcurrency,
@@ -71,14 +108,23 @@ export const index = () => {
     document.getElementById("device-info").appendChild(element);
   };
 
-  const finished = () => {
+  const finished = async () => {
+    await submitBench();
     const s = document.getElementById("status");
     s.innerHTML = "Benchmark finished";
   };
 
   const run = async (e: Event) => {
     e.preventDefault();
+    const deveceNameElement = <HTMLInputElement>document.getElementById("name");
+    if (isBlankString(deveceNameElement.value, "Device Name", e)) {
+      return;
+    }
+
+    deviceName = deveceNameElement.value;
+
     await initSession();
+
     document.getElementById("pre-bench").style.display = "none";
     document.getElementById("bench").style.display = "flex";
 
@@ -87,11 +133,11 @@ export const index = () => {
     const counterElement = document.getElementById("counter");
     counterElement.innerText = `${iterations} more to go`;
 
-    worker.onmessage = (event: MessageEvent) => {
-      const data: Perf = event.data;
+    worker.onmessage = async (event: MessageEvent) => {
+      const data: Bench = event.data;
       addResult(data);
       if (res.length == iterations) {
-        finished();
+        await finished();
         counterElement.innerText = "All Done!";
       } else {
         counterElement.innerText = `${iterations - res.length} more to go`;
diff --git a/templates/bench/service-worker.ts b/templates/bench/service-worker.ts
index 0f3e83e..e4cbace 100644
--- a/templates/bench/service-worker.ts
+++ b/templates/bench/service-worker.ts
@@ -16,7 +16,7 @@
  */
 
 import { gen_pow } from "mcaptcha-browser";
-import { Perf } from "./types";
+import { Bench } from "./types";
 
 type PoWConfig = {
   string: string;
@@ -43,11 +43,11 @@ onmessage = function (event) {
   const t0 = performance.now();
   gen_pow(config.salt, config.string, config.difficulty_factor);
   const t1 = performance.now();
-  const time = t1 - t0;
+  const duration = t1 - t0;
 
-  const msg: Perf = {
+  const msg: Bench = {
     difficulty: difficulty_factor,
-    time: time,
+    duration,
   };
   postMessage(msg);
 };
diff --git a/templates/bench/types.ts b/templates/bench/types.ts
index bc3e944..6ba43d5 100644
--- a/templates/bench/types.ts
+++ b/templates/bench/types.ts
@@ -15,8 +15,19 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
 
-
-export type Perf = {
-  difficulty: Number;
-  time: Number;
+export type Bench = {
+  difficulty: number;
+  duration: number;
+};
+
+export type Submission = {
+  device_user_provided: String;
+  device_software_recognised: String;
+  threads: number;
+  benches: Array<Bench>;
+};
+
+export type SubmissionProof = {
+  token: String;
+  proof: String;
 };
diff --git a/templates/components/error/error.test.ts b/templates/components/error/error.test.ts
new file mode 100644
index 0000000..ff83cac
--- /dev/null
+++ b/templates/components/error/error.test.ts
@@ -0,0 +1,54 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import createError from "./index";
+import * as e from "./index";
+
+import setup from "./setUpTests";
+
+"use strict";
+
+jest.useFakeTimers();
+
+it("checks if error boxes work", () => {
+  document.body.append(setup());
+
+  const getMsg = (num: number) => `message ${num}`;
+  createError(getMsg(1));
+  let msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`);
+  expect(msg.innerHTML).toContain(getMsg(1));
+
+  const btn = <HTMLButtonElement>msg.getElementsByClassName(e.ERR_CLOSE)[0];
+  btn.click();
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`);
+  expect(msg).toEqual(null);
+
+  const errElement = document.createElement("p");
+  errElement.appendChild(document.createTextNode(getMsg(2)));
+  createError(errElement);
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`).querySelector("p");
+  expect(msg).toEqual(errElement);
+
+  const timeOutElement = document.createElement("p");
+  timeOutElement.appendChild(document.createTextNode(getMsg(2)));
+  createError(timeOutElement, 200);
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`).querySelector("p");
+  expect(msg).toEqual(timeOutElement);
+  jest.runOnlyPendingTimers();
+  msg = document.querySelector(`.${e.ERR_MSG_CONTAINER}`);
+  expect(msg).toEqual(null);
+});
diff --git a/templates/components/error/index.html b/templates/components/error/index.html
index 1fbb8f9..fe1da1e 100644
--- a/templates/components/error/index.html
+++ b/templates/components/error/index.html
@@ -1,6 +1,6 @@
-<. if let Some(error) = error { .>
-  <div class="error__container">
-      <p class="error__title"><b><.= error.title .></b></p>
-      <p class="error__msg"><.= error.message .></p>
-  </div>
-<. } .>
+<div class="error__container">
+  <. if let Some(error) = error { .>
+  <p class="error__title"><b><.= error.title .></b></p>
+  <p class="error__msg"><.= error.message .></p>
+  <. } .>
+</div>
diff --git a/templates/components/error/index.ts b/templates/components/error/index.ts
new file mode 100644
index 0000000..c671458
--- /dev/null
+++ b/templates/components/error/index.ts
@@ -0,0 +1,77 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+export const ERR_CONTAINER_ID = "err__container";
+export const ERR_MSG_CONTAINER = "err__msg-container"; // class
+export const ERR_CLOSE = "err__close"; // class
+
+export const DEFAULT_LIFETIME = 5000;
+
+const err = () => {
+  let element;
+  return (() => {
+    if (element === undefined) {
+      element = document.getElementById(ERR_CONTAINER_ID);
+    }
+    return element;
+  })();
+};
+
+/**
+ * create error message
+ *
+ * @param {string|HTMLElement} message: an error message
+ * @param {number} lifetime: duration in milliseconds after which error
+ * message will be deleted
+ */
+const createError = (
+  message: string | HTMLElement,
+  lifetime: number = DEFAULT_LIFETIME,
+): void => {
+  const box = document.createElement("div");
+
+  const msg = () => {
+    if (typeof message === "string") {
+      return document.createTextNode(message);
+    } else {
+      return message;
+    }
+  };
+
+  box.className = ERR_MSG_CONTAINER;
+  box.appendChild(msg());
+
+  const deleteBtn = document.createElement("button");
+  const deleteMsg = document.createTextNode("x");
+  deleteBtn.appendChild(deleteMsg);
+  deleteBtn.className = ERR_CLOSE;
+  box.appendChild(deleteBtn);
+
+  err().appendChild(box);
+
+  const timer = setTimeout(() => box.remove(), lifetime);
+
+  const deleteHandler = (e: Event) => {
+    e.preventDefault();
+    window.clearTimeout(timer);
+    box.remove();
+  };
+
+  deleteBtn.addEventListener("click", e => deleteHandler(e));
+};
+
+export default createError;
diff --git a/templates/components/error/main.scss b/templates/components/error/main.scss
index bcf4fc6..0430b9c 100644
--- a/templates/components/error/main.scss
+++ b/templates/components/error/main.scss
@@ -14,23 +14,37 @@
  * You should have received a copy of the GNU Affero General Public License
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
  */
+$message-bg: #d63f3f;
+$light-text: rgba(255, 255, 255, 0.87);
 
-.error__container {
-    width: 350px;
-    background-color: #d63f3f;
-    width: 100%;
-    padding: 10px 0;
-    opacity: 0.9;
-    font-size: 0.8rem;
-	font-family: monospace, monospace;
+#err__container {
+	display: felx;
+	position: fixed;
+	top: 0;
+	right: 0;
+	width: 350px;
 }
 
-.error__title {
-    color: #fff;
-    margin-left: 10px;
+.err__msg-container {
+	display: flex;
+	width: 100%;
+	color: $light-text;
+	background-color: $message-bg;
+	padding: 20px;
+	border-radius: 5px;
+	opacity: 0.9;
 }
 
-.error__msg {
-    color: #fff;
-    margin-left: 10px;
+.err__close {
+	min-width: 10px;
+	min-height: 10px;
+	background-color: $message-bg;
+	margin-left: 20px;
+	border: none;
+}
+
+.err__close:hover {
+	cursor: pointer;
+	width: 20px;
+	height: 20px;
 }
diff --git a/templates/components/error/setUpTests.ts b/templates/components/error/setUpTests.ts
new file mode 100644
index 0000000..2ea5fdf
--- /dev/null
+++ b/templates/components/error/setUpTests.ts
@@ -0,0 +1,25 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import * as e from "./index";
+
+const setup = (): HTMLElement => {
+  const x = document.createElement("div");
+  x.id = e.ERR_CONTAINER_ID;
+  return x;
+};
+
+export default setup;
diff --git a/templates/main.scss b/templates/main.scss
index fd02056..af9f8a9 100644
--- a/templates/main.scss
+++ b/templates/main.scss
@@ -23,6 +23,7 @@
 @import "./panel/campaigns/new/main";
 @import "./panel/campaigns/get/main";
 @import "./errors/main";
+@import "./components/error/main";
 
 * {
     margin: 0;
diff --git a/templates/utils/genJsonPayload.test.ts b/templates/utils/genJsonPayload.test.ts
new file mode 100644
index 0000000..adf02b8
--- /dev/null
+++ b/templates/utils/genJsonPayload.test.ts
@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import genJsonPayload from "./genJsonPayload";
+
+"use strict";
+
+const payload = {
+  username: "Jhon",
+};
+
+const value = {
+  method: "POST",
+  headers: {
+    "Content-Type": "application/json",
+  },
+  body: JSON.stringify(payload),
+};
+
+it("getFromUrl workds", () => {
+  expect(genJsonPayload(payload)).toEqual(value);
+});
diff --git a/templates/utils/genJsonPayload.ts b/templates/utils/genJsonPayload.ts
new file mode 100644
index 0000000..65d24b6
--- /dev/null
+++ b/templates/utils/genJsonPayload.ts
@@ -0,0 +1,29 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+const genJsonPayload = (payload: object): object => {
+  const value = {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(payload),
+  };
+  return value;
+};
+
+export default genJsonPayload;
diff --git a/templates/utils/isBlankString.test.ts b/templates/utils/isBlankString.test.ts
new file mode 100644
index 0000000..0c5dcb5
--- /dev/null
+++ b/templates/utils/isBlankString.test.ts
@@ -0,0 +1,36 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import isBlankString from "./isBlankString";
+import {mockAlert} from "../setUpTests";
+
+
+import setup from "../components/error/setUpTests";
+
+"use strict";
+
+mockAlert();
+
+it("getFromUrl workds", () => {
+  document.querySelector("body").appendChild(setup());
+  expect(isBlankString("test", "username")).toBe(false);
+  try {
+    isBlankString("  ", "username");
+  } catch (e) {
+    expect(e.message).toContain("can't be empty");
+  }
+});
diff --git a/templates/utils/isBlankString.ts b/templates/utils/isBlankString.ts
new file mode 100644
index 0000000..3855590
--- /dev/null
+++ b/templates/utils/isBlankString.ts
@@ -0,0 +1,32 @@
+/*
+ * Copyright (C) 2021  Aravinth Manivannan <realaravinth@batsense.net>
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+import createError from "../components/error/";
+
+const isBlankString = (value: string|number, field: string, event?: Event): boolean => {
+  value = value.toString();
+  if (!value.replace(/\s/g, "").length) {
+    if (event !== undefined) {
+      event.preventDefault();
+    }
+    const msg = `${field} can't be empty`;
+    createError(msg);
+    throw new  Error(msg);
+  }
+  return false;
+};
+
+export default isBlankString;