@unite-us/app-create-referral 0.1.60-CRTB-non-sensitive-single-program-test-ecc45c8 → 0.1.60

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/components/spinners/Spinner/Spinner.test.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _testUtils = require("testUtils");
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+describe('Spinner', function () {
+  it('renders spinner at full scale', function () {
+    expect((0, _testUtils.renderJSON)( /*#__PURE__*/_react.default.createElement(_Spinner.default, null))).toMatchSnapshot();
+  });
+  it('renders spinner at half scale', function () {
+    expect((0, _testUtils.renderJSON)( /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      scale: 0.5
+    }))).toMatchSnapshot();
+  });
+  it('renders spinner with text', function () {
+    expect((0, _testUtils.renderJSON)( /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      text: "We loading, baby..."
+    }))).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=Spinner.test.js.map

package/dist/components/spinners/Spinner/Spinner.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.test.js","names":["_react","_interopRequireDefault","require","_testUtils","_Spinner","describe","it","expect","renderJSON","default","createElement","toMatchSnapshot","scale","text"],"sources":["../../../../src/components/spinners/Spinner/Spinner.test.js"],"sourcesContent":["import React from 'react';\nimport { renderJSON } from 'testUtils';\nimport Spinner from './Spinner';\n\ndescribe('Spinner', () => {\n  it('renders spinner at full scale', () => {\n    expect(renderJSON(<Spinner />)).toMatchSnapshot();\n  });\n\n  it('renders spinner at half scale', () => {\n    expect(renderJSON(<Spinner scale={0.5} />)).toMatchSnapshot();\n  });\n\n  it('renders spinner with text', () => {\n    expect(renderJSON(<Spinner text=\"We loading, baby...\" />)).toMatchSnapshot();\n  });\n});\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEAG,QAAQ,CAAC,SAAS,EAAE,YAAM;EACxBC,EAAE,CAAC,+BAA+B,EAAE,YAAM;IACxCC,MAAM,CAAC,IAAAC,qBAAU,gBAACR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAK,OAAO,OAAG,CAAC,CAAC,CAACE,eAAe,EAAE;EACnD,CAAC,CAAC;EAEFL,EAAE,CAAC,+BAA+B,EAAE,YAAM;IACxCC,MAAM,CAAC,IAAAC,qBAAU,gBAACR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAK,OAAO;MAACG,KAAK,EAAE;IAAI,EAAG,CAAC,CAAC,CAACD,eAAe,EAAE;EAC/D,CAAC,CAAC;EAEFL,EAAE,CAAC,2BAA2B,EAAE,YAAM;IACpCC,MAAM,CAAC,IAAAC,qBAAU,gBAACR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAK,OAAO;MAACI,IAAI,EAAC;IAAqB,EAAG,CAAC,CAAC,CAACF,eAAe,EAAE;EAC9E,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/spinners/Spinner/__snapshots__/Spinner.test.js.snap

@@ -0,0 +1,98 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Spinner renders spinner at full scale 1`] = `
+<div
+  aria-label="Loading"
+  className="spinner-container"
+  style={
+    Object {
+      "transform": "scale(1)",
+    }
+  }
+>
+  <svg
+    className="spinner"
+    height="66px"
+    style={Object {}}
+    viewBox="0 0 66 66"
+    width="66px"
+  >
+    <circle
+      className="path"
+      cx="33"
+      cy="33"
+      fill="none"
+      r="30"
+      strokeLinecap="round"
+      strokeWidth="6px"
+    />
+  </svg>
+  
+</div>
+`;
+
+exports[`Spinner renders spinner at half scale 1`] = `
+<div
+  aria-label="Loading"
+  className="spinner-container"
+  style={
+    Object {
+      "transform": "scale(0.5)",
+    }
+  }
+>
+  <svg
+    className="spinner"
+    height="66px"
+    style={Object {}}
+    viewBox="0 0 66 66"
+    width="66px"
+  >
+    <circle
+      className="path"
+      cx="33"
+      cy="33"
+      fill="none"
+      r="30"
+      strokeLinecap="round"
+      strokeWidth="6px"
+    />
+  </svg>
+  
+</div>
+`;
+
+exports[`Spinner renders spinner with text 1`] = `
+<div
+  aria-label="Loading"
+  className="spinner-container"
+  style={
+    Object {
+      "transform": "scale(1)",
+    }
+  }
+>
+  <svg
+    className="spinner"
+    height="66px"
+    style={Object {}}
+    viewBox="0 0 66 66"
+    width="66px"
+  >
+    <circle
+      className="path"
+      cx="33"
+      cy="33"
+      fill="none"
+      r="30"
+      strokeLinecap="round"
+      strokeWidth="6px"
+    />
+  </svg>
+  <h4
+    style={Object {}}
+  >
+    We loading, baby...
+  </h4>
+</div>
+`;

package/dist/pages/builder/ReferralBuilder.js

@@ -267,7 +267,7 @@ function ReferralBuilder() {
   }, "Referrals"), referrals === null || referrals === void 0 ? void 0 : (0, _map.default)(referrals).call(referrals, function (referral, index) {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "mb-5",
-      key: "referral-card-".concat(index, "-wrapper")
+      key: "referral-card-".concat(referral === null || referral === void 0 ? void 0 : referral.id, "-wrapper")
     }, /*#__PURE__*/_react.default.createElement(_ReferralCard.default, {
       referral: referral,
       index: index,