@unite-us/app-create-referral 0.1.14 → 0.1.16

package/dist/common/form/FileUploadV2/FileUpload.js

@@ -0,0 +1,179 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FileUpload = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _url = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/url"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _reduce = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/reduce"));
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _reactDropzone = require("react-dropzone");
+var _lodash = require("lodash");
+var _ui = require("@unite-us/ui");
+var _utils = require("../../utils/utils");
+var _FilePreview = _interopRequireDefault(require("./components/FilePreview"));
+require("./stylesheets/FileUpload.scss");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+var ACCEPTED_FILE_TYPES = "text/csv, application/msword,\napplication/vnd.openxmlformats-officedocument.wordprocessingml.document,\napplication/pdf, application/rtf, text/rtf, application/x-rtf, text/plain,\napplication/excel, application/vnd.ms-excel, application/x-excel, application/x-msexcel,\napplication/vnd.openxmlformats-officedocument.spreadsheetml.sheet,\napplication/vnd.ms-excel.sheet.binary.macroEnabled.12,\napplication/vnd.ms-excel,\napplication/vnd.ms-excel.sheet.macroEnabled.12,\nimage/gif, image/jpg, image/jpeg, image/png, audio/mpeg, audio/m4a,\naudio/x-m4a, audio/wav, audio/x-wav, audio/x-ms-wma, video/x-ms-wma";
+var MAX_FILE_SIZE = 10000000;
+var FileUpload = function FileUpload(_ref) {
+  var rejectedFiles = _ref.rejectedFiles,
+    uploadedFiles = _ref.uploadedFiles,
+    setRejectedFiles = _ref.setRejectedFiles,
+    setUploadedFiles = _ref.setUploadedFiles;
+  var onDrop = function onDrop(acceptedFiles) {
+    var _context;
+    var fileUploadWithIdAndPreview = (0, _map.default)(acceptedFiles).call(acceptedFiles, function (file) {
+      return {
+        file: file,
+        tempId: (0, _utils.generateUUID)(),
+        preview: _url.default.createObjectURL(file)
+      };
+    });
+    setRejectedFiles({
+      filesTooBig: [],
+      filesWrongType: []
+    });
+    setUploadedFiles((0, _concat.default)(_context = []).call(_context, (0, _toConsumableArray2.default)(uploadedFiles), (0, _toConsumableArray2.default)(fileUploadWithIdAndPreview)));
+  };
+  var onDropRejected = function onDropRejected(fileRejections) {
+    var _fileRejections$reduc = (0, _reduce.default)(fileRejections).call(fileRejections, function (acc, rejectedFile) {
+        if (rejectedFile.size > MAX_FILE_SIZE && !(0, _includes.default)(ACCEPTED_FILE_TYPES).call(ACCEPTED_FILE_TYPES, rejectedFile.type)) {
+          var _context2;
+          return _objectSpread(_objectSpread({}, acc), {}, {
+            filesTooBigAndWrongType: (0, _concat.default)(_context2 = []).call(_context2, (0, _toConsumableArray2.default)(acc.filesTooBigAndWrongType), [rejectedFile.name])
+          });
+        }
+        if (rejectedFile.size > MAX_FILE_SIZE) {
+          var _context3;
+          return _objectSpread(_objectSpread({}, acc), {}, {
+            filesTooBig: (0, _concat.default)(_context3 = []).call(_context3, (0, _toConsumableArray2.default)(acc.filesTooBig), [rejectedFile.name])
+          });
+        }
+        if (!(0, _includes.default)(ACCEPTED_FILE_TYPES).call(ACCEPTED_FILE_TYPES, rejectedFile.type)) {
+          var _context4;
+          return _objectSpread(_objectSpread({}, acc), {}, {
+            filesWrongType: (0, _concat.default)(_context4 = []).call(_context4, (0, _toConsumableArray2.default)(acc.filesWrongType), [rejectedFile.name])
+          });
+        }
+        return acc;
+      }, {
+        filesTooBig: [],
+        filesWrongType: [],
+        filesTooBigAndWrongType: []
+      }),
+      filesTooBig = _fileRejections$reduc.filesTooBig,
+      filesWrongType = _fileRejections$reduc.filesWrongType,
+      filesTooBigAndWrongType = _fileRejections$reduc.filesTooBigAndWrongType;
+    setRejectedFiles({
+      filesTooBig: filesTooBig,
+      filesWrongType: filesWrongType,
+      filesTooBigAndWrongType: filesTooBigAndWrongType
+    });
+  };
+  var _useDropzone = (0, _reactDropzone.useDropzone)({
+      accept: ACCEPTED_FILE_TYPES,
+      maxSize: MAX_FILE_SIZE,
+      onDrop: onDrop,
+      onDropRejected: onDropRejected
+    }),
+    getRootProps = _useDropzone.getRootProps,
+    getInputProps = _useDropzone.getInputProps;
+  var _rejectedFiles$filesT = rejectedFiles.filesTooBig,
+    filesTooBig = _rejectedFiles$filesT === void 0 ? [] : _rejectedFiles$filesT,
+    _rejectedFiles$filesW = rejectedFiles.filesWrongType,
+    filesWrongType = _rejectedFiles$filesW === void 0 ? [] : _rejectedFiles$filesW,
+    _rejectedFiles$filesT2 = rejectedFiles.filesTooBigAndWrongType,
+    filesTooBigAndWrongType = _rejectedFiles$filesT2 === void 0 ? [] : _rejectedFiles$filesT2;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, filesTooBigAndWrongType.length ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    className: "mr-2 text-validation-red fill-current pb-1",
+    icon: 'V2Warning',
+    size: 14
+  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'text-sm text-validation-red'
+  }, "This file type is not supported and exceeds the maximum upload size of 10MB."), /*#__PURE__*/_react.default.createElement("div", {
+    className: 'text-sm text-validation-red mt-2'
+  }, "Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA"))), /*#__PURE__*/_react.default.createElement("ul", null, (0, _map.default)(filesTooBigAndWrongType).call(filesTooBigAndWrongType, function (file) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: file,
+      className: 'text-sm text-validation-red list-disc mt-1'
+    }, file);
+  }))) : null, filesWrongType.length ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(filesTooBigAndWrongType.length ? 'mt-3' : '')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    className: "mr-2 text-validation-red fill-current pb-1",
+    icon: 'V2Warning',
+    size: 14
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: 'text-sm text-validation-red'
+  }, "This file type is not supported. Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA")), /*#__PURE__*/_react.default.createElement("ul", null, (0, _map.default)(filesWrongType).call(filesWrongType, function (file) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: file,
+      className: 'text-sm text-validation-red list-disc mt-1'
+    }, file);
+  }))) : null, filesTooBig.length ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(filesWrongType.length || filesTooBigAndWrongType.length ? 'mt-3' : '')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    className: "mr-2 text-validation-red fill-current pb-1",
+    icon: 'V2Warning',
+    size: 14
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: 'text-sm text-validation-red'
+  }, "The following file exceeds the maximum upload size of 10MB")), /*#__PURE__*/_react.default.createElement("ul", null, (0, _map.default)(filesTooBig).call(filesTooBig, function (file) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: file,
+      className: 'text-sm text-validation-red list-disc mt-1'
+    }, file);
+  }))) : null, /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, getRootProps(), {
+    className: "file-upload-dropzone mb-3 mt-5"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "file-upload-dropzone__preview"
+  }, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "file-upload-dropzone__preview__uploader-link"
+  }, "Choose files"), " or drag and drop to upload"), !(0, _lodash.isEmpty)(uploadedFiles) && (0, _map.default)(uploadedFiles).call(uploadedFiles, function (_ref2) {
+    var file = _ref2.file,
+      tempId = _ref2.tempId,
+      preview = _ref2.preview;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: tempId,
+      className: "file-upload-dropzone__preview__preview-item"
+    }, /*#__PURE__*/_react.default.createElement(_FilePreview.default, {
+      contentType: file.type,
+      preview: preview
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "file-upload-dropzone__preview__file-name"
+    }, file.name));
+  })), /*#__PURE__*/_react.default.createElement("input", getInputProps())));
+};
+exports.FileUpload = FileUpload;
+FileUpload.propTypes = {
+  rejectedFiles: _propTypes.PropTypes.object.isRequired,
+  uploadedFiles: _propTypes.PropTypes.array.isRequired,
+  setRejectedFiles: _propTypes.PropTypes.func.isRequired,
+  setUploadedFiles: _propTypes.PropTypes.func.isRequired
+};
+var _default = FileUpload;
+exports.default = _default;
+//# sourceMappingURL=FileUpload.js.map

