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

package/dist/components/NavButtons.js

@@ -0,0 +1,60 @@
+"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 _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _ui = require("@unite-us/ui");
+var NavButtons = function NavButtons(_ref) {
+  var onBackClick = _ref.onBackClick,
+    onForwardClick = _ref.onForwardClick,
+    primaryLabel = _ref.primaryLabel;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-between mb-6"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "back",
+    onClick: onBackClick,
+    label: "Back",
+    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      icon: "V2ChevronLeft",
+      color: "#182A44"
+    }),
+    className: "md:h-12 normal-case"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    className: "mr-10 text-current-blue font-bold",
+    onClick: function onClick() {
+      return {};
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    icon: "V2Save",
+    color: "#4467AB",
+    className: "mr-2 mb-1"
+  }), "Save Draft Referral(s)"), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "submit",
+    disabled: false // change
+    ,
+    onClick: onForwardClick,
+    className: "md:w-64 md:h-12 w-64 normal-case",
+    label: primaryLabel,
+    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+      icon: "V2Referrall",
+      color: "#FFFFFF",
+      className: "w-6 h-6 pr-2"
+    }),
+    primary: true
+  })));
+};
+NavButtons.propTypes = {
+  onBackClick: _propTypes.PropTypes.func.isRequired,
+  onForwardClick: _propTypes.PropTypes.func.isRequired,
+  primaryLabel: _propTypes.PropTypes.string.isRequired
+};
+var _default = NavButtons;
+exports.default = _default;
+//# sourceMappingURL=NavButtons.js.map

package/dist/components/NavButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavButtons.js","names":["_react","_interopRequireDefault","require","_propTypes","_ui","NavButtons","_ref","onBackClick","onForwardClick","primaryLabel","default","createElement","className","Button","id","onClick","label","iconLeft","Icon","icon","color","disabled","primary","propTypes","PropTypes","func","isRequired","string","_default","exports"],"sources":["../../src/components/NavButtons.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Button, Icon } from '@unite-us/ui';\n\nconst NavButtons = ({ onBackClick, onForwardClick, primaryLabel }) => (\n  <div className=\"flex justify-between mb-6\">\n    <Button\n      id=\"back\"\n      onClick={onBackClick}\n      label=\"Back\"\n      iconLeft={<Icon icon=\"V2ChevronLeft\" color=\"#182A44\" />}\n      className=\"md:h-12 normal-case\"\n    />\n\n    <div className=\"flex\">\n      <button className=\"mr-10 text-current-blue font-bold\" onClick={() => ({})}>\n        <Icon icon=\"V2Save\" color=\"#4467AB\" className=\"mr-2 mb-1\" />\n        Save Draft Referral(s)\n      </button>\n      <Button\n        id=\"submit\"\n        disabled={false} // change\n        onClick={onForwardClick}\n        className='md:w-64 md:h-12 w-64 normal-case'\n        label={primaryLabel}\n        iconLeft={<Icon icon=\"V2Referrall\" color=\"#FFFFFF\" className=\"w-6 h-6 pr-2\" />}\n        primary\n      />\n    </div>\n  </div>\n)\n\nNavButtons.propTypes = {\n  onBackClick: PropTypes.func.isRequired,\n  onForwardClick: PropTypes.func.isRequired,\n  primaryLabel: PropTypes.string.isRequired,\n}\n\nexport default NavButtons;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AAEA,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;EAAA,oBAC7DT,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,gBACxCZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAS,MAAM;IACLC,EAAE,EAAC,MAAM;IACTC,OAAO,EAAER,WAAY;IACrBS,KAAK,EAAC,MAAM;IACZC,QAAQ,eAAEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAc,IAAI;MAACC,IAAI,EAAC,eAAe;MAACC,KAAK,EAAC;IAAS,EAAI;IACxDR,SAAS,EAAC;EAAqB,EAC/B,eAEFZ,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAM,gBACnBZ,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAQC,SAAS,EAAC,mCAAmC;IAACG,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAO,CAAC,CAAC;IAAA;EAAE,gBACxEf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAc,IAAI;IAACC,IAAI,EAAC,QAAQ;IAACC,KAAK,EAAC,SAAS;IAACR,SAAS,EAAC;EAAW,EAAG,0BAE9D,CAAS,eACTZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAS,MAAM;IACLC,EAAE,EAAC,QAAQ;IACXO,QAAQ,EAAE,KAAM,CAAC;IAAA;IACjBN,OAAO,EAAEP,cAAe;IACxBI,SAAS,EAAC,kCAAkC;IAC5CI,KAAK,EAAEP,YAAa;IACpBQ,QAAQ,eAAEjB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,GAAA,CAAAc,IAAI;MAACC,IAAI,EAAC,aAAa;MAACC,KAAK,EAAC,SAAS;MAACR,SAAS,EAAC;IAAc,EAAI;IAC/EU,OAAO;EAAA,EACP,CACE,CACF;AAAA,CACP;AAEDjB,UAAU,CAACkB,SAAS,GAAG;EACrBhB,WAAW,EAAEiB,oBAAS,CAACC,IAAI,CAACC,UAAU;EACtClB,cAAc,EAAEgB,oBAAS,CAACC,IAAI,CAACC,UAAU;EACzCjB,YAAY,EAAEe,oBAAS,CAACG,MAAM,CAACD;AACjC,CAAC;AAAA,IAAAE,QAAA,GAEcvB,UAAU;AAAAwB,OAAA,CAAAnB,OAAA,GAAAkB,QAAA"}

package/dist/components/Stepper.js

@@ -6,30 +6,110 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Stepper;
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _lodash = require("lodash");
 var _react = _interopRequireDefault(require("react"));
-function Stepper(_ref) {
+var _getBaseUrl = _interopRequireDefault(require("../utils/getBaseUrl"));
+var _api = require("../config/api");
+var _ui = require("@unite-us/ui");
+var steps = [{
+  route: "search",
+  label: "Search",
+  onStepClick: function onStepClick() {},
+  stepDisabled: true
+}, {
+  route: "referrals",
+  label: "Refer",
+  onStepClick: function onStepClick() {
+    _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/referrals"));
+  }
+}, {
+  route: "supporting-info",
+  label: "Complete Assessments",
+  onStepClick: function onStepClick() {
+    _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/supporting-info"));
+  }
+}, {
+  route: "review",
+  label: "Review",
+  onStepClick: function onStepClick() {
+    _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/review"));
+  }
+}];
+function Step(_ref) {
   var _context;
-  var location = _ref.location;
+  var active = _ref.active,
+    completed = _ref.completed,
+    disabled = _ref.disabled,
+    icon = _ref.icon,
+    label = _ref.label,
+    onClick = _ref.onClick;
+  var iconBgColorClass = "";
+  if (active) {
+    iconBgColorClass = "bg-dark-blue";
+  } else if (completed) {
+    iconBgColorClass = "bg-action-blue";
+  } else {
+    iconBgColorClass = "bg-brand-blue";
+  }
+  var textColorClass = active || completed ? "text-dark-blue" : "text-brand-blue";
+  return /*#__PURE__*/_react.default.createElement("button", {
+    disabled: disabled,
+    className: (0, _concat.default)(_context = "flex items-center p-4 ".concat(disabled ? "cursor-default" : "", " ")).call(_context, !active && !completed ? "opacity-50" : ""),
+    onClick: onClick
+  }, completed ? /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+    icon: "V2CheckCircle",
+    color: "#4467AB",
+    size: 24
+  }) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "text-white text-base flex items-center justify-center font-black w-6 h-6 rounded-full ".concat(iconBgColorClass)
+  }, icon), /*#__PURE__*/_react.default.createElement("span", {
+    className: "font-black whitespace-no-wrap ml-2 text-base ".concat(textColorClass)
+  }, label));
+}
+function Stepper(_ref2) {
+  var location = _ref2.location;
   var pathname = location.pathname;
-  var route = (0, _lodash.get)(pathname.split('create-referral/'), '[1]');
+  var route = (0, _lodash.get)(pathname.split("create-referral/"), "[1]");
+  var currentStep = (0, _findIndex.default)(steps).call(steps, function (s) {
+    return s.route == route;
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex justify-around my-10"
-  }, (0, _map.default)(_context = ["search", "referrals", "supporting-info", "review"]).call(_context, function (step, i) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: route === step ? 'bg-red' : 'bg-blue',
-      style: {
-        height: '40px',
-        width: '40px',
-        borderRadius: '60px',
-        justifyContent: 'center',
-        display: 'flex',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "text-white"
-    }, i + 1));
+    className: "flex justify-around items-center p-8",
+    activeStep: currentStep
+  }, (0, _map.default)(steps).call(steps, function (step, index) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Step, {
+      key: "step-".concat(index),
+      active: index === currentStep,
+      completed: isStepCompleted(steps[index], currentStep, index),
+      disabled: isStepDisabled(steps[index], currentStep),
+      icon: index + 1,
+      label: step.label,
+      onClick: step.onStepClick
+    }), index < steps.length - 1 && /*#__PURE__*/_react.default.createElement("div", {
+      key: "divider-".concat(index),
+      className: "h-px w-full bg-grey"
+    }));
   }));
 }
