@unite-us/app-create-referral 0.1.0

package/dist/pages/search/utils/mapServicesWithChildren.js

@@ -0,0 +1,52 @@
+"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 _filterInstanceProperty2 = 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 = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _lodash = require("lodash");
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty2(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; }
+/*
+  [
+    { id: 1, name: 'service', code: 'c', parent: { id: 2 } },
+    { id: 2, name: 'service 2', code: 'c2' },
+    { id: 3, name: 'other', code: 'other'}
+  ]
+  to:
+
+  [
+    { id: 2, name: 'service 2', code: 'c2', children: [{ id: 1, name: 'service', code: 'c', parent: { id: 2 } }] },
+    { id: 3, name: 'other', code: 'other'},
+  ]
+*/
+
+var mapServicesWithChildren = function mapServicesWithChildren(response) {
+  var _context, _context2;
+  return (0, _filter.default)(_context = (0, _map.default)(_context2 = (0, _lodash.get)(response, 'data.data', [])).call(_context2, function (service, index, array) {
+    if (!service.parent) {
+      return _objectSpread(_objectSpread({}, service), {}, {
+        children: (0, _filter.default)(array).call(array, function (children) {
+          return (0, _lodash.get)(children, 'parent.id') === service.id;
+        })
+      });
+    }
+    return service;
+  })).call(_context, function (service) {
+    return !service.parent;
+  });
+};
+var _default = mapServicesWithChildren;
+exports.default = _default;
+//# sourceMappingURL=mapServicesWithChildren.js.map

package/dist/pages/search/utils/mapServicesWithChildren.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapServicesWithChildren.js","names":["_lodash","require","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty2","call","sym","_Object$getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","Object","forEach","key","_defineProperty2","default","_Object$getOwnPropertyDescriptors","_Object$defineProperties","_Object$defineProperty","mapServicesWithChildren","response","_context","_context2","_filter","_map","get","service","index","array","parent","children","id","_default","exports"],"sources":["../../../../src/pages/search/utils/mapServicesWithChildren.js"],"sourcesContent":["import { get } from 'lodash';\n\n/*\n  [\n    { id: 1, name: 'service', code: 'c', parent: { id: 2 } },\n    { id: 2, name: 'service 2', code: 'c2' },\n    { id: 3, name: 'other', code: 'other'}\n  ]\n  to:\n\n  [\n    { id: 2, name: 'service 2', code: 'c2', children: [{ id: 1, name: 'service', code: 'c', parent: { id: 2 } }] },\n    { id: 3, name: 'other', code: 'other'},\n  ]\n*/\n\nconst mapServicesWithChildren = (response) => {\n  return get(response, 'data.data', [])\n    .map((service, index, array) => {\n      if (!service.parent) {\n        return {\n          ...service,\n          children: array.filter((children) => get(children, 'parent.id') === service.id),\n        };\n      }\n      return service;\n    })\n    .filter((service) => !service.parent)\n};\n\nexport default mapServicesWithChildren;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAA6B,SAAAC,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAC,YAAA,CAAAH,MAAA,OAAAI,6BAAA,QAAAC,OAAA,GAAAD,6BAAA,CAAAJ,MAAA,GAAAC,cAAA,KAAAI,OAAA,GAAAC,wBAAA,CAAAD,OAAA,EAAAE,IAAA,CAAAF,OAAA,YAAAG,GAAA,WAAAC,gCAAA,CAAAT,MAAA,EAAAQ,GAAA,EAAAE,UAAA,OAAAR,IAAA,CAAAS,IAAA,CAAAC,KAAA,CAAAV,IAAA,EAAAG,OAAA,YAAAH,IAAA;AAAA,SAAAW,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAhB,OAAA,CAAAoB,MAAA,CAAAD,MAAA,OAAAE,OAAA,WAAAC,GAAA,QAAAC,gBAAA,CAAAC,OAAA,EAAAT,MAAA,EAAAO,GAAA,EAAAH,MAAA,CAAAG,GAAA,SAAAG,iCAAA,GAAAC,wBAAA,CAAAX,MAAA,EAAAU,iCAAA,CAAAN,MAAA,KAAAnB,OAAA,CAAAoB,MAAA,CAAAD,MAAA,GAAAE,OAAA,WAAAC,GAAA,IAAAK,sBAAA,CAAAZ,MAAA,EAAAO,GAAA,EAAAZ,gCAAA,CAAAS,MAAA,EAAAG,GAAA,iBAAAP,MAAA;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMa,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,QAAQ,EAAK;EAAA,IAAAC,QAAA,EAAAC,SAAA;EAC5C,OAAO,IAAAC,OAAA,CAAAR,OAAA,EAAAM,QAAA,OAAAG,IAAA,CAAAT,OAAA,EAAAO,SAAA,OAAAG,WAAG,EAACL,QAAQ,EAAE,WAAW,EAAE,EAAE,CAAC,EAAArB,IAAA,CAAAuB,SAAA,EAC9B,UAACI,OAAO,EAAEC,KAAK,EAAEC,KAAK,EAAK;IAC9B,IAAI,CAACF,OAAO,CAACG,MAAM,EAAE;MACnB,OAAAxB,aAAA,CAAAA,aAAA,KACKqB,OAAO;QACVI,QAAQ,EAAE,IAAAP,OAAA,CAAAR,OAAA,EAAAa,KAAK,EAAA7B,IAAA,CAAL6B,KAAK,EAAQ,UAACE,QAAQ;UAAA,OAAK,IAAAL,WAAG,EAACK,QAAQ,EAAE,WAAW,CAAC,KAAKJ,OAAO,CAACK,EAAE;QAAA;MAAC;IAEnF;IACA,OAAOL,OAAO;EAChB,CAAC,CAAC,EAAA3B,IAAA,CAAAsB,QAAA,EACM,UAACK,OAAO;IAAA,OAAK,CAACA,OAAO,CAACG,MAAM;EAAA,EAAC;AACzC,CAAC;AAAC,IAAAG,QAAA,GAEab,uBAAuB;AAAAc,OAAA,CAAAlB,OAAA,GAAAiB,QAAA"}