package/dist/common/form/FileUploadV2/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactDropzone","_lodash","_ui","_utils","_FilePreview","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty","call","sym","_Object$getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","Object","forEach","key","_defineProperty2","default","_Object$getOwnPropertyDescriptors","_Object$defineProperties","_Object$defineProperty","ACCEPTED_FILE_TYPES","MAX_FILE_SIZE","FileUpload","_ref","rejectedFiles","uploadedFiles","setRejectedFiles","setUploadedFiles","onDrop","acceptedFiles","_context","fileUploadWithIdAndPreview","_map","file","tempId","generateUUID","preview","_url","createObjectURL","filesTooBig","filesWrongType","_concat","_toConsumableArray2","onDropRejected","fileRejections","_fileRejections$reduc","_reduce","acc","rejectedFile","size","_includes","type","_context2","filesTooBigAndWrongType","name","_context3","_context4","_useDropzone","useDropzone","accept","maxSize","getRootProps","getInputProps","_rejectedFiles$filesT","_rejectedFiles$filesW","_rejectedFiles$filesT2","createElement","Fragment","className","Icon","icon","concat","_extends2","isEmpty","_ref2","contentType","exports","propTypes","PropTypes","isRequired","array","func","_default"],"sources":["../../../../src/common/form/FileUploadV2/FileUpload.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { useDropzone } from 'react-dropzone';\nimport { isEmpty } from 'lodash';\nimport { Icon } from '@unite-us/ui';\nimport { generateUUID } from '../../utils/utils';\nimport FilePreview from './components/FilePreview';\nimport './stylesheets/FileUpload.scss';\n\nconst ACCEPTED_FILE_TYPES = `text/csv, application/msword,\napplication/vnd.openxmlformats-officedocument.wordprocessingml.document,\napplication/pdf, application/rtf, text/rtf, application/x-rtf, text/plain,\napplication/excel, application/vnd.ms-excel, application/x-excel, application/x-msexcel,\napplication/vnd.openxmlformats-officedocument.spreadsheetml.sheet,\napplication/vnd.ms-excel.sheet.binary.macroEnabled.12,\napplication/vnd.ms-excel,\napplication/vnd.ms-excel.sheet.macroEnabled.12,\nimage/gif, image/jpg, image/jpeg, image/png, audio/mpeg, audio/m4a,\naudio/x-m4a, audio/wav, audio/x-wav, audio/x-ms-wma, video/x-ms-wma`;\nconst MAX_FILE_SIZE = 10000000;\n\nexport const FileUpload = ({\n  rejectedFiles,\n  uploadedFiles,\n  setRejectedFiles,\n  setUploadedFiles,\n}) => {\n  const onDrop = (acceptedFiles) => {\n    const fileUploadWithIdAndPreview = acceptedFiles.map((file) => ({\n      file,\n      tempId: generateUUID(),\n      preview: URL.createObjectURL(file),\n    }));\n\n    setRejectedFiles({ filesTooBig: [], filesWrongType: [] });\n    setUploadedFiles([...uploadedFiles, ...fileUploadWithIdAndPreview]);\n  };\n\n  const onDropRejected = (fileRejections) => {\n    const { filesTooBig, filesWrongType, filesTooBigAndWrongType } = fileRejections.reduce((acc, rejectedFile) => {\n      if (rejectedFile.size > MAX_FILE_SIZE && !ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {\n        return { ...acc, filesTooBigAndWrongType: [...acc.filesTooBigAndWrongType, rejectedFile.name] };\n      }\n\n      if (rejectedFile.size > MAX_FILE_SIZE) {\n        return { ...acc, filesTooBig: [...acc.filesTooBig, rejectedFile.name] };\n      }\n\n      if (!ACCEPTED_FILE_TYPES.includes(rejectedFile.type)) {\n        return { ...acc, filesWrongType: [...acc.filesWrongType, rejectedFile.name] };\n      }\n\n      return acc;\n    }, { filesTooBig: [], filesWrongType: [], filesTooBigAndWrongType: [] });\n\n    setRejectedFiles({ filesTooBig, filesWrongType, filesTooBigAndWrongType });\n  };\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: ACCEPTED_FILE_TYPES,\n    maxSize: MAX_FILE_SIZE,\n    onDrop,\n    onDropRejected,\n  });\n\n  const { filesTooBig = [], filesWrongType = [], filesTooBigAndWrongType = [] } = rejectedFiles;\n\n  return (\n    <>\n      {\n        filesTooBigAndWrongType.length ? (\n          <div>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <div>\n                <div className={'text-sm text-validation-red'}>\n                  This file type is not supported and exceeds the maximum upload size of 10MB.\n                </div>\n                <div className={'text-sm text-validation-red mt-2'}>\n                  Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA\n                </div>\n              </div>\n            </div>\n            <ul>\n              {\n                filesTooBigAndWrongType.map(\n                  (file) => <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>,\n                )\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      {\n        filesWrongType.length ? (\n          <div className={`${filesTooBigAndWrongType.length ? 'mt-3' : ''}`}>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <span className={'text-sm text-validation-red'}>\n                This file type is not supported. Accepted formats are CSV .DOC .DOCX .PDF .RTF\n                .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA\n              </span>\n            </div>\n            <ul>\n              {\n                filesWrongType.map(\n                  (file) => <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>,\n                )\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      {\n        filesTooBig.length ? (\n          <div className={`${(filesWrongType.length || filesTooBigAndWrongType.length) ? 'mt-3' : ''}`}>\n            <div className=\"flex\">\n              <div>\n                <Icon\n                  className=\"mr-2 text-validation-red fill-current pb-1\"\n                  icon={'V2Warning'}\n                  size={14}\n                />\n              </div>\n              <span className={'text-sm text-validation-red'}>\n                The following file exceeds the maximum upload size of 10MB\n              </span>\n            </div>\n            <ul>\n              {\n                filesTooBig.map((file) => (\n                  <li key={file} className={'text-sm text-validation-red list-disc mt-1'}>{file}</li>\n                ))\n              }\n            </ul>\n          </div>\n        ) : null\n      }\n      <div {...getRootProps()} className=\"file-upload-dropzone mb-3 mt-5\">\n        <div className=\"file-upload-dropzone__preview\">\n          <p>\n            <span className=\"file-upload-dropzone__preview__uploader-link\">Choose files</span> or drag and drop to upload\n          </p>\n          {\n            !isEmpty(uploadedFiles) && uploadedFiles.map(({ file, tempId, preview }) => (\n              <div key={tempId} className=\"file-upload-dropzone__preview__preview-item\">\n                <FilePreview contentType={file.type} preview={preview} />\n                <div className=\"file-upload-dropzone__preview__file-name\">\n                  {file.name}\n                </div>\n              </div>\n            ))\n          }\n        </div>\n        <input {...getInputProps()} />\n      </div>\n    </>\n  );\n};\n\nFileUpload.propTypes = {\n  rejectedFiles: PropTypes.object.isRequired,\n  uploadedFiles: PropTypes.array.isRequired,\n  setRejectedFiles: PropTypes.func.isRequired,\n  setUploadedFiles: PropTypes.func.isRequired,\n};\n\nexport default FileUpload;\n"],"mappings":"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"}

package/dist/common/form/FileUploadV2/FileUpload.test.js

@@ -0,0 +1,181 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _Object$getOwnPropertySymbols = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols");
+var _filterInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/filter");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _Object$getOwnPropertyDescriptors = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors");
+var _Object$defineProperties = require("@babel/runtime-corejs3/core-js-stable/object/define-properties");
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _regenerator = _interopRequireDefault(require("@babel/runtime-corejs3/regenerator"));
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+var _url = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/url"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/asyncToGenerator"));
+var _react = _interopRequireDefault(require("react"));
+var _enzyme = require("enzyme");
+var _renderJSON = _interopRequireDefault(require("testUtils/renderJSON"));
+var _react2 = require("@testing-library/react");
+var _FileUpload = require("./FileUpload");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
+jest.mock('common/utils/utils');
+require('src/common/utils/utils').generateUUID.mockReturnValue(10);
+var createFile = function createFile(name, size, type) {
+  return {
+    name: name,
+    path: name,
+    size: size,
+    type: type
+  };
+};
+var goodFiles = [createFile('foo.png', 200, 'image/png'), createFile('bar.pdf', 200, 'application/pdf')];
+var badFiles = [createFile('gah.exe', 300, 'application/octet-stream'), createFile('bah.jpg', 10000001, 'image/jpg'), createFile('rah.exe', 10000004, 'application/octet-stream')];
+var props = {
+  setRejectedFiles: jest.fn(),
+  setUploadedFiles: jest.fn(),
+  uploadedFiles: [],
+  rejectedFiles: {
+    filesTooBig: [],
+    filesWrongType: []
+  }
+};
+var render = function render() {
+  var renderProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_FileUpload.FileUpload, renderProps));
+};
+var dropFile = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(component, files) {
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return (0, _react2.act)(function () {
+            return (0, _react2.waitFor)(function () {
+              (0, _find.default)(component).call(component, '.file-upload-dropzone').simulate('drop', {
+                target: {
+                  files: files
+                },
+                preventDefault: function preventDefault() {},
+                persist: function persist() {}
+              });
+            });
+          });
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function dropFile(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
+describe('FileUpload', function () {
+  var createObjectURL;
+  beforeEach(function () {
+    createObjectURL = _url.default.createObjectURL;
+    _url.default.createObjectURL = jest.fn();
+  });
+  afterEach(function () {
+    jest.clearAllMocks();
+    _url.default.createObjectURL = createObjectURL;
+  });
+  describe('when file uploaded', function () {
+    var uploadedFiles = [{
+      file: {
+        name: 'foo.png',
+        path: 'foo.png',
+        size: 200,
+        type: 'image/png'
+      },
+      tempId: 10,
+      preview: undefined
+    }, {
+      file: {
+        name: 'bar.pdf',
+        path: 'bar.pdf',
+        size: 200,
+        type: 'application/pdf'
+      },
+      tempId: 10,
+      preview: undefined
+    }];
+    it('sets files with onDrop method and clears rejected files on validations', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var component;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            component = render(props);
+            _context2.next = 3;
+            return dropFile(component, goodFiles);
+          case 3:
+            expect(props.setUploadedFiles).toHaveBeenCalledWith(uploadedFiles);
+            expect(props.setRejectedFiles).toHaveBeenCalledWith({
+              filesTooBig: [],
+              filesWrongType: []
+            });
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    })));
+    it('renders file preview for successful file uploads', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var _context3;
+      var component;
+      return _regenerator.default.wrap(function _callee3$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            component = render(_objectSpread(_objectSpread({}, props), {}, {
+              uploadedFiles: uploadedFiles
+            }));
+            expect((0, _find.default)(_context3 = (0, _find.default)(component).call(component, _FileUpload.FileUpload).render()).call(_context3, '.file-upload-dropzone__preview__preview-item')).toHaveLength(2);
+          case 2:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee3);
+    })));
+    it('sets rejected files with onDropRejected method', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+      var component;
+      return _regenerator.default.wrap(function _callee4$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            component = render(props);
+            _context5.next = 3;
+            return dropFile(component, badFiles);
+          case 3:
+            expect(props.setRejectedFiles).toHaveBeenCalledWith({
+              filesTooBig: ['bah.jpg'],
+              filesWrongType: ['gah.exe'],
+              filesTooBigAndWrongType: ['rah.exe']
+            });
+          case 4:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee4);
+    })));
+    it('renders file size and file type error validations', function () {
+      var rejectedFiles = {
+        filesWrongType: ['gah.exe'],
+        filesTooBig: ['bag.jpg'],
+        filesTooBigAndWrongType: ['rah.exe']
+      };
+      expect((0, _renderJSON.default)( /*#__PURE__*/_react.default.createElement(_FileUpload.FileUpload, (0, _extends2.default)({}, props, {
+        rejectedFiles: rejectedFiles
+      })))).toMatchSnapshot();
+    });
+  });
+  describe('when no file uploaded', function () {
+    it('does not render file preview', function () {
+      var _context6;
+      var component = render(props);
+      expect((0, _find.default)(_context6 = (0, _find.default)(component).call(component, _FileUpload.FileUpload).render()).call(_context6, '.file-upload-dropzone__preview__preview-item')).toHaveLength(0);
+    });
+  });
+});
+//# sourceMappingURL=FileUpload.test.js.map