+function isStepCompleted(step, currentStep, index) {
+  if ((0, _lodash.isFunction)(step.stepCompleted)) {
+    return step.stepCompleted(currentStep);
+  }
+  if ((0, _lodash.isBoolean)(step.stepCompleted)) {
+    return step.stepCompleted;
+  }
+  return currentStep > index;
+}
+function isStepDisabled(step, currentStep) {
+  if ((0, _lodash.isFunction)(step.stepDisabled)) {
+    return step.stepDisabled(currentStep);
+  }
+  if ((0, _lodash.isBoolean)(step.stepDisabled)) {
+    return step.stepDisabled;
+  }
+  return false;
+}
 //# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["_lodash","require","_react","_interopRequireDefault","Stepper","_ref","_context","location","pathname","route","get","split","default","createElement","className","_map","call","step","i","style","height","width","borderRadius","justifyContent","display","alignItems"],"sources":["../../src/components/Stepper.js"],"sourcesContent":["import { get } from 'lodash';\nimport React from 'react';\n\nexport default function Stepper({ location }) {\n\n  const pathname = location.pathname;\n  const route = get(pathname.split('create-referral/'), '[1]');\n  return (\n    <div className=\"flex justify-around my-10\">\n      {[\"search\", \"referrals\", \"supporting-info\", \"review\"].map((step, i) => (\n        <div\n          className={route === step ? 'bg-red' : 'bg-blue'}\n          style={{\n            height: '40px',\n            width: '40px',\n            borderRadius: '60px',\n            justifyContent: 'center',\n            display: 'flex',\n            alignItems: 'center',\n          }}>\n          <span className='text-white'>{i + 1}</span>\n        </div>)\n      )\n      }\n    </div >\n  )\n}"],"mappings":";;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEe,SAASG,OAAOA,CAAAC,IAAA,EAAe;EAAA,IAAAC,QAAA;EAAA,IAAZC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EAExC,IAAMC,QAAQ,GAAGD,QAAQ,CAACC,QAAQ;EAClC,IAAMC,KAAK,GAAG,IAAAC,WAAG,EAACF,QAAQ,CAACG,KAAK,CAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC;EAC5D,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA2B,GACvC,IAAAC,IAAA,CAAAH,OAAA,EAAAN,QAAA,IAAC,QAAQ,EAAE,WAAW,EAAE,iBAAiB,EAAE,QAAQ,CAAC,EAAAU,IAAA,CAAAV,QAAA,EAAK,UAACW,IAAI,EAAEC,CAAC;IAAA,oBAChEhB,MAAA,CAAAU,OAAA,CAAAC,aAAA;MACEC,SAAS,EAAEL,KAAK,KAAKQ,IAAI,GAAG,QAAQ,GAAG,SAAU;MACjDE,KAAK,EAAE;QACLC,MAAM,EAAE,MAAM;QACdC,KAAK,EAAE,MAAM;QACbC,YAAY,EAAE,MAAM;QACpBC,cAAc,EAAE,QAAQ;QACxBC,OAAO,EAAE,MAAM;QACfC,UAAU,EAAE;MACd;IAAE,gBACFvB,MAAA,CAAAU,OAAA,CAAAC,aAAA;MAAMC,SAAS,EAAC;IAAY,GAAEI,CAAC,GAAG,CAAC,CAAQ,CACvC;EAAA,CAAC,CACR,CAEI;AAEX"}
+{"version":3,"file":"Stepper.js","names":["_lodash","require","_react","_interopRequireDefault","_getBaseUrl","_api","_ui","steps","route","label","onStepClick","stepDisabled","browserHistory","push","concat","getBaseUrl","Step","_ref","_context","active","completed","disabled","icon","onClick","iconBgColorClass","textColorClass","default","createElement","className","_concat","call","Icon","color","size","Stepper","_ref2","location","pathname","get","split","currentStep","_findIndex","s","activeStep","_map","step","index","Fragment","key","isStepCompleted","isStepDisabled","length","isFunction","stepCompleted","isBoolean"],"sources":["../../src/components/Stepper.js"],"sourcesContent":["import { get, isFunction, isBoolean } from \"lodash\";\nimport React from \"react\";\nimport getBaseUrl from \"../utils/getBaseUrl\";\nimport { browserHistory } from \"../config/api\";\nimport { Icon } from \"@unite-us/ui\";\n\nconst steps = [\n  {\n    route: \"search\",\n    label: \"Search\",\n    onStepClick: () => {},\n    stepDisabled: true,\n  },\n  {\n    route: \"referrals\",\n    label: \"Refer\",\n    onStepClick: () => {\n      browserHistory.push(`${getBaseUrl()}/referrals`);\n    },\n  },\n  {\n    route: \"supporting-info\",\n    label: \"Complete Assessments\",\n    onStepClick: () => {\n      browserHistory.push(`${getBaseUrl()}/supporting-info`);\n    },\n  },\n  {\n    route: \"review\",\n    label: \"Review\",\n    onStepClick: () => {\n      browserHistory.push(`${getBaseUrl()}/review`);\n    },\n  },\n];\n\nfunction Step({ active, completed, disabled, icon, label, onClick }) {\n  let iconBgColorClass = \"\";\n\n  if (active) {\n    iconBgColorClass = \"bg-dark-blue\";\n  } else if (completed) {\n    iconBgColorClass = \"bg-action-blue\";\n  } else {\n    iconBgColorClass = \"bg-brand-blue\";\n  }\n\n  let textColorClass =\n    active || completed ? \"text-dark-blue\" : \"text-brand-blue\";\n\n  return (\n    <button\n      disabled={disabled}\n      className={`flex items-center p-4 ${disabled ? \"cursor-default\" : \"\"} ${\n        !active && !completed ? \"opacity-50\" : \"\"\n      }`}\n      onClick={onClick}\n    >\n      {completed ? (\n        <Icon icon=\"V2CheckCircle\" color=\"#4467AB\" size={24} />\n      ) : (\n        <div\n          className={`text-white text-base flex items-center justify-center font-black w-6 h-6 rounded-full ${iconBgColorClass}`}\n        >\n          {icon}\n        </div>\n      )}\n\n      <span className={`font-black whitespace-no-wrap ml-2 text-base ${textColorClass}`}>{label}</span>\n    </button>\n  );\n}\n\nexport default function Stepper({ location }) {\n  const pathname = location.pathname;\n  const route = get(pathname.split(\"create-referral/\"), \"[1]\");\n  const currentStep = steps.findIndex((s) => s.route == route);\n\n  return (\n    <div className=\"flex justify-around items-center p-8\" activeStep={currentStep}>\n      {steps.map((step, index) => {\n        return (\n          <>\n            <Step\n              key={`step-${index}`}\n              active={index === currentStep}\n              completed={isStepCompleted(steps[index], currentStep, index)}\n              disabled={isStepDisabled(steps[index], currentStep)}\n              icon={index + 1}\n              label={step.label}\n              onClick={step.onStepClick}\n            />\n            {index < steps.length - 1 && (\n              <div\n                key={`divider-${index}`}\n                className=\"h-px w-full bg-grey\"\n              />\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction isStepCompleted(step, currentStep, index) {\n  if (isFunction(step.stepCompleted)) {\n    return step.stepCompleted(currentStep);\n  }\n  if (isBoolean(step.stepCompleted)) {\n    return step.stepCompleted;\n  }\n  return currentStep > index;\n}\n\nfunction isStepDisabled(step, currentStep) {\n  if (isFunction(step.stepDisabled)) {\n    return step.stepDisabled(currentStep);\n  }\n  if (isBoolean(step.stepDisabled)) {\n    return step.stepDisabled;\n  }\n  return false;\n}\n"],"mappings":"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"}

