@unite-us/app-create-referral 0.15.62 → 0.15.63

package/dist/components/service_authorization/PreviousAuthorizationRequestsDetails.js

@@ -5,110 +5,135 @@ import Dialog from '../modal/Dialog';
 import ReferralAuthSpendExpandable from './ReferralAuthSpendExpandable';
 import LineItem from '../../pages/builder/LineItem';
 import './PreviousAuthorizationRequestsDetails.scss';
-var filterByState = function filterByState(items) {
-  var approvedItems = items.filter(function (item) {
-    return item.state === 'approved';
-  });
-  var requestedItems = items.filter(function (item) {
-    return item.state === 'requested';
-  });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const filterByState = items => {
+  const approvedItems = items.filter(item => item.state === 'approved');
+  const requestedItems = items.filter(item => item.state === 'requested');
   return {
-    approvedItems: approvedItems,
-    requestedItems: requestedItems
+    approvedItems,
+    requestedItems
   };
 };
-var PreviousAuthorizationRequestsDetails = function PreviousAuthorizationRequestsDetails(_ref) {
+const PreviousAuthorizationRequestsDetails = _ref => {
   var _capInfo$startDate;
-  var authorizationSpends = _ref.authorizationSpends,
-    totalApprovedSpend = _ref.totalApprovedSpend,
-    totalRequestedSpend = _ref.totalRequestedSpend,
-    unit = _ref.unit,
-    isCostBased = _ref.isCostBased,
-    capInfo = _ref.capInfo,
-    amountAvailable = _ref.amountAvailable;
-  var modalRef = useRef();
-  var closeModal = useCallback(function () {
+  let {
+    authorizationSpends,
+    totalApprovedSpend,
+    totalRequestedSpend,
+    unit,
+    isCostBased,
+    capInfo,
+    amountAvailable
+  } = _ref;
+  const modalRef = useRef();
+  const closeModal = useCallback(() => {
     modalRef.current.closeDialog();
   }, []);
-  var openModal = useCallback(function () {
+  const openModal = useCallback(() => {
     modalRef.current.openDialog();
   }, []);
-  var _filterByState = filterByState(authorizationSpends),
-    approvedItems = _filterByState.approvedItems,
-    requestedItems = _filterByState.requestedItems;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
-    "data-testid": "auth-requests-details-view-details-button",
-    type: "button",
-    onClick: openModal,
-    className: "focus:outline-none inline-block"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: "ExternalLink",
-    className: "fill-current text-action-blue"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text-action-blue ml-2"
-  }, "View details")), /*#__PURE__*/React.createElement(Dialog, {
-    ref: modalRef,
-    title: "Authorization Request Details",
-    close: closeModal,
-    dataTestId: "auth-requests-details-dialog",
-    width: "3xl",
-    titleStyles: {
-      fontWeight: 600,
-      color: "#525F73"
-    }
-  }, /*#__PURE__*/React.createElement("p", null, "This section shows the amount available for authorization, and related information based on the selected service delivery dates."), /*#__PURE__*/React.createElement("hr", {
-    className: "my-3"
-  }), capInfo.hasCap && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("dl", {
-    className: "m-0 flex justify-between gap-2"
-  }, /*#__PURE__*/React.createElement(LineItem, {
-    field: "AMOUNT AVAILABLE FOR AUTHORIZATION",
-    dataTestElement: "auth-requests-details-amount-available",
-    valueClassName: "text-text-blue text-sm leading-5"
-  }, amountAvailable)), /*#__PURE__*/React.createElement("p", {
-    className: "mt-3"
-  }, "The amount available for authorization is the cap minus the Amount Currently Authorized."), /*#__PURE__*/React.createElement("hr", {
-    className: "my-3"
-  })), /*#__PURE__*/React.createElement(ReferralAuthSpendExpandable, {
-    title: "Amount Currently Authorized:",
-    items: approvedItems,
-    totalSpend: totalApprovedSpend,
-    unit: unit,
-    isAuthorized: true,
-    isCostBased: isCostBased
-  }), capInfo.hasCap && /*#__PURE__*/React.createElement("p", {
-    className: "mt-3"
-  }, "Any currently authorized services that fall within the cap period are shown here."), /*#__PURE__*/React.createElement("hr", {
-    className: "my-3"
-  }), capInfo.hasCap && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("dl", {
-    className: "m-0 flex flex-col gap-y-3 gap-x-2"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/React.createElement(LineItem, {
-    field: "Cap",
-    dataTestElement: "auth-requests-details-cap",
-    fieldClassName: "text-dark-grey"
-  }, capInfo.formattedCap)), ((_capInfo$startDate = capInfo.startDate) === null || _capInfo$startDate === void 0 ? void 0 : _capInfo$startDate.isValid()) && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("hr", {
-    className: "col-span-2"
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/React.createElement(LineItem, {
-    field: "Cap Period",
-    dataTestElement: "auth-requests-details-cap-period",
-    fieldClassName: "text-dark-grey"
-  }, capInfo.formattedCapPeriod)), /*#__PURE__*/React.createElement("p", null, "The cap period is based on the selected service delivery dates."))), /*#__PURE__*/React.createElement("hr", {
-    className: "my-3 col-span-2"
-  })), /*#__PURE__*/React.createElement(ReferralAuthSpendExpandable, {
-    title: "Amount Pending Authorization:",
-    items: requestedItems,
-    totalSpend: totalRequestedSpend,
-    unit: unit,
-    isAuthorized: false,
-    isCostBased: isCostBased
-  }), capInfo.hasCap && /*#__PURE__*/React.createElement("p", {
-    className: "my-3"
-  }, "If accepted, pending requests will count towards the cap and reduce the amount available for authorization."), /*#__PURE__*/React.createElement("hr", {
-    className: "my-3"
-  })));
+  const {
+    approvedItems,
+    requestedItems
+  } = filterByState(authorizationSpends);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("button", {
+      "data-testid": "auth-requests-details-view-details-button",
+      type: "button",
+      onClick: openModal,
+      className: "focus:outline-none inline-block",
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: "ExternalLink",
+        className: "fill-current text-action-blue"
+      }), /*#__PURE__*/_jsx("span", {
+        className: "text-action-blue ml-2",
+        children: "View details"
+      })]
+    }), /*#__PURE__*/_jsxs(Dialog, {
+      ref: modalRef,
+      title: "Authorization Request Details",
+      close: closeModal,
+      dataTestId: "auth-requests-details-dialog",
+      width: "3xl",
+      titleStyles: {
+        fontWeight: 600,
+        color: "#525F73"
+      },
+      children: [/*#__PURE__*/_jsx("p", {
+        children: "This section shows the amount available for authorization, and related information based on the selected service delivery dates."
+      }), /*#__PURE__*/_jsx("hr", {
+        className: "my-3"
+      }), capInfo.hasCap && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx("dl", {
+          className: "m-0 flex justify-between gap-2",
+          children: /*#__PURE__*/_jsx(LineItem, {
+            field: "AMOUNT AVAILABLE FOR AUTHORIZATION",
+            dataTestElement: "auth-requests-details-amount-available",
+            valueClassName: "text-text-blue text-sm leading-5",
+            children: amountAvailable
+          })
+        }), /*#__PURE__*/_jsx("p", {
+          className: "mt-3",
+          children: "The amount available for authorization is the cap minus the Amount Currently Authorized."
+        }), /*#__PURE__*/_jsx("hr", {
+          className: "my-3"
+        })]
+      }), /*#__PURE__*/_jsx(ReferralAuthSpendExpandable, {
+        title: "Amount Currently Authorized:",
+        items: approvedItems,
+        totalSpend: totalApprovedSpend,
+        unit: unit,
+        isAuthorized: true,
+        isCostBased: isCostBased
+      }), capInfo.hasCap && /*#__PURE__*/_jsx("p", {
+        className: "mt-3",
+        children: "Any currently authorized services that fall within the cap period are shown here."
+      }), /*#__PURE__*/_jsx("hr", {
+        className: "my-3"
+      }), capInfo.hasCap && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs("dl", {
+          className: "m-0 flex flex-col gap-y-3 gap-x-2",
+          children: [/*#__PURE__*/_jsx("div", {
+            className: "flex justify-between",
+            children: /*#__PURE__*/_jsx(LineItem, {
+              field: "Cap",
+              dataTestElement: "auth-requests-details-cap",
+              fieldClassName: "text-dark-grey",
+              children: capInfo.formattedCap
+            })
+          }), ((_capInfo$startDate = capInfo.startDate) === null || _capInfo$startDate === void 0 ? void 0 : _capInfo$startDate.isValid()) && /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsx("hr", {
+              className: "col-span-2"
+            }), /*#__PURE__*/_jsx("div", {
+              className: "flex justify-between",
+              children: /*#__PURE__*/_jsx(LineItem, {
+                field: "Cap Period",
+                dataTestElement: "auth-requests-details-cap-period",
+                fieldClassName: "text-dark-grey",
+                children: capInfo.formattedCapPeriod
+              })
+            }), /*#__PURE__*/_jsx("p", {
+              children: "The cap period is based on the selected service delivery dates."
+            })]
+          })]
+        }), /*#__PURE__*/_jsx("hr", {
+          className: "my-3 col-span-2"
+        })]
+      }), /*#__PURE__*/_jsx(ReferralAuthSpendExpandable, {
+        title: "Amount Pending Authorization:",
+        items: requestedItems,
+        totalSpend: totalRequestedSpend,
+        unit: unit,
+        isAuthorized: false,
+        isCostBased: isCostBased
+      }), capInfo.hasCap && /*#__PURE__*/_jsx("p", {
+        className: "my-3",
+        children: "If accepted, pending requests will count towards the cap and reduce the amount available for authorization."
+      }), /*#__PURE__*/_jsx("hr", {
+        className: "my-3"
+      })]
+    })]
+  });
 };
 PreviousAuthorizationRequestsDetails.propTypes = {
   authorizationSpends: PropTypes.arrayOf(PropTypes.shape({

package/dist/components/service_authorization/PreviousAuthorizationRequestsDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviousAuthorizationRequestsDetails.js","names":["React","useRef","useCallback","PropTypes","Icon","Dialog","ReferralAuthSpendExpandable","LineItem","filterByState","items","approvedItems","filter","item","state","requestedItems","PreviousAuthorizationRequestsDetails","_ref","_capInfo$startDate","authorizationSpends","totalApprovedSpend","totalRequestedSpend","unit","isCostBased","capInfo","amountAvailable","modalRef","closeModal","current","closeDialog","openModal","openDialog","_filterByState","createElement","Fragment","type","onClick","className","icon","ref","title","close","dataTestId","width","titleStyles","fontWeight","color","hasCap","field","dataTestElement","valueClassName","totalSpend","isAuthorized","fieldClassName","formattedCap","startDate","isValid","formattedCapPeriod","propTypes","arrayOf","shape","id","string","isRequired","short_id","spend","number","service_starts_at","service_ends_at","updated_at","created_at","bool","object","defaultProps"],"sources":["../../../src/components/service_authorization/PreviousAuthorizationRequestsDetails.jsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Icon } from '@unite-us/app-components'; \nimport Dialog from '../modal/Dialog';\nimport ReferralAuthSpendExpandable from './ReferralAuthSpendExpandable';\nimport LineItem from '../../pages/builder/LineItem';\nimport './PreviousAuthorizationRequestsDetails.scss';\n\n\nconst filterByState = (items) => {\n  const approvedItems = items.filter((item) => item.state === 'approved');\n  const requestedItems = items.filter((item) => item.state === 'requested');\n  return { approvedItems, requestedItems };\n};\n\nconst PreviousAuthorizationRequestsDetails = (\n  {\n    authorizationSpends,\n    totalApprovedSpend,\n    totalRequestedSpend,\n    unit,\n    isCostBased,\n    capInfo,\n    amountAvailable,\n  },\n) => {\n  const modalRef = useRef();\n\n  const closeModal = useCallback(() => {\n    modalRef.current.closeDialog();\n  }, []);\n\n  const openModal = useCallback(() => {\n    modalRef.current.openDialog();\n  }, []);\n\n  const { approvedItems, requestedItems } = filterByState(authorizationSpends);\n\n  return (\n    <>\n      <button\n        data-testid=\"auth-requests-details-view-details-button\"\n        type=\"button\"\n        onClick={openModal}\n        className=\"focus:outline-none inline-block\"\n      >\n        <Icon icon=\"ExternalLink\" className=\"fill-current text-action-blue\" />\n        <span className=\"text-action-blue ml-2\">\n          View details\n        </span>\n      </button>\n      <Dialog\n        ref={modalRef}\n        title=\"Authorization Request Details\"\n        close={closeModal}\n        dataTestId=\"auth-requests-details-dialog\"\n        width=\"3xl\"\n        titleStyles={{fontWeight: 600, color: \"#525F73\"}}\n      >\n        <p>\n          This section shows the amount available for authorization, and related information based on the selected service delivery dates.\n        </p>\n        <hr className=\"my-3\" />\n        { capInfo.hasCap && (\n          <>\n            <dl className=\"m-0 flex justify-between gap-2\">\n              <LineItem\n                field=\"AMOUNT AVAILABLE FOR AUTHORIZATION\"\n                dataTestElement=\"auth-requests-details-amount-available\"\n                valueClassName=\"text-text-blue text-sm leading-5\"\n              >\n                {amountAvailable}\n              </LineItem>\n            </dl>\n            <p className=\"mt-3\">\n              The amount available for authorization is the cap minus the Amount Currently Authorized.\n            </p>\n            <hr className=\"my-3\" />\n          </>\n        )}\n\n        <ReferralAuthSpendExpandable\n          title=\"Amount Currently Authorized:\"\n          items={approvedItems}\n          totalSpend={totalApprovedSpend}\n          unit={unit}\n          isAuthorized\n          isCostBased={isCostBased}\n        />\n        { capInfo.hasCap && (\n          <p className=\"mt-3\">\n              Any currently authorized services that fall within the cap period are shown here.\n          </p>\n        )}\n\n        <hr className=\"my-3\" />\n\n        { capInfo.hasCap && (\n          <>\n            <dl className=\"m-0 flex flex-col gap-y-3 gap-x-2\">\n              <div className=\"flex justify-between\">\n                <LineItem\n                  field=\"Cap\"\n                  dataTestElement=\"auth-requests-details-cap\"\n                  fieldClassName=\"text-dark-grey\"\n                >\n                  {capInfo.formattedCap}\n                </LineItem>\n              </div>\n              {capInfo.startDate?.isValid() && (\n                <>\n                  <hr className=\"col-span-2\" />\n                  <div className=\"flex justify-between\">\n                    <LineItem\n                      field=\"Cap Period\"\n                      dataTestElement=\"auth-requests-details-cap-period\"\n                      fieldClassName=\"text-dark-grey\"\n                    >\n                      {capInfo.formattedCapPeriod}\n                    </LineItem>\n                  </div>\n                  <p>\n                  The cap period is based on the selected service delivery dates.\n                  </p>\n                </>\n              )}\n            </dl>\n\n            <hr className=\"my-3 col-span-2\" />\n          </>\n        )}\n\n        <ReferralAuthSpendExpandable\n          title=\"Amount Pending Authorization:\"\n          items={requestedItems}\n          totalSpend={totalRequestedSpend}\n          unit={unit}\n          isAuthorized={false}\n          isCostBased={isCostBased}\n        />\n\n        { capInfo.hasCap && (\n          <p className=\"my-3\">\n            If accepted, pending requests will count towards the cap and reduce the amount available for authorization.\n          </p>\n        )}\n\n        <hr className=\"my-3\" />\n\n      </Dialog>\n    </>\n  );\n};\n\nPreviousAuthorizationRequestsDetails.propTypes = {\n  authorizationSpends: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      short_id: PropTypes.string.isRequired,\n      state: PropTypes.string.isRequired,\n      spend: PropTypes.number.isRequired,\n      service_starts_at: PropTypes.string.isRequired,\n      service_ends_at: PropTypes.string.isRequired,\n      updated_at: PropTypes.string.isRequired,\n      created_at: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  totalApprovedSpend: PropTypes.string.isRequired,\n  totalRequestedSpend: PropTypes.string.isRequired,\n  unit: PropTypes.string.isRequired,\n  capInfo: PropTypes.shape({\n    hasCap: PropTypes.bool.isRequired,\n    formattedCap: PropTypes.string,\n    formattedCapPeriod: PropTypes.string,\n    startDate: PropTypes.object,\n  }).isRequired,\n  amountAvailable: PropTypes.string,\n  isCostBased: PropTypes.bool.isRequired,\n};\n\nPreviousAuthorizationRequestsDetails.defaultProps = {\n  amountAvailable: null,\n};\n\nexport default PreviousAuthorizationRequestsDetails;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PreviousAuthorizationRequestsDetails.js","names":["React","useRef","useCallback","PropTypes","Icon","Dialog","ReferralAuthSpendExpandable","LineItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","filterByState","items","approvedItems","filter","item","state","requestedItems","PreviousAuthorizationRequestsDetails","_ref","_capInfo$startDate","authorizationSpends","totalApprovedSpend","totalRequestedSpend","unit","isCostBased","capInfo","amountAvailable","modalRef","closeModal","current","closeDialog","openModal","openDialog","children","type","onClick","className","icon","ref","title","close","dataTestId","width","titleStyles","fontWeight","color","hasCap","field","dataTestElement","valueClassName","totalSpend","isAuthorized","fieldClassName","formattedCap","startDate","isValid","formattedCapPeriod","propTypes","arrayOf","shape","id","string","isRequired","short_id","spend","number","service_starts_at","service_ends_at","updated_at","created_at","bool","object","defaultProps"],"sources":["../../../src/components/service_authorization/PreviousAuthorizationRequestsDetails.jsx"],"sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { Icon } from '@unite-us/app-components'; \nimport Dialog from '../modal/Dialog';\nimport ReferralAuthSpendExpandable from './ReferralAuthSpendExpandable';\nimport LineItem from '../../pages/builder/LineItem';\nimport './PreviousAuthorizationRequestsDetails.scss';\n\n\nconst filterByState = (items) => {\n  const approvedItems = items.filter((item) => item.state === 'approved');\n  const requestedItems = items.filter((item) => item.state === 'requested');\n  return { approvedItems, requestedItems };\n};\n\nconst PreviousAuthorizationRequestsDetails = (\n  {\n    authorizationSpends,\n    totalApprovedSpend,\n    totalRequestedSpend,\n    unit,\n    isCostBased,\n    capInfo,\n    amountAvailable,\n  },\n) => {\n  const modalRef = useRef();\n\n  const closeModal = useCallback(() => {\n    modalRef.current.closeDialog();\n  }, []);\n\n  const openModal = useCallback(() => {\n    modalRef.current.openDialog();\n  }, []);\n\n  const { approvedItems, requestedItems } = filterByState(authorizationSpends);\n\n  return (\n    <>\n      <button\n        data-testid=\"auth-requests-details-view-details-button\"\n        type=\"button\"\n        onClick={openModal}\n        className=\"focus:outline-none inline-block\"\n      >\n        <Icon icon=\"ExternalLink\" className=\"fill-current text-action-blue\" />\n        <span className=\"text-action-blue ml-2\">\n          View details\n        </span>\n      </button>\n      <Dialog\n        ref={modalRef}\n        title=\"Authorization Request Details\"\n        close={closeModal}\n        dataTestId=\"auth-requests-details-dialog\"\n        width=\"3xl\"\n        titleStyles={{fontWeight: 600, color: \"#525F73\"}}\n      >\n        <p>\n          This section shows the amount available for authorization, and related information based on the selected service delivery dates.\n        </p>\n        <hr className=\"my-3\" />\n        { capInfo.hasCap && (\n          <>\n            <dl className=\"m-0 flex justify-between gap-2\">\n              <LineItem\n                field=\"AMOUNT AVAILABLE FOR AUTHORIZATION\"\n                dataTestElement=\"auth-requests-details-amount-available\"\n                valueClassName=\"text-text-blue text-sm leading-5\"\n              >\n                {amountAvailable}\n              </LineItem>\n            </dl>\n            <p className=\"mt-3\">\n              The amount available for authorization is the cap minus the Amount Currently Authorized.\n            </p>\n            <hr className=\"my-3\" />\n          </>\n        )}\n\n        <ReferralAuthSpendExpandable\n          title=\"Amount Currently Authorized:\"\n          items={approvedItems}\n          totalSpend={totalApprovedSpend}\n          unit={unit}\n          isAuthorized\n          isCostBased={isCostBased}\n        />\n        { capInfo.hasCap && (\n          <p className=\"mt-3\">\n              Any currently authorized services that fall within the cap period are shown here.\n          </p>\n        )}\n\n        <hr className=\"my-3\" />\n\n        { capInfo.hasCap && (\n          <>\n            <dl className=\"m-0 flex flex-col gap-y-3 gap-x-2\">\n              <div className=\"flex justify-between\">\n                <LineItem\n                  field=\"Cap\"\n                  dataTestElement=\"auth-requests-details-cap\"\n                  fieldClassName=\"text-dark-grey\"\n                >\n                  {capInfo.formattedCap}\n                </LineItem>\n              </div>\n              {capInfo.startDate?.isValid() && (\n                <>\n                  <hr className=\"col-span-2\" />\n                  <div className=\"flex justify-between\">\n                    <LineItem\n                      field=\"Cap Period\"\n                      dataTestElement=\"auth-requests-details-cap-period\"\n                      fieldClassName=\"text-dark-grey\"\n                    >\n                      {capInfo.formattedCapPeriod}\n                    </LineItem>\n                  </div>\n                  <p>\n                  The cap period is based on the selected service delivery dates.\n                  </p>\n                </>\n              )}\n            </dl>\n\n            <hr className=\"my-3 col-span-2\" />\n          </>\n        )}\n\n        <ReferralAuthSpendExpandable\n          title=\"Amount Pending Authorization:\"\n          items={requestedItems}\n          totalSpend={totalRequestedSpend}\n          unit={unit}\n          isAuthorized={false}\n          isCostBased={isCostBased}\n        />\n\n        { capInfo.hasCap && (\n          <p className=\"my-3\">\n            If accepted, pending requests will count towards the cap and reduce the amount available for authorization.\n          </p>\n        )}\n\n        <hr className=\"my-3\" />\n\n      </Dialog>\n    </>\n  );\n};\n\nPreviousAuthorizationRequestsDetails.propTypes = {\n  authorizationSpends: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      short_id: PropTypes.string.isRequired,\n      state: PropTypes.string.isRequired,\n      spend: PropTypes.number.isRequired,\n      service_starts_at: PropTypes.string.isRequired,\n      service_ends_at: PropTypes.string.isRequired,\n      updated_at: PropTypes.string.isRequired,\n      created_at: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  totalApprovedSpend: PropTypes.string.isRequired,\n  totalRequestedSpend: PropTypes.string.isRequired,\n  unit: PropTypes.string.isRequired,\n  capInfo: PropTypes.shape({\n    hasCap: PropTypes.bool.isRequired,\n    formattedCap: PropTypes.string,\n    formattedCapPeriod: PropTypes.string,\n    startDate: PropTypes.object,\n  }).isRequired,\n  amountAvailable: PropTypes.string,\n  isCostBased: PropTypes.bool.isRequired,\n};\n\nPreviousAuthorizationRequestsDetails.defaultProps = {\n  amountAvailable: null,\n};\n\nexport default PreviousAuthorizationRequestsDetails;\n"],"mappings":"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","ignoreList":[]}

package/dist/components/service_authorization/ReferralAuthSpendExpandable.js

@@ -1,52 +1,52 @@
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { pluralize } from 'humanize-plus';
 import ExpandableButton from '../ExpandableButton';
 import AuthorizationSpendCard from './AuthorizationSpendCard';
-var ReferralAuthSpendExpandable = function ReferralAuthSpendExpandable(_ref) {
-  var title = _ref.title,
-    items = _ref.items,
-    totalSpend = _ref.totalSpend,
-    unit = _ref.unit,
-    isAuthorized = _ref.isAuthorized,
-    isCostBased = _ref.isCostBased;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var onClick = useCallback(function () {
-    setIsOpen(function (prevIsOpen) {
-      return !prevIsOpen;
-    });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ReferralAuthSpendExpandable = _ref => {
+  let {
+    title,
+    items,
+    totalSpend,
+    unit,
+    isAuthorized,
+    isCostBased
+  } = _ref;
+  const [isOpen, setIsOpen] = useState(false);
+  const onClick = useCallback(() => {
+    setIsOpen(prevIsOpen => !prevIsOpen);
   }, []);
-  var requestCount = "".concat(items.length, " ").concat(pluralize(items.length, 'request'));
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-    className: "flex justify-between my-2"
-  }, /*#__PURE__*/React.createElement("h4", {
-    className: "text-dark-grey"
-  }, title), /*#__PURE__*/React.createElement("span", null, totalSpend)), /*#__PURE__*/React.createElement("div", {
-    className: "flex items-center"
-  }, /*#__PURE__*/React.createElement("span", null, requestCount), items.length > 0 && /*#__PURE__*/React.createElement(ExpandableButton, {
-    isOpen: isOpen,
-    onClick: onClick,
-    dataTestId: "expandable-button-".concat(isAuthorized ? 'authorized' : 'not-yet-authorized'),
-    className: "ml-3"
-  })), isOpen && /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (item) {
-    return /*#__PURE__*/React.createElement(AuthorizationSpendCard, {
-      key: item.short_id,
-      item: item,
-      unit: unit,
-      isAuthorized: isAuthorized,
-      isCostBased: isCostBased,
-      cardClassName: "my-3 w-3/4"
-    });
-  })));
+  const requestCount = "".concat(items.length, " ").concat(pluralize(items.length, 'request'));
+  return /*#__PURE__*/_jsxs("div", {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "flex justify-between my-2",
+      children: [/*#__PURE__*/_jsx("h4", {
+        className: "text-dark-grey",
+        children: title
+      }), /*#__PURE__*/_jsx("span", {
+        children: totalSpend
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center",
+      children: [/*#__PURE__*/_jsx("span", {
+        children: requestCount
+      }), items.length > 0 && /*#__PURE__*/_jsx(ExpandableButton, {
+        isOpen: isOpen,
+        onClick: onClick,
+        dataTestId: "expandable-button-".concat(isAuthorized ? 'authorized' : 'not-yet-authorized'),
+        className: "ml-3"
+      })]
+    }), isOpen && /*#__PURE__*/_jsx(_Fragment, {
+      children: items.map(item => /*#__PURE__*/_jsx(AuthorizationSpendCard, {
+        item: item,
+        unit: unit,
+        isAuthorized: isAuthorized,
+        isCostBased: isCostBased,
+        cardClassName: "my-3 w-3/4"
+      }, item.short_id))
+    })]
+  });
 };
 ReferralAuthSpendExpandable.propTypes = {
   title: PropTypes.string.isRequired,

package/dist/components/service_authorization/ReferralAuthSpendExpandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferralAuthSpendExpandable.js","names":["React","useState","useCallback","PropTypes","pluralize","ExpandableButton","AuthorizationSpendCard","ReferralAuthSpendExpandable","_ref","title","items","totalSpend","unit","isAuthorized","isCostBased","_useState","_useState2","_slicedToArray","isOpen","setIsOpen","onClick","prevIsOpen","requestCount","concat","length","createElement","className","dataTestId","Fragment","map","item","key","short_id","cardClassName","propTypes","string","isRequired","arrayOf","shape","id","state","spend","number","service_starts_at","service_ends_at","updated_at","created_at","requester_name","case_state","case_opened_date","bool"],"sources":["../../../src/components/service_authorization/ReferralAuthSpendExpandable.jsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { pluralize } from 'humanize-plus';\nimport ExpandableButton from '../ExpandableButton';\nimport AuthorizationSpendCard from './AuthorizationSpendCard';\n\nconst ReferralAuthSpendExpandable = ({\n  title,\n  items,\n  totalSpend,\n  unit,\n  isAuthorized,\n  isCostBased,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const onClick = useCallback(() => {\n    setIsOpen((prevIsOpen) => !prevIsOpen);\n  }, []);\n\n  const requestCount = `${items.length} ${pluralize(items.length, 'request')}`;\n\n  return (\n    <div>\n      <div className=\"flex justify-between my-2\">\n        <h4 className='text-dark-grey'>{title}</h4>\n        <span>{totalSpend}</span>\n      </div>\n      <div className=\"flex items-center\">\n        <span>{requestCount}</span>\n        {items.length > 0 && (\n          <ExpandableButton\n            isOpen={isOpen}\n            onClick={onClick}\n            dataTestId={`expandable-button-${isAuthorized ? 'authorized' : 'not-yet-authorized'}`}\n            className=\"ml-3\"\n          />\n        )}\n      </div>\n      {isOpen && (\n        <>\n          {items.map((item) => (\n            <AuthorizationSpendCard\n              key={item.short_id}\n              item={item}\n              unit={unit}\n              isAuthorized={isAuthorized}\n              isCostBased={isCostBased}\n              cardClassName=\"my-3 w-3/4\"\n            />\n          ))}\n        </>\n      )}\n    </div>\n  );\n};\n\nReferralAuthSpendExpandable.propTypes = {\n  title: PropTypes.string.isRequired,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      short_id: PropTypes.string.isRequired,\n      state: PropTypes.string.isRequired,\n      spend: PropTypes.number.isRequired,\n      service_starts_at: PropTypes.string.isRequired,\n      service_ends_at: PropTypes.string.isRequired,\n      updated_at: PropTypes.string.isRequired,\n      created_at: PropTypes.string.isRequired,\n      requester_name: PropTypes.string.isRequired,\n      case_state: PropTypes.string.isRequired,\n      case_opened_date: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  totalSpend: PropTypes.string.isRequired,\n  unit: PropTypes.string.isRequired,\n  isAuthorized: PropTypes.bool.isRequired,\n  isCostBased: PropTypes.bool.isRequired,\n};\n\nexport default ReferralAuthSpendExpandable;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ReferralAuthSpendExpandable.js","names":["React","useState","useCallback","PropTypes","pluralize","ExpandableButton","AuthorizationSpendCard","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ReferralAuthSpendExpandable","_ref","title","items","totalSpend","unit","isAuthorized","isCostBased","isOpen","setIsOpen","onClick","prevIsOpen","requestCount","concat","length","children","className","dataTestId","map","item","cardClassName","short_id","propTypes","string","isRequired","arrayOf","shape","id","state","spend","number","service_starts_at","service_ends_at","updated_at","created_at","requester_name","case_state","case_opened_date","bool"],"sources":["../../../src/components/service_authorization/ReferralAuthSpendExpandable.jsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { pluralize } from 'humanize-plus';\nimport ExpandableButton from '../ExpandableButton';\nimport AuthorizationSpendCard from './AuthorizationSpendCard';\n\nconst ReferralAuthSpendExpandable = ({\n  title,\n  items,\n  totalSpend,\n  unit,\n  isAuthorized,\n  isCostBased,\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const onClick = useCallback(() => {\n    setIsOpen((prevIsOpen) => !prevIsOpen);\n  }, []);\n\n  const requestCount = `${items.length} ${pluralize(items.length, 'request')}`;\n\n  return (\n    <div>\n      <div className=\"flex justify-between my-2\">\n        <h4 className='text-dark-grey'>{title}</h4>\n        <span>{totalSpend}</span>\n      </div>\n      <div className=\"flex items-center\">\n        <span>{requestCount}</span>\n        {items.length > 0 && (\n          <ExpandableButton\n            isOpen={isOpen}\n            onClick={onClick}\n            dataTestId={`expandable-button-${isAuthorized ? 'authorized' : 'not-yet-authorized'}`}\n            className=\"ml-3\"\n          />\n        )}\n      </div>\n      {isOpen && (\n        <>\n          {items.map((item) => (\n            <AuthorizationSpendCard\n              key={item.short_id}\n              item={item}\n              unit={unit}\n              isAuthorized={isAuthorized}\n              isCostBased={isCostBased}\n              cardClassName=\"my-3 w-3/4\"\n            />\n          ))}\n        </>\n      )}\n    </div>\n  );\n};\n\nReferralAuthSpendExpandable.propTypes = {\n  title: PropTypes.string.isRequired,\n  items: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      short_id: PropTypes.string.isRequired,\n      state: PropTypes.string.isRequired,\n      spend: PropTypes.number.isRequired,\n      service_starts_at: PropTypes.string.isRequired,\n      service_ends_at: PropTypes.string.isRequired,\n      updated_at: PropTypes.string.isRequired,\n      created_at: PropTypes.string.isRequired,\n      requester_name: PropTypes.string.isRequired,\n      case_state: PropTypes.string.isRequired,\n      case_opened_date: PropTypes.string.isRequired,\n    }),\n  ).isRequired,\n  totalSpend: PropTypes.string.isRequired,\n  unit: PropTypes.string.isRequired,\n  isAuthorized: PropTypes.bool.isRequired,\n  isCostBased: PropTypes.bool.isRequired,\n};\n\nexport default ReferralAuthSpendExpandable;\n"],"mappings":"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","ignoreList":[]}

package/dist/components/service_authorization/ReferralAuthorizationRequestSummary.js

@@ -5,71 +5,88 @@ import { feeSchedulePrograms as fspUtils } from '@unite-us/client-utils';
 import DollarAmount from '../DollarAmount';
 import LineItem from '../../pages/builder/LineItem';
 import { formatShortDateFromTimestamp } from './formatShortDate';
-var ReferralAuthorizationRequestSummary = function ReferralAuthorizationRequestSummary(_ref) {
-  var authorizationRequest = _ref.authorizationRequest,
-    feeScheduleProgram = _ref.feeScheduleProgram;
-  var service_start = authorizationRequest.service_start,
-    service_end = authorizationRequest.service_end,
-    amount_requested = authorizationRequest.amount_requested,
-    icd10_code = authorizationRequest.icd10_code;
-  var isCostBased = fspUtils.isCostPaymentType(feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.payment_type);
-  var isSingleDateRequested = service_start && !service_end;
-  var showUnits = !isCostBased && (feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.unit);
-  var showRate = showUnits && (feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.unit_rate) > 0;
-  var fieldClassName = "text-brand-blue text-sm font-bold leading-5 break-word";
-  return /*#__PURE__*/React.createElement("dl", {
-    className: "grid grid-cols-line-items gap-x-24 gap-y-2"
-  }, /*#__PURE__*/React.createElement(LineItem, {
-    field: "Contracted Program",
-    fieldClassName: fieldClassName,
-    dataTestElement: "request-contracted-program"
-  }, feeScheduleProgram.name), /*#__PURE__*/React.createElement(LineItem, {
-    field: "Payment Approach",
-    fieldClassName: fieldClassName,
-    dataTestElement: "request-payment-approach"
-  }, fspUtils.PAYMENT_TYPES[feeScheduleProgram.payment_type]), showUnits && /*#__PURE__*/React.createElement(LineItem, {
-    field: "Unit",
-    fieldClassName: fieldClassName,
-    dataTestElement: "request-unit"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "capitalize"
-  }, feeScheduleProgram.unit)), showRate && /*#__PURE__*/React.createElement(LineItem, {
-    field: "Rate",
-    fieldClassName: fieldClassName,
-    dataTestElement: "request-rate"
-  }, /*#__PURE__*/React.createElement(DollarAmount, {
-    value: feeScheduleProgram.unit_rate,
-    convertCents: true
-  }), ' per ', feeScheduleProgram.unit), feeScheduleProgram.cap_information && /*#__PURE__*/React.createElement(LineItem, {
-    field: "Program Cap",
-    fieldClassName: fieldClassName,
-    dataTestElement: "request-cap"
-  }, /*#__PURE__*/React.createElement("div", {
-    dangerouslySetInnerHTML: {
-      __html: feeScheduleProgram.cap_information
-    }
-  })), /*#__PURE__*/React.createElement(LineItem, {
-    field: "Amount Requested",
-    fieldClassName: fieldClassName,
-    dataTestElement: "amount-requested"
-  }, isCostBased ? /*#__PURE__*/React.createElement(DollarAmount, {
-    value: amount_requested,
-    convertCents: true
-  }) : "".concat(amount_requested, " ").concat(pluralize(feeScheduleProgram.unit, amount_requested))), isSingleDateRequested ? /*#__PURE__*/React.createElement(LineItem, {
-    field: "Service Delivery Date",
-    fieldClassName: fieldClassName,
-    dataTestElement: "request-service-delivery-date"
-  }, formatShortDateFromTimestamp(service_start)) : /*#__PURE__*/React.createElement(LineItem, {
-    field: "Service Delivery Dates",
-    fieldClassName: fieldClassName,
-    dataTestElement: "request-service-delivery-dates"
-  }, formatShortDateFromTimestamp(service_start), " - ", formatShortDateFromTimestamp(service_end)), feeScheduleProgram.cm_code_required_on_authorization && /*#__PURE__*/React.createElement(LineItem, {
-    field: "ICD-10 Code",
-    fieldClassName: fieldClassName,
-    dataTestElement: "icd10-code"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "capitalize"
-  }, icd10_code.value)));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ReferralAuthorizationRequestSummary = _ref => {
+  let {
+    authorizationRequest,
+    feeScheduleProgram
+  } = _ref;
+  const {
+    service_start,
+    service_end,
+    amount_requested,
+    icd10_code
+  } = authorizationRequest;
+  const isCostBased = fspUtils.isCostPaymentType(feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.payment_type);
+  const isSingleDateRequested = service_start && !service_end;
+  const showUnits = !isCostBased && (feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.unit);
+  const showRate = showUnits && (feeScheduleProgram === null || feeScheduleProgram === void 0 ? void 0 : feeScheduleProgram.unit_rate) > 0;
+  const fieldClassName = "text-brand-blue text-sm font-bold leading-5 break-word";
+  return /*#__PURE__*/_jsxs("dl", {
+    className: "grid grid-cols-line-items gap-x-24 gap-y-2",
+    children: [/*#__PURE__*/_jsx(LineItem, {
+      field: "Contracted Program",
+      fieldClassName: fieldClassName,
+      dataTestElement: "request-contracted-program",
+      children: feeScheduleProgram.name
+    }), /*#__PURE__*/_jsx(LineItem, {
+      field: "Payment Approach",
+      fieldClassName: fieldClassName,
+      dataTestElement: "request-payment-approach",
+      children: fspUtils.PAYMENT_TYPES[feeScheduleProgram.payment_type]
+    }), showUnits && /*#__PURE__*/_jsx(LineItem, {
+      field: "Unit",
+      fieldClassName: fieldClassName,
+      dataTestElement: "request-unit",
+      children: /*#__PURE__*/_jsx("span", {
+        className: "capitalize",
+        children: feeScheduleProgram.unit
+      })
+    }), showRate && /*#__PURE__*/_jsxs(LineItem, {
+      field: "Rate",
+      fieldClassName: fieldClassName,
+      dataTestElement: "request-rate",
+      children: [/*#__PURE__*/_jsx(DollarAmount, {
+        value: feeScheduleProgram.unit_rate,
+        convertCents: true
+      }), ' per ', feeScheduleProgram.unit]
+    }), feeScheduleProgram.cap_information && /*#__PURE__*/_jsx(LineItem, {
+      field: "Program Cap",
+      fieldClassName: fieldClassName,
+      dataTestElement: "request-cap",
+      children: /*#__PURE__*/_jsx("div", {
+        dangerouslySetInnerHTML: {
+          __html: feeScheduleProgram.cap_information
+        }
+      })
+    }), /*#__PURE__*/_jsx(LineItem, {
+      field: "Amount Requested",
+      fieldClassName: fieldClassName,
+      dataTestElement: "amount-requested",
+      children: isCostBased ? /*#__PURE__*/_jsx(DollarAmount, {
+        value: amount_requested,
+        convertCents: true
+      }) : "".concat(amount_requested, " ").concat(pluralize(feeScheduleProgram.unit, amount_requested))
+    }), isSingleDateRequested ? /*#__PURE__*/_jsx(LineItem, {
+      field: "Service Delivery Date",
+      fieldClassName: fieldClassName,
+      dataTestElement: "request-service-delivery-date",
+      children: formatShortDateFromTimestamp(service_start)
+    }) : /*#__PURE__*/_jsxs(LineItem, {
+      field: "Service Delivery Dates",
+      fieldClassName: fieldClassName,
+      dataTestElement: "request-service-delivery-dates",
+      children: [formatShortDateFromTimestamp(service_start), " - ", formatShortDateFromTimestamp(service_end)]
+    }), feeScheduleProgram.cm_code_required_on_authorization && /*#__PURE__*/_jsx(LineItem, {
+      field: "ICD-10 Code",
+      fieldClassName: fieldClassName,
+      dataTestElement: "icd10-code",
+      children: /*#__PURE__*/_jsx("span", {
+        className: "capitalize",
+        children: icd10_code.value
+      })
+    })]
+  });
 };
 ReferralAuthorizationRequestSummary.propTypes = {
   authorizationRequest: PropTypes.object.isRequired,