package/dist/common/form/FileUploadV2/FileUpload.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.test.js","names":["_react","_interopRequireDefault","require","_enzyme","_renderJSON","_react2","_FileUpload","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty","call","sym","_Object$getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","Object","forEach","key","_defineProperty2","default","_Object$getOwnPropertyDescriptors","_Object$defineProperties","_Object$defineProperty","jest","mock","generateUUID","mockReturnValue","createFile","name","size","type","path","goodFiles","badFiles","props","setRejectedFiles","fn","setUploadedFiles","uploadedFiles","rejectedFiles","filesTooBig","filesWrongType","render","renderProps","undefined","mount","createElement","FileUpload","dropFile","_ref","_asyncToGenerator2","_regenerator","mark","_callee","component","files","wrap","_callee$","_context","prev","next","act","waitFor","_find","simulate","preventDefault","persist","stop","_x","_x2","describe","createObjectURL","beforeEach","_url","afterEach","clearAllMocks","file","tempId","preview","it","_callee2","_callee2$","_context2","expect","toHaveBeenCalledWith","_callee3","_context3","_callee3$","_context4","toHaveLength","_callee4","_callee4$","_context5","filesTooBigAndWrongType","renderJSON","_extends2","toMatchSnapshot","_context6"],"sources":["../../../../src/common/form/FileUploadV2/FileUpload.test.js"],"sourcesContent":["import React from 'react';\nimport { mount } from 'enzyme';\nimport renderJSON from 'testUtils/renderJSON';\nimport { act, waitFor } from '@testing-library/react';\nimport { FileUpload } from './FileUpload';\n\njest.mock('common/utils/utils');\nrequire('src/common/utils/utils').generateUUID.mockReturnValue(10);\n\nconst createFile = (name, size, type) => ({\n  name,\n  path: name,\n  size,\n  type,\n});\n\nconst goodFiles = [\n  createFile('foo.png', 200, 'image/png'),\n  createFile('bar.pdf', 200, 'application/pdf'),\n];\n\nconst badFiles = [\n  createFile('gah.exe', 300, 'application/octet-stream'),\n  createFile('bah.jpg', 10000001, 'image/jpg'),\n  createFile('rah.exe', 10000004, 'application/octet-stream'),\n];\n\nconst props = {\n  setRejectedFiles: jest.fn(),\n  setUploadedFiles: jest.fn(),\n  uploadedFiles: [],\n  rejectedFiles: { filesTooBig: [], filesWrongType: [] },\n};\n\nconst render = (renderProps = {}) => mount(\n  <FileUpload {...renderProps} />,\n);\n\nconst dropFile = async (component, files) => {\n  await act(() => waitFor(() => {\n    component.find('.file-upload-dropzone').simulate('drop', {\n      target: { files },\n      preventDefault: () => {},\n      persist: () => {},\n    });\n  }));\n};\n\ndescribe('FileUpload', () => {\n  let createObjectURL;\n  beforeEach(() => {\n    createObjectURL = global.URL.createObjectURL;\n    global.URL.createObjectURL = jest.fn();\n  });\n\n  afterEach(() => {\n    jest.clearAllMocks();\n    global.URL.createObjectURL = createObjectURL;\n  });\n\n  describe('when file uploaded', () => {\n    const uploadedFiles = [\n      {\n        file: {\n          name: 'foo.png',\n          path: 'foo.png',\n          size: 200,\n          type: 'image/png',\n        },\n        tempId: 10,\n        preview: undefined,\n      },\n      {\n        file: {\n          name: 'bar.pdf',\n          path: 'bar.pdf',\n          size: 200,\n          type: 'application/pdf',\n        },\n        tempId: 10,\n        preview: undefined,\n      },\n    ];\n\n    it('sets files with onDrop method and clears rejected files on validations', async () => {\n      const component = render(props);\n      await dropFile(component, goodFiles);\n      expect(props.setUploadedFiles).toHaveBeenCalledWith(uploadedFiles);\n      expect(props.setRejectedFiles).toHaveBeenCalledWith({ filesTooBig: [], filesWrongType: [] });\n    });\n\n    it('renders file preview for successful file uploads', async () => {\n      const component = render({ ...props, uploadedFiles });\n      expect(component.find(FileUpload).render().find('.file-upload-dropzone__preview__preview-item')).toHaveLength(2);\n    });\n\n    it('sets rejected files with onDropRejected method', async () => {\n      const component = render(props);\n      await dropFile(component, badFiles);\n\n      expect(props.setRejectedFiles).toHaveBeenCalledWith({\n        filesTooBig: ['bah.jpg'],\n        filesWrongType: ['gah.exe'],\n        filesTooBigAndWrongType: ['rah.exe'],\n      });\n    });\n\n    it('renders file size and file type error validations', () => {\n      const rejectedFiles = {\n        filesWrongType: ['gah.exe'],\n        filesTooBig: ['bag.jpg'],\n        filesTooBigAndWrongType: ['rah.exe'],\n      };\n      expect(renderJSON(<FileUpload {...props} rejectedFiles={rejectedFiles} />)).toMatchSnapshot();\n    });\n  });\n\n  describe('when no file uploaded', () => {\n    it('does not render file preview', () => {\n      const component = render(props);\n      expect(component.find(FileUpload).render().find('.file-upload-dropzone__preview__preview-item')).toHaveLength(0);\n    });\n  });\n});\n"],"mappings":"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"}

package/dist/common/form/FileUploadV2/__snapshots__/FileUpload.test.js.snap