package/dist/pages/referrals/AboutGroupedReferralsModal.js

@@ -9,6 +9,7 @@ exports.AboutGroupedReferralsModal = AboutGroupedReferralsModal;
 exports.default = void 0;
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
 var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
 var _constants = require("./constants");
 var _Dialog = _interopRequireDefault(require("../../components/modal/Dialog"));
 function AboutGroupedReferralsModal(_ref) {
@@ -49,6 +50,10 @@ function AboutGroupedReferralsModal(_ref) {
   }, _constants.EDITING_REFERRAL_GROUPINGS)))));
 }
 ;
+AboutGroupedReferralsModal.propTypes = {
+  refModal: _propTypes.PropTypes.object.isRequired,
+  onCloseModal: _propTypes.PropTypes.func.isRequired
+};
 var _default = AboutGroupedReferralsModal;
 exports.default = _default;
 //# sourceMappingURL=AboutGroupedReferralsModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AboutGroupedReferralsModal.js","names":["_react","_interopRequireDefault","require","_constants","_Dialog","AboutGroupedReferralsModal","_ref","refModal","onCloseModal","closeDialog","current","default","createElement","Fragment","onRequestClose","ref","title","customSize","width","className","ABOUT_GROUPED_REFERRALS","_map","GROUPED_REFERRAL_MUST_HAVE_SAME","call","item","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","_default","exports"],"sources":["../../../src/pages/referrals/AboutGroupedReferralsModal.js"],"sourcesContent":["import React from 'react';\nimport {\n  ABOUT_GROUPED_REFERRALS,\n  GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS,\n  EDITING_REFERRAL_GROUPINGS,\n  GROUPED_REFERRAL_MUST_HAVE_SAME\n} from './constants';\nimport Dialog from '../../components/modal/Dialog';\n\nexport function AboutGroupedReferralsModal({ refModal, onCloseModal }) {\n  const closeDialog = () => {\n    refModal.current.closeDialog();\n    onCloseModal();\n  };\n\n  return (\n    <>\n      <Dialog\n        onCloseModal={closeDialog}\n        onRequestClose={closeDialog}\n        ref={refModal}\n        title=\"Grouped Referrals\"\n        customSize={{\n          width: '800px',\n        }}\n      >\n        <div className='min-h-full'>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>About Grouped Referrals</h1>\n            {ABOUT_GROUPED_REFERRALS}\n            <div className='grid grid-cols-2 gap-4 m-4'>\n              {GROUPED_REFERRAL_MUST_HAVE_SAME.map((item) => (\n                <li>{item}</li>\n              ))}\n            </div>\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Grouped Referrals vs Individual Referrals</h1>\n            {GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS}\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Editing Referral Groupings</h1>\n            <div className='whitespace-pre-line'>{EDITING_REFERRAL_GROUPINGS}</div>\n          </div>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nexport default AboutGroupedReferralsModal;\n\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEO,SAASG,0BAA0BA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EACjE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBF,QAAQ,CAACG,OAAO,CAACD,WAAW,EAAE;IAC9BD,YAAY,EAAE;EAChB,CAAC;EAED,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAAAZ,MAAA,CAAAW,OAAA,CAAAE,QAAA,qBACEb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAO,OAAM;IACLH,YAAY,EAAEC,WAAY;IAC1BK,cAAc,EAAEL,WAAY;IAC5BM,GAAG,EAAER,QAAS;IACdS,KAAK,EAAC,mBAAmB;IACzBC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT;EAAE,gBAEFlB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAY,gBACzBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,yBAAuB,CAAK,EACnEC,kCAAuB,eACxBpB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAA4B,GACxC,IAAAE,IAAA,CAAAV,OAAA,EAAAW,0CAA+B,EAAAC,IAAA,CAA/BD,0CAA+B,EAAK,UAACE,IAAI;IAAA,oBACxCxB,MAAA,CAAAW,OAAA,CAAAC,aAAA,aAAKY,IAAI,CAAM;EAAA,CAChB,CAAC,CACE,CACF,eACNxB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,2CAAyC,CAAK,EACrFM,oDAAyC,CACtC,eACNzB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,4BAA0B,CAAK,eACvEnB,MAAA,CAAAW,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAqB,GAAEO,qCAA0B,CAAO,CACnE,CACF,CACC,CACR;AAEP;AAAC;AAAC,IAAAC,QAAA,GAEatB,0BAA0B;AAAAuB,OAAA,CAAAjB,OAAA,GAAAgB,QAAA"}