package/dist/pages/supporting_info/SupportingInfo.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 = SupportingInfo;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _react = _interopRequireDefault(require("react"));
+var _getBaseUrl = _interopRequireDefault(require("../../utils/getBaseUrl"));
+var _api = require("../../config/api");
+var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
+var _ui = require("@unite-us/ui");
+var _AppCreateReferralProvider = require("../../context/AppCreateReferralProvider");
+function SupportingInfo(props) {
+  var location = props.location;
+  var _useAppCreateReferral = (0, _AppCreateReferralProvider.useAppCreateReferralContext)(),
+    state = _useAppCreateReferral.state;
+  var selectedServiceTypes = state.serviceTypes;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Stepper.default, {
+    location: location
+  }), /*#__PURE__*/_react.default.createElement("h1", {
+    className: "text-4xl my-5"
+  }, "Supporting Info "), /*#__PURE__*/_react.default.createElement("h1", {
+    className: "text-2xl"
+  }, "Selected Services in step 3 with context"), /*#__PURE__*/_react.default.createElement("ul", null, (0, _map.default)(selectedServiceTypes).call(selectedServiceTypes, function (s, i) {
+    return /*#__PURE__*/_react.default.createElement("li", null, i + 1, "-", s.name);
+  })), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "back",
+    onClick: function onClick() {
+      _api.browserHistory.goBack();
+    },
+    label: "Back"
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "next",
+    onClick: function onClick() {
+      _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/review"));
+    },
+    label: "Next Step 4",
+    primary: true
+  }));
+}
+//# sourceMappingURL=SupportingInfo.js.map