@@ -0,0 +1,180 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`FileUpload when file uploaded renders file size and file type error validations 1`] = `
+Array [
+  <div>
+    <div
+      className="flex"
+    >
+      <div>
+        <svg
+          className="ui-icon mr-2 text-validation-red fill-current pb-1"
+          height="14px"
+          id=""
+          style={
+            Object {
+              "display": "inline-block",
+              "fill": "",
+              "verticalAlign": "middle",
+            }
+          }
+          viewBox="0 0 15 15"
+          width="14px"
+        >
+          <path
+            d="M14.7656 7.375C14.7656 3.39062 11.4844 0.109375 7.5 0.109375C3.48633 0.109375 0.234375 3.39062 0.234375 7.375C0.234375 11.3887 3.48633 14.6406 7.5 14.6406C11.4844 14.6406 14.7656 11.3887 14.7656 7.375ZM7.5 8.83984C8.23242 8.83984 8.84766 9.45508 8.84766 10.1875C8.84766 10.9492 8.23242 11.5352 7.5 11.5352C6.73828 11.5352 6.15234 10.9492 6.15234 10.1875C6.15234 9.45508 6.73828 8.83984 7.5 8.83984ZM6.21094 4.00586C6.18164 3.80078 6.35742 3.625 6.5625 3.625H8.4082C8.61328 3.625 8.78906 3.80078 8.75977 4.00586L8.55469 7.99023C8.52539 8.19531 8.37891 8.3125 8.20312 8.3125H6.76758C6.5918 8.3125 6.44531 8.19531 6.41602 7.99023L6.21094 4.00586Z"
+          />
+        </svg>
+      </div>
+      <div>
+        <div
+          className="text-sm text-validation-red"
+        >
+          This file type is not supported and exceeds the maximum upload size of 10MB.
+        </div>
+        <div
+          className="text-sm text-validation-red mt-2"
+        >
+          Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA
+        </div>
+      </div>
+    </div>
+    <ul>
+      <li
+        className="text-sm text-validation-red list-disc mt-1"
+      >
+        rah.exe
+      </li>
+    </ul>
+  </div>,
+  <div
+    className="mt-3"
+  >
+    <div
+      className="flex"
+    >
+      <div>
+        <svg
+          className="ui-icon mr-2 text-validation-red fill-current pb-1"
+          height="14px"
+          id=""
+          style={
+            Object {
+              "display": "inline-block",
+              "fill": "",
+              "verticalAlign": "middle",
+            }
+          }
+          viewBox="0 0 15 15"
+          width="14px"
+        >
+          <path
+            d="M14.7656 7.375C14.7656 3.39062 11.4844 0.109375 7.5 0.109375C3.48633 0.109375 0.234375 3.39062 0.234375 7.375C0.234375 11.3887 3.48633 14.6406 7.5 14.6406C11.4844 14.6406 14.7656 11.3887 14.7656 7.375ZM7.5 8.83984C8.23242 8.83984 8.84766 9.45508 8.84766 10.1875C8.84766 10.9492 8.23242 11.5352 7.5 11.5352C6.73828 11.5352 6.15234 10.9492 6.15234 10.1875C6.15234 9.45508 6.73828 8.83984 7.5 8.83984ZM6.21094 4.00586C6.18164 3.80078 6.35742 3.625 6.5625 3.625H8.4082C8.61328 3.625 8.78906 3.80078 8.75977 4.00586L8.55469 7.99023C8.52539 8.19531 8.37891 8.3125 8.20312 8.3125H6.76758C6.5918 8.3125 6.44531 8.19531 6.41602 7.99023L6.21094 4.00586Z"
+          />
+        </svg>
+      </div>
+      <span
+        className="text-sm text-validation-red"
+      >
+        This file type is not supported. Accepted formats are CSV .DOC .DOCX .PDF .RTF .TXT .XLS .XLSX .GIF .JPG .JPEG .PNG .MP3 .M4A .WAV .WMA
+      </span>
+    </div>
+    <ul>
+      <li
+        className="text-sm text-validation-red list-disc mt-1"
+      >
+        gah.exe
+      </li>
+    </ul>
+  </div>,
+  <div
+    className="mt-3"
+  >
+    <div
+      className="flex"
+    >
+      <div>
+        <svg
+          className="ui-icon mr-2 text-validation-red fill-current pb-1"
+          height="14px"
+          id=""
+          style={
+            Object {
+              "display": "inline-block",
+              "fill": "",
+              "verticalAlign": "middle",
+            }
+          }
+          viewBox="0 0 15 15"
+          width="14px"
+        >
+          <path
+            d="M14.7656 7.375C14.7656 3.39062 11.4844 0.109375 7.5 0.109375C3.48633 0.109375 0.234375 3.39062 0.234375 7.375C0.234375 11.3887 3.48633 14.6406 7.5 14.6406C11.4844 14.6406 14.7656 11.3887 14.7656 7.375ZM7.5 8.83984C8.23242 8.83984 8.84766 9.45508 8.84766 10.1875C8.84766 10.9492 8.23242 11.5352 7.5 11.5352C6.73828 11.5352 6.15234 10.9492 6.15234 10.1875C6.15234 9.45508 6.73828 8.83984 7.5 8.83984ZM6.21094 4.00586C6.18164 3.80078 6.35742 3.625 6.5625 3.625H8.4082C8.61328 3.625 8.78906 3.80078 8.75977 4.00586L8.55469 7.99023C8.52539 8.19531 8.37891 8.3125 8.20312 8.3125H6.76758C6.5918 8.3125 6.44531 8.19531 6.41602 7.99023L6.21094 4.00586Z"
+          />
+        </svg>
+      </div>
+      <span
+        className="text-sm text-validation-red"
+      >
+        The following file exceeds the maximum upload size of 10MB
+      </span>
+    </div>
+    <ul>
+      <li
+        className="text-sm text-validation-red list-disc mt-1"
+      >
+        bag.jpg
+      </li>
+    </ul>
+  </div>,
+  <div
+    className="file-upload-dropzone mb-3 mt-5"
+    onBlur={[Function]}
+    onClick={[Function]}
+    onDragEnter={[Function]}
+    onDragLeave={[Function]}
+    onDragOver={[Function]}
+    onDrop={[Function]}
+    onFocus={[Function]}
+    onKeyDown={[Function]}
+    tabIndex={0}
+  >
+    <div
+      className="file-upload-dropzone__preview"
+    >
+      <p>
+        <span
+          className="file-upload-dropzone__preview__uploader-link"
+        >
+          Choose file
+        </span>
+         or drag and drop to upload
+      </p>
+    </div>
+    <input
+      accept="text/csv, application/msword,
+application/vnd.openxmlformats-officedocument.wordprocessingml.document,
+application/pdf, application/rtf, text/rtf, application/x-rtf, text/plain,
+application/excel, application/vnd.ms-excel, application/x-excel, application/x-msexcel,
+application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,
+application/vnd.ms-excel.sheet.binary.macroEnabled.12,
+application/vnd.ms-excel,
+application/vnd.ms-excel.sheet.macroEnabled.12,
+image/gif, image/jpg, image/jpeg, image/png, audio/mpeg, audio/m4a,
+audio/x-m4a, audio/wav, audio/x-wav, audio/x-ms-wma, video/x-ms-wma"
+      autoComplete="off"
+      disabled={false}
+      multiple={true}
+      onChange={[Function]}
+      onClick={[Function]}
+      style={
+        Object {
+          "display": "none",
+        }
+      }
+      tabIndex={-1}
+      type="file"
+    />
+  </div>,
+]
+`;

package/dist/common/form/FileUploadV2/components/FilePreview.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = _interopRequireDefault(require("react"));
+var _FileThumbnail = _interopRequireDefault(require("@unite-us/client-utils/dist/FileThumbnail"));
+var FilePreview = function FilePreview(_ref) {
+  var contentType = _ref.contentType,
+    preview = _ref.preview;
+  if (/\bimage\b/.test(contentType)) {
+    return /*#__PURE__*/_react.default.createElement("img", {
+      src: preview,
+      alt: "preview"
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_FileThumbnail.default, {
+    contentType: contentType
+  });
+};
+FilePreview.propTypes = {
+  contentType: _propTypes.default.string.isRequired,
+  preview: _propTypes.default.string
+};
+var _default = FilePreview;
+exports.default = _default;
+//# sourceMappingURL=FilePreview.js.map

package/dist/common/form/FileUploadV2/components/FilePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreview.js","names":["_propTypes","_interopRequireDefault","require","_react","_FileThumbnail","FilePreview","_ref","contentType","preview","test","default","createElement","src","alt","propTypes","PropTypes","string","isRequired","_default","exports"],"sources":["../../../../../src/common/form/FileUploadV2/components/FilePreview.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport FileThumbnail from '@unite-us/client-utils/dist/FileThumbnail';\n\nconst FilePreview = ({ contentType, preview }) => {\n  if (/\\bimage\\b/.test(contentType)) {\n    return <img src={preview} alt=\"preview\" />;\n  }\n\n  return <FileThumbnail contentType={contentType} />;\n};\n\nFilePreview.propTypes = {\n  contentType: PropTypes.string.isRequired,\n  preview: PropTypes.string,\n};\n\nexport default FilePreview;\n"],"mappings":";;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CAAAC,IAAA,EAAiC;EAAA,IAA3BC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACzC,IAAI,WAAW,CAACC,IAAI,CAACF,WAAW,CAAC,EAAE;IACjC,oBAAOJ,MAAA,CAAAO,OAAA,CAAAC,aAAA;MAAKC,GAAG,EAAEJ,OAAQ;MAACK,GAAG,EAAC;IAAS,EAAG;EAC5C;EAEA,oBAAOV,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACP,cAAA,CAAAM,OAAa;IAACH,WAAW,EAAEA;EAAY,EAAG;AACpD,CAAC;AAEDF,WAAW,CAACS,SAAS,GAAG;EACtBP,WAAW,EAAEQ,kBAAS,CAACC,MAAM,CAACC,UAAU;EACxCT,OAAO,EAAEO,kBAAS,CAACC;AACrB,CAAC;AAAC,IAAAE,QAAA,GAEab,WAAW;AAAAc,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/dist/common/form/FileUploadV2/stylesheets/FileUpload.scss

@@ -0,0 +1,49 @@
+@import '../../../../styles/variables';
+
+.file-upload-dropzone {
+  position: relative;
+  
+  background: #EEF5FC;
+  border: 1px dashed #C2D8EA;
+  box-sizing: border-box;
+  border-radius: 4px;
+
+  padding: 1em;
+  min-height: 8em;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &__preview {
+    text-align: center;
+
+    &__uploader-link {
+        color: $united-blue-color;
+        text-decoration: underline;
+    }
+
+    &__preview-item {
+      background:$white;
+      box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, $table-border-color 0px 1px 4px;
+      display: inline-block;
+      margin: 8px;
+      min-width: 100px;
+      padding: 10px 5px;
+      position: relative;
+    }
+    img {
+      max-width: 100px;
+      max-height: 80px;
+    }
+    &__file-name {
+      background: $white;
+      font-size: 11px;
+      line-height: 13px;
+      max-width: 100px;
+      overflow: hidden;
+      padding: 7px 7px 0;
+      word-break: break-all;
+    }
+  }
+}

package/dist/common/utils/utils.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateUUID = generateUUID;
+function generateUUID() {
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : r & 0x3 | 0x8; // eslint-disable-line no-mixed-operators
+    return v.toString(16);
+  });
+}
+//# sourceMappingURL=utils.js.map

package/dist/common/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["generateUUID","replace","c","r","Math","random","v","toString"],"sources":["../../../src/common/utils/utils.js"],"sourcesContent":["export function generateUUID() {\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'\n    .replace(\n      /[xy]/g,\n      (c) => {\n        const r = Math.random() * 16 | 0;\n        const v = c === 'x' ? r : (r & 0x3 | 0x8); // eslint-disable-line no-mixed-operators\n        return v.toString(16);\n      },\n    );\n}\n"],"mappings":";;;;;;;AAAO,SAASA,YAAYA,CAAA,EAAG;EAC7B,OAAO,sCAAsC,CAC1CC,OAAO,CACN,OAAO,EACP,UAACC,CAAC,EAAK;IACL,IAAMC,CAAC,GAAGC,IAAI,CAACC,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC;IAChC,IAAMC,CAAC,GAAGJ,CAAC,KAAK,GAAG,GAAGC,CAAC,GAAIA,CAAC,GAAG,GAAG,GAAG,GAAI,CAAC,CAAC;IAC3C,OAAOG,CAAC,CAACC,QAAQ,CAAC,EAAE,CAAC;EACvB,CAAC,CACF;AACL"}