+{"version":3,"file":"AboutGroupedReferralsModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_constants","_Dialog","AboutGroupedReferralsModal","_ref","refModal","onCloseModal","closeDialog","current","default","createElement","Fragment","onRequestClose","ref","title","customSize","width","className","ABOUT_GROUPED_REFERRALS","_map","GROUPED_REFERRAL_MUST_HAVE_SAME","call","item","GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS","EDITING_REFERRAL_GROUPINGS","propTypes","PropTypes","object","isRequired","func","_default","exports"],"sources":["../../../src/pages/referrals/AboutGroupedReferralsModal.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport {\n  ABOUT_GROUPED_REFERRALS,\n  GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS,\n  EDITING_REFERRAL_GROUPINGS,\n  GROUPED_REFERRAL_MUST_HAVE_SAME\n} from './constants';\nimport Dialog from '../../components/modal/Dialog';\n\nexport function AboutGroupedReferralsModal({ refModal, onCloseModal }) {\n  const closeDialog = () => {\n    refModal.current.closeDialog();\n    onCloseModal();\n  };\n\n  return (\n    <>\n      <Dialog\n        onCloseModal={closeDialog}\n        onRequestClose={closeDialog}\n        ref={refModal}\n        title=\"Grouped Referrals\"\n        customSize={{\n          width: '800px',\n        }}\n      >\n        <div className='min-h-full'>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>About Grouped Referrals</h1>\n            {ABOUT_GROUPED_REFERRALS}\n            <div className='grid grid-cols-2 gap-4 m-4'>\n              {GROUPED_REFERRAL_MUST_HAVE_SAME.map((item) => (\n                <li>{item}</li>\n              ))}\n            </div>\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Grouped Referrals vs Individual Referrals</h1>\n            {GROUPED_REFERRALS_VS_INDIVIDUAL_REFERRALS}\n          </div>\n          <div className='mb-10'>\n            <h1 className='text-3xl mb-2 font-bold'>Editing Referral Groupings</h1>\n            <div className='whitespace-pre-line'>{EDITING_REFERRAL_GROUPINGS}</div>\n          </div>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nAboutGroupedReferralsModal.propTypes = {\n  refModal: PropTypes.object.isRequired,\n  onCloseModal: PropTypes.func.isRequired,\n}\n\nexport default AboutGroupedReferralsModal;\n\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAMA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEO,SAASI,0BAA0BA,CAAAC,IAAA,EAA6B;EAAA,IAA1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EACjE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBF,QAAQ,CAACG,OAAO,CAACD,WAAW,EAAE;IAC9BD,YAAY,EAAE;EAChB,CAAC;EAED,oBACET,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,qBACEd,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,OAAA,CAAAO,OAAM;IACLH,YAAY,EAAEC,WAAY;IAC1BK,cAAc,EAAEL,WAAY;IAC5BM,GAAG,EAAER,QAAS;IACdS,KAAK,EAAC,mBAAmB;IACzBC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT;EAAE,gBAEFnB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAY,gBACzBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,yBAAuB,CAAK,EACnEC,kCAAuB,eACxBrB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAA4B,GACxC,IAAAE,IAAA,CAAAV,OAAA,EAAAW,0CAA+B,EAAAC,IAAA,CAA/BD,0CAA+B,EAAK,UAACE,IAAI;IAAA,oBACxCzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,aAAKY,IAAI,CAAM;EAAA,CAChB,CAAC,CACE,CACF,eACNzB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,2CAAyC,CAAK,EACrFM,oDAAyC,CACtC,eACN1B,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAO,gBACpBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAIO,SAAS,EAAC;EAAyB,GAAC,4BAA0B,CAAK,eACvEpB,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAqB,GAAEO,qCAA0B,CAAO,CACnE,CACF,CACC,CACR;AAEP;AAAC;AAEDrB,0BAA0B,CAACsB,SAAS,GAAG;EACrCpB,QAAQ,EAAEqB,oBAAS,CAACC,MAAM,CAACC,UAAU;EACrCtB,YAAY,EAAEoB,oBAAS,CAACG,IAAI,CAACD;AAC/B,CAAC;AAAA,IAAAE,QAAA,GAEc3B,0BAA0B;AAAA4B,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}

package/dist/pages/referrals/Referrals.js

@@ -35,6 +35,7 @@ var _ReferralBuilderForm = _interopRequireDefault(require("./ReferralBuilderForm
 var _utils = require("./utils");
 var _useBuildReferrals2 = _interopRequireDefault(require("./useBuildReferrals"));
 var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
+var _NavButtons = _interopRequireDefault(require("../../components/NavButtons"));
 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 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; }
@@ -57,7 +58,7 @@ function Referrals(props) {
   var onLearnMoreClick = function onLearnMoreClick() {
     setAboutGroupedReferralsModalIsOpen(true);
   };
-  var onCloseModal = function onCloseModal() {
+  var onCloseGroupedReferralsModal = function onCloseGroupedReferralsModal() {
     setAboutGroupedReferralsModalIsOpen(false);
   };
   var refModal = (0, _react.useRef)(null);
@@ -92,51 +93,23 @@ function Referrals(props) {
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "px-12"
   }, /*#__PURE__*/_react.default.createElement(_StepHeader.default, {
-    header: 'Referral Builder'
+    header: "Prepare Your Referrals"
   }, _constants.REFERRAL_BUILDER_DESCRIPTION, /*#__PURE__*/_react.default.createElement("button", {
     className: "text-current-blue",
     type: "button",
     onClick: onLearnMoreClick
   }, "Learn more about grouped referrals.")), /*#__PURE__*/_react.default.createElement(_AboutGroupedReferralsModal.default, {
     refModal: refModal,
-    onCloseModal: onCloseModal
-  }), referrals && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "back",
-    onClick: function onClick() {
-      _api.browserHistory.goBack();
+    onCloseModal: onCloseGroupedReferralsModal
+  }), referrals && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_NavButtons.default, {
+    onBackClick: function onBackClick() {
+      return _api.browserHistory.goBack();
     },
-    label: "Back",
-    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-      icon: "V2ChevronLeft",
-      color: "#182A44"
-    }),
-    className: "md:h-12"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    className: "mr-10 text-current-blue font-bold"
-  }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-    icon: "V2Save",
-    color: "#4467AB",
-    className: "mr-2 mb-1"
-  }), "Save Referral Draft"), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "next",
-    disabled: false // change
-    ,
-    onClick: function onClick() {
-      _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/supporting-info"));
+    onForwardClick: function onForwardClick() {
+      return _api.browserHistory.push("".concat((0, _getBaseUrl.default)(), "/supporting-info"));
     },
-    className: "md:w-32 md:h-12 w-64",
-    label: "Next",
-    iconLeft: /*#__PURE__*/_react.default.createElement(_ui.Icon, {
-      icon: "V2Referrall",
-      color: "#FFFFFF",
-      className: "w-6 h-6 pr-2"
-    }),
-    primary: true
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+    primaryLabel: "Next"
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "flex md:flex-wrap gap-6 mt-5"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "md:w-full lg:w-1/3 bg-gray-light border border-blue-border rounded"

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

@@ -1 +1 @@
-{"version":3,"file":"Referrals.js","names":["_react","_interopRequireWildcard","require","_propTypes","_lodash","_getBaseUrl","_interopRequireDefault","_api","_AppCreateReferralProvider","_ui","_Stepper","_StepHeader","_constants","_AboutGroupedReferralsModal","_ReferralCard","_ReferralBuilderForm","_utils","_useBuildReferrals2","_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","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","_Object$getOwnPropertyDescriptors","_Object$defineProperties","Referrals","props","location","_useAppCreateReferral","useAppCreateReferralContext","dispatch","referrals","state","_useBuildReferrals","useBuildReferrals","isLoading","_useState","useState","_useState2","_slicedToArray2","aboutGroupedReferralsModalIsOpen","setAboutGroupedReferralsModalIsOpen","_useState3","_useState4","selectedIndex","setSelectedIndex","onLearnMoreClick","onCloseModal","refModal","useRef","useEffect","current","openDialog","onReferralCardClick","referral","index","getSelected","saveValuesOnChange","values","_values","setData","_toConsumableArray2","isEmpty","referralSubtitle","getReferralSubtitle","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","header","REFERRAL_BUILDER_DESCRIPTION","type","onClick","Button","id","browserHistory","goBack","label","iconLeft","Icon","icon","color","disabled","concat","getBaseUrl","primary","_map","onChange","propTypes","PropTypes","shape","isRequired"],"sources":["../../../src/pages/referrals/Referrals.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport getBaseUrl from '../../utils/getBaseUrl';\nimport { browserHistory } from \"../../config/api\";\nimport { setData, useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport { Button, Icon } from '@unite-us/ui';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REFERRAL_BUILDER_DESCRIPTION } from './constants';\nimport AboutGroupedReferralsModal from './AboutGroupedReferralsModal';\nimport ReferralCard from './ReferralCard';\nimport ReferralBuilderForm from './ReferralBuilderForm';\nimport { getReferralSubtitle } from './utils';\nimport useBuildReferrals from './useBuildReferrals';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\n\nexport default function Referrals(props) {\n  const { location } = props;\n  const { dispatch, state: { referrals } } = useAppCreateReferralContext();\n  const { isLoading } = useBuildReferrals();\n\n  const [aboutGroupedReferralsModalIsOpen, setAboutGroupedReferralsModalIsOpen] = useState(false);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const onLearnMoreClick = () => {\n    setAboutGroupedReferralsModalIsOpen(true);\n  };\n\n  const onCloseModal = () => {\n    setAboutGroupedReferralsModalIsOpen(false);\n  }\n\n  const refModal = useRef(null);\n  useEffect(() => {\n    if (aboutGroupedReferralsModalIsOpen) {\n      refModal.current.openDialog();\n    }\n  }, [aboutGroupedReferralsModalIsOpen]);\n\n  const onReferralCardClick = (referral, index) => {\n    setSelectedIndex(index);\n  }\n\n  const getSelected = () => referrals && referrals[selectedIndex]\n\n  const saveValuesOnChange = (props) => {\n    const { values } = props;\n    referrals[selectedIndex] = {\n      // ...getSelected(),\n      ...values\n    }\n\n    dispatch(setData({\n      referrals: [...referrals]\n    }))\n  }\n\n  if (isLoading || isEmpty(referrals)) return null;\n\n  const referralSubtitle = getReferralSubtitle(referrals, getSelected());\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 header={'Referral Builder'}>\n          {REFERRAL_BUILDER_DESCRIPTION}\n          <button\n            className=\"text-current-blue\"\n            type=\"button\"\n            onClick={onLearnMoreClick}\n          >\n            Learn more about grouped referrals.\n          </button>\n        </StepHeader>\n        <AboutGroupedReferralsModal refModal={refModal} onCloseModal={onCloseModal} />\n        {referrals && (\n          <>\n            <div className=\"flex justify-between\">\n              <Button\n                id=\"back\"\n                onClick={() => {\n                  browserHistory.goBack()\n                }}\n                label=\"Back\"\n                iconLeft={<Icon icon=\"V2ChevronLeft\" color=\"#182A44\" />}\n                className=\"md:h-12\"\n              />\n\n              <div className=\"flex\">\n                <button className=\"mr-10 text-current-blue font-bold\">\n                  <Icon icon=\"V2Save\" color=\"#4467AB\" className=\"mr-2 mb-1\" />\n                  Save Referral Draft\n                </button>\n                <Button\n                  id=\"next\"\n                  disabled={false} // change\n                  onClick={() => {\n                    browserHistory.push(`${getBaseUrl()}/supporting-info`)\n                  }}\n                  className='md:w-32 md:h-12 w-64'\n                  label=\"Next\"\n                  iconLeft={<Icon icon=\"V2Referrall\" color=\"#FFFFFF\" className=\"w-6 h-6 pr-2\" />}\n                  primary\n                />\n              </div>\n            </div>\n\n            <div className=\"flex md:flex-wrap gap-6 mt-5\">\n              <div className=\"md:w-full lg:w-1/3 bg-gray-light border border-blue-border rounded\">\n                <div className=\"p-5\">\n                  <h2 className=\"text-xl font-black mb-5\">\n                    Referrals\n                  </h2>\n                  {referrals.map((referral, index) => (\n                    <div className=\"mb-5\" key={`referral-card-${referral?.id}-wrapper`}>\n                      <ReferralCard\n                        referral={referral}\n                        index={index}\n                        selectedIndex={selectedIndex}\n                        onClick={onReferralCardClick}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </div>\n              <ReferralBuilderForm referral={getSelected()} referralSubtitle={referralSubtitle} index={selectedIndex} onChange={saveValuesOnChange} />\n            </div>\n          </>\n        )}\n      </div>\n    </>\n  )\n}\n\nReferrals.propTypes = {\n  location: PropTypes.shape.isRequired,\n};\n"],"mappings":"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"}
+{"version":3,"file":"Referrals.js","names":["_react","_interopRequireWildcard","require","_propTypes","_lodash","_getBaseUrl","_interopRequireDefault","_api","_AppCreateReferralProvider","_ui","_Stepper","_StepHeader","_constants","_AboutGroupedReferralsModal","_ReferralCard","_ReferralBuilderForm","_utils","_useBuildReferrals2","_ClientHeader","_NavButtons","_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","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","_Object$getOwnPropertyDescriptors","_Object$defineProperties","Referrals","props","location","_useAppCreateReferral","useAppCreateReferralContext","dispatch","referrals","state","_useBuildReferrals","useBuildReferrals","isLoading","_useState","useState","_useState2","_slicedToArray2","aboutGroupedReferralsModalIsOpen","setAboutGroupedReferralsModalIsOpen","_useState3","_useState4","selectedIndex","setSelectedIndex","onLearnMoreClick","onCloseGroupedReferralsModal","refModal","useRef","useEffect","current","openDialog","onReferralCardClick","referral","index","getSelected","saveValuesOnChange","values","_values","setData","_toConsumableArray2","isEmpty","referralSubtitle","getReferralSubtitle","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","header","REFERRAL_BUILDER_DESCRIPTION","type","onClick","onCloseModal","onBackClick","browserHistory","goBack","onForwardClick","concat","getBaseUrl","primaryLabel","_map","id","onChange","propTypes","PropTypes","shape","isRequired"],"sources":["../../../src/pages/referrals/Referrals.js"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { isEmpty } from 'lodash';\nimport getBaseUrl from '../../utils/getBaseUrl';\nimport { browserHistory } from \"../../config/api\";\nimport { setData, useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport { Button, Icon } from '@unite-us/ui';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { REFERRAL_BUILDER_DESCRIPTION } from './constants';\nimport AboutGroupedReferralsModal from './AboutGroupedReferralsModal';\nimport ReferralCard from './ReferralCard';\nimport ReferralBuilderForm from './ReferralBuilderForm';\nimport { getReferralSubtitle } from './utils';\nimport useBuildReferrals from './useBuildReferrals';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\nimport NavButtons from '../../components/NavButtons';\n\nexport default function Referrals(props) {\n  const { location } = props;\n  const { dispatch, state: { referrals } } = useAppCreateReferralContext();\n  const { isLoading } = useBuildReferrals();\n\n  const [aboutGroupedReferralsModalIsOpen, setAboutGroupedReferralsModalIsOpen] = useState(false);\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const onLearnMoreClick = () => {\n    setAboutGroupedReferralsModalIsOpen(true);\n  };\n\n  const onCloseGroupedReferralsModal = () => {\n    setAboutGroupedReferralsModalIsOpen(false);\n  }\n\n  const refModal = useRef(null);\n  useEffect(() => {\n    if (aboutGroupedReferralsModalIsOpen) {\n      refModal.current.openDialog();\n    }\n  }, [aboutGroupedReferralsModalIsOpen]);\n\n  const onReferralCardClick = (referral, index) => {\n    setSelectedIndex(index);\n  }\n\n  const getSelected = () => referrals && referrals[selectedIndex]\n\n  const saveValuesOnChange = (props) => {\n    const { values } = props;\n    referrals[selectedIndex] = {\n      // ...getSelected(),\n      ...values\n    }\n\n    dispatch(setData({\n      referrals: [...referrals]\n    }))\n  }\n\n  if (isLoading || isEmpty(referrals)) return null;\n\n  const referralSubtitle = getReferralSubtitle(referrals, getSelected());\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 header='Prepare Your Referrals'>\n          {REFERRAL_BUILDER_DESCRIPTION}\n          <button\n            className=\"text-current-blue\"\n            type=\"button\"\n            onClick={onLearnMoreClick}\n          >\n            Learn more about grouped referrals.\n          </button>\n        </StepHeader>\n\n        <AboutGroupedReferralsModal refModal={refModal} onCloseModal={onCloseGroupedReferralsModal} />\n\n        {referrals && (\n          <>\n            <NavButtons onBackClick={() => browserHistory.goBack()} onForwardClick={() => browserHistory.push(`${getBaseUrl()}/supporting-info`)} primaryLabel=\"Next\" />\n\n            <div className=\"flex md:flex-wrap gap-6 mt-5\">\n              <div className=\"md:w-full lg:w-1/3 bg-gray-light border border-blue-border rounded\">\n                <div className=\"p-5\">\n                  <h2 className=\"text-xl font-black mb-5\">\n                    Referrals\n                  </h2>\n                  {referrals.map((referral, index) => (\n                    <div className=\"mb-5\" key={`referral-card-${referral?.id}-wrapper`}>\n                      <ReferralCard\n                        referral={referral}\n                        index={index}\n                        selectedIndex={selectedIndex}\n                        onClick={onReferralCardClick}\n                      />\n                    </div>\n                  ))}\n                </div>\n              </div>\n              <ReferralBuilderForm referral={getSelected()} referralSubtitle={referralSubtitle} index={selectedIndex} onChange={saveValuesOnChange} />\n            </div>\n          </>\n        )}\n      </div>\n    </>\n  )\n}\n\nReferrals.propTypes = {\n  location: PropTypes.shape.isRequired,\n};\n"],"mappings":"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"}

package/dist/pages/referrals/constants.js

@@ -4,13 +4,11 @@ var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/obje
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-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;
+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";
 exports.CREATE_REFERRAL_DESCRIPTION = CREATE_REFERRAL_DESCRIPTION;
-var REVIEW_REFERRAL_DESCRIPTION = "You are almost there, please review the referrals for accuracy and submit them below.";
-exports.REVIEW_REFERRAL_DESCRIPTION = REVIEW_REFERRAL_DESCRIPTION;
 var 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:";
 exports.ABOUT_GROUPED_REFERRALS = ABOUT_GROUPED_REFERRALS;
 var 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 \u201CGroup Referrals Individually by default\u201D.";

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","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"}
+{"version":3,"file":"constants.js","names":["REFERRAL_BUILDER_DESCRIPTION","exports","CREATE_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 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,uBAAuB,yRAEwD;AAACF,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AAEtF,IAAMC,yCAAyC,4OAC+E;AAACH,OAAA,CAAAG,yCAAA,GAAAA,yCAAA;AAE/H,IAAMC,0BAA0B,wcAEgP;AAACJ,OAAA,CAAAI,0BAAA,GAAAA,0BAAA;AAEjR,IAAMC,+BAA+B,GAAG,CAAC,cAAc,EAAE,uCAAuC,EAAE,qBAAqB,EAAE,qBAAqB,CAAC;AAACL,OAAA,CAAAK,+BAAA,GAAAA,+BAAA;AAEhJ,IAAMC,4BAA4B,GAAG,kLAAkL;AAACN,OAAA,CAAAM,4BAAA,GAAAA,4BAAA;AAExN,IAAMC,qBAAqB,iJACmC;AAACP,OAAA,CAAAO,qBAAA,GAAAA,qBAAA"}

package/dist/pages/review/DeleteReferralModal.js

@@ -0,0 +1,62 @@
+"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.DeleteReferralModal = DeleteReferralModal;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+var _ui = require("@unite-us/ui");
+var _Dialog = _interopRequireDefault(require("../../components/modal/Dialog"));
+function DeleteReferralModal(_ref) {
+  var refModal = _ref.refModal,
+    onCloseModal = _ref.onCloseModal,
+    referral = _ref.referral;
+  var closeDialog = function closeDialog() {
+    refModal.current.closeDialog();
+    onCloseModal();
+  };
+  var onDeleteReferral = function onDeleteReferral() {
+    // update
+    console.log('delete', {
+      referral: referral
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Dialog.default, {
+    onCloseModal: closeDialog,
+    onRequestClose: closeDialog,
+    ref: refModal,
+    title: "Delete",
+    customSize: {
+      width: '400px'
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "h-24"
+  }, /*#__PURE__*/_react.default.createElement("p", null, "Are you sure you want to delete this referral?")), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex justify-end"
+  }, /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "cancel",
+    onClick: closeDialog,
+    label: "Cancel",
+    className: "mr-4",
+    primary: true
+  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
+    id: "delete",
+    onClick: onDeleteReferral,
+    label: "Delete",
+    className: "",
+    primary: true
+  }))))));
+}
+;
+DeleteReferralModal.propTypes = {
+  refModal: _propTypes.PropTypes.object.isRequired,
+  onCloseModal: _propTypes.PropTypes.func.isRequired,
+  referral: _propTypes.PropTypes.object.isRequired
+};
+var _default = DeleteReferralModal;
+exports.default = _default;
+//# sourceMappingURL=DeleteReferralModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteReferralModal.js","names":["_react","_interopRequireDefault","require","_propTypes","_ui","_Dialog","DeleteReferralModal","_ref","refModal","onCloseModal","referral","closeDialog","current","onDeleteReferral","console","log","default","createElement","Fragment","onRequestClose","ref","title","customSize","width","className","Button","id","onClick","label","primary","propTypes","PropTypes","object","isRequired","func","_default","exports"],"sources":["../../../src/pages/review/DeleteReferralModal.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Button } from '@unite-us/ui';\nimport Dialog from '../../components/modal/Dialog';\n\nexport function DeleteReferralModal({ refModal, onCloseModal, referral }) {\n  const closeDialog = () => {\n    refModal.current.closeDialog();\n    onCloseModal();\n  };\n\n  const onDeleteReferral = () => {\n    // update\n    console.log('delete', { referral });\n  }\n\n  return (\n    <>\n      <Dialog\n        onCloseModal={closeDialog}\n        onRequestClose={closeDialog}\n        ref={refModal}\n        title=\"Delete\"\n        customSize={{\n          width: '400px',\n        }}\n      >\n        <div>\n          <div className='h-24'>\n            <p>Are you sure you want to delete this referral?</p>\n          </div>\n          <div>\n            <div className='flex justify-end'>\n              <Button\n                id=\"cancel\"\n                onClick={closeDialog}\n                label=\"Cancel\"\n                className=\"mr-4\"\n                primary\n              />\n              <Button\n                id=\"delete\"\n                onClick={onDeleteReferral}\n                label=\"Delete\"\n                className=\"\"\n                primary\n              />\n            </div>\n          </div>\n        </div>\n      </Dialog>\n    </>\n  );\n};\n\nDeleteReferralModal.propTypes = {\n  refModal: PropTypes.object.isRequired,\n  onCloseModal: PropTypes.func.isRequired,\n  referral: PropTypes.object.isRequired, \n}\n\nexport default DeleteReferralModal;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEO,SAASI,mBAAmBA,CAAAC,IAAA,EAAuC;EAAA,IAApCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACpE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBH,QAAQ,CAACI,OAAO,CAACD,WAAW,EAAE;IAC9BF,YAAY,EAAE;EAChB,CAAC;EAED,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;IAC7B;IACAC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAE;MAAEL,QAAQ,EAARA;IAAS,CAAC,CAAC;EACrC,CAAC;EAED,oBACEV,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAE,QAAA,qBACElB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAW,OAAM;IACLP,YAAY,EAAEE,WAAY;IAC1BQ,cAAc,EAAER,WAAY;IAC5BS,GAAG,EAAEZ,QAAS;IACda,KAAK,EAAC,QAAQ;IACdC,UAAU,EAAE;MACVC,KAAK,EAAE;IACT;EAAE,gBAEFvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,2BACEjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAM,gBACnBxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,YAAG,gDAA8C,CAAI,CACjD,eACNjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,2BACEjB,MAAA,CAAAgB,OAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAkB,gBAC/BxB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,GAAA,CAAAqB,MAAM;IACLC,EAAE,EAAC,QAAQ;IACXC,OAAO,EAAEhB,WAAY;IACrBiB,KAAK,EAAC,QAAQ;IACdJ,SAAS,EAAC,MAAM;IAChBK,OAAO;EAAA,EACP,eACF7B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,GAAA,CAAAqB,MAAM;IACLC,EAAE,EAAC,QAAQ;IACXC,OAAO,EAAEd,gBAAiB;IAC1Be,KAAK,EAAC,QAAQ;IACdJ,SAAS,EAAC,EAAE;IACZK,OAAO;EAAA,EACP,CACE,CACF,CACF,CACC,CACR;AAEP;AAAC;AAEDvB,mBAAmB,CAACwB,SAAS,GAAG;EAC9BtB,QAAQ,EAAEuB,oBAAS,CAACC,MAAM,CAACC,UAAU;EACrCxB,YAAY,EAAEsB,oBAAS,CAACG,IAAI,CAACD,UAAU;EACvCvB,QAAQ,EAAEqB,oBAAS,CAACC,MAAM,CAACC;AAC7B,CAAC;AAAA,IAAAE,QAAA,GAEc7B,mBAAmB;AAAA8B,OAAA,CAAApB,OAAA,GAAAmB,QAAA"}