package/dist/pages/supporting_info/SupportingInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportingInfo.js","names":["_react","_interopRequireDefault","require","_getBaseUrl","_api","_Stepper","_ui","_AppCreateReferralProvider","SupportingInfo","props","location","_useAppCreateReferral","useAppCreateReferralContext","state","selectedServiceTypes","serviceTypes","default","createElement","Fragment","className","_map","call","s","i","name","Button","id","onClick","browserHistory","goBack","label","push","concat","getBaseUrl","primary"],"sources":["../../../src/pages/supporting_info/SupportingInfo.js"],"sourcesContent":["import React from 'react';\nimport getBaseUrl from '../../utils/getBaseUrl';\nimport { browserHistory } from \"../../config/api\";\nimport Stepper from '../../components/Stepper';\nimport { Button } from '@unite-us/ui';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\n\nexport default function SupportingInfo(props) {\n  const { location } = props;\n  const { state } = useAppCreateReferralContext();\n\n  const selectedServiceTypes = state.serviceTypes;\n\n\n  return (\n    <>\n      <Stepper location={location} />\n      <h1 className='text-4xl my-5'>Supporting Info </h1>\n\n      <h1 className='text-2xl'>Selected Services in step 3 with context</h1>\n      <ul>\n        {selectedServiceTypes.map((s, i) => (<li>{i + 1}-{s.name}</li>))}\n      </ul>\n\n      <Button\n        id=\"back\"\n        onClick={() => {\n          browserHistory.goBack()\n        }}\n        label=\"Back\"\n      />\n\n\n      <Button\n        id=\"next\"\n        onClick={() => {\n          browserHistory.push(`${getBaseUrl()}/review`)\n        }}\n        label=\"Next Step 4\"\n        primary\n      />\n    </>\n  )\n}"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AAEe,SAASM,cAAcA,CAACC,KAAK,EAAE;EAC5C,IAAQC,QAAQ,GAAKD,KAAK,CAAlBC,QAAQ;EAChB,IAAAC,qBAAA,GAAkB,IAAAC,sDAA2B,GAAE;IAAvCC,KAAK,GAAAF,qBAAA,CAALE,KAAK;EAEb,IAAMC,oBAAoB,GAAGD,KAAK,CAACE,YAAY;EAG/C,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAE,QAAA,qBACElB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,QAAA,CAAAW,OAAO;IAACN,QAAQ,EAAEA;EAAS,EAAG,eAC/BV,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAAe,GAAC,kBAAgB,CAAK,eAEnDnB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAIE,SAAS,EAAC;EAAU,GAAC,0CAAwC,CAAK,eACtEnB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,aACG,IAAAG,IAAA,CAAAJ,OAAA,EAAAF,oBAAoB,EAAAO,IAAA,CAApBP,oBAAoB,EAAK,UAACQ,CAAC,EAAEC,CAAC;IAAA,oBAAMvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,aAAKM,CAAC,GAAG,CAAC,EAAC,GAAC,EAACD,CAAC,CAACE,IAAI,CAAM;EAAA,CAAC,CAAC,CAC7D,eAELxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,GAAA,CAAAmB,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACC,MAAM,EAAE;IACzB,CAAE;IACFC,KAAK,EAAC;EAAM,EACZ,eAGF9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACX,GAAA,CAAAmB,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAE,SAAAA,QAAA,EAAM;MACbC,mBAAc,CAACG,IAAI,IAAAC,MAAA,CAAI,IAAAC,mBAAU,GAAE,aAAU;IAC/C,CAAE;IACFH,KAAK,EAAC,aAAa;IACnBI,OAAO;EAAA,EACP,CACD;AAEP"}