package/dist/components/ClientHeader/utils/getDOBData.js

@@ -7,11 +7,11 @@ _Object$defineProperty(exports, "__esModule", {
 });
 exports.default = getDobData;
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-var _clientUtils = require("@unite-us/client-utils");
+var _dates = _interopRequireDefault(require("@unite-us/client-utils/dist/utils/dates"));
 var _moment = _interopRequireDefault(require("moment"));
 function getDobData(dateOfBirth) {
   var _context;
-  var birthData = _clientUtils.dates.formatDate(dateOfBirth);
+  var birthData = _dates.default.formatDate(dateOfBirth);
   var currentDate = (0, _moment.default)(new Date());
   var age = Math.floor(currentDate.diff(birthData, 'years', true));
   return (0, _concat.default)(_context = "".concat(birthData, " (Age ")).call(_context, age, ")");

package/dist/components/ClientHeader/utils/getDOBData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getDOBData.js","names":["_clientUtils","require","_moment","_interopRequireDefault","getDobData","dateOfBirth","_context","birthData","dates","formatDate","currentDate","moment","Date","age","Math","floor","diff","_concat","default","concat","call"],"sources":["../../../../src/components/ClientHeader/utils/getDOBData.js"],"sourcesContent":["import { dates } from '@unite-us/client-utils';\nimport moment from 'moment';\n\nexport default function getDobData(dateOfBirth) {\n  const birthData = dates.formatDate(dateOfBirth);\n  const currentDate = moment(new Date());\n  const age = Math.floor(currentDate.diff(birthData, 'years', true));\n\n  return `${birthData} (Age ${age})`;\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEe,SAASG,UAAUA,CAACC,WAAW,EAAE;EAAA,IAAAC,QAAA;EAC9C,IAAMC,SAAS,GAAGC,kBAAK,CAACC,UAAU,CAACJ,WAAW,CAAC;EAC/C,IAAMK,WAAW,GAAG,IAAAC,eAAM,EAAC,IAAIC,IAAI,EAAE,CAAC;EACtC,IAAMC,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACL,WAAW,CAACM,IAAI,CAACT,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;EAElE,WAAAU,OAAA,CAAAC,OAAA,EAAAZ,QAAA,MAAAa,MAAA,CAAUZ,SAAS,aAAAa,IAAA,CAAAd,QAAA,EAASO,GAAG;AACjC"}
+{"version":3,"file":"getDOBData.js","names":["_dates","_interopRequireDefault","require","_moment","getDobData","dateOfBirth","_context","birthData","dates","formatDate","currentDate","moment","Date","age","Math","floor","diff","_concat","default","concat","call"],"sources":["../../../../src/components/ClientHeader/utils/getDOBData.js"],"sourcesContent":["import dates from '@unite-us/client-utils/dist/utils/dates';\nimport moment from 'moment';\n\nexport default function getDobData(dateOfBirth) {\n  const birthData = dates.formatDate(dateOfBirth);\n  const currentDate = moment(new Date());\n  const age = Math.floor(currentDate.diff(birthData, 'years', true));\n\n  return `${birthData} (Age ${age})`;\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEe,SAASE,UAAUA,CAACC,WAAW,EAAE;EAAA,IAAAC,QAAA;EAC9C,IAAMC,SAAS,GAAGC,cAAK,CAACC,UAAU,CAACJ,WAAW,CAAC;EAC/C,IAAMK,WAAW,GAAG,IAAAC,eAAM,EAAC,IAAIC,IAAI,EAAE,CAAC;EACtC,IAAMC,GAAG,GAAGC,IAAI,CAACC,KAAK,CAACL,WAAW,CAACM,IAAI,CAACT,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC;EAElE,WAAAU,OAAA,CAAAC,OAAA,EAAAZ,QAAA,MAAAa,MAAA,CAAUZ,SAAS,aAAAa,IAAA,CAAAd,QAAA,EAASO,GAAG;AACjC"}

package/dist/pages/referrals/ReferralBuilderForm.js

@@ -1,17 +1,21 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ReferralBuilderForm = ReferralBuilderForm;
 exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _values = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/values"));
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
 var _propTypes = require("prop-types");
 var _reactFinalForm = require("react-final-form");
 var _ReferralProgramCard = _interopRequireDefault(require("./ReferralProgramCard"));
@@ -19,6 +23,9 @@ var _ui = require("@unite-us/ui");
 var _InfoPanel = _interopRequireDefault(require("@unite-us/client-utils/dist/InfoPanel/InfoPanel"));
 var _validations = require("@unite-us/client-utils/dist/utils/validations/validations");
 var _constants = require("./constants");
+var _FileUpload = require("../../common/form/FileUploadV2/FileUpload");
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function ReferralBuilderForm(_ref) {
   var referral = _ref.referral,
     index = _ref.index,
@@ -33,6 +40,18 @@ function ReferralBuilderForm(_ref) {
       values: values
     });
   };
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    uploadedFiles = _useState2[0],
+    setUploadedFiles = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      filesTooBig: [],
+      filesWrongType: [],
+      filesTooBigAndWrongType: []
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    rejectedFiles = _useState4[0],
+    setRejectedFiles = _useState4[1];
   return /*#__PURE__*/_react.default.createElement(_reactFinalForm.Form, {
     initialValues: referral,
     onSubmit: function onSubmit() {},
@@ -90,6 +109,11 @@ function ReferralBuilderForm(_ref) {
         validations: _validations.isRequired,
         required: true
       }, params));
+    }), /*#__PURE__*/_react.default.createElement(_FileUpload.FileUpload, {
+      rejectedFiles: rejectedFiles,
+      setRejectedFiles: setRejectedFiles,
+      setUploadedFiles: setUploadedFiles,
+      uploadedFiles: uploadedFiles
     }))));
   });
 }