package/dist/pages/review/Review.js

@@ -1,35 +1,85 @@
 "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$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 _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
 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 _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _ui = require("@unite-us/ui");
 var _react = _interopRequireWildcard(require("react"));
+var _lodash = require("lodash");
 var _Stepper = _interopRequireDefault(require("../../components/Stepper"));
 var _StepHeader = _interopRequireDefault(require("../../components/StepHeader"));
-var _constants = require("../referrals/constants");
+var _constants = require("./constants");
 var _api = require("../../config/api");
 var _ReferralsSent = _interopRequireDefault(require("./ReferralsSent"));
 var _AppCreateReferralProvider = require("../../context/AppCreateReferralProvider");
 var _ClientHeader = _interopRequireDefault(require("../../components/ClientHeader/ClientHeader"));
+var _DeleteReferralModal = _interopRequireDefault(require("./DeleteReferralModal"));
+var _NavButtons = _interopRequireDefault(require("../../components/NavButtons"));
 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 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; }
 function Review(props) {
   var location = props.location;
   var _useAppCreateReferral = (0, _AppCreateReferralProvider.useAppCreateReferralContext)(),
-    state = _useAppCreateReferral.state;
+    referrals = _useAppCreateReferral.state.referrals;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     sent = _useState2[0],
     updateSent = _useState2[1];
+  var _useState3 = (0, _react.useState)([]),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    expandedReferrals = _useState4[0],
+    setExpandedReferrals = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    deleteReferralModalIsOpen = _useState6[0],
+    setDeleteReferralModalIsOpen = _useState6[1];
+  var onChevronClick = function onChevronClick(index) {
+    var expanded = (0, _map.default)(expandedReferrals).call(expandedReferrals, function (ref) {
+      if (ref.index === index) {
+        ref.expanded = !ref.expanded;
+      }
+      return ref;
+    });
+    setExpandedReferrals(expanded);
+  };
+  var onDeleteReferralClick = function onDeleteReferralClick() {
+    setDeleteReferralModalIsOpen(true);
+  };
+  var onCloseDeleteReferralModal = function onCloseDeleteReferralModal() {
+    setDeleteReferralModalIsOpen(false);
+  };
+  (0, _react.useEffect)(function () {
+    var expanded = (0, _map.default)(referrals).call(referrals, function (r, i) {
+      return _objectSpread(_objectSpread({}, r), {}, {
+        expanded: true,
+        index: i
+      });
+    });
+    setExpandedReferrals(expanded);
+  }, [referrals]);
+  var deleteModal = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
+    if (deleteReferralModalIsOpen) {
+      deleteModal.current.openDialog();
+    }
+  }, [deleteReferralModalIsOpen]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ClientHeader.default, {
     name: "Richard Wilson",
     consentStatus: "accepted",
@@ -43,19 +93,101 @@ function Review(props) {
   }, /*#__PURE__*/_react.default.createElement(_StepHeader.default, {
     icon: true,
     header: 'Review Step'
-  }, _constants.REVIEW_REFERRAL_DESCRIPTION), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h1", null, "Context State:"), /*#__PURE__*/_react.default.createElement("code", null, (0, _stringify.default)(state))), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "back",
-    onClick: function onClick() {
-      _api.browserHistory.goBack();
+  }, _constants.REVIEW_REFERRAL_DESCRIPTION), /*#__PURE__*/_react.default.createElement(_NavButtons.default, {
+    onBackClick: function onBackClick() {
+      return _api.browserHistory.goBack();
+    },
+    onForwardClick: function onForwardClick() {
+      return updateSent(true);
+    },
+    primaryLabel: "Confirm & Submit"
+  }), (0, _map.default)(expandedReferrals).call(expandedReferrals, function (referral, index) {
+    var _context;
+    return (0, _map.default)(_context = (0, _lodash.get)(referral, 'programs', [])).call(_context, function (program) {
+      var _context2;
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: "mb-6",
+        key: (0, _concat.default)(_context2 = "referral-".concat(referral.id, "-program-")).call(_context2, program.id, "-review-card")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "bg-gray-light border border-blue-border ".concat(referral !== null && referral !== void 0 && referral.expanded ? "rounded-t-lg" : "rounded")
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "py-6 px-8 flex justify-between"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-grey"
+      }, "Referral ", index + 1, ": ", (0, _lodash.get)(referral, 'service.name')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: "IconPencil",
+        color: "#182A44",
+        className: "mr-3"
+      }), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: "IconTrash",
+        color: "#182A44",
+        className: "mr-3",
+        onClick: onDeleteReferralClick
+      }), /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: referral !== null && referral !== void 0 && referral.expanded ? "IconChevronDown" : "IconChevronRight",
+        color: "#182A44",
+        onClick: function onClick() {
+          return onChevronClick(index);
+        }
+      })))), /*#__PURE__*/_react.default.createElement(_DeleteReferralModal.default, {
+        refModal: deleteModal,
+        onCloseModal: onCloseDeleteReferralModal,
+        referral: referral
+      }), (0, _lodash.get)(referral, 'expanded', true) ? /*#__PURE__*/_react.default.createElement("div", {
+        className: "bg-gray-light border border-blue-border rounded-b-lg"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "pt-6 px-8 pb-16"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "grid grid-cols-3"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-2 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Referral Programs"), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, program.name)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-1 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Recipient Network"), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, "Network name"), " "), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-3 mt-10 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Referral Description"), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, referral.description)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-3 mt-16 p-2"
+      }, /*#__PURE__*/_react.default.createElement("h2", {
+        className: "uppercase font-black text-dark-blue"
+      }, "Attached Documents"), (0, _lodash.get)(referral, 'attachments') ? /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, "We've got attachments!") :
+      /*#__PURE__*/
+      // update
+      _react.default.createElement("p", {
+        className: "italic text-dark-blue"
+      }, "No Items")), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-span-3 bg-light-pale-blue rounded mt-6 p-6 flex"
+      }, /*#__PURE__*/_react.default.createElement(_ui.Icon, {
+        icon: "IconExclamationCircle",
+        color: "#182A44",
+        className: "mt-px mr-4"
+      }), /*#__PURE__*/_react.default.createElement("p", {
+        className: "text-dark-blue"
+      }, _constants.READY_TO_SUMBIT_INFO_TEXT))))) : null);
+    });
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pb-6"
+  }, /*#__PURE__*/_react.default.createElement(_NavButtons.default, {
+    onBackClick: function onBackClick() {
+      return _api.browserHistory.goBack();
     },
-    label: "Back"
-  }), /*#__PURE__*/_react.default.createElement(_ui.Button, {
-    id: "done",
-    onClick: function onClick() {
-      updateSent(true);
+    onForwardClick: function onForwardClick() {
+      return updateSent(true);
     },
-    primary: true,
-    label: "Finish"
-  })));
+    primaryLabel: "Confirm & Submit"
+  }))));
 }
 //# sourceMappingURL=Review.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"Review.js","names":["_ui","require","_react","_interopRequireWildcard","_lodash","_Stepper","_interopRequireDefault","_StepHeader","_constants","_api","_ReferralsSent","_AppCreateReferralProvider","_ClientHeader","_DeleteReferralModal","_NavButtons","_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","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty2","_Object$getOwnPropertyDescriptors","_Object$defineProperties","Review","props","location","_useAppCreateReferral","useAppCreateReferralContext","referrals","state","_useState","useState","_useState2","_slicedToArray2","sent","updateSent","_useState3","_useState4","expandedReferrals","setExpandedReferrals","_useState5","_useState6","deleteReferralModalIsOpen","setDeleteReferralModalIsOpen","onChevronClick","index","expanded","_map","ref","onDeleteReferralClick","onCloseDeleteReferralModal","useEffect","r","deleteModal","useRef","current","openDialog","createElement","Fragment","name","consentStatus","dob","Date","now","tel","email","className","icon","header","REVIEW_REFERRAL_DESCRIPTION","onBackClick","browserHistory","goBack","onForwardClick","primaryLabel","referral","_context","program","_context2","_concat","concat","id","Icon","color","onClick","refModal","onCloseModal","description","READY_TO_SUMBIT_INFO_TEXT"],"sources":["../../../src/pages/review/Review.js"],"sourcesContent":["import { Button, Icon } from '@unite-us/ui';\nimport React, { useState, useEffect, useRef } from 'react';\nimport { get } from 'lodash';\nimport Stepper from '../../components/Stepper';\nimport StepHeader from '../../components/StepHeader';\nimport { READY_TO_SUMBIT_INFO_TEXT, REVIEW_REFERRAL_DESCRIPTION } from './constants';\nimport { browserHistory } from '../../config/api';\nimport ReferralsSent from './ReferralsSent';\nimport { useAppCreateReferralContext } from '../../context/AppCreateReferralProvider';\nimport ClientHeader from '../../components/ClientHeader/ClientHeader';\nimport DeleteReferralModal from './DeleteReferralModal';\nimport NavButtons from '../../components/NavButtons';\n\nexport default function Review(props) {\n  const { location } = props;\n  const { state: { referrals } } = useAppCreateReferralContext();\n\n  const [sent, updateSent] = useState(false);\n  const [expandedReferrals, setExpandedReferrals] = useState([]);\n  const [deleteReferralModalIsOpen, setDeleteReferralModalIsOpen] = useState(false);\n\n  const onChevronClick = (index) => {\n    const expanded = expandedReferrals.map((ref) => {\n      if (ref.index === index) {\n        ref.expanded = !ref.expanded\n      }\n      return ref;\n    })\n    setExpandedReferrals(expanded);\n  }\n\n  const onDeleteReferralClick = () => {\n    setDeleteReferralModalIsOpen(true);\n  }\n\n  const onCloseDeleteReferralModal = () => {\n    setDeleteReferralModalIsOpen(false);\n  }\n\n  useEffect(() => {\n    const expanded = referrals.map((r, i) => ({\n      ...r,\n      expanded: true,\n      index: i,\n    }));\n    setExpandedReferrals(expanded)\n  }, [referrals]);\n\n  const deleteModal = useRef(null);\n  useEffect(() => {\n    if (deleteReferralModalIsOpen) {\n      deleteModal.current.openDialog();\n    }\n  }, [deleteReferralModalIsOpen]);\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            <NavButtons onBackClick={() => browserHistory.goBack()} onForwardClick={() => updateSent(true)} primaryLabel=\"Confirm & Submit\" />\n\n            {\n              expandedReferrals.map((referral, index) => (\n                get(referral, 'programs', []).map((program) => (\n                  <div className=\"mb-6\" key={`referral-${referral.id}-program-${program.id}-review-card`}>\n                    <div className={`bg-gray-light border border-blue-border ${referral?.expanded ? \"rounded-t-lg\" : \"rounded\"}`}>\n                      <div className=\"py-6 px-8 flex justify-between\">\n                        <h2 className=\"uppercase font-black text-grey\">Referral {index + 1}: {get(referral, 'service.name')}</h2>\n                        <div>\n                          <Icon icon=\"IconPencil\" color=\"#182A44\" className=\"mr-3\" />\n                          <Icon icon=\"IconTrash\" color=\"#182A44\" className=\"mr-3\" onClick={onDeleteReferralClick}/>\n                          <Icon\n                            icon={referral?.expanded ? \"IconChevronDown\" : \"IconChevronRight\"}\n                            color=\"#182A44\"\n                            onClick={() => onChevronClick(index)}\n                          />\n                        </div>\n                      </div>\n                    </div>\n\n                    <DeleteReferralModal refModal={deleteModal} onCloseModal={onCloseDeleteReferralModal} referral={referral} />\n\n                    {\n                      get(referral, 'expanded', true) ? (\n                        <div className=\"bg-gray-light border border-blue-border rounded-b-lg\">\n                          <div className=\"pt-6 px-8 pb-16\">\n                            <div className=\"grid grid-cols-3\">\n                              <div className=\"col-span-2 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Referral Programs</h2>\n                                <p className=\"text-dark-blue\">{program.name}</p>\n                              </div>\n                              <div className=\"col-span-1 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Recipient Network</h2>\n                                <p className=\"text-dark-blue\">Network name</p> { /* update */ }\n                              </div>\n                              <div className=\"col-span-3 mt-10 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Referral Description</h2>\n                                <p className=\"text-dark-blue\">{referral.description}</p>\n                              </div>\n                              <div className=\"col-span-3 mt-16 p-2\">\n                                <h2 className=\"uppercase font-black text-dark-blue\">Attached Documents</h2>\n                                {get(referral, 'attachments') ?\n                                  <p className=\"text-dark-blue\">We've got attachments!</p> : // update\n                                  <p className=\"italic text-dark-blue\">No Items</p>\n                                }\n                              </div>\n                              <div className=\"col-span-3 bg-light-pale-blue rounded mt-6 p-6 flex\">\n                                <Icon icon=\"IconExclamationCircle\" color=\"#182A44\" className=\"mt-px mr-4\" />\n                                <p className=\"text-dark-blue\">{READY_TO_SUMBIT_INFO_TEXT}</p>\n                              </div>\n                            </div>\n                          </div>\n                        </div>\n                      ) : null\n                    }\n                  </div>\n                ))\n              ))\n            }\n\n            <div className=\"pb-6\">\n              <NavButtons onBackClick={() => browserHistory.goBack()} onForwardClick={() => updateSent(true)} primaryLabel=\"Confirm & Submit\" />\n            </div>\n          </div>\n        )\n      }\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/pages/review/constants.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.REVIEW_REFERRAL_DESCRIPTION = exports.READY_TO_SUMBIT_INFO_TEXT = void 0;