package/dist/reportWebVitals.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _Object$defineProperty2 = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty2(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
+var _promise = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/promise"));
+var _weakMap = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/weak-map"));
+var _defineProperty = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/define-property"));
+var _getOwnPropertyDescriptor = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof _weakMap.default !== "function") return null; var cacheBabelInterop = new _weakMap.default(); var cacheNodeInterop = new _weakMap.default(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || (0, _typeof2.default)(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 = _defineProperty.default && _getOwnPropertyDescriptor.default; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? (0, _getOwnPropertyDescriptor.default)(obj, key) : null; if (desc && (desc.get || desc.set)) { (0, _defineProperty.default)(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var reportWebVitals = function reportWebVitals(onPerfEntry) {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    _promise.default.resolve().then(function () {
+      return _interopRequireWildcard(require('web-vitals'));
+    }).then(function (_ref) {
+      var getCLS = _ref.getCLS,
+        getFID = _ref.getFID,
+        getFCP = _ref.getFCP,
+        getLCP = _ref.getLCP,
+        getTTFB = _ref.getTTFB;
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+var _default = reportWebVitals;
+exports.default = _default;
+//# sourceMappingURL=reportWebVitals.js.map

package/dist/reportWebVitals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.js","names":["reportWebVitals","onPerfEntry","Function","_promise","default","resolve","then","_interopRequireWildcard","require","_ref","getCLS","getFID","getFCP","getLCP","getTTFB","_default","exports"],"sources":["../src/reportWebVitals.js"],"sourcesContent":["const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,WAAW,EAAI;EACrC,IAAIA,WAAW,IAAIA,WAAW,YAAYC,QAAQ,EAAE;IAClDC,QAAA,CAAAC,OAAA,CAAAC,OAAA,GAAAC,IAAA;MAAA,OAAAC,uBAAA,CAAAC,OAAA,CAAO,YAAY;IAAA,GAAEF,IAAI,CAAC,UAAAG,IAAA,EAAiD;MAAA,IAA9CC,MAAM,GAAAD,IAAA,CAANC,MAAM;QAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;QAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;QAAEC,MAAM,GAAAJ,IAAA,CAANI,MAAM;QAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;MAClEJ,MAAM,CAACT,WAAW,CAAC;MACnBU,MAAM,CAACV,WAAW,CAAC;MACnBW,MAAM,CAACX,WAAW,CAAC;MACnBY,MAAM,CAACZ,WAAW,CAAC;MACnBa,OAAO,CAACb,WAAW,CAAC;IACtB,CAAC,CAAC;EACJ;AACF,CAAC;AAAC,IAAAc,QAAA,GAEaf,eAAe;AAAAgB,OAAA,CAAAZ,OAAA,GAAAW,QAAA"}

package/dist/setupTests.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+//# sourceMappingURL=setupTests.js.map

package/dist/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","names":["require"],"sources":["../src/setupTests.js"],"sourcesContent":["// jest-dom adds custom jest matchers for asserting on DOM nodes.\n// allows you to do things like:\n// expect(element).toHaveTextContent(/react/i)\n// learn more: https://github.com/testing-library/jest-dom\nimport '@testing-library/jest-dom';\n"],"mappings":";;AAIAA,OAAA"}

package/dist/styles/mixins.scss

@@ -0,0 +1,151 @@
+// Beginning of Shadows
+
+/* SHADOWS */
+$mdb-shadow-key-umbra-opacity: 0.2 !default;
+$mdb-shadow-key-penumbra-opacity: 0.14 !default;
+$mdb-shadow-ambient-shadow-opacity: 0.12 !default;
+
+@mixin shadow-z-1(){
+  box-shadow:
+    0 1px 6px 0 rgba(0, 0, 0, 0.12),
+    0 1px  6px 0 rgba(0, 0, 0, 0.12);
+}
+
+@mixin shadow-z-1-hover(){
+  box-shadow:
+    0 5px 11px 0 rgba(0, 0, 0, 0.18),
+    0 4px 15px 0 rgba(0, 0, 0, 0.15);
+}
+
+@mixin shadow-z-2(){
+  box-shadow:
+    0 8px 17px 0 rgba(0, 0, 0, 0.2),
+    0 6px 20px 0 rgba(0, 0, 0, 0.19);
+}
+
+@mixin shadow-z-3(){
+  box-shadow:
+    0 12px 15px 0 rgba(0, 0, 0, 0.24),
+    0 17px 50px 0 rgba(0, 0, 0, 0.19);
+}
+
+@mixin shadow-z-4(){
+  box-shadow:
+    0 16px 28px 0 rgba(0, 0, 0, 0.22),
+    0 25px 55px 0 rgba(0, 0, 0, 0.21);
+}
+
+@mixin shadow-z-5(){
+  box-shadow:
+    0 27px 24px 0 rgba(0, 0, 0, 0.2),
+    0 40px 77px 0 rgba(0, 0, 0, 0.22);
+}
+
+
+/* Shadows (from mdl http://www.getmdl.io/) */
+
+// Focus shadow mixin.
+@mixin focus-shadow(){
+  box-shadow: 0 0 8px rgba(0,0,0,.18),
+              0 8px 16px rgba(0,0,0,.36);
+}
+
+@mixin shadow-2dp(){
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity),
+              0 3px 1px -2px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity),
+              0 1px 5px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity);
+}
+@mixin shadow-3dp(){
+  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity),
+              0 3px 3px -2px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity),
+              0 1px 8px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity);
+}
+@mixin shadow-4dp(){
+  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity),
+              0 1px 10px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity),
+              0 2px 4px -1px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity);
+}
+@mixin shadow-6dp(){
+  box-shadow: 0 6px 10px 0 rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity),
+              0 1px 18px 0 rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity),
+              0 3px 5px -1px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity);
+}
+@mixin shadow-8dp(){
+  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity),
+              0 3px 14px 2px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity),
+              0 5px 5px -3px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity);
+}
+
+@mixin shadow-16dp(){
+  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity),
+              0  6px 30px 5px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity),
+              0  8px 10px -5px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity);
+}
+
+@mixin shadow-24dp(){
+  box-shadow: 0  9px 46px  8px rgba(0, 0, 0, $mdb-shadow-key-penumbra-opacity),
+              0 11px 15px -7px rgba(0, 0, 0, $mdb-shadow-ambient-shadow-opacity),
+              0 24px 38px  3px rgba(0, 0, 0, $mdb-shadow-key-umbra-opacity);
+}
+// End of Shadows
+
+// Print position coords only.
+// https://gist.github.com/brianmcallister/3641867
+//
+// $values - Position values. Null values get skipped over.
+@mixin pos-coords($values: null null null null) {
+  $position-list: top right bottom left;
+  $count: 1;
+
+  @if length($values) == 1 and $values == 'reset' {
+    $values: auto auto auto auto;
+  }
+
+  @each $value in $values {
+    @if $value == 'auto' or $value != null {
+      $pos: nth($position-list, $count);
+      #{$pos}: $value;
+    }
+    $count: $count + 1;
+  }
+}
+
+// Reset position coords mixin.
+@mixin reset-coords() {
+  @include pos-coords('reset');
+}
+
+// Position mixin.
+//
+// $type     - Position type.
+// $values   - List of position values. Null values get skipped over.
+// $z-index  - Optional z-index value.
+@mixin position($type: relative, $values: null null null null, $z-index: '') {
+  position: $type;
+
+  @if $type != 'static' and $type != 'inherit' {
+    @include pos-coords($values);
+
+    @if $z-index != '' {
+      z-index: $z-index;
+    }
+  }
+}
+// End of position
+
+// Size mixin.
+// https://gist.github.com/brianmcallister/3659524
+//
+// $width  - Element width, with units.
+// $height - Optional height of the element. Expects units, ex: 5px.
+//           Defaults to null.
+@mixin size($width, $height: null) {
+  width: $width;
+
+  @if $height {
+    height: $height;
+  } @else {
+    height: $width;
+  }
+}
+// End of size.

