npm - @unite-us/app-create-referral - Versions diffs - 0.15.166 → 0.15.168 - Mend

@unite-us/app-create-referral 0.15.166 → 0.15.168

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (185) hide show

package/dist/common/form/FormForm/index.js CHANGED Viewed

@@ -1,6 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import PropTypes from 'prop-types';
 import React, { useEffect, useState, useRef, memo } from 'react';
 import { SurveyJSFormRenderer, buildResponses } from '@unite-us/ui-surveyjs2';
@@ -101,12 +98,14 @@ function FormForm(_ref2) {
         const featureFlagQuestion = form.configuration.pages[0].elements.find(e => e.name === 'crtb-1121-hide-field-in-form');
         if (featureFlagQuestion) {
           const questionIdToHide = featureFlagQuestion.html;
-          form.configuration.pages = form.configuration.pages.map(page => _objectSpread(_objectSpread({}, page), {}, {
+          form.configuration.pages = form.configuration.pages.map(page => ({
+            ...page,
             elements: page.elements.map(element => {
               if (element.id === questionIdToHide) {
-                return _objectSpread(_objectSpread({}, element), {}, {
+                return {
+                  ...element,
                   visible: false
-                });
+                };
               }
               return element;
             })
@@ -150,10 +149,11 @@ function FormForm(_ref2) {
     buildRequestBody
   });
   const surveyJSON = {
-    configuration: _objectSpread({
+    configuration: {
       title: form.name,
-      description: form.description
-    }, form.configuration)
+      description: form.description,
+      ...form.configuration
+    }
   };
   const handleSetSurvey = survey => {
     if (!surveyRef || !isEqual(survey.data, surveyRef.data)) {
@@ -176,7 +176,7 @@ function FormForm(_ref2) {
       color: "#D0021B",
       icon: "ExclamationTriangle",
       size: 12,
-      id: "error-icon-".concat(formId)
+      id: `error-icon-${formId}`
     })]
   });
   const showFormSubmission = get(formUsage, 'prepopulate') ? formSubmission : null;

package/dist/common/form/FormForm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["PropTypes","React","useEffect","useState","useRef","memo","SurveyJSFormRenderer","buildResponses","Icon","Expandable","get","isEqual","coreApi","useFeatureFlag","jsx","_jsx","jsxs","_jsxs","EXPANDABLE_HEADER_CLASS","EXPANDABLE_BODY_CLASS","StableSurveyRenderer","_ref","formData","formSubmission","handleSetSurveyModel","formDataRef","formSubmissionRef","children","current","editMode","onSurveyModelSet","prevProps","nextProps","FormForm","_ref2","formId","groupId","expanded","handleExpandChange","setRef","currentEmployee","hasErrors","contextType","context","contextPerson","response","usage_type","state","setState","form","formSubmissionsData","formUsageData","isFetching","surveyRef","setSurveyRef","responsesForEdit","setResponsesForEdit","crtb1121HideFieldInFormEnabled","getData","formResponse","findRecord","apiResponses","Promise","all","query","page","number","size","provider","isSensitive","populateRelationship","error","featureFlagQuestion","configuration","pages","elements","find","e","name","questionIdToHide","html","map","_objectSpread","element","id","visible","formUsage","buildRequestBody","responses","submitter","ref","surveyJSON","title","description","handleSetSurvey","survey","data","header","onExpandChange","className","headerClassName","bodyClassName","color","icon","concat","showFormSubmission","propTypes","object","isRequired","bool","string","func","defaultProps","undefined"],"sources":["../../../../src/common/form/FormForm/index.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef, memo } from 'react';\nimport { SurveyJSFormRenderer, buildResponses } from '@unite-us/ui-surveyjs2';\nimport {\n Icon,\n Expandable,\n} from '@unite-us/app-components';\nimport { get, isEqual } from 'lodash';\nimport './index.scss';\nimport { coreApi } from '../../../api/config';\nimport { useFeatureFlag } from '../../../utils/useFeatureFlag';\n\nconst EXPANDABLE_HEADER_CLASS = 'bg-light-border-grey hover:bg-light-border-grey';\nconst EXPANDABLE_BODY_CLASS = 'form-form__expandable-body';\n\nconst StableSurveyRenderer = memo(({ formData, formSubmission, handleSetSurveyModel }) => {\n const formDataRef = useRef(formData);\n const formSubmissionRef = useRef(formSubmission);\n \n return (\n <div data-testid=\"stable-survey-renderer\">\n <SurveyJSFormRenderer\n formData={formDataRef.current}\n formSubmission={formSubmissionRef.current}\n editMode\n onSurveyModelSet={handleSetSurveyModel}\n />\n </div>\n );\n}, (prevProps, nextProps) => {\n return isEqual(prevProps.formData, nextProps.formData);\n});\n\nfunction FormForm({\n formId,\n groupId,\n expanded,\n handleExpandChange,\n setRef,\n currentEmployee,\n hasErrors,\n contextType,\n context,\n contextPerson,\n response,\n usage_type,\n}) {\n const [state, setState] = useState({\n form: null,\n formSubmissionsData: null,\n formUsageData: null,\n isFetching: true,\n });\n const [surveyRef, setSurveyRef] = useState();\n const [responsesForEdit, setResponsesForEdit] = useState(response);\n\n const crtb1121HideFieldInFormEnabled = useFeatureFlag('crtb1121HideFieldInFormEnabled', false);\n\n useEffect(() => {\n setResponsesForEdit(response);\n }, [response]);\n\n useEffect(() => {\n const getData = async () => {\n let isFetching = true;\n const formResponse = await coreApi.findRecord('form', formId);\n const form = get(formResponse, 'data.data');\n\n const apiResponses = await Promise.all([\n coreApi.query('form_submission', {\n 'context.type': contextType,\n context: contextPerson ? null : context,\n 'context.person': contextPerson,\n form: formId,\n 'form.form_usages.provider': groupId,\n }, {\n page: {\n number: 1,\n size: 1,\n },\n }),\n coreApi.query('form_usage', {\n form: formId,\n provider: groupId,\n usage_type,\n }, {\n page: {\n number: 1,\n size: 1,\n },\n }),\n ]);\n const [formSubmissionsData, formUsageData] = apiResponses;\n\n const formSubmission = responsesForEdit \|\| get(formSubmissionsData, 'data.data[0]');\n let isSensitive = false;\n if (contextType === 'case') {\n // Check for sensitive form submission\n try {\n await coreApi.populateRelationship('context', 'case', formSubmission);\n } catch (error) {\n isSensitive = get(error, 'response.status') === 403;\n }\n }\n isFetching = false;\n\n if (crtb1121HideFieldInFormEnabled && usage_type === 'referral_assessment') {\n const featureFlagQuestion = form.configuration.pages[0].elements.find((e) => (\n e.name === 'crtb-1121-hide-field-in-form'\n ));\n\n if (featureFlagQuestion) {\n const questionIdToHide = featureFlagQuestion.html;\n form.configuration.pages = form.configuration.pages.map((page) => ({\n ...page,\n elements: page.elements.map((element) => {\n if (element.id === questionIdToHide) {\n return { ...element, visible: false };\n }\n return element;\n }),\n }));\n }\n }\n\n setState({\n form,\n formSubmissionsData,\n formUsageData,\n isSensitive,\n isFetching,\n });\n };\n\n getData();\n }, []);\n\n const {\n form,\n formSubmissionsData,\n formUsageData,\n isSensitive,\n isFetching,\n } = state;\n const formUsage = get(formUsageData, 'data.data[0]');\n\n // If response is inherited from props, it means that a form that haven't been submitted is being edited.\n const formSubmission = responsesForEdit \|\| get(formSubmissionsData, 'data.data[0]');\n\n if (!form \|\| !formSubmissionsData \|\| !formUsageData) {\n return null;\n }\n\n const buildRequestBody = () => ({\n responses: buildResponses(surveyRef),\n form: form.id,\n provider: groupId,\n contextType,\n context,\n submitter: currentEmployee.id,\n });\n\n setRef({\n ref: surveyRef,\n buildRequestBody,\n });\n\n const surveyJSON = {\n configuration: {\n title: form.name,\n description: form.description,\n ...form.configuration,\n },\n };\n\n const handleSetSurvey = (survey) => {\n if (!surveyRef \|\| !isEqual(survey.data, surveyRef.data)) {\n setSurveyRef(survey);\n }\n };\n\n if (isFetching) {\n return (\n <Expandable\n expanded={expanded}\n header=\"Loading...\"\n onExpandChange={handleExpandChange}\n className=\"form-form expandable-app-create-referral\"\n headerClassName={EXPANDABLE_HEADER_CLASS}\n bodyClassName={EXPANDABLE_BODY_CLASS}\n />\n );\n }\n\n const title = (\n <span>\n {get(form, 'name', '')}\n {\n hasErrors && (\n <Icon\n className=\"ml-one\"\n color=\"#D0021B\"\n icon=\"ExclamationTriangle\"\n size={12}\n id={`error-icon-${formId}`}\n />\n )\n }\n </span>\n );\n const showFormSubmission = get(formUsage, 'prepopulate') ? formSubmission : null;\n\n return (\n <Expandable\n className=\"form-form expandable-app-create-referral\"\n expanded={expanded}\n header={title}\n onExpandChange={handleExpandChange}\n headerClassName={EXPANDABLE_HEADER_CLASS}\n bodyClassName={EXPANDABLE_BODY_CLASS}\n >\n {(!isFetching) && (\n <div className=\"px-4 py-3\">\n <StableSurveyRenderer\n formData={surveyJSON}\n formSubmission={isSensitive ? null : showFormSubmission}\n handleSetSurveyModel={handleSetSurvey}\n />\n </div>\n )}\n </Expandable>\n );\n}\n\nFormForm.propTypes = {\n currentEmployee: PropTypes.object.isRequired,\n expanded: PropTypes.bool.isRequired,\n formId: PropTypes.string.isRequired,\n groupId: PropTypes.string.isRequired,\n handleExpandChange: PropTypes.func.isRequired,\n setRef: PropTypes.func.isRequired,\n hasErrors: PropTypes.bool.isRequired,\n contextType: PropTypes.string.isRequired,\n context: PropTypes.string,\n contextPerson: PropTypes.string,\n response: PropTypes.object,\n usage_type: PropTypes.string.isRequired,\n};\n\nFormForm.defaultProps = {\n response: undefined,\n contextPerson: null,\n};\n\nexport default FormForm;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["PropTypes","React","useEffect","useState","useRef","memo","SurveyJSFormRenderer","buildResponses","Icon","Expandable","get","isEqual","coreApi","useFeatureFlag","jsx","_jsx","jsxs","_jsxs","EXPANDABLE_HEADER_CLASS","EXPANDABLE_BODY_CLASS","StableSurveyRenderer","_ref","formData","formSubmission","handleSetSurveyModel","formDataRef","formSubmissionRef","children","current","editMode","onSurveyModelSet","prevProps","nextProps","FormForm","_ref2","formId","groupId","expanded","handleExpandChange","setRef","currentEmployee","hasErrors","contextType","context","contextPerson","response","usage_type","state","setState","form","formSubmissionsData","formUsageData","isFetching","surveyRef","setSurveyRef","responsesForEdit","setResponsesForEdit","crtb1121HideFieldInFormEnabled","getData","formResponse","findRecord","apiResponses","Promise","all","query","page","number","size","provider","isSensitive","populateRelationship","error","featureFlagQuestion","configuration","pages","elements","find","e","name","questionIdToHide","html","map","element","id","visible","formUsage","buildRequestBody","responses","submitter","ref","surveyJSON","title","description","handleSetSurvey","survey","data","header","onExpandChange","className","headerClassName","bodyClassName","color","icon","showFormSubmission","propTypes","object","isRequired","bool","string","func","defaultProps","undefined"],"sources":["../../../../src/common/form/FormForm/index.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef, memo } from 'react';\nimport { SurveyJSFormRenderer, buildResponses } from '@unite-us/ui-surveyjs2';\nimport {\n Icon,\n Expandable,\n} from '@unite-us/app-components';\nimport { get, isEqual } from 'lodash';\nimport './index.scss';\nimport { coreApi } from '../../../api/config';\nimport { useFeatureFlag } from '../../../utils/useFeatureFlag';\n\nconst EXPANDABLE_HEADER_CLASS = 'bg-light-border-grey hover:bg-light-border-grey';\nconst EXPANDABLE_BODY_CLASS = 'form-form__expandable-body';\n\nconst StableSurveyRenderer = memo(({ formData, formSubmission, handleSetSurveyModel }) => {\n const formDataRef = useRef(formData);\n const formSubmissionRef = useRef(formSubmission);\n \n return (\n <div data-testid=\"stable-survey-renderer\">\n <SurveyJSFormRenderer\n formData={formDataRef.current}\n formSubmission={formSubmissionRef.current}\n editMode\n onSurveyModelSet={handleSetSurveyModel}\n />\n </div>\n );\n}, (prevProps, nextProps) => {\n return isEqual(prevProps.formData, nextProps.formData);\n});\n\nfunction FormForm({\n formId,\n groupId,\n expanded,\n handleExpandChange,\n setRef,\n currentEmployee,\n hasErrors,\n contextType,\n context,\n contextPerson,\n response,\n usage_type,\n}) {\n const [state, setState] = useState({\n form: null,\n formSubmissionsData: null,\n formUsageData: null,\n isFetching: true,\n });\n const [surveyRef, setSurveyRef] = useState();\n const [responsesForEdit, setResponsesForEdit] = useState(response);\n\n const crtb1121HideFieldInFormEnabled = useFeatureFlag('crtb1121HideFieldInFormEnabled', false);\n\n useEffect(() => {\n setResponsesForEdit(response);\n }, [response]);\n\n useEffect(() => {\n const getData = async () => {\n let isFetching = true;\n const formResponse = await coreApi.findRecord('form', formId);\n const form = get(formResponse, 'data.data');\n\n const apiResponses = await Promise.all([\n coreApi.query('form_submission', {\n 'context.type': contextType,\n context: contextPerson ? null : context,\n 'context.person': contextPerson,\n form: formId,\n 'form.form_usages.provider': groupId,\n }, {\n page: {\n number: 1,\n size: 1,\n },\n }),\n coreApi.query('form_usage', {\n form: formId,\n provider: groupId,\n usage_type,\n }, {\n page: {\n number: 1,\n size: 1,\n },\n }),\n ]);\n const [formSubmissionsData, formUsageData] = apiResponses;\n\n const formSubmission = responsesForEdit \|\| get(formSubmissionsData, 'data.data[0]');\n let isSensitive = false;\n if (contextType === 'case') {\n // Check for sensitive form submission\n try {\n await coreApi.populateRelationship('context', 'case', formSubmission);\n } catch (error) {\n isSensitive = get(error, 'response.status') === 403;\n }\n }\n isFetching = false;\n\n if (crtb1121HideFieldInFormEnabled && usage_type === 'referral_assessment') {\n const featureFlagQuestion = form.configuration.pages[0].elements.find((e) => (\n e.name === 'crtb-1121-hide-field-in-form'\n ));\n\n if (featureFlagQuestion) {\n const questionIdToHide = featureFlagQuestion.html;\n form.configuration.pages = form.configuration.pages.map((page) => ({\n ...page,\n elements: page.elements.map((element) => {\n if (element.id === questionIdToHide) {\n return { ...element, visible: false };\n }\n return element;\n }),\n }));\n }\n }\n\n setState({\n form,\n formSubmissionsData,\n formUsageData,\n isSensitive,\n isFetching,\n });\n };\n\n getData();\n }, []);\n\n const {\n form,\n formSubmissionsData,\n formUsageData,\n isSensitive,\n isFetching,\n } = state;\n const formUsage = get(formUsageData, 'data.data[0]');\n\n // If response is inherited from props, it means that a form that haven't been submitted is being edited.\n const formSubmission = responsesForEdit \|\| get(formSubmissionsData, 'data.data[0]');\n\n if (!form \|\| !formSubmissionsData \|\| !formUsageData) {\n return null;\n }\n\n const buildRequestBody = () => ({\n responses: buildResponses(surveyRef),\n form: form.id,\n provider: groupId,\n contextType,\n context,\n submitter: currentEmployee.id,\n });\n\n setRef({\n ref: surveyRef,\n buildRequestBody,\n });\n\n const surveyJSON = {\n configuration: {\n title: form.name,\n description: form.description,\n ...form.configuration,\n },\n };\n\n const handleSetSurvey = (survey) => {\n if (!surveyRef \|\| !isEqual(survey.data, surveyRef.data)) {\n setSurveyRef(survey);\n }\n };\n\n if (isFetching) {\n return (\n <Expandable\n expanded={expanded}\n header=\"Loading...\"\n onExpandChange={handleExpandChange}\n className=\"form-form expandable-app-create-referral\"\n headerClassName={EXPANDABLE_HEADER_CLASS}\n bodyClassName={EXPANDABLE_BODY_CLASS}\n />\n );\n }\n\n const title = (\n <span>\n {get(form, 'name', '')}\n {\n hasErrors && (\n <Icon\n className=\"ml-one\"\n color=\"#D0021B\"\n icon=\"ExclamationTriangle\"\n size={12}\n id={`error-icon-${formId}`}\n />\n )\n }\n </span>\n );\n const showFormSubmission = get(formUsage, 'prepopulate') ? formSubmission : null;\n\n return (\n <Expandable\n className=\"form-form expandable-app-create-referral\"\n expanded={expanded}\n header={title}\n onExpandChange={handleExpandChange}\n headerClassName={EXPANDABLE_HEADER_CLASS}\n bodyClassName={EXPANDABLE_BODY_CLASS}\n >\n {(!isFetching) && (\n <div className=\"px-4 py-3\">\n <StableSurveyRenderer\n formData={surveyJSON}\n formSubmission={isSensitive ? null : showFormSubmission}\n handleSetSurveyModel={handleSetSurvey}\n />\n </div>\n )}\n </Expandable>\n );\n}\n\nFormForm.propTypes = {\n currentEmployee: PropTypes.object.isRequired,\n expanded: PropTypes.bool.isRequired,\n formId: PropTypes.string.isRequired,\n groupId: PropTypes.string.isRequired,\n handleExpandChange: PropTypes.func.isRequired,\n setRef: PropTypes.func.isRequired,\n hasErrors: PropTypes.bool.isRequired,\n contextType: PropTypes.string.isRequired,\n context: PropTypes.string,\n contextPerson: PropTypes.string,\n response: PropTypes.object,\n usage_type: PropTypes.string.isRequired,\n};\n\nFormForm.defaultProps = {\n response: undefined,\n contextPerson: null,\n};\n\nexport default FormForm;\n"],"mappings":"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","ignoreList":[]}

package/dist/components/DollarAmount.js CHANGED Viewed

@@ -19,10 +19,10 @@ export function dollarAmount() {
   }
   if (convertCents) {
     const floatNum = (parseFloat(value) / 100).toFixed(2);
-    return Number.isNaN(floatNum) ? '' : "$".concat(formatNumber(floatNum, 2));
+    return Number.isNaN(floatNum) ? '' : `$${formatNumber(floatNum, 2)}`;
   }
   const number = getWholeNumber(value);
-  return Number.isNaN(number) ? '' : "$".concat(formatNumber(number));
+  return Number.isNaN(number) ? '' : `$${formatNumber(number)}`;
 }
 const DollarAmount = _ref => {
   let {

package/dist/components/DollarAmount.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DollarAmount.js","names":["PropTypes","React","formatNumber","isNull","isNumber","jsx","_jsx","getWholeNumber","value","arguments","length","undefined","stringValue","toString","parseInt","split","dollarAmount","convertCents","floatNum","parseFloat","toFixed","Number","isNaN","~~concat","~~number","DollarAmount","_ref","className","dataLabel","children","propTypes","oneOfType","string","bool","defaultProps"],"sources":["../../src/components/DollarAmount.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { formatNumber } from 'humanize-plus';\nimport { isNull, isNumber } from 'lodash';\n\nfunction getWholeNumber(value = '') {\n const stringValue = isNumber(value) ? value.toString() : value;\n return parseInt(stringValue.split('.')[0], 10);\n}\n\nexport function dollarAmount(value = '', convertCents) {\n if (isNull(value)) {\n return '';\n }\n if (value === 'Required') {\n return 'Required';\n }\n if (convertCents) {\n const floatNum = (parseFloat(value) / 100).toFixed(2);\n return Number.isNaN(floatNum) ? '' : `$${formatNumber(floatNum, 2)}`;\n }\n const number = getWholeNumber(value);\n return Number.isNaN(number) ? '' : `$${formatNumber(number)}`;\n}\n\nconst DollarAmount = ({\n value, convertCents, className, dataLabel,\n}) => (\n <span\n className={className}\n data-test-element={dataLabel}\n >\n {dollarAmount(value, convertCents)}\n </span>\n);\n\nDollarAmount.propTypes = {\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n convertCents: PropTypes.bool,\n className: PropTypes.string,\n dataLabel: PropTypes.string,\n};\n\nDollarAmount.defaultProps = {\n value: '',\n convertCents: false,\n className: 'dollar-amount',\n dataLabel: '',\n};\n\nexport default DollarAmount;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,SAASC,cAAcA,CAAA,EAAa;EAAA,IAAZC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAChC,MAAMG,WAAW,GAAGR,QAAQ,CAACI,KAAK,CAAC,GAAGA,KAAK,CAACK,QAAQ,CAAC,CAAC,GAAGL,KAAK;EAC9D,OAAOM,QAAQ,CAACF,WAAW,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAChD;AAEA,OAAO,SAASC,YAAYA,CAAA,EAA2B;EAAA,IAA1BR,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEQ,YAAY,GAAAR,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACnD,IAAIR,MAAM,CAACK,KAAK,CAAC,EAAE;IACjB,OAAO,EAAE;EACX;EACA,IAAIA,KAAK,KAAK,UAAU,EAAE;IACxB,OAAO,UAAU;EACnB;EACA,IAAIS,YAAY,EAAE;IAChB,MAAMC,QAAQ,GAAG,CAACC,UAAU,CAACX,KAAK,CAAC,GAAG,GAAG,EAAEY,OAAO,CAAC,CAAC,CAAC;IACrD,OAAOC,MAAM,CAACC,KAAK,CAACJ,QAAQ,CAAC,GAAG,EAAE,~~OAAAK~~,~~MAAA~~,~~CAAOrB,~~YAAY,CAACgB,QAAQ,EAAE,CAAC,CAAC,~~CAAE~~;EACtE;EACA,~~MAAMM~~,MAAM,~~GAAGjB~~,cAAc,CAACC,KAAK,CAAC;EACpC,OAAOa,MAAM,CAACC,KAAK,~~CAACE~~,MAAM,CAAC,GAAG,EAAE,~~OAAAD~~,~~MAAA~~,~~CAAOrB,~~YAAY,~~CAACsB~~,MAAM,CAAC,~~CAAE~~;AAC/D;AAEA,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;~~IACpBlB~~,KAAK;IAAES,YAAY;~~IAAEU~~,SAAS;IAAEC;EAClC,CAAC,GAAAF,IAAA;EAAA,~~oBACCpB~~,IAAA;~~IACEqB~~,SAAS,EAAEA,SAAU;IACrB,qBAAmBC,SAAU;IAAAC,QAAA,~~EAE5Bb~~,YAAY,CAACR,KAAK,EAAES,YAAY;EAAC,CAC9B,CAAC;AAAA,CACR;~~AAEDQ~~,YAAY,CAACK,SAAS,GAAG;~~EACvBtB~~,KAAK,EAAER,SAAS,~~CAAC+B~~,SAAS,CAAC,~~CACzB/B~~,SAAS,~~CAACgC~~,MAAM,~~EAChBhC~~,SAAS,~~CAACwB~~,MAAM,CACjB,CAAC;~~EACFP~~,YAAY,EAAEjB,SAAS,~~CAACiC~~,IAAI;EAC5BN,SAAS,~~EAAE3B~~,SAAS,~~CAACgC~~,MAAM;EAC3BJ,SAAS,~~EAAE5B~~,SAAS,~~CAACgC~~;AACvB,CAAC;AAEDP,YAAY,CAACS,YAAY,GAAG;~~EAC1B1B~~,KAAK,EAAE,EAAE;EACTS,YAAY,EAAE,KAAK;~~EACnBU~~,SAAS,EAAE,eAAe;EAC1BC,SAAS,EAAE;AACb,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}
1	+ {"version":3,"file":"DollarAmount.js","names":["PropTypes","React","formatNumber","isNull","isNumber","jsx","_jsx","getWholeNumber","value","arguments","length","undefined","stringValue","toString","parseInt","split","dollarAmount","convertCents","floatNum","parseFloat","toFixed","Number","isNaN","number","DollarAmount","_ref","className","dataLabel","children","propTypes","oneOfType","string","bool","defaultProps"],"sources":["../../src/components/DollarAmount.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport { formatNumber } from 'humanize-plus';\nimport { isNull, isNumber } from 'lodash';\n\nfunction getWholeNumber(value = '') {\n const stringValue = isNumber(value) ? value.toString() : value;\n return parseInt(stringValue.split('.')[0], 10);\n}\n\nexport function dollarAmount(value = '', convertCents) {\n if (isNull(value)) {\n return '';\n }\n if (value === 'Required') {\n return 'Required';\n }\n if (convertCents) {\n const floatNum = (parseFloat(value) / 100).toFixed(2);\n return Number.isNaN(floatNum) ? '' : `$${formatNumber(floatNum, 2)}`;\n }\n const number = getWholeNumber(value);\n return Number.isNaN(number) ? '' : `$${formatNumber(number)}`;\n}\n\nconst DollarAmount = ({\n value, convertCents, className, dataLabel,\n}) => (\n <span\n className={className}\n data-test-element={dataLabel}\n >\n {dollarAmount(value, convertCents)}\n </span>\n);\n\nDollarAmount.propTypes = {\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]),\n convertCents: PropTypes.bool,\n className: PropTypes.string,\n dataLabel: PropTypes.string,\n};\n\nDollarAmount.defaultProps = {\n value: '',\n convertCents: false,\n className: 'dollar-amount',\n dataLabel: '',\n};\n\nexport default DollarAmount;\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,eAAe;AAC5C,SAASC,MAAM,EAAEC,QAAQ,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1C,SAASC,cAAcA,CAAA,EAAa;EAAA,IAAZC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAChC,MAAMG,WAAW,GAAGR,QAAQ,CAACI,KAAK,CAAC,GAAGA,KAAK,CAACK,QAAQ,CAAC,CAAC,GAAGL,KAAK;EAC9D,OAAOM,QAAQ,CAACF,WAAW,CAACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAChD;AAEA,OAAO,SAASC,YAAYA,CAAA,EAA2B;EAAA,IAA1BR,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IAAEQ,YAAY,GAAAR,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EACnD,IAAIR,MAAM,CAACK,KAAK,CAAC,EAAE;IACjB,OAAO,EAAE;EACX;EACA,IAAIA,KAAK,KAAK,UAAU,EAAE;IACxB,OAAO,UAAU;EACnB;EACA,IAAIS,YAAY,EAAE;IAChB,MAAMC,QAAQ,GAAG,CAACC,UAAU,CAACX,KAAK,CAAC,GAAG,GAAG,EAAEY,OAAO,CAAC,CAAC,CAAC;IACrD,OAAOC,MAAM,CAACC,KAAK,CAACJ,QAAQ,CAAC,GAAG,EAAE,GAAG,IAAIhB,YAAY,CAACgB,QAAQ,EAAE,CAAC,CAAC,EAAE;EACtE;EACA,MAAMK,MAAM,GAAGhB,cAAc,CAACC,KAAK,CAAC;EACpC,OAAOa,MAAM,CAACC,KAAK,CAACC,MAAM,CAAC,GAAG,EAAE,GAAG,IAAIrB,YAAY,CAACqB,MAAM,CAAC,EAAE;AAC/D;AAEA,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IACpBjB,KAAK;IAAES,YAAY;IAAES,SAAS;IAAEC;EAClC,CAAC,GAAAF,IAAA;EAAA,oBACCnB,IAAA;IACEoB,SAAS,EAAEA,SAAU;IACrB,qBAAmBC,SAAU;IAAAC,QAAA,EAE5BZ,YAAY,CAACR,KAAK,EAAES,YAAY;EAAC,CAC9B,CAAC;AAAA,CACR;AAEDO,YAAY,CAACK,SAAS,GAAG;EACvBrB,KAAK,EAAER,SAAS,CAAC8B,SAAS,CAAC,CACzB9B,SAAS,CAAC+B,MAAM,EAChB/B,SAAS,CAACuB,MAAM,CACjB,CAAC;EACFN,YAAY,EAAEjB,SAAS,CAACgC,IAAI;EAC5BN,SAAS,EAAE1B,SAAS,CAAC+B,MAAM;EAC3BJ,SAAS,EAAE3B,SAAS,CAAC+B;AACvB,CAAC;AAEDP,YAAY,CAACS,YAAY,GAAG;EAC1BzB,KAAK,EAAE,EAAE;EACTS,YAAY,EAAE,KAAK;EACnBS,SAAS,EAAE,eAAe;EAC1BC,SAAS,EAAE;AACb,CAAC;AAED,eAAeH,YAAY","ignoreList":[]}

package/dist/components/LineItem.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { BarLoader } from '@unite-us/app-components';
 // elements in combination with `useMemo`
 import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 let nextLineItemId = 1;
-const lineItemIdFactory = () => "line-item-".concat(nextLineItemId++);
+const lineItemIdFactory = () => `line-item-${nextLineItemId++}`;
 const LineItem = _ref => {
   let {
     children,

package/dist/components/LineItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineItem.js","names":["React","useMemo","PropTypes","isFunction","BarLoader","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","nextLineItemId","lineItemIdFactory","~~concat","~~LineItem","_ref","children","dataTestElement","isLoaded","field","fieldClassName","valueClassName","colon","dtId","renderChildren","className","id","propTypes","oneOfType","node","func","isRequired","bool","string","defaultProps"],"sources":["../../src/components/LineItem.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { isFunction } from 'lodash';\nimport { BarLoader } from '@unite-us/app-components';\n\n// Produces unique but stable-between-renders ids to correlate dt and dd\n// elements in combination with `useMemo`\nlet nextLineItemId = 1;\nconst lineItemIdFactory = () => `line-item-${nextLineItemId++}`;\n\nconst LineItem = ({\n children,\n dataTestElement,\n isLoaded,\n field,\n fieldClassName,\n valueClassName,\n colon,\n}) => {\n const dtId = useMemo(lineItemIdFactory, []);\n const renderChildren = () => (isFunction(children) ? children() : children);\n return (\n <>\n <dt\n className={fieldClassName}\n data-testid={dataTestElement}\n data-test-element={dataTestElement}\n id={dtId}\n >\n {field}{colon && ':'}\n </dt>\n <dd aria-describedby={dtId} className={valueClassName}>\n {isLoaded ? renderChildren() : <BarLoader />}\n </dd>\n </>\n );\n};\n\nLineItem.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n field: PropTypes.node.isRequired,\n isLoaded: PropTypes.bool,\n dataTestElement: PropTypes.string,\n fieldClassName: PropTypes.string,\n valueClassName: PropTypes.string,\n colon: PropTypes.bool,\n};\n\nLineItem.defaultProps = {\n children: '',\n isLoaded: true,\n dataTestElement: null,\n fieldClassName: 'text-text-blue text-sm font-bold leading-5 break-word',\n valueClassName: 'text-text-blue text-sm leading-5 break-word',\n colon: true,\n};\n\nexport default LineItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,SAAS,QAAQ,0BAA0B;;AAEpD;AACA;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,IAAIC,cAAc,GAAG,CAAC;AACtB,MAAMC,iBAAiB,GAAGA,CAAA,~~kBAAAC~~,~~MAAA~~,~~CAAmBF,~~cAAc,EAAE,~~CAAE~~;AAE/D,~~MAAMG~~,QAAQ,GAAGC,IAAA,IAQX;EAAA,IARY;IAChBC,QAAQ;IACRC,eAAe;IACfC,QAAQ;IACRC,KAAK;IACLC,cAAc;IACdC,cAAc;IACdC;EACF,CAAC,GAAAP,IAAA;EACC,MAAMQ,IAAI,~~GAAGtB~~,OAAO,CAACW,iBAAiB,EAAE,EAAE,CAAC;EAC3C,~~MAAMY~~,cAAc,GAAGA,CAAA,~~KAAOrB~~,UAAU,~~CAACa~~,QAAQ,CAAC,GAAGA,QAAQ,CAAC,CAAC,GAAGA,QAAS;EAC3E,~~oBACEV~~,KAAA,CAAAI,SAAA;~~IAAAM~~,QAAA,~~gBACEV~~,KAAA;~~MACEmB~~,SAAS,EAAEL,cAAe;MAC1B,eAAaH,eAAgB;MAC7B,qBAAmBA,eAAgB;MACnCS,EAAE,EAAEH,IAAK;MAAAP,QAAA,GAERG,KAAK,EAAEG,KAAK,IAAI,GAAG;IAAA,CAClB,CAAC,~~eACLd~~,IAAA;MAAI,~~oBAAkBe~~,IAAK;MAACE,SAAS,EAAEJ,cAAe;MAAAL,QAAA,EACnDE,QAAQ,GAAGM,cAAc,CAAC,CAAC,~~gBAAGhB~~,IAAA,CAACJ,SAAS,IAAE;IAAC,CAC1C,CAAC;EAAA,CACL,CAAC;AAEP,CAAC;~~AAEDU~~,QAAQ,CAACa,SAAS,GAAG;EACnBX,QAAQ,~~EAAEd~~,SAAS,~~CAAC0B~~,SAAS,CAAC,~~CAAC1B~~,SAAS,~~CAAC2B~~,IAAI,~~EAAE3B~~,SAAS,~~CAAC4B~~,IAAI,CAAC,CAAC;EAC/DX,KAAK,~~EAAEjB~~,SAAS,~~CAAC2B~~,IAAI,CAACE,UAAU;EAChCb,QAAQ,~~EAAEhB~~,SAAS,~~CAAC8B~~,IAAI;EACxBf,eAAe,~~EAAEf~~,SAAS,~~CAAC+B~~,MAAM;EACjCb,cAAc,~~EAAElB~~,SAAS,~~CAAC+B~~,MAAM;EAChCZ,cAAc,~~EAAEnB~~,SAAS,~~CAAC+B~~,MAAM;EAChCX,KAAK,~~EAAEpB~~,SAAS,~~CAAC8B~~;AACnB,CAAC;AAEDlB,QAAQ,CAACoB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZE,QAAQ,EAAE,IAAI;EACdD,eAAe,EAAE,IAAI;EACrBG,cAAc,EAAE,uDAAuD;EACvEC,cAAc,EAAE,6CAA6C;EAC7DC,KAAK,EAAE;AACT,CAAC;AAED,eAAeR,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"LineItem.js","names":["React","useMemo","PropTypes","isFunction","BarLoader","jsxs","_jsxs","jsx","_jsx","Fragment","_Fragment","nextLineItemId","lineItemIdFactory","LineItem","_ref","children","dataTestElement","isLoaded","field","fieldClassName","valueClassName","colon","dtId","renderChildren","className","id","propTypes","oneOfType","node","func","isRequired","bool","string","defaultProps"],"sources":["../../src/components/LineItem.jsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { PropTypes } from 'prop-types';\nimport { isFunction } from 'lodash';\nimport { BarLoader } from '@unite-us/app-components';\n\n// Produces unique but stable-between-renders ids to correlate dt and dd\n// elements in combination with `useMemo`\nlet nextLineItemId = 1;\nconst lineItemIdFactory = () => `line-item-${nextLineItemId++}`;\n\nconst LineItem = ({\n children,\n dataTestElement,\n isLoaded,\n field,\n fieldClassName,\n valueClassName,\n colon,\n}) => {\n const dtId = useMemo(lineItemIdFactory, []);\n const renderChildren = () => (isFunction(children) ? children() : children);\n return (\n <>\n <dt\n className={fieldClassName}\n data-testid={dataTestElement}\n data-test-element={dataTestElement}\n id={dtId}\n >\n {field}{colon && ':'}\n </dt>\n <dd aria-describedby={dtId} className={valueClassName}>\n {isLoaded ? renderChildren() : <BarLoader />}\n </dd>\n </>\n );\n};\n\nLineItem.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n field: PropTypes.node.isRequired,\n isLoaded: PropTypes.bool,\n dataTestElement: PropTypes.string,\n fieldClassName: PropTypes.string,\n valueClassName: PropTypes.string,\n colon: PropTypes.bool,\n};\n\nLineItem.defaultProps = {\n children: '',\n isLoaded: true,\n dataTestElement: null,\n fieldClassName: 'text-text-blue text-sm font-bold leading-5 break-word',\n valueClassName: 'text-text-blue text-sm leading-5 break-word',\n colon: true,\n};\n\nexport default LineItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,SAAS,QAAQ,0BAA0B;;AAEpD;AACA;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AACA,IAAIC,cAAc,GAAG,CAAC;AACtB,MAAMC,iBAAiB,GAAGA,CAAA,KAAM,aAAaD,cAAc,EAAE,EAAE;AAE/D,MAAME,QAAQ,GAAGC,IAAA,IAQX;EAAA,IARY;IAChBC,QAAQ;IACRC,eAAe;IACfC,QAAQ;IACRC,KAAK;IACLC,cAAc;IACdC,cAAc;IACdC;EACF,CAAC,GAAAP,IAAA;EACC,MAAMQ,IAAI,GAAGrB,OAAO,CAACW,iBAAiB,EAAE,EAAE,CAAC;EAC3C,MAAMW,cAAc,GAAGA,CAAA,KAAOpB,UAAU,CAACY,QAAQ,CAAC,GAAGA,QAAQ,CAAC,CAAC,GAAGA,QAAS;EAC3E,oBACET,KAAA,CAAAI,SAAA;IAAAK,QAAA,gBACET,KAAA;MACEkB,SAAS,EAAEL,cAAe;MAC1B,eAAaH,eAAgB;MAC7B,qBAAmBA,eAAgB;MACnCS,EAAE,EAAEH,IAAK;MAAAP,QAAA,GAERG,KAAK,EAAEG,KAAK,IAAI,GAAG;IAAA,CAClB,CAAC,eACLb,IAAA;MAAI,oBAAkBc,IAAK;MAACE,SAAS,EAAEJ,cAAe;MAAAL,QAAA,EACnDE,QAAQ,GAAGM,cAAc,CAAC,CAAC,gBAAGf,IAAA,CAACJ,SAAS,IAAE;IAAC,CAC1C,CAAC;EAAA,CACL,CAAC;AAEP,CAAC;AAEDS,QAAQ,CAACa,SAAS,GAAG;EACnBX,QAAQ,EAAEb,SAAS,CAACyB,SAAS,CAAC,CAACzB,SAAS,CAAC0B,IAAI,EAAE1B,SAAS,CAAC2B,IAAI,CAAC,CAAC;EAC/DX,KAAK,EAAEhB,SAAS,CAAC0B,IAAI,CAACE,UAAU;EAChCb,QAAQ,EAAEf,SAAS,CAAC6B,IAAI;EACxBf,eAAe,EAAEd,SAAS,CAAC8B,MAAM;EACjCb,cAAc,EAAEjB,SAAS,CAAC8B,MAAM;EAChCZ,cAAc,EAAElB,SAAS,CAAC8B,MAAM;EAChCX,KAAK,EAAEnB,SAAS,CAAC6B;AACnB,CAAC;AAEDlB,QAAQ,CAACoB,YAAY,GAAG;EACtBlB,QAAQ,EAAE,EAAE;EACZE,QAAQ,EAAE,IAAI;EACdD,eAAe,EAAE,IAAI;EACrBG,cAAc,EAAE,uDAAuD;EACvEC,cAAc,EAAE,6CAA6C;EAC7DC,KAAK,EAAE;AACT,CAAC;AAED,eAAeR,QAAQ","ignoreList":[]}

package/dist/components/ReferralStepper.js CHANGED Viewed

@@ -46,8 +46,7 @@ export default function ReferralStepper(_ref2) {
   });
   const navigateToAddResources = () => {
     if (preventProgramChanges) {
-      var _CALLBACKS$notify, _CALLBACKS$notify$err;
-      (_CALLBACKS$notify = CALLBACKS.notify) === null || _CALLBACKS$notify === void 0 || (_CALLBACKS$notify$err = _CALLBACKS$notify.error) === null || _CALLBACKS$notify$err === void 0 || _CALLBACKS$notify$err.call(_CALLBACKS$notify, DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE);
+      CALLBACKS.notify?.error?.(DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE);
       return;
     }
     CALLBACKS.onNavigateToAddResources();
@@ -75,7 +74,7 @@ export default function ReferralStepper(_ref2) {
     route: 'builder',
     label: 'Refer',
     onStepClick: function () {
-      navigate("/create/".concat(this.route));
+      navigate(`/create/${this.route}`);
     },
     isActive: function () {
       return isActive(this.route);
@@ -85,7 +84,7 @@ export default function ReferralStepper(_ref2) {
     route: 'supporting-info',
     label: 'Add Assessments',
     onStepClick: function () {
-      navigate("/create/".concat(this.route));
+      navigate(`/create/${this.route}`);
     },
     isActive: function () {
       return isActive(this.route);
@@ -95,7 +94,7 @@ export default function ReferralStepper(_ref2) {
     route: 'review',
     label: 'Review',
     onStepClick: function () {
-      navigate("/create/".concat(this.route));
+      navigate(`/create/${this.route}`);
     },
     isActive: function () {
       return isActive(this.route);

package/dist/components/ReferralStepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReferralStepper.js","names":["React","get","some","useAppCreateReferralContext","Stepper","CALLBACKS","useFeatureFlag","DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE","jsx","_jsx","isDraftReferral","draftState","hasDraftAuthorization","Boolean","referralHasAuthorization","referral","hasReferralAuthorization","referrals","shouldPreventProgramChanges","_ref","ReferralStepper","_ref2","navigate","location","className","isStepReferralSent","addSelectClient","state","referralId","referralType","crtb854ForwardingSuperset","isActive","route","pathname","includes","onNavigateBack","hasDraftReferral","isForwardReferralPath","preventProgramChanges","navigateToAddResources","~~_CALLBACKS$~~notify","~~_CALLBACKS$notify$err","notify","~~error","~~call","~~onNavigateToAddResources","steps","label","onStepClick","stepDisabled","~~concat","~~stepCompleted","filter","unshift"],"sources":["../../src/components/ReferralStepper.js"],"sourcesContent":["import React from 'react';\nimport { get, some } from 'lodash';\nimport { useAppCreateReferralContext } from '../context/AppCreateReferralProvider';\nimport Stepper from './Stepper';\nimport { CALLBACKS } from '../api/config';\nimport { useFeatureFlag } from '../utils/useFeatureFlag';\nimport { DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE } from '../constants';\n\nconst isDraftReferral = (draftState) => get(draftState, 'state') === 'draft';\nconst hasDraftAuthorization = (draftState) => Boolean(get(draftState, 'case.service_authorization.id'));\nconst referralHasAuthorization = (referral) => Boolean(get(referral, 'case.service_authorization.id'));\nconst hasReferralAuthorization = (referrals) => some(referrals, referralHasAuthorization);\n\nconst shouldPreventProgramChanges = ({ draftState, referrals }) => (\n isDraftReferral(draftState) && (hasDraftAuthorization(draftState) \|\| hasReferralAuthorization(referrals))\n);\n\nexport default function ReferralStepper({\n navigate,\n location,\n className,\n isStepReferralSent,\n addSelectClient,\n}) {\n const {\n state: {\n draftState,\n referralId,\n referralType,\n referrals,\n },\n } = useAppCreateReferralContext();\n const crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);\n const isActive = (route) => location.pathname.includes(route);\n const { onNavigateBack } = CALLBACKS;\n const hasDraftReferral = isDraftReferral(draftState);\n const isForwardReferralPath = !!referralId && !!referralType;\n const preventProgramChanges = shouldPreventProgramChanges({ draftState, referrals });\n const navigateToAddResources = () => {\n if (preventProgramChanges) {\n CALLBACKS.notify?.error?.(DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE);\n return;\n }\n\n CALLBACKS.onNavigateToAddResources();\n };\n\n let steps = [\n {\n route: '/referrals/create/add-resources',\n label: 'Add Resources',\n onStepClick: function () {\n if (hasDraftReferral) {\n navigateToAddResources();\n } else {\n onNavigateBack && onNavigateBack(\n crtb854ForwardingSuperset\n ? { addSelectClient, referralId }\n : { addSelectClient }\n );\n }\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n },\n {\n route: 'builder',\n label: 'Refer',\n onStepClick: function () {\n navigate(`/create/${this.route}`);\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n },\n !isForwardReferralPath && {\n route: 'supporting-info',\n label: 'Add Assessments',\n onStepClick: function () {\n navigate(`/create/${this.route}`);\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n },\n {\n route: 'review',\n label: 'Review',\n onStepClick: function () {\n navigate(`/create/${this.route}`);\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepCompleted: isStepReferralSent,\n },\n ].filter(Boolean);\n\n if (addSelectClient) {\n steps.unshift({\n route: 'referrals/new/search',\n label: 'Select Client',\n onStepClick: function () {\n navigate('referrals/new/search');\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n });\n }\n\n return <Stepper steps={steps} className={className} />;\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,EAAEC,IAAI,QAAQ,QAAQ;AAClC,SAASC,2BAA2B,QAAQ,sCAAsC;AAClF,OAAOC,OAAO,MAAM,WAAW;AAC/B,SAASC,SAAS,QAAQ,eAAe;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,0CAA0C,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1E,MAAMC,eAAe,GAAIC,UAAU,IAAKV,GAAG,CAACU,UAAU,EAAE,OAAO,CAAC,KAAK,OAAO;AAC5E,MAAMC,qBAAqB,GAAID,UAAU,IAAKE,OAAO,CAACZ,GAAG,CAACU,UAAU,EAAE,+BAA+B,CAAC,CAAC;AACvG,MAAMG,wBAAwB,GAAIC,QAAQ,IAAKF,OAAO,CAACZ,GAAG,CAACc,QAAQ,EAAE,+BAA+B,CAAC,CAAC;AACtG,MAAMC,wBAAwB,GAAIC,SAAS,IAAKf,IAAI,CAACe,SAAS,EAAEH,wBAAwB,CAAC;AAEzF,MAAMI,2BAA2B,GAAGC,IAAA;EAAA,IAAC;IAAER,UAAU;IAAEM;EAAU,CAAC,GAAAE,IAAA;EAAA,OAC5DT,eAAe,CAACC,UAAU,CAAC,KAAKC,qBAAqB,CAACD,UAAU,CAAC,IAAIK,wBAAwB,CAACC,SAAS,CAAC,CAAC;AAAA,CAC1G;AAED,eAAe,SAASG,eAAeA,CAAAC,KAAA,EAMpC;EAAA,IANqC;IACtCC,QAAQ;IACRC,QAAQ;IACRC,SAAS;IACTC,kBAAkB;IAClBC;EACF,CAAC,GAAAL,KAAA;EACC,MAAM;IACJM,KAAK,EAAE;MACLhB,UAAU;MACViB,UAAU;MACVC,YAAY;MACZZ;IACF;EACF,CAAC,GAAGd,2BAA2B,CAAC,CAAC;EACjC,MAAM2B,yBAAyB,GAAGxB,cAAc,CAAC,2BAA2B,EAAE,KAAK,CAAC;EACpF,MAAMyB,QAAQ,GAAIC,KAAK,IAAKT,QAAQ,CAACU,QAAQ,CAACC,QAAQ,CAACF,KAAK,CAAC;EAC7D,MAAM;IAAEG;EAAe,CAAC,GAAG9B,SAAS;EACpC,MAAM+B,gBAAgB,GAAG1B,eAAe,CAACC,UAAU,CAAC;EACpD,MAAM0B,qBAAqB,GAAG,CAAC,CAACT,UAAU,IAAI,CAAC,CAACC,YAAY;EAC5D,MAAMS,qBAAqB,GAAGpB,2BAA2B,CAAC;IAAEP,UAAU;IAAEM;EAAU,CAAC,CAAC;EACpF,MAAMsB,sBAAsB,GAAGA,CAAA,KAAM;IACnC,IAAID,qBAAqB,EAAE;~~MAAA~~,~~IAAAE,iBAAA,EAAAC,qBAAA;MACzB,CAAAD,iBAAA,GAAAnC,~~SAAS,~~CAACqC~~,MAAM,~~cAAAF~~,~~iBAAA,gBAAAC,qBAAA,GAAhBD,iBAAA,CAAkBG,~~KAAK,~~cAAAF~~,~~qBAAA,eAAvBA,qBAAA,CAAAG,IAAA,CAAAJ,iBAAA,EAA0BjC,~~0CAA0C,CAAC;MACrE;IACF;IAEAF,SAAS,~~CAACwC~~,wBAAwB,CAAC,CAAC;EACtC,CAAC;EAED,IAAIC,KAAK,GAAG,CACV;~~IACEd~~,KAAK,EAAE,iCAAiC;~~IACxCe~~,KAAK,EAAE,eAAe;IACtBC,WAAW,EAAE,SAAAA,CAAA,EAAY;MACvB,~~IAAIZ~~,gBAAgB,EAAE;QACpBG,sBAAsB,CAAC,CAAC;MAC1B,CAAC,MAAM;QACLJ,cAAc,IAAIA,cAAc,CAC9BL,yBAAyB,GACrB;UAAEJ,eAAe;UAAEE;QAAW,CAAC,GAC/B;UAAEF;QAAgB,CACxB,CAAC;MACH;IACF,CAAC;IACDK,QAAQ,EAAE,SAAAA,CAAA,EAAY;MACpB,OAAOA,QAAQ,CAAC,IAAI,CAACC,KAAK,CAAC;IAC7B,CAAC;~~IACDiB~~,YAAY,~~EAAExB~~;EAChB,CAAC,EACD;IACEO,KAAK,EAAE,SAAS;~~IAChBe~~,KAAK,EAAE,OAAO;IACdC,WAAW,EAAE,SAAAA,CAAA,EAAY;~~MACvB1B~~,QAAQ,~~YAAA4B~~,~~MAAA~~,~~CAAY,~~IAAI,~~CAAClB~~,KAAK,~~CAAE~~,CAAC;IACnC,CAAC;IACDD,QAAQ,EAAE,SAAAA,CAAA,EAAY;MACpB,OAAOA,QAAQ,CAAC,IAAI,CAACC,KAAK,CAAC;IAC7B,CAAC;~~IACDiB~~,YAAY,~~EAAExB~~;EAChB,CAAC,EACD,CAACY,qBAAqB,IAAI;IACxBL,KAAK,EAAE,iBAAiB;~~IACxBe~~,KAAK,EAAE,iBAAiB;IACxBC,WAAW,EAAE,SAAAA,CAAA,EAAY;~~MACvB1B~~,QAAQ,~~YAAA4B~~,~~MAAA~~,~~CAAY,~~IAAI,~~CAAClB~~,KAAK,~~CAAE~~,CAAC;IACnC,CAAC;IACDD,QAAQ,EAAE,SAAAA,CAAA,EAAY;MACpB,OAAOA,QAAQ,CAAC,IAAI,CAACC,KAAK,CAAC;IAC7B,CAAC;~~IACDiB~~,YAAY,~~EAAExB~~;EAChB,CAAC,EACD;IACEO,KAAK,EAAE,QAAQ;~~IACfe~~,KAAK,EAAE,QAAQ;IACfC,WAAW,EAAE,SAAAA,CAAA,EAAY;~~MACvB1B~~,QAAQ,~~YAAA4B~~,~~MAAA~~,~~CAAY,~~IAAI,~~CAAClB~~,KAAK,~~CAAE~~,CAAC;IACnC,CAAC;IACDD,QAAQ,EAAE,SAAAA,CAAA,EAAY;MACpB,OAAOA,QAAQ,CAAC,IAAI,CAACC,KAAK,CAAC;IAC7B,CAAC;~~IACDmB~~,aAAa,~~EAAE1B~~;EACjB,CAAC,CACF,~~CAAC2B~~,MAAM,~~CAACvC~~,OAAO,CAAC;EAEjB,IAAIa,eAAe,EAAE;~~IACnBoB~~,KAAK,~~CAACO~~,OAAO,CAAC;~~MACZrB~~,KAAK,EAAE,sBAAsB;~~MAC7Be~~,KAAK,EAAE,eAAe;MACtBC,WAAW,EAAE,SAAAA,CAAA,EAAY;~~QACvB1B~~,QAAQ,CAAC,sBAAsB,CAAC;MAClC,CAAC;MACDS,QAAQ,EAAE,SAAAA,CAAA,EAAY;QACpB,OAAOA,QAAQ,CAAC,IAAI,CAACC,KAAK,CAAC;MAC7B,CAAC;~~MACDiB~~,YAAY,~~EAAExB~~;IAChB,CAAC,CAAC;EACJ;EAEA,oBAAOhB,IAAA,CAACL,OAAO;~~IAAC0C~~,KAAK,EAAEA,KAAM;~~IAACtB~~,SAAS,EAAEA;EAAU,CAAE,CAAC;AACxD","ignoreList":[]}
1	+ {"version":3,"file":"ReferralStepper.js","names":["React","get","some","useAppCreateReferralContext","Stepper","CALLBACKS","useFeatureFlag","DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE","jsx","_jsx","isDraftReferral","draftState","hasDraftAuthorization","Boolean","referralHasAuthorization","referral","hasReferralAuthorization","referrals","shouldPreventProgramChanges","_ref","ReferralStepper","_ref2","navigate","location","className","isStepReferralSent","addSelectClient","state","referralId","referralType","crtb854ForwardingSuperset","isActive","route","pathname","includes","onNavigateBack","hasDraftReferral","isForwardReferralPath","preventProgramChanges","navigateToAddResources","notify","error","onNavigateToAddResources","steps","label","onStepClick","stepDisabled","stepCompleted","filter","unshift"],"sources":["../../src/components/ReferralStepper.js"],"sourcesContent":["import React from 'react';\nimport { get, some } from 'lodash';\nimport { useAppCreateReferralContext } from '../context/AppCreateReferralProvider';\nimport Stepper from './Stepper';\nimport { CALLBACKS } from '../api/config';\nimport { useFeatureFlag } from '../utils/useFeatureFlag';\nimport { DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE } from '../constants';\n\nconst isDraftReferral = (draftState) => get(draftState, 'state') === 'draft';\nconst hasDraftAuthorization = (draftState) => Boolean(get(draftState, 'case.service_authorization.id'));\nconst referralHasAuthorization = (referral) => Boolean(get(referral, 'case.service_authorization.id'));\nconst hasReferralAuthorization = (referrals) => some(referrals, referralHasAuthorization);\n\nconst shouldPreventProgramChanges = ({ draftState, referrals }) => (\n isDraftReferral(draftState) && (hasDraftAuthorization(draftState) \|\| hasReferralAuthorization(referrals))\n);\n\nexport default function ReferralStepper({\n navigate,\n location,\n className,\n isStepReferralSent,\n addSelectClient,\n}) {\n const {\n state: {\n draftState,\n referralId,\n referralType,\n referrals,\n },\n } = useAppCreateReferralContext();\n const crtb854ForwardingSuperset = useFeatureFlag('crtb854ForwardingSuperset', false);\n const isActive = (route) => location.pathname.includes(route);\n const { onNavigateBack } = CALLBACKS;\n const hasDraftReferral = isDraftReferral(draftState);\n const isForwardReferralPath = !!referralId && !!referralType;\n const preventProgramChanges = shouldPreventProgramChanges({ draftState, referrals });\n const navigateToAddResources = () => {\n if (preventProgramChanges) {\n CALLBACKS.notify?.error?.(DRAFT_AUTHORIZATION_PROGRAM_CHANGE_MESSAGE);\n return;\n }\n\n CALLBACKS.onNavigateToAddResources();\n };\n\n let steps = [\n {\n route: '/referrals/create/add-resources',\n label: 'Add Resources',\n onStepClick: function () {\n if (hasDraftReferral) {\n navigateToAddResources();\n } else {\n onNavigateBack && onNavigateBack(\n crtb854ForwardingSuperset\n ? { addSelectClient, referralId }\n : { addSelectClient }\n );\n }\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n },\n {\n route: 'builder',\n label: 'Refer',\n onStepClick: function () {\n navigate(`/create/${this.route}`);\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n },\n !isForwardReferralPath && {\n route: 'supporting-info',\n label: 'Add Assessments',\n onStepClick: function () {\n navigate(`/create/${this.route}`);\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n },\n {\n route: 'review',\n label: 'Review',\n onStepClick: function () {\n navigate(`/create/${this.route}`);\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepCompleted: isStepReferralSent,\n },\n ].filter(Boolean);\n\n if (addSelectClient) {\n steps.unshift({\n route: 'referrals/new/search',\n label: 'Select Client',\n onStepClick: function () {\n navigate('referrals/new/search');\n },\n isActive: function () {\n return isActive(this.route);\n },\n stepDisabled: isStepReferralSent,\n });\n }\n\n return <Stepper steps={steps} className={className} />;\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/components/SearchableField.js CHANGED Viewed

@@ -8,7 +8,6 @@ import { getPreferredProp } from '@unite-us/app-components';
 import '../pages/builder/ReferralBuilderForm.scss';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export const SearchableSelectField = props => {
-  var _getPreferredProp;
   const {
     className,
     clearable,
@@ -37,7 +36,7 @@ export const SearchableSelectField = props => {
   const name = getPreferredProp(props, 'name');
   const error = getPreferredProp(props, 'error');
   const reduxOnBlur = getPreferredProp(props, 'onBlur');
-  const value = ((_getPreferredProp = getPreferredProp(props, 'value')) === null || _getPreferredProp === void 0 ? void 0 : _getPreferredProp.value) || '';
+  const value = getPreferredProp(props, 'value')?.value || '';
   const selectedOption = options.find(option => option.value === value) || null;
   const [query, setQuery] = useState('');
   const filteredOptions = useMemo(() => options.filter(option => query === '' || option.label.toLowerCase().includes(query.toLowerCase())), [options, query]);
@@ -102,7 +101,7 @@ export const SearchableSelectField = props => {
               icon: "Cross",
               size: 10,
               onClick: onClearClick,
-              ariaLabel: "Clear ".concat(label)
+              ariaLabel: `Clear ${label}`
             })
           }), /*#__PURE__*/_jsx(Combobox.Button, {
             className: classNames('absolute inset-y-0 right-0 flex items-center pr-4 focus:outline-none', clearable && selectedOption ? 'pl-0' : 'pl-2'),
@@ -149,7 +148,7 @@ export const SearchableSelectField = props => {
         className: "ui-form-field__error visible mt-1.5",
         style: style.error,
         "data-test-visible": hasError,
-        "data-testid": "".concat(name || id || 'unnamed', "-error"),
+        "data-testid": `${name || id || 'unnamed'}-error`,
         children: error
       })]
     })

package/dist/components/SearchableField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SearchableField.js","names":["React","useEffect","useMemo","useState","PropTypes","isNull","isEmpty","get","classNames","Combobox","Icon","getPreferredProp","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SearchableSelectField","props","_getPreferredProp","className","clearable","hideLabel","label","labelClassName","listBoxUpOptionsClassName","onChange","options","placeholder","required","truncateOptions","onInputChange","id","style","container","input","hint","error","isFocused","setIsFocused","inputValue","setInputValue","hasError","name","reduxOnBlur","value","selectedOption","find","option","query","setQuery","filteredOptions","filter","toLowerCase","includes","onClearClick","event","stopPropagation","onBlur","onFocus","children","Label","icon","size","Input","displayValue","evt","target","onClick","ariaLabel","concat","Button","direction","Options","map","Option","_ref","active","_ref2","selected","propTypes","string","bool","func","isRequired","arrayOf","shape","oneOfType","object","array","number","node","defaultProps","undefined"],"sources":["../../src/components/SearchableField.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isNull, isEmpty, get} from 'lodash';\nimport classNames from 'classnames';\nimport { Combobox } from '@headlessui/react';\nimport { Icon } from '@unite-us/app-components';\nimport { getPreferredProp } from '@unite-us/app-components';\nimport '../pages/builder/ReferralBuilderForm.scss';\n\nexport const SearchableSelectField = (props) => {\n const {\n className,\n clearable,\n hideLabel,\n label,\n labelClassName,\n listBoxUpOptionsClassName,\n onChange,\n options,\n placeholder,\n required,\n truncateOptions,\n onInputChange,\n id,\n style = {\n container: {},\n label: {},\n input: {},\n hint: {},\n error: {},\n },\n } = props\n const [isFocused, setIsFocused] = useState(false);\n const [inputValue, setInputValue] = useState('');\n\n const hasError = getPreferredProp(props, 'invalid') && getPreferredProp(props, 'touched');\n const name = getPreferredProp(props, 'name');\n const error = getPreferredProp(props, 'error');\n const reduxOnBlur = getPreferredProp(props, 'onBlur');\n const value = getPreferredProp(props, 'value')?.value \|\| '';\n const selectedOption = options.find((option) => option.value === value) \|\| null;\n const [query, setQuery] = useState('');\n const filteredOptions = useMemo(() => (\n options.filter((option) => (\n query === '' \|\| option.label.toLowerCase().includes(query.toLowerCase())\n ))\n ), [options, query]);\n\n useEffect(() => {\n if (isNull(selectedOption)) {\n setQuery('');\n }\n\n setInputValue(value);\n }, [selectedOption, setQuery, value]);\n\n const onClearClick = (event) => {\n event.stopPropagation();\n onChange({});\n setInputValue('');\n setIsFocused(false);\n };\n\n const onBlur = (event) => {\n const value = get(event, 'target.value', '');\n reduxOnBlur(value);\n setIsFocused(false);\n };\n\n return (\n <Combobox\n value={inputValue}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={() => setIsFocused(true)}\n >\n {() => (\n <div className={classNames(className, 'antialiased')} aria-live=\"polite\">\n <Combobox.Label className={classNames(\n 'block mb-1 leading-snug',\n 'font-extrabold font-medium-font normal-case',\n !hasError && 'text-13px text-blue',\n hasError && 'text-13px text-red',\n labelClassName,\n hideLabel && 'hidden',\n required && 'ui-form-field__label--required',\n )}\n >\n {label}\n </Combobox.Label>\n <div className=\"relative\">\n <div className={classNames(\n 'relative box-border w-full bg-white cursor-default text-left',\n 'pl-3 py-2 border border-solid rounded-md shadow-sm focus:shadow-input-ring',\n !hasError && 'border-dark-border-blue ',\n !hasError && 'border-blue hover:border-action-blue focus:border-action-blue',\n hasError && 'border border-dark-border-red',\n hasError && 'border-red hover:border-action-red focus:border-action-red',\n isFocused && 'border-solid border-focus-blue',\n clearable && !isEmpty(selectedOption) ? 'pr-12' : 'pr-10',\n )}\n >\n <div className=\"absolute inset-y-1\">\n <Icon\n aria-hidden\n className=\"text-gray\"\n icon=\"Search\"\n size={16}\n />\n </div>\n <Combobox.Input\n className=\"h-5 w-full pl-6 leading-5 focus:outline-none\"\n displayValue={inputValue}\n onChange={(evt) => {\n setInputValue(evt.target.value);\n if (onInputChange) { onInputChange(evt.target.value); } else { setQuery(evt.target.value); }\n }}\n value={inputValue}\n placeholder={placeholder}\n id={id}\n />\n {\n clearable && (!isEmpty(selectedOption) \|\| !isEmpty(value)) && (\n <span\n className=\"absolute opacity-50 inset-y-0 inset-x-1 right-4 flex items-center pr-5 pl-1\"\n >\n <Icon\n className=\"text-gray\"\n icon=\"Cross\"\n size={10}\n onClick={onClearClick}\n ariaLabel={`Clear ${label}`}\n />\n </span>\n )\n }\n <Combobox.Button\n className={classNames(\n 'absolute inset-y-0 right-0 flex items-center pr-4 focus:outline-none',\n clearable && selectedOption ? 'pl-0' : 'pl-2',\n )}\n >\n <Icon\n aria-hidden\n className=\"text-gray\"\n icon=\"ChevronArrow\"\n direction=\"down\"\n size={12}\n />\n </Combobox.Button>\n </div>\n <Combobox.Options\n className={classNames(\n 'absolute z-dropdown box-content pl-0 py-1 z-10 mt-1 w-full max-h-80 overflow-auto',\n 'bg-white shadow-lg rounded-md text-base focus:outline-none',\n listBoxUpOptionsClassName,\n )}\n >\n {filteredOptions.map((option) => (\n <Combobox.Option\n className={({ active }) => classNames(\n 'relative cursor-pointer py-2 pl-3 pr-9 select-none',\n active && 'bg-action-blue',\n )}\n key={option.value}\n value={option}\n >\n {({ active, selected }) => (\n <>\n <span\n className={classNames(\n 'block leading-4',\n truncateOptions && 'truncate',\n active ? 'text-white' : 'text-text-blue',\n selected ? 'font-semibold mr-8' : 'font-normal',\n )}\n >\n {option.label}\n </span>\n {selected && (\n <span className=\"absolute inset-y-0 right-0 flex items-center pr-4\">\n <Icon\n aria-hidden\n className={classNames(\n 'h-5 w-5 fill-current',\n active ? 'text-white' : 'text-action-blue',\n )}\n icon=\"Check\"\n />\n </span>\n )}\n </>\n )}\n </Combobox.Option>\n ))}\n </Combobox.Options>\n </div>\n {hasError && error && (\n <div\n className=\"ui-form-field__error visible mt-1.5\"\n style={style.error}\n data-test-visible={hasError}\n data-testid={`${name \|\| id \|\| 'unnamed'}-error`}\n >\n {error}\n </div>\n )}\n </div>\n )}\n </Combobox>\n );\n};\n\nSearchableSelectField.propTypes = {\n className: PropTypes.string,\n clearable: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.object,\n PropTypes.array,\n PropTypes.number,\n ]).isRequired,\n }),\n ),\n label: PropTypes.node,\n labelClassName: PropTypes.string,\n hideLabel: PropTypes.bool,\n listBoxUpOptionsClassName: PropTypes.string,\n placeholder: PropTypes.string,\n required: PropTypes.bool,\n truncateOptions: PropTypes.bool,\n onInputChange: PropTypes.func,\n id: PropTypes.string,\n style: PropTypes.shape({\n container: PropTypes.object,\n error: PropTypes.object,\n hint: PropTypes.object,\n input: PropTypes.object,\n label: PropTypes.object,\n }),\n};\n\nSearchableSelectField.defaultProps = {\n className: '',\n clearable: false,\n options: [],\n label: '',\n labelClassName: undefined,\n listBoxUpOptionsClassName: '',\n placeholder: '',\n required: false,\n truncateOptions: true,\n hideLabel: false,\n onInputChange: null,\n id: '',\n style: {\n container: {},\n label: {},\n input: {},\n hint: {},\n error: {},\n },\n};\n\nexport default SearchableSelectField;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"SearchableField.js","names":["React","useEffect","useMemo","useState","PropTypes","isNull","isEmpty","get","classNames","Combobox","Icon","getPreferredProp","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SearchableSelectField","props","className","clearable","hideLabel","label","labelClassName","listBoxUpOptionsClassName","onChange","options","placeholder","required","truncateOptions","onInputChange","id","style","container","input","hint","error","isFocused","setIsFocused","inputValue","setInputValue","hasError","name","reduxOnBlur","value","selectedOption","find","option","query","setQuery","filteredOptions","filter","toLowerCase","includes","onClearClick","event","stopPropagation","onBlur","onFocus","children","Label","icon","size","Input","displayValue","evt","target","onClick","ariaLabel","Button","direction","Options","map","Option","_ref","active","_ref2","selected","propTypes","string","bool","func","isRequired","arrayOf","shape","oneOfType","object","array","number","node","defaultProps","undefined"],"sources":["../../src/components/SearchableField.js"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { isNull, isEmpty, get} from 'lodash';\nimport classNames from 'classnames';\nimport { Combobox } from '@headlessui/react';\nimport { Icon } from '@unite-us/app-components';\nimport { getPreferredProp } from '@unite-us/app-components';\nimport '../pages/builder/ReferralBuilderForm.scss';\n\nexport const SearchableSelectField = (props) => {\n const {\n className,\n clearable,\n hideLabel,\n label,\n labelClassName,\n listBoxUpOptionsClassName,\n onChange,\n options,\n placeholder,\n required,\n truncateOptions,\n onInputChange,\n id,\n style = {\n container: {},\n label: {},\n input: {},\n hint: {},\n error: {},\n },\n } = props\n const [isFocused, setIsFocused] = useState(false);\n const [inputValue, setInputValue] = useState('');\n\n const hasError = getPreferredProp(props, 'invalid') && getPreferredProp(props, 'touched');\n const name = getPreferredProp(props, 'name');\n const error = getPreferredProp(props, 'error');\n const reduxOnBlur = getPreferredProp(props, 'onBlur');\n const value = getPreferredProp(props, 'value')?.value \|\| '';\n const selectedOption = options.find((option) => option.value === value) \|\| null;\n const [query, setQuery] = useState('');\n const filteredOptions = useMemo(() => (\n options.filter((option) => (\n query === '' \|\| option.label.toLowerCase().includes(query.toLowerCase())\n ))\n ), [options, query]);\n\n useEffect(() => {\n if (isNull(selectedOption)) {\n setQuery('');\n }\n\n setInputValue(value);\n }, [selectedOption, setQuery, value]);\n\n const onClearClick = (event) => {\n event.stopPropagation();\n onChange({});\n setInputValue('');\n setIsFocused(false);\n };\n\n const onBlur = (event) => {\n const value = get(event, 'target.value', '');\n reduxOnBlur(value);\n setIsFocused(false);\n };\n\n return (\n <Combobox\n value={inputValue}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={() => setIsFocused(true)}\n >\n {() => (\n <div className={classNames(className, 'antialiased')} aria-live=\"polite\">\n <Combobox.Label className={classNames(\n 'block mb-1 leading-snug',\n 'font-extrabold font-medium-font normal-case',\n !hasError && 'text-13px text-blue',\n hasError && 'text-13px text-red',\n labelClassName,\n hideLabel && 'hidden',\n required && 'ui-form-field__label--required',\n )}\n >\n {label}\n </Combobox.Label>\n <div className=\"relative\">\n <div className={classNames(\n 'relative box-border w-full bg-white cursor-default text-left',\n 'pl-3 py-2 border border-solid rounded-md shadow-sm focus:shadow-input-ring',\n !hasError && 'border-dark-border-blue ',\n !hasError && 'border-blue hover:border-action-blue focus:border-action-blue',\n hasError && 'border border-dark-border-red',\n hasError && 'border-red hover:border-action-red focus:border-action-red',\n isFocused && 'border-solid border-focus-blue',\n clearable && !isEmpty(selectedOption) ? 'pr-12' : 'pr-10',\n )}\n >\n <div className=\"absolute inset-y-1\">\n <Icon\n aria-hidden\n className=\"text-gray\"\n icon=\"Search\"\n size={16}\n />\n </div>\n <Combobox.Input\n className=\"h-5 w-full pl-6 leading-5 focus:outline-none\"\n displayValue={inputValue}\n onChange={(evt) => {\n setInputValue(evt.target.value);\n if (onInputChange) { onInputChange(evt.target.value); } else { setQuery(evt.target.value); }\n }}\n value={inputValue}\n placeholder={placeholder}\n id={id}\n />\n {\n clearable && (!isEmpty(selectedOption) \|\| !isEmpty(value)) && (\n <span\n className=\"absolute opacity-50 inset-y-0 inset-x-1 right-4 flex items-center pr-5 pl-1\"\n >\n <Icon\n className=\"text-gray\"\n icon=\"Cross\"\n size={10}\n onClick={onClearClick}\n ariaLabel={`Clear ${label}`}\n />\n </span>\n )\n }\n <Combobox.Button\n className={classNames(\n 'absolute inset-y-0 right-0 flex items-center pr-4 focus:outline-none',\n clearable && selectedOption ? 'pl-0' : 'pl-2',\n )}\n >\n <Icon\n aria-hidden\n className=\"text-gray\"\n icon=\"ChevronArrow\"\n direction=\"down\"\n size={12}\n />\n </Combobox.Button>\n </div>\n <Combobox.Options\n className={classNames(\n 'absolute z-dropdown box-content pl-0 py-1 z-10 mt-1 w-full max-h-80 overflow-auto',\n 'bg-white shadow-lg rounded-md text-base focus:outline-none',\n listBoxUpOptionsClassName,\n )}\n >\n {filteredOptions.map((option) => (\n <Combobox.Option\n className={({ active }) => classNames(\n 'relative cursor-pointer py-2 pl-3 pr-9 select-none',\n active && 'bg-action-blue',\n )}\n key={option.value}\n value={option}\n >\n {({ active, selected }) => (\n <>\n <span\n className={classNames(\n 'block leading-4',\n truncateOptions && 'truncate',\n active ? 'text-white' : 'text-text-blue',\n selected ? 'font-semibold mr-8' : 'font-normal',\n )}\n >\n {option.label}\n </span>\n {selected && (\n <span className=\"absolute inset-y-0 right-0 flex items-center pr-4\">\n <Icon\n aria-hidden\n className={classNames(\n 'h-5 w-5 fill-current',\n active ? 'text-white' : 'text-action-blue',\n )}\n icon=\"Check\"\n />\n </span>\n )}\n </>\n )}\n </Combobox.Option>\n ))}\n </Combobox.Options>\n </div>\n {hasError && error && (\n <div\n className=\"ui-form-field__error visible mt-1.5\"\n style={style.error}\n data-test-visible={hasError}\n data-testid={`${name \|\| id \|\| 'unnamed'}-error`}\n >\n {error}\n </div>\n )}\n </div>\n )}\n </Combobox>\n );\n};\n\nSearchableSelectField.propTypes = {\n className: PropTypes.string,\n clearable: PropTypes.bool,\n onChange: PropTypes.func.isRequired,\n options: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.bool,\n PropTypes.object,\n PropTypes.array,\n PropTypes.number,\n ]).isRequired,\n }),\n ),\n label: PropTypes.node,\n labelClassName: PropTypes.string,\n hideLabel: PropTypes.bool,\n listBoxUpOptionsClassName: PropTypes.string,\n placeholder: PropTypes.string,\n required: PropTypes.bool,\n truncateOptions: PropTypes.bool,\n onInputChange: PropTypes.func,\n id: PropTypes.string,\n style: PropTypes.shape({\n container: PropTypes.object,\n error: PropTypes.object,\n hint: PropTypes.object,\n input: PropTypes.object,\n label: PropTypes.object,\n }),\n};\n\nSearchableSelectField.defaultProps = {\n className: '',\n clearable: false,\n options: [],\n label: '',\n labelClassName: undefined,\n listBoxUpOptionsClassName: '',\n placeholder: '',\n required: false,\n truncateOptions: true,\n hideLabel: false,\n onInputChange: null,\n id: '',\n style: {\n container: {},\n label: {},\n input: {},\n hint: {},\n error: {},\n },\n};\n\nexport default SearchableSelectField;\n"],"mappings":"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","ignoreList":[]}

package/dist/components/Stepper.js CHANGED Viewed

@@ -31,23 +31,23 @@ function Step(_ref) {
     textColorClass
   } = getColorClass(active, completed);
   return /*#__PURE__*/_jsxs("button", {
-    className: "flex items-center p-4 ".concat(disabled ? "cursor-default" : ""),
+    className: `flex items-center p-4 ${disabled ? "cursor-default" : ""}`,
     onClick: e => {
       if (!disabled) {
         onClick(e);
       }
     },
-    "aria-label": "Step ".concat(icon, ": ").concat(label),
+    "aria-label": `Step ${icon}: ${label}`,
     "aria-disabled": disabled,
     children: [completed ? /*#__PURE__*/_jsx(Icon, {
       icon: "CheckCircle",
       color: "#4467AB",
       size: 24
     }) : /*#__PURE__*/_jsx("div", {
-      className: "text-white text-base flex items-center justify-center font-black w-6 h-6 rounded-full ".concat(iconBgColorClass),
+      className: `text-white text-base flex items-center justify-center font-black w-6 h-6 rounded-full ${iconBgColorClass}`,
       children: icon
     }), /*#__PURE__*/_jsx("span", {
-      className: "font-black whitespace-no-wrap ml-2 text-base ".concat(textColorClass),
+      className: `font-black whitespace-no-wrap ml-2 text-base ${textColorClass}`,
       children: label
     })]
   });
@@ -59,7 +59,7 @@ export default function Stepper(_ref2) {
   } = _ref2;
   const currentStep = steps.findIndex(s => isFunction(s.isActive) && s.isActive());
   return /*#__PURE__*/_jsx("div", {
-    className: "".concat(className, " flex justify-around items-center"),
+    className: `${className} flex justify-around items-center`,
     children: steps.map((step, index) => {
       const completed = isStepCompleted(steps[index], currentStep, index);
       const disabled = isStepDisabled(steps[index], currentStep);
@@ -71,9 +71,9 @@ export default function Stepper(_ref2) {
           icon: index + 1,
           label: step.label,
           onClick: () => step.onStepClick()
-        }, "step-".concat(index)), index < steps.length - 1 && /*#__PURE__*/_jsx("div", {
+        }, `step-${index}`), index < steps.length - 1 && /*#__PURE__*/_jsx("div", {
           className: "h-px w-full bg-grey"
-        }, "divider-".concat(index))]
+        }, `divider-${index}`)]
       }, index);
     })
   });

package/dist/components/Stepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Stepper.js","names":["isFunction","isBoolean","React","Fragment","Icon","jsx","_jsx","jsxs","_jsxs","getColorClass","active","completed","iconBgColorClass","textColorClass","Step","_ref","disabled","icon","label","onClick","className","~~concat","~~e","children","color","size","Stepper","_ref2","steps","currentStep","findIndex","s","isActive","map","step","index","isStepCompleted","isStepDisabled","onStepClick","length","stepCompleted","stepDisabled"],"sources":["../../src/components/Stepper.js"],"sourcesContent":["import { isFunction, isBoolean } from \"lodash\";\nimport React, { Fragment } from \"react\";\nimport { Icon } from \"@unite-us/app-components\";\n\nfunction getColorClass(active, completed) {\n let iconBgColorClass = \"bg-dark-grey\", textColorClass = \"text-dark-grey\";\n if (active) {\n iconBgColorClass = \"bg-dark-blue\";\n textColorClass = \"text-dark-blue\";\n } else if (completed) {\n iconBgColorClass = \"bg-action-blue\";\n textColorClass = \"text-action-blue\";\n }\n\n return { iconBgColorClass, textColorClass };\n}\n\nfunction Step({ active, completed, disabled, icon, label, onClick }) {\n const { iconBgColorClass, textColorClass } = getColorClass(active, completed);\n\n return (\n <button\n className={`flex items-center p-4 ${disabled ? \"cursor-default\" : \"\"}`}\n onClick={(e) => {\n if (!disabled) {\n onClick(e);\n }\n }}\n aria-label={`Step ${icon}: ${label}`}\n aria-disabled={disabled}\n >\n {completed ? (\n <Icon icon=\"CheckCircle\" 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({ steps, className }) {\n const currentStep = steps.findIndex((s) => isFunction(s.isActive) && s.isActive());\n\n return (\n <div className={`${className} flex justify-around items-center`}>\n {steps.map((step, index) => {\n const completed = isStepCompleted(steps[index], currentStep, index);\n const disabled = isStepDisabled(steps[index], currentStep);\n\n return (\n <Fragment key={index}>\n <Step\n key={`step-${index}`}\n active={index === currentStep}\n completed={completed}\n disabled={disabled \|\| !completed}\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 </Fragment>\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":"AAAA,SAASA,UAAU,EAAEC,SAAS,QAAQ,QAAQ;AAC9C,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,IAAI,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,SAASC,aAAaA,CAACC,MAAM,EAAEC,SAAS,EAAE;EACxC,IAAIC,gBAAgB,GAAG,cAAc;IAAEC,cAAc,GAAG,gBAAgB;EACxE,IAAIH,MAAM,EAAE;IACVE,gBAAgB,GAAG,cAAc;IACjCC,cAAc,GAAG,gBAAgB;EACnC,CAAC,MAAM,IAAIF,SAAS,EAAE;IACpBC,gBAAgB,GAAG,gBAAgB;IACnCC,cAAc,GAAG,kBAAkB;EACrC;EAEA,OAAO;IAAED,gBAAgB;IAAEC;EAAe,CAAC;AAC7C;AAEA,SAASC,IAAIA,CAAAC,IAAA,EAAwD;EAAA,IAAvD;IAAEL,MAAM;IAAEC,SAAS;IAAEK,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAAJ,IAAA;EACjE,MAAM;IAAEH,gBAAgB;IAAEC;EAAe,CAAC,GAAGJ,aAAa,CAACC,MAAM,EAAEC,SAAS,CAAC;EAE7E,oBACEH,KAAA;IACEY,SAAS,~~2BAAAC~~,~~MAAA~~,~~CAA2BL,~~QAAQ,GAAG,gBAAgB,GAAG,EAAE,~~CAAG~~;IACvEG,OAAO,~~EAAGG~~,CAAC,IAAK;MACd,IAAI,~~CAACN~~,QAAQ,EAAE;QACbG,OAAO,~~CAACG~~,CAAC,CAAC;MACZ;IACF,CAAE;IACF,~~sBAAAD~~,~~MAAA~~,~~CAAoBJ,~~IAAI,~~QAAAI~~,~~MAAA,CAAKH,~~KAAK,~~CAAG~~;IACrC,iBAAeF,QAAS;~~IAAAO~~,QAAA,~~GAEvBZ~~,SAAS,gBACRL,IAAA,CAACF,IAAI;MAACa,IAAI,EAAC,aAAa;~~MAACO~~,KAAK,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,~~gBAErDnB~~,IAAA;MACEc,SAAS,~~2FAAAC~~,~~MAAA~~,~~CAA2FT,~~gBAAgB,~~CAAG~~;~~MAAAW~~,QAAA,~~EAEtHN~~;IAAI,CACF,CACN,eAEDX,IAAA;MAAMc,SAAS,~~kDAAAC~~,~~MAAA~~,~~CAAkDR,~~cAAc,~~CAAG~~;~~MAAAU~~,QAAA,~~EAAEL~~;IAAK,CAAO,CAAC;EAAA,CAC3F,CAAC;AAEb;AAEA,eAAe,~~SAASQ~~,OAAOA,CAAAC,KAAA,EAAuB;EAAA,IAAtB;IAAEC,KAAK;~~IAAER~~;EAAU,CAAC,~~GAAAO~~,KAAA;EAClD,MAAME,WAAW,GAAGD,KAAK,CAACE,SAAS,CAAEC,CAAC,~~IAAK/B~~,UAAU,~~CAAC+B~~,CAAC,CAACC,QAAQ,CAAC,IAAID,CAAC,CAACC,QAAQ,CAAC,CAAC,CAAC;EAElF,~~oBACE1B~~,IAAA;IAAKc,SAAS,~~KAAAC~~,~~MAAA~~,~~CAAKD,~~SAAS,~~sCAAoC~~;~~IAAAG~~,QAAA,EAC7DK,KAAK,CAACK,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;MAC1B,~~MAAMxB~~,SAAS,~~GAAGyB~~,eAAe,CAACR,KAAK,CAACO,KAAK,CAAC,EAAEN,WAAW,EAAEM,KAAK,CAAC;MACnE,~~MAAMnB~~,QAAQ,~~GAAGqB~~,cAAc,CAACT,KAAK,CAACO,KAAK,CAAC,EAAEN,WAAW,CAAC;MAE1D,~~oBACErB~~,KAAA,CAACL,QAAQ;~~QAAAoB~~,QAAA,~~gBACPjB~~,IAAA,CAACQ,IAAI;UAEHJ,MAAM,~~EAAEyB~~,KAAK,KAAKN,WAAY;~~UAC9BlB~~,SAAS,EAAEA,SAAU;UACrBK,QAAQ,EAAEA,QAAQ,IAAI,CAACL,SAAU;UACjCM,IAAI,~~EAAEkB~~,KAAK,GAAG,CAAE;~~UAChBjB~~,KAAK,~~EAAEgB~~,IAAI,~~CAAChB~~,KAAM;UAClBC,OAAO,EAAEA,CAAA,~~KAAMe~~,IAAI,CAACI,WAAW,CAAC;QAAE,~~WAAAjB~~,~~MAAA~~,~~CANrBc,~~KAAK,~~CAOnB~~,CAAC,EACDA,KAAK,GAAGP,KAAK,CAACW,MAAM,GAAG,CAAC,~~iBACvBjC~~,IAAA;UAEEc,SAAS,EAAC;QAAqB,~~cAAAC~~,~~MAAA~~,~~CADfc,~~KAAK,~~CAEtB~~,CACF;MAAA,GAfYA,KAgBL,CAAC;IAEf,CAAC;EAAC,CACC,CAAC;AAEV;AAEA,SAASC,eAAeA,CAACF,IAAI,EAAEL,WAAW,EAAEM,KAAK,EAAE;EACjD,~~IAAInC~~,UAAU,~~CAACkC~~,IAAI,CAACM,aAAa,CAAC,EAAE;IAClC,OAAON,IAAI,CAACM,aAAa,CAACX,WAAW,CAAC;EACxC;EACA,~~IAAI5B~~,SAAS,~~CAACiC~~,IAAI,CAACM,aAAa,CAAC,EAAE;IACjC,OAAON,IAAI,CAACM,aAAa;EAC3B;EACA,OAAOX,WAAW,GAAGM,KAAK;AAC5B;AAEA,SAASE,cAAcA,CAACH,IAAI,EAAEL,WAAW,EAAE;EACzC,~~IAAI7B~~,UAAU,~~CAACkC~~,IAAI,CAACO,YAAY,CAAC,EAAE;IACjC,OAAOP,IAAI,CAACO,YAAY,CAACZ,WAAW,CAAC;EACvC;EACA,~~IAAI5B~~,SAAS,~~CAACiC~~,IAAI,CAACO,YAAY,CAAC,EAAE;IAChC,OAAOP,IAAI,CAACO,YAAY;EAC1B;EACA,OAAO,KAAK;AACd","ignoreList":[]}
1	+ {"version":3,"file":"Stepper.js","names":["isFunction","isBoolean","React","Fragment","Icon","jsx","_jsx","jsxs","_jsxs","getColorClass","active","completed","iconBgColorClass","textColorClass","Step","_ref","disabled","icon","label","onClick","className","e","children","color","size","Stepper","_ref2","steps","currentStep","findIndex","s","isActive","map","step","index","isStepCompleted","isStepDisabled","onStepClick","length","stepCompleted","stepDisabled"],"sources":["../../src/components/Stepper.js"],"sourcesContent":["import { isFunction, isBoolean } from \"lodash\";\nimport React, { Fragment } from \"react\";\nimport { Icon } from \"@unite-us/app-components\";\n\nfunction getColorClass(active, completed) {\n let iconBgColorClass = \"bg-dark-grey\", textColorClass = \"text-dark-grey\";\n if (active) {\n iconBgColorClass = \"bg-dark-blue\";\n textColorClass = \"text-dark-blue\";\n } else if (completed) {\n iconBgColorClass = \"bg-action-blue\";\n textColorClass = \"text-action-blue\";\n }\n\n return { iconBgColorClass, textColorClass };\n}\n\nfunction Step({ active, completed, disabled, icon, label, onClick }) {\n const { iconBgColorClass, textColorClass } = getColorClass(active, completed);\n\n return (\n <button\n className={`flex items-center p-4 ${disabled ? \"cursor-default\" : \"\"}`}\n onClick={(e) => {\n if (!disabled) {\n onClick(e);\n }\n }}\n aria-label={`Step ${icon}: ${label}`}\n aria-disabled={disabled}\n >\n {completed ? (\n <Icon icon=\"CheckCircle\" 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({ steps, className }) {\n const currentStep = steps.findIndex((s) => isFunction(s.isActive) && s.isActive());\n\n return (\n <div className={`${className} flex justify-around items-center`}>\n {steps.map((step, index) => {\n const completed = isStepCompleted(steps[index], currentStep, index);\n const disabled = isStepDisabled(steps[index], currentStep);\n\n return (\n <Fragment key={index}>\n <Step\n key={`step-${index}`}\n active={index === currentStep}\n completed={completed}\n disabled={disabled \|\| !completed}\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 </Fragment>\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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","ignoreList":[]}

package/dist/components/modal/Dialog.js CHANGED Viewed

@@ -1,6 +1,3 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React from 'react';
 import { PropTypes } from 'prop-types';
 import { Icon } from '@unite-us/app-components';
@@ -25,16 +22,20 @@ const Title = _ref => {
   if (removeCloseIcon) {
     return /*#__PURE__*/_jsx("div", {
       className: "title",
-      style: _objectSpread({}, titleStyles),
+      style: {
+        ...titleStyles
+      },
       children: title
     });
   }
   return /*#__PURE__*/_jsxs("div", {
-    style: _objectSpread({}, titleStyles),
-    className: "title title-closeable ",
+    style: {
+      ...titleStyles
+    },
+    className: `title title-closeable `,
     "data-test-element": dataTestElementClose,
     children: [/*#__PURE__*/_jsx("span", {
-      className: "".concat(titleClass),
+      className: `${titleClass}`,
       children: title
     }), /*#__PURE__*/_jsx(Icon, {
       className: "h-3 w-3 stroke-current stroke-1 fill-current text-text-blue",
@@ -75,7 +76,9 @@ const Footer = _ref2 => {
   }
   return /*#__PURE__*/_jsx("div", {
     className: "actions",
-    style: _objectSpread({}, footerStyles),
+    style: {
+      ...footerStyles
+    },
     children: actions
   });
 };
@@ -165,7 +168,7 @@ export default class Dialog extends React.Component {
     return /*#__PURE__*/_jsxs("div", {
       id: id,
       tabIndex: -1,
-      className: classNames(className, "".concat(this.getDialogClass()), customSize ? 'custom' : size),
+      className: classNames(className, `${this.getDialogClass()}`, customSize ? 'custom' : size),
       "data-testid": dataId,
       children: [/*#__PURE__*/_jsx(Overlay, {
         open: this.state.open,
@@ -189,7 +192,9 @@ export default class Dialog extends React.Component {
           titleClass: titleClass
         }), /*#__PURE__*/_jsx("div", {
           className: "dialog-content",
-          style: _objectSpread({}, dialogContentStyles),
+          style: {
+            ...dialogContentStyles
+          },
           children: children
         }), /*#__PURE__*/_jsx(Footer, {
           footerStyles: footerStyles,