+var READY_TO_SUMBIT_INFO_TEXT = 'Ready to submit? Great! Please remind your client that their information may be shared to connect them with the service(s) they requested.';
+exports.READY_TO_SUMBIT_INFO_TEXT = READY_TO_SUMBIT_INFO_TEXT;
+var REVIEW_REFERRAL_DESCRIPTION = "You are almost there, please review the referrals for accuracy and submit them below.";
+exports.REVIEW_REFERRAL_DESCRIPTION = REVIEW_REFERRAL_DESCRIPTION;
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["READY_TO_SUMBIT_INFO_TEXT","exports","REVIEW_REFERRAL_DESCRIPTION"],"sources":["../../../src/pages/review/constants.js"],"sourcesContent":["export const READY_TO_SUMBIT_INFO_TEXT = 'Ready to submit? Great! Please remind your client that their information may be shared to connect them with the service(s) they requested.'\n\nexport const REVIEW_REFERRAL_DESCRIPTION = `You are almost there, please review the referrals for accuracy and submit them below.`;\n"],"mappings":";;;;;;;AAAO,IAAMA,yBAAyB,GAAG,4IAA4I;AAAAC,OAAA,CAAAD,yBAAA,GAAAA,yBAAA;AAE9K,IAAME,2BAA2B,0FAA0F;AAACD,OAAA,CAAAC,2BAAA,GAAAA,2BAAA"}

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@unite-us/app-create-referral",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "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/client-utils": "3.0.1425",
     "@unite-us/json-api-resources": "1.1.128",
-    "@unite-us/ui": "3.0.1116",
+    "@unite-us/ui": "3.0.1425",
     "final-form": "4.20.9",
     "final-form-arrays": "3.1.0",
     "lodash": "4.17.21",