package/dist/styles/variables.scss

@@ -0,0 +1,14 @@
+@import "~@unite-us/ui/src/stylesheets/mixins";
+@import "~@unite-us/ui/src/stylesheets/variables";
+// @import "~@unite-us/screening/dist/main.css";
+$thinSearchIconData: 'data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="448" height="448" viewBox="0 0 951 1024"><path fill="%23BCBCBC" class="path1" d="M426.667 42.667q78 0 149.167 30.5t122.5 81.833 81.833 122.5 30.5 149.167q0 67-21.833 128.333t-62.167 111.333l242.333 242q12.333 12.333 12.333 30.333 0 18.333-12.167 30.5t-30.5 12.167q-18 0-30.333-12.333l-242-242.333q-50 40.333-111.333 62.167t-128.333 21.833q-78 0-149.167-30.5t-122.5-81.833-81.833-122.5-30.5-149.167 30.5-149.167 81.833-122.5 122.5-81.833 149.167-30.5zM426.667 128q-60.667 0-116 23.667t-95.333 63.667-63.667 95.333-23.667 116 23.667 116 63.667 95.333 95.333 63.667 116 23.667 116-23.667 95.333-63.667 63.667-95.333 23.667-116-23.667-116-63.667-95.333-95.333-63.667-116-23.667z"></path></svg>';
+
+//background urls
+$empty-document-folder: 'https://s3.amazonaws.com/static-public-v3-uudev/assets/app-client/empty_docs_2x.png';
+$empty-cases: 'https://s3.amazonaws.com/static-public-v3-uudev/assets/app-client/cases_blank_2x.png';
+
+// Additional font styles for app-client
+$bold: 700;
+$normal: 400;
+$font-family-sans-serif:  "Avenir Medium", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+$font-family-base: $font-family-sans-serif !default;