package/dist/pages/referrals/ReferralBuilderForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferralBuilderForm.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactFinalForm","_ReferralProgramCard","_ui","_InfoPanel","_validations","_constants","ReferralBuilderForm","_ref","referral","index","referralSubtitle","onChange","service","programs","isOON","onProgramClick","values","arguments","length","undefined","console","log","default","createElement","Form","initialValues","onSubmit","validate","errors","description","primaryWorker","_ref2","_context","_values","Fragment","FormSpy","subscription","className","_concat","concat","call","name","_map","program","key","id","onClick","Field","required","params","TextField","_extends2","afterLabelContent","message","REFERRAL_PII_PHI_DESCRIPTION","label","placeholder","rows","inline","validations","isRequired","propTypes","PropTypes","shape","string","array","number","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralBuilderForm.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Form, Field, FormSpy } from 'react-final-form';\nimport ReferralProgramCard from './ReferralProgramCard';\nimport { TextField } from '@unite-us/ui';\nimport InfoPanel from '@unite-us/client-utils/dist/InfoPanel/InfoPanel';\nimport {\n  isRequired,\n} from '@unite-us/client-utils/dist/utils/validations/validations';\nimport { REFERRAL_PII_PHI_DESCRIPTION } from './constants';\n\nexport function ReferralBuilderForm({ referral, index, referralSubtitle, onChange }) {\n  const { service, programs, isOON } = referral;\n\n  const onProgramClick = (values = {}) => {\n    console.log('program', { values });\n  }\n\n  return (\n    <Form\n      initialValues={referral}\n      onSubmit={() => { }}\n      validate={(values) => {\n        const errors = {};\n        if (!values.description) { errors.description = \"Required\" }\n        if (values.isOON && !values.primaryWorker) { errors.primaryWorker = \"Required\" }\n        return errors;\n      }}\n    >\n      {({ values }) => (\n        <>\n          <FormSpy\n            subscription={{ values: true }}\n            onChange={onChange}\n          />\n          <div className=\"md:w-full lg:w-2/3 bg-gray-light border border-blue-border rounded\">\n            <div className=\"p-5 bg-med-pale-blue\">\n              <h2 className=\"text-xl font-black\">\n                {`Referral ${index + 1}: ${service?.name}`}\n              </h2>\n              <h3>\n                {referralSubtitle}\n              </h3>\n            </div>\n            <div className=\"p-5\">\n              <h5 className=\"text-base ui-form-field__label ui-form-field__label--required\">PROGRAMS</h5>\n              {programs.map((program) => (\n                <ReferralProgramCard key={`referral-program-${program?.id}-card`} program={program} onClick={onProgramClick} isOON={isOON} />\n              ))}\n              <p className=\"text-center text-gray-600 my-10\">\n                Click on the three-dot icon to edit referral groupings.\n              </p>\n              <Field\n                name=\"description\"\n                required\n              >\n                {(params) => (\n                  <TextField\n                    afterLabelContent={(\n                      <InfoPanel\n                        className=\"mb-4 mt-2\"\n                        message={REFERRAL_PII_PHI_DESCRIPTION}\n                      />\n                    )}\n                    id=\"referral-description\"\n                    label=\"Referral Description\"\n                    placeholder=\"Describe your client's current situation and reason for referral.\"\n                    rows={3}\n                    inline={false}\n                    validations={isRequired}\n                    required\n                    {...params}\n                  />\n                )}\n              </Field>\n            </div>\n            {/* Primary worker field */}\n\n            {/* Attachment area */}\n\n            {/* Payment auth form */}\n          </div>\n        </>\n      )}\n    </Form>\n  )\n}\n\nReferralBuilderForm.propTypes = {\n  referral: PropTypes.shape({\n    service: PropTypes.shape({\n      name: PropTypes.string.isRequired,\n    }).isRequired,\n    programs: PropTypes.array.isRequired,\n  }).isRequired,\n  index: PropTypes.number.isRequired,\n  referralSubtitle: PropTypes.string,\n}\n\nReferralBuilderForm.defaultProps = {\n  referralSubtitle: '',\n}\n\nexport default ReferralBuilderForm;\n"],"mappings":"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"}
+{"version":3,"file":"ReferralBuilderForm.js","names":["_react","_interopRequireWildcard","require","_propTypes","_reactFinalForm","_ReferralProgramCard","_interopRequireDefault","_ui","_InfoPanel","_validations","_constants","_FileUpload","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","_Object$defineProperty","_Object$getOwnPropertyDescriptor","key","Object","prototype","hasOwnProperty","call","desc","set","ReferralBuilderForm","_ref","referral","index","referralSubtitle","onChange","service","programs","isOON","onProgramClick","values","arguments","length","undefined","console","log","_useState","useState","_useState2","_slicedToArray2","uploadedFiles","setUploadedFiles","_useState3","filesTooBig","filesWrongType","filesTooBigAndWrongType","_useState4","rejectedFiles","setRejectedFiles","createElement","Form","initialValues","onSubmit","validate","errors","description","primaryWorker","_ref2","_context","_values","Fragment","FormSpy","subscription","className","_concat","concat","name","_map","program","id","onClick","Field","required","params","TextField","_extends2","afterLabelContent","message","REFERRAL_PII_PHI_DESCRIPTION","label","placeholder","rows","inline","validations","isRequired","FileUpload","propTypes","PropTypes","shape","string","array","number","defaultProps","_default","exports"],"sources":["../../../src/pages/referrals/ReferralBuilderForm.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Form, Field, FormSpy } from 'react-final-form';\nimport ReferralProgramCard from './ReferralProgramCard';\nimport { TextField } from '@unite-us/ui';\nimport InfoPanel from '@unite-us/client-utils/dist/InfoPanel/InfoPanel';\nimport {\n  isRequired,\n} from '@unite-us/client-utils/dist/utils/validations/validations';\nimport { REFERRAL_PII_PHI_DESCRIPTION } from './constants';\nimport { FileUpload } from '../../common/form/FileUploadV2/FileUpload';\n\nexport function ReferralBuilderForm({ referral, index, referralSubtitle, onChange }) {\n  const { service, programs, isOON } = referral;\n\n  const onProgramClick = (values = {}) => {\n    console.log('program', { values });\n  }\n\n  const [uploadedFiles, setUploadedFiles] = useState([]);\n  const [rejectedFiles, setRejectedFiles] = useState({\n    filesTooBig: [],\n    filesWrongType: [],\n    filesTooBigAndWrongType: [],\n  });\n\n  return (\n    <Form\n      initialValues={referral}\n      onSubmit={() => { }}\n      validate={(values) => {\n        const errors = {};\n        if (!values.description) { errors.description = \"Required\" }\n        if (values.isOON && !values.primaryWorker) { errors.primaryWorker = \"Required\" }\n        return errors;\n      }}\n    >\n      {({ values }) => (\n        <>\n          <FormSpy\n            subscription={{ values: true }}\n            onChange={onChange}\n          />\n          <div className=\"md:w-full lg:w-2/3 bg-gray-light border border-blue-border rounded\">\n            <div className=\"p-5 bg-med-pale-blue\">\n              <h2 className=\"text-xl font-black\">\n                {`Referral ${index + 1}: ${service?.name}`}\n              </h2>\n              <h3>\n                {referralSubtitle}\n              </h3>\n            </div>\n            <div className=\"p-5\">\n              <h5 className=\"text-base ui-form-field__label ui-form-field__label--required\">PROGRAMS</h5>\n              {programs.map((program) => (\n                <ReferralProgramCard key={`referral-program-${program?.id}-card`} program={program} onClick={onProgramClick} isOON={isOON} />\n              ))}\n              <p className=\"text-center text-gray-600 my-10\">\n                Click on the three-dot icon to edit referral groupings.\n              </p>\n              <Field\n                name=\"description\"\n                required\n              >\n                {(params) => (\n                  <TextField\n                    afterLabelContent={(\n                      <InfoPanel\n                        className=\"mb-4 mt-2\"\n                        message={REFERRAL_PII_PHI_DESCRIPTION}\n                      />\n                    )}\n                    id=\"referral-description\"\n                    label=\"Referral Description\"\n                    placeholder=\"Describe your client's current situation and reason for referral.\"\n                    rows={3}\n                    inline={false}\n                    validations={isRequired}\n                    required\n                    {...params}\n                  />\n                )}\n              </Field>\n\n              {/* Attachment area */}\n              <FileUpload\n                rejectedFiles={rejectedFiles}\n                setRejectedFiles={setRejectedFiles}\n                setUploadedFiles={setUploadedFiles}\n                uploadedFiles={uploadedFiles}\n              />\n            </div>\n            {/* Primary worker field */}\n\n            {/* Payment auth form */}\n          </div>\n        </>\n      )}\n    </Form>\n  )\n}\n\nReferralBuilderForm.propTypes = {\n  referral: PropTypes.shape({\n    service: PropTypes.shape({\n      name: PropTypes.string.isRequired,\n    }).isRequired,\n    programs: PropTypes.array.isRequired,\n  }).isRequired,\n  index: PropTypes.number.isRequired,\n  referralSubtitle: PropTypes.string,\n}\n\nReferralBuilderForm.defaultProps = {\n  referralSubtitle: '',\n}\n\nexport default ReferralBuilderForm;\n"],"mappings":"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"}

package/dist/pages/referrals/constants.js

@@ -4,7 +4,7 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports.REVIEW_REFERRAL_DESCRIPTION = exports.REFERRAL_PII_PHI_DESCRIPTION = exports.REFERRAL_BUILDER_DESCRIPTION = exports.GROUPED_REFERRAL_MUST_HAVE_SAME = exports.GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = exports.EDITING_REFERRAL_GROUPINGS = exports.CREATE_REFERRAL_DESCRIPTION = exports.ABOUT_GROUPED_REFERRALS = void 0;
+exports.REVIEW_REFERRAL_DESCRIPTION = exports.REFERRAL_SENT_SUCCESS = exports.REFERRAL_PII_PHI_DESCRIPTION = exports.REFERRAL_BUILDER_DESCRIPTION = exports.GROUPED_REFERRAL_MUST_HAVE_SAME = exports.GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = exports.EDITING_REFERRAL_GROUPINGS = exports.CREATE_REFERRAL_DESCRIPTION = exports.ABOUT_GROUPED_REFERRALS = void 0;
 var REFERRAL_BUILDER_DESCRIPTION = "Organize referrals according to your client's needs,\n  then add referral descriptions and upload any necessary attachments.\n  We group compatible referrals by default. ";
 exports.REFERRAL_BUILDER_DESCRIPTION = REFERRAL_BUILDER_DESCRIPTION;
 var CREATE_REFERRAL_DESCRIPTION = "Add supporting information\n  providing this information can help us quickly connect your client with services";
@@ -21,4 +21,6 @@ var GROUPED_REFERRAL_MUST_HAVE_SAME = ['Service Type', 'Network Status (in or ou
 exports.GROUPED_REFERRAL_MUST_HAVE_SAME = GROUPED_REFERRAL_MUST_HAVE_SAME;
 var REFERRAL_PII_PHI_DESCRIPTION = "Only include personally identifiable information (PII), protected health information (PHI), or other sensitive information if it is necessary to provide services to the client.";
 exports.REFERRAL_PII_PHI_DESCRIPTION = REFERRAL_PII_PHI_DESCRIPTION;
+var REFERRAL_SENT_SUCCESS = "We've saved a list of these referred programs to the client's profile.\n  Share this resource list with the client by text, email, or print.";
+exports.REFERRAL_SENT_SUCCESS = REFERRAL_SENT_SUCCESS;
 //# sourceMappingURL=constants.js.map

package/dist/pages/referrals/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["REFERRAL_BUILDER_DESCRIPTION","exports","CREATE_REFERRAL_DESCRIPTION","REVIEW_REFERRAL_DESCRIPTION","ABOUT_GROUPED_REFERRALS","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","GROUPED_REFERRAL_MUST_HAVE_SAME","REFERRAL_PII_PHI_DESCRIPTION"],"sources":["../../../src/pages/referrals/constants.js"],"sourcesContent":["export const REFERRAL_BUILDER_DESCRIPTION = `Organize referrals according to your client's needs,\n  then add referral descriptions and upload any necessary attachments.\n  We group compatible referrals by default. `;\n\nexport const CREATE_REFERRAL_DESCRIPTION = `Add supporting information\n  providing this information can help us quickly connect your client with services`;\n\nexport const REVIEW_REFERRAL_DESCRIPTION = `You are almost there, please review the referrals for accuracy and submit them below.`;\n\nexport const ABOUT_GROUPED_REFERRALS = `Grouped referrals allow you to send referrals to several organizations at once.\n  Whoever accepts the referral first works with the client and the rest of the referrals are recalled.\n  We automatically group referrals for you. To be in a group, referrals must have the same:`;\n\nexport const GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = `Unite Us groups compatible referrals by default in order to optimize network resources.\n  If you wish to change the default grouping behavior, go to the settings page and select “Group Referrals Individually by default”.`;\n\nexport const EDITING_REFERRAL_GROUPINGS = `To remove a resource from a group and send it as an individual referral, click the three dots to the right of the resource and select “Move to a new referral.”\n\n  To move a referral into another compatible group, click the three dots to the right of the resource and select a group. You cannot group incompatible referrals (e.g. in-network referrals and out-of-network referrals, food pantry referrals and ride assistance referrals, etc.).`;\n\nexport const GROUPED_REFERRAL_MUST_HAVE_SAME = ['Service Type', 'Network Status (in or out of network)', 'Coordination Center', 'Cost (free or paid)'];\n\nexport const REFERRAL_PII_PHI_DESCRIPTION = \"Only include personally identifiable information (PII), protected health information (PHI), or other sensitive information if it is necessary to provide services to the client.\";\n"],"mappings":";;;;;;;AAAO,IAAMA,4BAA4B,+KAEI;AAACC,OAAA,CAAAD,4BAAA,GAAAA,4BAAA;AAEvC,IAAME,2BAA2B,mHAC2C;AAACD,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAE7E,IAAMC,2BAA2B,0FAA0F;AAACF,OAAA,CAAAE,2BAAA,GAAAA,2BAAA;AAE5H,IAAMC,uBAAuB,yRAEwD;AAACH,OAAA,CAAAG,uBAAA,GAAAA,uBAAA;AAEtF,IAAMC,yCAAyC,4OAC+E;AAACJ,OAAA,CAAAI,yCAAA,GAAAA,yCAAA;AAE/H,IAAMC,0BAA0B,wcAEgP;AAACL,OAAA,CAAAK,0BAAA,GAAAA,0BAAA;AAEjR,IAAMC,+BAA+B,GAAG,CAAC,cAAc,EAAE,uCAAuC,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;AAACN,OAAA,CAAAM,+BAAA,GAAAA,+BAAA;AAEhJ,IAAMC,4BAA4B,GAAG,kLAAkL;AAACP,OAAA,CAAAO,4BAAA,GAAAA,4BAAA"}
+{"version":3,"file":"constants.js","names":["REFERRAL_BUILDER_DESCRIPTION","exports","CREATE_REFERRAL_DESCRIPTION","REVIEW_REFERRAL_DESCRIPTION","ABOUT_GROUPED_REFERRALS","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","GROUPED_REFERRAL_MUST_HAVE_SAME","REFERRAL_PII_PHI_DESCRIPTION","REFERRAL_SENT_SUCCESS"],"sources":["../../../src/pages/referrals/constants.js"],"sourcesContent":["export const REFERRAL_BUILDER_DESCRIPTION = `Organize referrals according to your client's needs,\n  then add referral descriptions and upload any necessary attachments.\n  We group compatible referrals by default. `;\n\nexport const CREATE_REFERRAL_DESCRIPTION = `Add supporting information\n  providing this information can help us quickly connect your client with services`;\n\nexport const REVIEW_REFERRAL_DESCRIPTION = `You are almost there, please review the referrals for accuracy and submit them below.`;\n\nexport const ABOUT_GROUPED_REFERRALS = `Grouped referrals allow you to send referrals to several organizations at once.\n  Whoever accepts the referral first works with the client and the rest of the referrals are recalled.\n  We automatically group referrals for you. To be in a group, referrals must have the same:`;\n\nexport const GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS = `Unite Us groups compatible referrals by default in order to optimize network resources.\n  If you wish to change the default grouping behavior, go to the settings page and select “Group Referrals Individually by default”.`;\n\nexport const EDITING_REFERRAL_GROUPINGS = `To remove a resource from a group and send it as an individual referral, click the three dots to the right of the resource and select “Move to a new referral.”\n\n  To move a referral into another compatible group, click the three dots to the right of the resource and select a group. You cannot group incompatible referrals (e.g. in-network referrals and out-of-network referrals, food pantry referrals and ride assistance referrals, etc.).`;\n\nexport const GROUPED_REFERRAL_MUST_HAVE_SAME = ['Service Type', 'Network Status (in or out of network)', 'Coordination Center', 'Cost (free or paid)'];\n\nexport const REFERRAL_PII_PHI_DESCRIPTION = \"Only include personally identifiable information (PII), protected health information (PHI), or other sensitive information if it is necessary to provide services to the client.\";\n\nexport const REFERRAL_SENT_SUCCESS = `We've saved a list of these referred programs to the client's profile.\n  Share this resource list with the client by text, email, or print.`;"],"mappings":";;;;;;;AAAO,IAAMA,4BAA4B,+KAEI;AAACC,OAAA,CAAAD,4BAAA,GAAAA,4BAAA;AAEvC,IAAME,2BAA2B,mHAC2C;AAACD,OAAA,CAAAC,2BAAA,GAAAA,2BAAA;AAE7E,IAAMC,2BAA2B,0FAA0F;AAACF,OAAA,CAAAE,2BAAA,GAAAA,2BAAA;AAE5H,IAAMC,uBAAuB,yRAEwD;AAACH,OAAA,CAAAG,uBAAA,GAAAA,uBAAA;AAEtF,IAAMC,yCAAyC,4OAC+E;AAACJ,OAAA,CAAAI,yCAAA,GAAAA,yCAAA;AAE/H,IAAMC,0BAA0B,wcAEgP;AAACL,OAAA,CAAAK,0BAAA,GAAAA,0BAAA;AAEjR,IAAMC,+BAA+B,GAAG,CAAC,cAAc,EAAE,uCAAuC,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;AAACN,OAAA,CAAAM,+BAAA,GAAAA,+BAAA;AAEhJ,IAAMC,4BAA4B,GAAG,kLAAkL;AAACP,OAAA,CAAAO,4BAAA,GAAAA,4BAAA;AAExN,IAAMC,qBAAqB,iJACmC;AAACR,OAAA,CAAAQ,qBAAA,GAAAA,qBAAA"}

package/dist/pages/review/ReferralsSent.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ReferralsSent;
+var _ui = require("@unite-us/ui");
+var _react = _interopRequireDefault(require("react"));
+var _api = require("../../config/api");
+var _constants = require("../referrals/constants");
+function ReferralsSent() {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-around mt-24"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "py-32 bg-white"
+  }, /*#__PURE__*/_react.default.createElement("h1", {
+    className: "text-5xl my-5 text-center font-bold"
+  }, "Referrals Successfully Sent!"), /*#__PURE__*/_react.default.createElement("div", {
+    className: "w-7/12 p-4 pb-12 text-center mx-auto"
+  }, _constants.REFERRAL_SENT_SUCCESS), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-center gap-4"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "dashboard",
+    onClick: function onClick() {
+      _api.callbacks.onReferralCompleted();
+    },
+    className: "font-semibold normal-case w-64",
+    label: "Go to my Dashboard"
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "share",
+    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      icon: "IconExternalLink"
+    }),
+    onClick: function onClick() {
+      // TODO: add share programs functionality
+    },
+    primary: true,
+    className: "font-semibold bg-current-blue normal-case w-64",
+    label: "Share Programs"
+  }))));
+}
+//# sourceMappingURL=ReferralsSent.js.map

