Merge branch 'release/v1.3.5'

Author: beshkenadze

.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["next/babel"],
+  "presets": ["@babel/env", "next/babel", "@babel/preset-flow"],
   "plugins": [
     [
       "module-resolver",
@@ -20,7 +20,6 @@
         "extensions": ["less$"]
       }
     ],
-    ["import", { "libraryName": "antd" }],
     ["styled-components", { "ssr": true, "displayName": true, "preprocess": false } ]
   ]
 }

.rancher-pipeline.yml

@@ -19,8 +19,6 @@ notification:
   recipients:
   - recipient: '#pipeline'
     notifier: c-qzkvv:n-qqrqq
-  - recipient: ab@caesar.team
-    notifier: c-qzkvv:n-z4jfb
   condition:
   - Success
   - Changed

Dockerfile

@@ -1,6 +1,6 @@
 # docker run -it node:8.12-alpine /bin/bash
 # ---- Base Node ----
-FROM node:8.12-alpine AS base
+FROM node:10.16-alpine AS base
 # Preparing
 RUN mkdir -p /var/app && chown -R node /var/app
 # Set working directory

common/utils/clipboard.js

@@ -7,3 +7,13 @@ export const copyToClipboard = str => {
   document.execCommand('copy');
   document.body.removeChild(el);
 };
+
+export const pastFromClipboard = e => {
+  // Get pasted data via clipboard API
+  const clipboardData = e.clipboardData || window.clipboardData;
+  const pastedData = clipboardData.getData('Text');
+  if (pastedData != null && pastedData.length > 0) {
+    return pastedData;
+  }
+  return null;
+};

common/utils/download.js

@@ -1,10 +1,19 @@
 export function downloadElement(elementId) {
   const a = document.body.appendChild(document.createElement('a'));
 
-  a.download = 'export.txt';
+  a.download = '2fa_backup_codes.txt';
   a.href = `data:text/plain;charset=utf-8,${
     document.getElementById(elementId).innerText
   }`;
 
   a.click();
 }
+
+export function downloadTextData(data) {
+  const a = document.body.appendChild(document.createElement('a'));
+
+  a.download = '2fa_backup_codes.txt';
+  a.href = `data:text/plain;charset=utf-8,${data}`;
+
+  a.click();
+}

common/utils/format.js

@@ -0,0 +1,9 @@
+export function formatNumbersByColumns(numbers, columns) {
+  const printCodes = numbers.map((number, index) => {
+    const position = index + 1;
+    if (position % columns === 0) return `${number}\n`;
+    return `${number} `;
+  });
+
+  return printCodes.join('');
+}

common/utils/print.js

@@ -8,3 +8,10 @@ export function printElement(elementId) {
 
   document.body.innerHTML = originalContents;
 }
+
+export function printData(data) {
+  const win = window.open();
+  win.document.write(data);
+  win.print();
+  win.close();
+}

components/CodeInput/CodeInput.js

@@ -5,6 +5,7 @@ import { CodeItem } from './CodeItem';
 const Wrapper = styled.div`
   display: flex;
 `;
+const isCodeValidated = (v, length) => v.match(`^[0-9]{${length}}$`) !== null;
 
 class CodeInput extends Component {
   values = this.generateValues();
@@ -19,6 +20,16 @@ class CodeInput extends Component {
     this.elements[index] = ref;
   };
 
+  onPaste = v => {
+    const { length } = this.props;
+
+    if (!isCodeValidated(v, length)) {
+      return;
+    }
+
+    v.split('').map((ev, ei) => this.onItemChange(ev, ei)); // Simulate user input.
+  };
+
   onItemChange = (value, index) => {
     const {
       length,
@@ -61,11 +72,13 @@ class CodeInput extends Component {
         {this.values.map((e, i) => (
           <CodeItem
             createRef={ref => this.createElementsRefs(ref, i)}
+            value={e}
             key={i}
             index={i}
             onBackspace={() => this.onBackspace(i)}
             resetFormOnBackspace={onCompleteWithErrors}
             onChange={v => this.onItemChange(v, i)}
+            onPaste={v => this.onPaste(v)}
             disabled={disabled}
             errors={errors}
           />

components/CodeInput/CodeItem.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import styled from 'styled-components';
 import { KEY_CODES } from 'common/constants';
+import { pastFromClipboard } from 'common/utils/clipboard';
 
 const StyledInput = styled.input`
   width: 40px;
@@ -24,6 +25,24 @@ export class CodeItem extends Component {
     value: '',
   };
 
+  static getDerivedStateFromProps(nextProps) {
+    // The state without cache is a reasonable solution for this place.
+    return {
+      value: nextProps.value,
+    };
+  }
+
+  onPaste = e => {
+    // Stop the data being pasted into the element.
+    e.stopPropagation();
+    e.preventDefault();
+
+    const pastedData = pastFromClipboard(e);
+    if (pastedData != null && pastedData.length > 0) {
+      this.props.onPaste(pastedData);
+    }
+  };
+
   onKeyDown = e => {
     const {
       onBackspace,
@@ -48,17 +67,12 @@ export class CodeItem extends Component {
   onChange = e => {
     const value = this.validate(e.target.value);
     if (this.state.value === value) return;
-    if (value.length < 2) {
-      this.setState({ value });
-      this.props.onChange(value);
-    }
+    this.setState({ value });
+    this.props.onChange(value);
   };
 
   validate = value => {
-    const numCode = value.charCodeAt(0);
-    const isInteger =
-      numCode >= '0'.charCodeAt(0) && numCode <= '9'.charCodeAt(0);
-    return isInteger ? value : '';
+    return /^[0-9]$/.test(value) ? value : '';
   };
 
   render() {
@@ -69,6 +83,7 @@ export class CodeItem extends Component {
       <StyledInput
         onChange={this.onChange}
         onKeyDown={this.onKeyDown}
+        onPaste={this.onPaste}
         maxLength="1"
         autoComplete="off"
         ref={createRef}

components/Item/Types/schema/schema.js

@@ -21,9 +21,11 @@ const checkFileSize = raw =>
   convertSizeNameToNumber(MAX_UPLOADING_FILE_SIZE);
 
 const checkAllFileSizes = files =>
-  files.reduce((acc, { raw }) => acc + raw.length, 0) *
-    BASE_64_LENGTH_BYTE_RATE <=
-  convertSizeNameToNumber(TOTAL_MAX_UPLOADING_FILES_SIZES);
+  files
+    ? files.reduce((acc, { raw }) => acc + raw.length, 0) *
+        BASE_64_LENGTH_BYTE_RATE <=
+      convertSizeNameToNumber(TOTAL_MAX_UPLOADING_FILES_SIZES)
+    : true;
 
 export const attachmentsSchema = yup
   .array(