package/dist/utils/getBaseUrl.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getBaseUrl;
+function getBaseUrl() {
+  // this is the base route where the referral flow started:
+  // eg: http://localhost:8081/34d3de5b7c/2/new-referral-flow
+  // we should append this url to any navigation we might do inside the referral flow
+  var baseUrl = window.location.pathname.split("new-referral-flow")[0] + "new-referral-flow";
+  console.log(baseUrl);
+  return baseUrl;
+}
+//# sourceMappingURL=getBaseUrl.js.map

package/dist/utils/getBaseUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getBaseUrl.js","names":["getBaseUrl","baseUrl","window","location","pathname","split","console","log"],"sources":["../../src/utils/getBaseUrl.js"],"sourcesContent":["export default function getBaseUrl() {\n    // this is the base route where the referral flow started:\n  // eg: http://localhost:8081/34d3de5b7c/2/new-referral-flow\n  // we should append this url to any navigation we might do inside the referral flow\n  const baseUrl = window.location.pathname.split(\"new-referral-flow\")[0] + \"new-referral-flow\"\n  console.log(baseUrl)\n  return baseUrl;\n}\n"],"mappings":";;;;;;;AAAe,SAASA,UAAUA,CAAA,EAAG;EACjC;EACF;EACA;EACA,IAAMC,OAAO,GAAGC,MAAM,CAACC,QAAQ,CAACC,QAAQ,CAACC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,GAAG,mBAAmB;EAC5FC,OAAO,CAACC,GAAG,CAACN,OAAO,CAAC;EACpB,OAAOA,OAAO;AAChB"}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@unite-us/app-create-referral",
+  "version": "0.1.0",
+  "main": "build/index.js",
+  "author": "Alex Morales",
+  "dependencies": {
+    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/react": "13.4.0",
+    "@testing-library/user-event": "13.5.0",
+    "@unite-us/client-utils": "3.0.1163",
+    "@unite-us/json-api-resources": "1.1.128",
+    "@unite-us/ui": "3.0.1116",
+    "final-form": "4.20.9",
+    "final-form-arrays": "3.1.0",
+    "lodash": "4.17.21",
+    "react-final-form": "6.5.9",
+    "react-final-form-arrays": "3.1.4",
+    "react-scripts": "4.0.3",
+    "sass": "1.57.1",
+    "web-vitals": "2.1.4"
+  },
+  "scripts": {
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
+    "eject": "react-scripts eject",
+    "build:dist": "npx babel src --out-dir dist --copy-files --source-maps --delete-dir-on-start",
+    "build:dist:watch": "npx babel src --watch --out-dir dist --copy-files --source-maps --delete-dir-on-start"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.16.8",
+    "@babel/core": "^7.16.10",
+    "@babel/plugin-transform-runtime": "^7.16.10",
+    "autoprefixer": "^10.4.13",
+    "babel-core": "^7.0.0-bridge.0",
+    "babel-plugin-module-resolver": "^5.0.0",
+    "customize-cra": "^1.0.0",
+    "postcss": "^8.4.19",
+    "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"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  }
+}