package/dist/pages/review/ReferralsSent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferralsSent.js","names":["_ui","require","_react","_interopRequireDefault","_api","_constants","ReferralsSent","default","createElement","className","REFERRAL_SENT_SUCCESS","Button","id","onClick","callbacks","onReferralCompleted","label","iconLeft","Icon","icon","primary"],"sources":["../../../src/pages/review/ReferralsSent.js"],"sourcesContent":["import { Button, Icon } from '@unite-us/ui';\nimport React from 'react';\nimport { callbacks } from '../../config/api';\nimport { REFERRAL_SENT_SUCCESS } from '../referrals/constants';\n\nexport default function ReferralsSent() {\n  return (\n    <div className='flex justify-around mt-24'>\n      <div className='py-32 bg-white'>\n        <h1 className='text-5xl my-5 text-center font-bold'>Referrals Successfully Sent!</h1>\n        <div className='w-7/12 p-4 pb-12 text-center mx-auto'>\n          {REFERRAL_SENT_SUCCESS}\n        </div>\n\n        <div className='flex justify-center gap-4'>\n          <Button\n            id=\"dashboard\"\n            onClick={() => {\n              callbacks.onReferralCompleted();\n            }}\n            className=\"font-semibold normal-case w-64\"\n            label=\"Go to my Dashboard\"\n          />\n\n          <Button\n            id=\"share\"\n            iconLeft={<Icon icon=\"IconExternalLink\" />}\n            onClick={() => {\n              // TODO: add share programs functionality\n            }}\n            primary\n            className=\"font-semibold bg-current-blue normal-case w-64\"\n            label=\"Share Programs\"\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAEe,SAASK,aAAaA,CAAA,EAAG;EACtC,oBACEJ,MAAA,CAAAK,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCP,MAAA,CAAAK,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAgB,gBAC7BP,MAAA,CAAAK,OAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAAqC,GAAC,8BAA4B,CAAK,eACrFP,MAAA,CAAAK,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAsC,GAClDC,gCAAqB,CAClB,eAENR,MAAA,CAAAK,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCP,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACR,GAAA,CAAAW,MAAM;IACLC,EAAE,EAAC,WAAW;IACdC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,cAAS,CAACC,mBAAmB,EAAE;IACjC,CAAE;IACFN,SAAS,EAAC,gCAAgC;IAC1CO,KAAK,EAAC;EAAoB,EAC1B,eAEFd,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACR,GAAA,CAAAW,MAAM;IACLC,EAAE,EAAC,OAAO;IACVK,QAAQ,eAAEf,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACR,GAAA,CAAAkB,IAAI;MAACC,IAAI,EAAC;IAAkB,EAAI;IAC3CN,OAAO,EAAE,SAAAA,QAAA,EAAM;MACb;IAAA,CACA;IACFO,OAAO;IACPX,SAAS,EAAC,gDAAgD;IAC1DO,KAAK,EAAC;EAAgB,EACtB,CACE,CACF,CACF;AAEV"}

package/dist/pages/review/Review.js

@@ -1,24 +1,35 @@
 "use strict";
 
+var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Review;
 var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _ui = require("@unite-us/ui");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
 var _StepHeader = _interopRequireDefault(require("../../components/StepHeader"));
 var _constants = require("../referrals/constants");
 var _api = require("../../config/api");
+var _ReferralsSent = _interopRequireDefault(require("./ReferralsSent"));
 var _AppCreateReferralProvider = require("../../context/AppCreateReferralProvider");
 var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function Review(props) {
   var location = props.location;
   var _useAppCreateReferral = (0, _AppCreateReferralProvider.useAppCreateReferralContext)(),
     state = _useAppCreateReferral.state;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    sent = _useState2[0],
+    updateSent = _useState2[1];
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClientHeader.default, {
     name: "Richard Wilson",
     consentStatus: "accepted",
@@ -27,7 +38,7 @@ function Review(props) {
     email: "rwilson@test.com"
   }), /*#__PURE__*/_react.default.createElement(_Stepper.default, {
     location: location
-  }), /*#__PURE__*/_react.default.createElement("div", {
+  }), sent ? /*#__PURE__*/_react.default.createElement(_ReferralsSent.default, null) : /*#__PURE__*/_react.default.createElement("div", {
     className: "px-12"
   }, /*#__PURE__*/_react.default.createElement(_StepHeader.default, {
     icon: true,
@@ -41,7 +52,7 @@ function Review(props) {
   }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
     id: "done",
     onClick: function onClick() {
-      _api.callbacks.onReferralCompleted();
+      updateSent(true);
     },
     primary: true,
     label: "Finish"

package/dist/pages/review/Review.js.map

@@ -1 +1 @@
-{"version":3,"file":"Review.js","names":["_ui","require","_react","_interopRequireDefault","_Stepper","_StepHeader","_constants","_api","_AppCreateReferralProvider","_ClientHeader","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","default","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","icon","header","REVIEW_REFERRAL_DESCRIPTION","_stringify","Button","id","onClick","browserHistory","goBack","label","callbacks","onReferralCompleted","primary"],"sources":["../../../src/pages/review/Review.js"],"sourcesContent":["import { Button } from '@unite-us/ui';\nimport React from 'react';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REVIEW_REFERRAL_DESCRIPTION } from '../referrals/constants';\nimport { browserHistory, callbacks } from '../../config/api';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\n\nexport default function Review(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\n\n  return (\n    <>\n      <ClientHeader name=\"Richard Wilson\" consentStatus=\"accepted\" dob={Date.now()} tel=\"9876543210\" email=\"rwilson@test.com\" />\n      <Stepper location={location} />\n      <div className=\"px-12\">\n        <StepHeader icon header={'Review Step'}>\n          {REVIEW_REFERRAL_DESCRIPTION}\n        </StepHeader>\n\n        <div>\n          <h1>Context State:</h1>\n          <code>{JSON.stringify(state)}</code>\n        </div>\n        <Button\n          id=\"back\"\n          onClick={() => {\n            browserHistory.goBack()\n          }}\n          label=\"Back\"\n        />\n\n        <Button\n          id=\"done\"\n          onClick={() => {\n            callbacks.onReferralCompleted();\n          }}\n          primary\n          label=\"Finish\"\n        />\n      </div>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,WAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,aAAA,GAAAN,sBAAA,CAAAF,OAAA;AAEe,SAASS,MAAMA,CAACC,KAAK,EAAE;EACpC,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,IAAAC,qBAAA,GAAkB,IAAAC,sDAA2B,GAAE;IAAvCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;EAEb,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAAAf,MAAA,CAAAc,OAAA,CAAAE,QAAA,qBACEhB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAO,OAAY;IAACG,IAAI,EAAC,gBAAgB;IAACC,aAAa,EAAC,UAAU;IAACC,GAAG,EAAEC,IAAI,CAACC,GAAG,EAAG;IAACC,GAAG,EAAC,YAAY;IAACC,KAAK,EAAC;EAAkB,EAAG,eAC1HvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACb,QAAA,CAAAY,OAAO;IAACJ,QAAQ,EAAEA;EAAS,EAAG,eAC/BV,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAKS,SAAS,EAAC;EAAO,gBACpBxB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,WAAA,CAAAW,OAAU;IAACW,IAAI;IAACC,MAAM,EAAE;EAAc,GACpCC,sCAA2B,CACjB,eAEb3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,2BACEf,MAAA,CAAAc,OAAA,CAAAC,aAAA,aAAI,gBAAc,CAAK,eACvBf,MAAA,CAAAc,OAAA,CAAAC,aAAA,eAAO,IAAAa,UAAA,CAAAd,OAAA,EAAeD,KAAK,CAAC,CAAQ,CAChC,eACNb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,GAAA,CAAA+B,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAEFlC,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,GAAA,CAAA+B,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbI,cAAS,CAACC,mBAAmB,EAAE;IACjC,CAAE;IACFC,OAAO;IACPH,KAAK,EAAC;EAAQ,EACd,CACE,CACL;AAEP"}
+{"version":3,"file":"Review.js","names":["_ui","require","_react","_interopRequireWildcard","_Stepper","_interopRequireDefault","_StepHeader","_constants","_api","_ReferralsSent","_AppCreateReferralProvider","_ClientHeader","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","_Object$defineProperty","_Object$getOwnPropertyDescriptor","key","Object","prototype","hasOwnProperty","call","desc","set","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","_useState","useState","_useState2","_slicedToArray2","sent","updateSent","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","icon","header","REVIEW_REFERRAL_DESCRIPTION","_stringify","Button","id","onClick","browserHistory","goBack","label","primary"],"sources":["../../../src/pages/review/Review.js"],"sourcesContent":["import { Button } from '@unite-us/ui';\nimport React, { useState } from 'react';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REVIEW_REFERRAL_DESCRIPTION } from '../referrals/constants';\nimport { browserHistory } from '../../config/api';\nimport ReferralsSent from './ReferralsSent';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\n\nexport default function Review(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\n\n  const [sent, updateSent] = useState(false);\n\n  return (\n    <>\n      <ClientHeader name=\"Richard Wilson\" consentStatus=\"accepted\" dob={Date.now()} tel=\"9876543210\" email=\"rwilson@test.com\" />\n      <Stepper location={location} />\n      {\n        sent ? <ReferralsSent/> : (\n          <div className=\"px-12\">\n            <StepHeader icon header={'Review Step'}>\n              {REVIEW_REFERRAL_DESCRIPTION}\n            </StepHeader>\n\n            <div>\n              <h1>Context State:</h1>\n              <code>{JSON.stringify(state)}</code>\n            </div>\n            <Button\n              id=\"back\"\n              onClick={() => {\n                browserHistory.goBack()\n              }}\n              label=\"Back\"\n            />\n\n            <Button\n              id=\"done\"\n              onClick={() => {\n                updateSent(true);\n              }}\n              primary\n              label=\"Finish\"\n            />\n          </div>\n        )\n      }\n    </>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unite-us/app-create-referral",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "main": "build/index.js",
   "author": "Alex Morales",
   "dependencies": {
@@ -13,6 +13,7 @@
     "final-form": "4.20.9",
     "final-form-arrays": "3.1.0",
     "lodash": "4.17.21",
+    "react-dropzone": "10.1.7",
     "react-final-form": "6.5.9",
     "react-final-form-arrays": "3.1.4",
     "react-scripts": "4.0.3",
@@ -57,8 +58,8 @@
     "react": "^16.8.0",
     "react-app-rewired": "^2.2.1",
     "react-dom": "^16.8.0",
-    "tailwindcss": "1.9.6",
-    "react-transition-group": "2.9.0"
+    "react-transition-group": "2.9.0",
+    "tailwindcss": "1.9.6"
   },
   "peerDependencies": {
     "react": ">=16.8.0",