package/tailwind.config.js

@@ -0,0 +1,126 @@
+// design system reference - https://www.figma.com/file/AoPBCxLeZRZzLnihN7MTXl/New-UU-Design-System
+
+const purge = process.env.NODE_ENV === 'production' ? [
+  './src/**/*.html',
+  './src/**/*.js',
+  './src/**/*.jsx',
+] : [];
+
+module.exports = {
+  purge,
+  darkMode: false, // or 'media' or 'class'
+  theme: {
+    extend: {
+      boxShadow: {
+        'radio-ring': '0px 0px 0px 2px #FFFFFF, 0px 0px 0px 4px #4467AB',
+        'input-ring': '0px 1px 2px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px #4467AB',
+        'input-error-ring': '0px 1px 2px rgba(0, 0, 0, 0.05), 0px 0px 0px 1px #EF4444',
+      },
+      colors: {
+        // blues
+        'brand-blue': '#2C405A',
+        'dark-blue': '#182A44',
+        'action-blue': '#2874AF',
+        'action-light-blue': '#52B4FF',
+        'action-darker-blue': '#105890',
+        'light-pale-blue': '#ECF5FD',
+        'pale-blue': '#F1F6FA',
+        'med-pale-blue': '#E3EBF3',
+        'dark-pale-blue': '#C7D8E8',
+        'gray-blue': '#808D9E',
+        'current-blue': '#4467AB',
+        'current-med-blue': '#5E91F7',
+        // grays
+        grey: '#525F73',
+        'white-grey': '#FAFBFC',
+        'light-grey': '#F6F6F6',
+        'grey-500': '#6B7280',
+        'border-grey': '#D1D5DB',
+        // greens
+        green: '#117E15',
+        'light-green': '#1CCA21',
+        'pale-green': '#E7F3E5',
+        // reds
+        red: '#CF2A2A',
+        'light-red': '#FF9494',
+        'validation-red': '#D0021B',
+        // oranges
+        orange: '#DA6625',
+        // yellows
+        yellow: '#F6C83B',
+        'medium-yellow': '#F7C83B',
+        // others
+        purple: '#712F79',
+        'light-purple': '#EAA1F2',
+        white: '#FFFFFF',
+        'table-border-color': '#b7d2e5cc',
+      },
+      fontFamily: {
+        'avenir-roman': 'Avenir Roman',
+        'avenir-medium': 'Avenir Medium',
+        'avenir-heavy': 'Avenir Heavy',
+      },
+      fontSize: {
+        '13px': '13px',
+        '15px': '15px',
+      },
+      height: {
+        1.5: '0.375rem',
+        9: '2.25rem',
+        '38px': '38px',
+        '700px': '700px',
+      },
+      minWidth: {
+        '400px': '400px',
+      },
+      inset: {
+        46: '46px',
+        4: '1rem',
+      },
+      margin: {
+        0.5: '0.125rem',
+        0.75: '0.1875rem',
+        1.5: '0.375rem',
+        9: '2.25rem',
+        '-container-padding': '-15px',
+        '0.75em': '0.75em',
+        15: '3.75rem',
+        '-3px': '-3px',
+      },
+      maxHeight: {
+        80: '20rem',
+      },
+      outline: {
+        solid: ['1px solid #4467ab'],
+      },
+      padding: {
+        9: '2.25rem',
+      },
+      width: {
+        0.5: '0.125rem',
+        1.5: '0.375rem',
+        100: '25rem',
+        '9/10': '90%',
+      },
+
+      zIndex: {
+        dropdown: '103',
+        drawer: '104',
+        appbar: '105',
+        modal: '107',
+      },
+    },
+  },
+  variants: {
+    borderColor: ['responsive', 'hover', 'focus', 'focus-within'],
+    boxShadow: ['responsive', 'hover', 'focus', 'focus-within'],
+  },
+  corePlugins: {
+    container: false,
+  },
+  plugins: [],
+  future: {
+    removeDeprecatedGapUtilities: true,
+    purgeLayersByDefault: true,
+  },
+};