npm - @unite-us/app-create-referral - Versions diffs - 0.15.150 → 0.15.151 - Mend

@unite-us/app-create-referral 0.15.150 → 0.15.151

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 (46) hide show

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","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/ui';\nimport { getPreferredProp } from '@unite-us/ui';\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=\"IconSearch\"\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=\"IconCross\"\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=\"IconChevronDown\"\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=\"IconCheck\"\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","_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":[]}

package/dist/components/StepHeader.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Icon } from '@unite-us/ui';
+import { Icon } from '@unite-us/app-components';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export default function StepHeader(props) {
   const {
@@ -13,7 +13,7 @@ export default function StepHeader(props) {
       children: [/*#__PURE__*/_jsxs("h1", {
         className: "text-3xl my-5 text-center font-bold",
         children: [icon && /*#__PURE__*/_jsx(Icon, {
-          icon: "V2Referrall",
+          icon: "Referral",
           color: "#182a44",
           className: "w-12 h-12 pr-4"
         }), header]

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

	@@ -1 +1 @@
1	- {"version":3,"file":"StepHeader.js","names":["React","Icon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StepHeader","props","header","icon","children","className","color"],"sources":["../../src/components/StepHeader.js"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@unite-us/ui';\n\nexport default function StepHeader(props) {\n const { header, icon, children } = props;\n\n return (\n <>\n <div className=\"flex justify-center responsive-max-width flex-col mx-auto mb-8\">\n <h1 className='text-3xl my-5 text-center font-bold'>\n {icon && <Icon icon=\"~~V2Referrall~~\" color=\"#182a44\" className=\"w-12 h-12 pr-4\" />}\n {header}\n </h1>\n <div className='grid place-items-center'>\n <div className='w-1/2 text-center'>\n {children}\n </div>\n </div>\n </div>\n </>\n )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,~~cAAc~~;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;~~AAEpC~~,eAAe,SAASC,UAAUA,CAACC,KAAK,EAAE;EACxC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAExC,oBACEN,IAAA,CAAAI,SAAA;IAAAK,QAAA,eACEP,KAAA;MAAKQ,SAAS,EAAC,gEAAgE;MAAAD,QAAA,gBAC7EP,KAAA;QAAIQ,SAAS,EAAC,qCAAqC;QAAAD,QAAA,GAChDD,IAAI,iBAAIR,IAAA,CAACF,IAAI;UAACU,IAAI,EAAC,~~aAAa~~;UAACG,KAAK,EAAC,SAAS;UAACD,SAAS,EAAC;QAAgB,CAAE,CAAC,~~EAC9EH~~,MAAM;MAAA,CACL,CAAC,eACLP,IAAA;QAAKU,SAAS,EAAC,yBAAyB;QAAAD,QAAA,eACtCT,IAAA;UAAKU,SAAS,EAAC,mBAAmB;UAAAD,QAAA,EAC/BA;QAAQ,CACN;MAAC,CACH,CAAC;IAAA,CACH;EAAC,CACN,CAAC;AAEP","ignoreList":[]}
1	+ {"version":3,"file":"StepHeader.js","names":["React","Icon","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","StepHeader","props","header","icon","children","className","color"],"sources":["../../src/components/StepHeader.js"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@unite-us/app-components';\n\nexport default function StepHeader(props) {\n const { header, icon, children } = props;\n\n return (\n <>\n <div className=\"flex justify-center responsive-max-width flex-col mx-auto mb-8\">\n <h1 className='text-3xl my-5 text-center font-bold'>\n {icon && <Icon icon=\"Referral\" color=\"#182a44\" className=\"w-12 h-12 pr-4\" />}\n {header}\n </h1>\n <div className='grid place-items-center'>\n <div className='w-1/2 text-center'>\n {children}\n </div>\n </div>\n </div>\n </>\n )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEhD,eAAe,SAASC,UAAUA,CAACC,KAAK,EAAE;EACxC,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAExC,oBACEN,IAAA,CAAAI,SAAA;IAAAK,QAAA,eACEP,KAAA;MAAKQ,SAAS,EAAC,gEAAgE;MAAAD,QAAA,gBAC7EP,KAAA;QAAIQ,SAAS,EAAC,qCAAqC;QAAAD,QAAA,GAChDD,IAAI,iBAAIR,IAAA,CAACF,IAAI;UAACU,IAAI,EAAC,UAAU;UAACG,KAAK,EAAC,SAAS;UAACD,SAAS,EAAC;QAAgB,CAAE,CAAC,EAC3EH,MAAM;MAAA,CACL,CAAC,eACLP,IAAA;QAAKU,SAAS,EAAC,yBAAyB;QAAAD,QAAA,eACtCT,IAAA;UAAKU,SAAS,EAAC,mBAAmB;UAAAD,QAAA,EAC/BA;QAAQ,CACN;MAAC,CACH,CAAC;IAAA,CACH;EAAC,CACN,CAAC;AAEP","ignoreList":[]}

package/dist/components/Stepper.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { isFunction, isBoolean } from "lodash";
 import React, { Fragment } from "react";
-import { Icon } from "@unite-us/ui";
+import { Icon } from "@unite-us/app-components";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function getColorClass(active, completed) {
   let iconBgColorClass = "bg-dark-grey",
@@ -40,7 +40,7 @@ function Step(_ref) {
     "aria-label": "Step ".concat(icon, ": ").concat(label),
     "aria-disabled": disabled,
     children: [completed ? /*#__PURE__*/_jsx(Icon, {
-      icon: "V2CheckCircle",
+      icon: "CheckCircle",
       color: "#4467AB",
       size: 24
     }) : /*#__PURE__*/_jsx("div", {

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/ui\";\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=\"~~V2CheckCircle~~\" color=\"#4467AB\" size={24} />\n ) : (\n <div\n className={`text-white text-base flex items-center justify-center font-black w-6 h-6 rounded-full ${iconBgColorClass}`}\n >\n {icon}\n </div>\n )}\n\n <span className={`font-black whitespace-no-wrap ml-2 text-base ${textColorClass}`}>{label}</span>\n </button>\n );\n}\n\nexport default function Stepper({ 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,~~cAAc~~;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;~~AAEpC~~,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,~~eAAe~~;MAACO,KAAK,EAAC,SAAS;MAACC,IAAI,EAAE;IAAG,CAAE,CAAC,~~gBAEvDnB~~,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","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":"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","ignoreList":[]}

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

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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/ui';
+import { Icon } from '@unite-us/app-components';
 import _ from 'lodash';
 import classNames from 'classnames';
 import OverlaySpinner from '../spinners/OverlaySpinner';
@@ -38,7 +38,7 @@ const Title = _ref => {
       children: title
     }), /*#__PURE__*/_jsx(Icon, {
       className: "h-3 w-3 stroke-current stroke-1 fill-current text-text-blue",
-      icon: "IconCross",
+      icon: "Cross",
       onClick: close
     })]
   });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","names":["React","PropTypes","Icon","_","classNames","OverlaySpinner","Overlay","jsx","_jsx","jsxs","_jsxs","Title","_ref","title","close","removeCloseIcon","titleStyles","dataTestElementClose","titleClass","className","style","_objectSpread","children","concat","icon","onClick","propTypes","string","object","func","isRequired","bool","defaultProps","Footer","_ref2","actions","footerStyles","isArray","map","a","i","node","Dialog","Component","constructor","props","onRequestClose","bind","onOverlayClick","getDialogClass","openDialog","closeDialog","onEscape","state","open","resolver","e","key","modal","isFunction","dialog","document","addEventListener","Promise","resolve","setState","action","arguments","length","undefined","removeEventListener","render","id","spinnerShow","spinnerText","spinnerDescription","size","dialogContentStyles","showBorderRadius","customSize","dataId","tabIndex","autoLockScrolling","show","text","description","oneOf","shape","width","height"],"sources":["../../../src/components/modal/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\nimport _ from 'lodash';\nimport classNames from 'classnames';\nimport OverlaySpinner from '../spinners/OverlaySpinner';\nimport Overlay from './Overlay';\nimport './Dialog.scss';\n\nconst Title = ({\n title,\n close,\n removeCloseIcon,\n titleStyles,\n dataTestElementClose,\n titleClass\n}) => {\n if (!title) {\n return null;\n }\n\n if (removeCloseIcon) {\n return (<div className=\"title\" style={{ ...titleStyles }}>{title}</div>);\n }\n\n return (\n <div style={{ ...titleStyles }} className={`title title-closeable `} data-test-element={dataTestElementClose}>\n <span className={`${titleClass}`}>{title}</span>\n <Icon\n className={\"h-3 w-3 stroke-current stroke-1 fill-current text-text-blue\"}\n icon=\"IconCross\"\n onClick={close}\n />\n </div>\n );\n};\n\nTitle.propTypes = {\n titleClass: PropTypes.string,\n title: PropTypes.string,\n titleStyles: PropTypes.object,\n close: PropTypes.func.isRequired,\n removeCloseIcon: PropTypes.bool.isRequired,\n dataTestElementClose: PropTypes.string.isRequired,\n};\n\nTitle.defaultProps = {\n title: null,\n titleClass: '',\n titleStyles: {},\n};\n\nconst Footer = ({ actions, footerStyles }) => {\n if (!actions) {\n return null;\n }\n if (_.isArray(actions)) {\n return (\n <div className=\"actions\">\n {actions.map((a, i) => <span key={i} className=\"action-item\">{a}</span>)}\n </div>\n );\n }\n return (\n <div className=\"actions\" style={{ ...footerStyles }}>\n {actions}\n </div>\n );\n};\n\nFooter.propTypes = {\n actions: PropTypes.node,\n footerStyles: PropTypes.object,\n};\n\nFooter.defaultProps = {\n actions: null,\n footerStyles: {},\n};\n\nexport default class Dialog extends React.Component {\n constructor(props) {\n super(props);\n this.onRequestClose = this.onRequestClose.bind(this);\n this.onOverlayClick = this.onOverlayClick.bind(this);\n this.getDialogClass = this.getDialogClass.bind(this);\n this.openDialog = this.openDialog.bind(this);\n this.closeDialog = this.closeDialog.bind(this);\n this.onEscape = this.onEscape.bind(this);\n this.state = {\n open: false,\n resolver: () => null,\n };\n }\n\n onEscape(e) {\n if (e.key === 'Escape' && !this.props.modal) {\n this.onRequestClose();\n }\n }\n\n onRequestClose() {\n if (_.isFunction(this.props.onRequestClose)) {\n return this.props.onRequestClose();\n }\n return this.closeDialog();\n }\n\n onOverlayClick() {\n if (!this.props.modal) {\n this.onRequestClose();\n }\n }\n\n getDialogClass() {\n return classNames({\n dialog: true,\n open: this.state.open,\n });\n }\n\n openDialog() {\n document.addEventListener('keyup', this.onEscape);\n return new Promise((resolve) => {\n this.setState({ resolver: resolve }, () => (\n this.setState({ open: true })\n ));\n });\n }\n\n closeDialog(action = 'dismiss') {\n document.removeEventListener('keyup', this.onEscape);\n this.setState({ open: false }, () => (\n this.state.resolver(action)\n ));\n }\n\n render() {\n const {\n actions,\n children,\n id,\n removeCloseIcon,\n spinnerShow,\n spinnerText,\n spinnerDescription,\n size,\n titleStyles,\n footerStyles,\n title,\n dialogContentStyles,\n showBorderRadius,\n dataTestElementClose,\n className,\n customSize,\n titleClass,\n 'data-testid': dataId,\n } = this.props;\n\n if(!this.state.open) return null;\n\n return (\n <div\n id={id}\n tabIndex={-1}\n className={classNames(\n className,\n `${this.getDialogClass()}`,\n customSize ? 'custom' : size,\n )}\n data-testid={dataId}\n >\n <Overlay\n open={this.state.open}\n autoLockScrolling\n onClick={this.onOverlayClick}\n />\n <div className={classNames('dialog-paper', { 'dialog-radius': showBorderRadius })} style={customSize}>\n <OverlaySpinner\n show={spinnerShow}\n text={spinnerText}\n description={spinnerDescription}\n />\n <Title\n title={title}\n close={this.onRequestClose}\n removeCloseIcon={removeCloseIcon}\n titleStyles={titleStyles}\n dataTestElementClose={dataTestElementClose}\n titleClass={titleClass}\n />\n <div className=\"dialog-content\" style={{ ...dialogContentStyles }}>\n {children}\n </div>\n <Footer\n footerStyles={footerStyles}\n actions={actions}\n />\n </div>\n </div>\n );\n }\n}\n\nDialog.propTypes = {\n titleClass: PropTypes.string,\n className: PropTypes.string,\n actions: PropTypes.node,\n children: PropTypes.node.isRequired,\n id: PropTypes.string,\n modal: PropTypes.bool,\n onRequestClose: PropTypes.func,\n removeCloseIcon: PropTypes.bool,\n size: PropTypes.oneOf(['mini', 'small', 'normal', 'large', 'jumbo', 'full']),\n spinnerShow: PropTypes.bool,\n spinnerText: PropTypes.string,\n spinnerDescription: PropTypes.string,\n titleStyles: PropTypes.object,\n footerStyles: PropTypes.object,\n title: PropTypes.node,\n dialogContentStyles: PropTypes.object,\n showBorderRadius: PropTypes.bool,\n dataTestElementClose: PropTypes.string,\n customSize: PropTypes.shape({\n width: PropTypes.string,\n height: PropTypes.string,\n }),\n 'data-testid': PropTypes.string,\n};\n\nDialog.defaultProps = {\n titleClass: '',\n className: '',\n actions: null,\n footerStyles: {},\n id: '',\n modal: false,\n onRequestClose: null,\n removeCloseIcon: false,\n size: 'normal',\n spinnerDescription: '',\n spinnerShow: false,\n spinnerText: 'Submitting...',\n title: null,\n titleStyles: {},\n dialogContentStyles: {},\n showBorderRadius: false,\n dataTestElementClose: 'modal-close',\n customSize: null,\n 'data-testid': undefined,\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Dialog.js","names":["React","PropTypes","Icon","_","classNames","OverlaySpinner","Overlay","jsx","_jsx","jsxs","_jsxs","Title","_ref","title","close","removeCloseIcon","titleStyles","dataTestElementClose","titleClass","className","style","_objectSpread","children","concat","icon","onClick","propTypes","string","object","func","isRequired","bool","defaultProps","Footer","_ref2","actions","footerStyles","isArray","map","a","i","node","Dialog","Component","constructor","props","onRequestClose","bind","onOverlayClick","getDialogClass","openDialog","closeDialog","onEscape","state","open","resolver","e","key","modal","isFunction","dialog","document","addEventListener","Promise","resolve","setState","action","arguments","length","undefined","removeEventListener","render","id","spinnerShow","spinnerText","spinnerDescription","size","dialogContentStyles","showBorderRadius","customSize","dataId","tabIndex","autoLockScrolling","show","text","description","oneOf","shape","width","height"],"sources":["../../../src/components/modal/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/app-components';\nimport _ from 'lodash';\nimport classNames from 'classnames';\nimport OverlaySpinner from '../spinners/OverlaySpinner';\nimport Overlay from './Overlay';\nimport './Dialog.scss';\n\nconst Title = ({\n title,\n close,\n removeCloseIcon,\n titleStyles,\n dataTestElementClose,\n titleClass\n}) => {\n if (!title) {\n return null;\n }\n\n if (removeCloseIcon) {\n return (<div className=\"title\" style={{ ...titleStyles }}>{title}</div>);\n }\n\n return (\n <div style={{ ...titleStyles }} className={`title title-closeable `} data-test-element={dataTestElementClose}>\n <span className={`${titleClass}`}>{title}</span>\n <Icon\n className={\"h-3 w-3 stroke-current stroke-1 fill-current text-text-blue\"}\n icon=\"Cross\"\n onClick={close}\n />\n </div>\n );\n};\n\nTitle.propTypes = {\n titleClass: PropTypes.string,\n title: PropTypes.string,\n titleStyles: PropTypes.object,\n close: PropTypes.func.isRequired,\n removeCloseIcon: PropTypes.bool.isRequired,\n dataTestElementClose: PropTypes.string.isRequired,\n};\n\nTitle.defaultProps = {\n title: null,\n titleClass: '',\n titleStyles: {},\n};\n\nconst Footer = ({ actions, footerStyles }) => {\n if (!actions) {\n return null;\n }\n if (_.isArray(actions)) {\n return (\n <div className=\"actions\">\n {actions.map((a, i) => <span key={i} className=\"action-item\">{a}</span>)}\n </div>\n );\n }\n return (\n <div className=\"actions\" style={{ ...footerStyles }}>\n {actions}\n </div>\n );\n};\n\nFooter.propTypes = {\n actions: PropTypes.node,\n footerStyles: PropTypes.object,\n};\n\nFooter.defaultProps = {\n actions: null,\n footerStyles: {},\n};\n\nexport default class Dialog extends React.Component {\n constructor(props) {\n super(props);\n this.onRequestClose = this.onRequestClose.bind(this);\n this.onOverlayClick = this.onOverlayClick.bind(this);\n this.getDialogClass = this.getDialogClass.bind(this);\n this.openDialog = this.openDialog.bind(this);\n this.closeDialog = this.closeDialog.bind(this);\n this.onEscape = this.onEscape.bind(this);\n this.state = {\n open: false,\n resolver: () => null,\n };\n }\n\n onEscape(e) {\n if (e.key === 'Escape' && !this.props.modal) {\n this.onRequestClose();\n }\n }\n\n onRequestClose() {\n if (_.isFunction(this.props.onRequestClose)) {\n return this.props.onRequestClose();\n }\n return this.closeDialog();\n }\n\n onOverlayClick() {\n if (!this.props.modal) {\n this.onRequestClose();\n }\n }\n\n getDialogClass() {\n return classNames({\n dialog: true,\n open: this.state.open,\n });\n }\n\n openDialog() {\n document.addEventListener('keyup', this.onEscape);\n return new Promise((resolve) => {\n this.setState({ resolver: resolve }, () => (\n this.setState({ open: true })\n ));\n });\n }\n\n closeDialog(action = 'dismiss') {\n document.removeEventListener('keyup', this.onEscape);\n this.setState({ open: false }, () => (\n this.state.resolver(action)\n ));\n }\n\n render() {\n const {\n actions,\n children,\n id,\n removeCloseIcon,\n spinnerShow,\n spinnerText,\n spinnerDescription,\n size,\n titleStyles,\n footerStyles,\n title,\n dialogContentStyles,\n showBorderRadius,\n dataTestElementClose,\n className,\n customSize,\n titleClass,\n 'data-testid': dataId,\n } = this.props;\n\n if(!this.state.open) return null;\n\n return (\n <div\n id={id}\n tabIndex={-1}\n className={classNames(\n className,\n `${this.getDialogClass()}`,\n customSize ? 'custom' : size,\n )}\n data-testid={dataId}\n >\n <Overlay\n open={this.state.open}\n autoLockScrolling\n onClick={this.onOverlayClick}\n />\n <div className={classNames('dialog-paper', { 'dialog-radius': showBorderRadius })} style={customSize}>\n <OverlaySpinner\n show={spinnerShow}\n text={spinnerText}\n description={spinnerDescription}\n />\n <Title\n title={title}\n close={this.onRequestClose}\n removeCloseIcon={removeCloseIcon}\n titleStyles={titleStyles}\n dataTestElementClose={dataTestElementClose}\n titleClass={titleClass}\n />\n <div className=\"dialog-content\" style={{ ...dialogContentStyles }}>\n {children}\n </div>\n <Footer\n footerStyles={footerStyles}\n actions={actions}\n />\n </div>\n </div>\n );\n }\n}\n\nDialog.propTypes = {\n titleClass: PropTypes.string,\n className: PropTypes.string,\n actions: PropTypes.node,\n children: PropTypes.node.isRequired,\n id: PropTypes.string,\n modal: PropTypes.bool,\n onRequestClose: PropTypes.func,\n removeCloseIcon: PropTypes.bool,\n size: PropTypes.oneOf(['mini', 'small', 'normal', 'large', 'jumbo', 'full']),\n spinnerShow: PropTypes.bool,\n spinnerText: PropTypes.string,\n spinnerDescription: PropTypes.string,\n titleStyles: PropTypes.object,\n footerStyles: PropTypes.object,\n title: PropTypes.node,\n dialogContentStyles: PropTypes.object,\n showBorderRadius: PropTypes.bool,\n dataTestElementClose: PropTypes.string,\n customSize: PropTypes.shape({\n width: PropTypes.string,\n height: PropTypes.string,\n }),\n 'data-testid': PropTypes.string,\n};\n\nDialog.defaultProps = {\n titleClass: '',\n className: '',\n actions: null,\n footerStyles: {},\n id: '',\n modal: false,\n onRequestClose: null,\n removeCloseIcon: false,\n size: 'normal',\n spinnerDescription: '',\n spinnerShow: false,\n spinnerText: 'Submitting...',\n title: null,\n titleStyles: {},\n dialogContentStyles: {},\n showBorderRadius: false,\n dataTestElementClose: 'modal-close',\n customSize: null,\n 'data-testid': undefined,\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -134,7 +134,7 @@
     text-align: right;
     a {
-      color: $deep-blue-color !important;
+      color: var(--color-deep-blue) !important;
     }
     .action-item {

package/dist/components/service_authorization/CaseStatus.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
 import { PropTypes } from 'prop-types';
-import { Icon } from '@unite-us/ui';
+import { Icon } from '@unite-us/app-components';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const CaseStatus = _ref => {
   let {
@@ -45,7 +45,7 @@ const CaseStatus = _ref => {
     children: [showStatusDot && /*#__PURE__*/_jsx(Icon, {
       className: cx('w-8 -ml-4 fill-current', colorClass),
       size: 26,
-      icon: "IconCircle"
+      icon: "Circle"
     }), text]
   });
 };

package/dist/components/service_authorization/CaseStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CaseStatus.js","names":["React","cx","PropTypes","Icon","jsx","_jsx","jsxs","_jsxs","CaseStatus","_ref","state","openedDate","closedDate","showStatusDot","text","colorClass","concat","className","children","size","icon","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../src/components/service_authorization/CaseStatus.jsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\n\nconst CaseStatus = ({\n state,\n openedDate,\n closedDate,\n showStatusDot,\n}) => {\n let text = state;\n let colorClass = 'text-dark-green';\n\n // Closed is not a case state; make sure to display Closed text if there is a closed date present\n if (closedDate) {\n text = `Closed on ${closedDate}`;\n colorClass = 'text-red';\n } else { // non-closed cases:\n switch (state) {\n case 'referred':\n text = 'Referral Sent';\n break;\n case 'accepted':\n case 'managed':\n case 'off_platform':\n text = openedDate ? `Opened on ${openedDate}` : 'Opened';\n break;\n case 'deferred':\n text = 'Referral Not Accepted';\n colorClass = 'text-red';\n break;\n case 'pending_authorization':\n text = 'Pending Authorization';\n colorClass = 'text-yellow';\n break;\n default:\n break;\n }\n }\n\n return (\n <div className=\"flex\">\n { showStatusDot &&\n (\n <Icon\n className={cx('w-8 -ml-4 fill-current', colorClass)}\n size={26}\n icon=\"~~IconCircle~~\"\n />\n )}\n {text}\n </div>\n );\n};\n\nCaseStatus.propTypes = {\n state: PropTypes.string.isRequired,\n openedDate: PropTypes.string,\n closedDate: PropTypes.string,\n showStatusDot: PropTypes.bool,\n};\n\nCaseStatus.defaultProps = {\n openedDate: '',\n closedDate: '',\n showStatusDot: true,\n};\n\nexport default CaseStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,IAAI,QAAQ,~~cAAc~~;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;~~AAEpC~~,MAAMC,UAAU,GAAGC,IAAA,IAKb;EAAA,IALc;IAClBC,KAAK;IACLC,UAAU;IACVC,UAAU;IACVC;EACF,CAAC,GAAAJ,IAAA;EACC,IAAIK,IAAI,GAAGJ,KAAK;EAChB,IAAIK,UAAU,GAAG,iBAAiB;;EAElC;EACA,IAAIH,UAAU,EAAE;IACdE,IAAI,gBAAAE,MAAA,CAAgBJ,UAAU,CAAE;IAChCG,UAAU,GAAG,UAAU;EACzB,CAAC,MAAM;IAAE;IACP,QAAQL,KAAK;MACX,KAAK,UAAU;QACbI,IAAI,GAAG,eAAe;QACtB;MACF,KAAK,UAAU;MACf,KAAK,SAAS;MACd,KAAK,cAAc;QACjBA,IAAI,GAAGH,UAAU,gBAAAK,MAAA,CAAgBL,UAAU,IAAK,QAAQ;QACxD;MACF,KAAK,UAAU;QACbG,IAAI,GAAG,uBAAuB;QAC9BC,UAAU,GAAG,UAAU;QACvB;MACF,KAAK,uBAAuB;QAC1BD,IAAI,GAAG,uBAAuB;QAC9BC,UAAU,GAAG,aAAa;QAC1B;MACF;QACE;IACJ;EACF;EAEA,oBACER,KAAA;IAAKU,SAAS,EAAC,MAAM;IAAAC,QAAA,GACjBL,aAAa,iBAEXR,IAAA,CAACF,IAAI;MACHc,SAAS,EAAEhB,EAAE,CAAC,wBAAwB,EAAEc,UAAU,CAAE;MACpDI,IAAI,EAAE,EAAG;MACTC,IAAI,EAAC;~~IAAY~~,~~CAClB~~,CACF,EACFN,IAAI;EAAA,CACF,CAAC;AAEV,CAAC;AAEDN,UAAU,CAACa,SAAS,GAAG;EACrBX,KAAK,EAAER,SAAS,CAACoB,MAAM,CAACC,UAAU;EAClCZ,UAAU,EAAET,SAAS,CAACoB,MAAM;EAC5BV,UAAU,EAAEV,SAAS,CAACoB,MAAM;EAC5BT,aAAa,EAAEX,SAAS,CAACsB;AAC3B,CAAC;AAEDhB,UAAU,CAACiB,YAAY,GAAG;EACxBd,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,UAAU","ignoreList":[]}
1	+ {"version":3,"file":"CaseStatus.js","names":["React","cx","PropTypes","Icon","jsx","_jsx","jsxs","_jsxs","CaseStatus","_ref","state","openedDate","closedDate","showStatusDot","text","colorClass","concat","className","children","size","icon","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../src/components/service_authorization/CaseStatus.jsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/app-components';\n\nconst CaseStatus = ({\n state,\n openedDate,\n closedDate,\n showStatusDot,\n}) => {\n let text = state;\n let colorClass = 'text-dark-green';\n\n // Closed is not a case state; make sure to display Closed text if there is a closed date present\n if (closedDate) {\n text = `Closed on ${closedDate}`;\n colorClass = 'text-red';\n } else { // non-closed cases:\n switch (state) {\n case 'referred':\n text = 'Referral Sent';\n break;\n case 'accepted':\n case 'managed':\n case 'off_platform':\n text = openedDate ? `Opened on ${openedDate}` : 'Opened';\n break;\n case 'deferred':\n text = 'Referral Not Accepted';\n colorClass = 'text-red';\n break;\n case 'pending_authorization':\n text = 'Pending Authorization';\n colorClass = 'text-yellow';\n break;\n default:\n break;\n }\n }\n\n return (\n <div className=\"flex\">\n { showStatusDot &&\n (\n <Icon\n className={cx('w-8 -ml-4 fill-current', colorClass)}\n size={26}\n icon=\"Circle\"\n />\n )}\n {text}\n </div>\n );\n};\n\nCaseStatus.propTypes = {\n state: PropTypes.string.isRequired,\n openedDate: PropTypes.string,\n closedDate: PropTypes.string,\n showStatusDot: PropTypes.bool,\n};\n\nCaseStatus.defaultProps = {\n openedDate: '',\n closedDate: '',\n showStatusDot: true,\n};\n\nexport default CaseStatus;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,EAAE,MAAM,YAAY;AAC3B,SAASC,SAAS,QAAQ,YAAY;AACtC,SAASC,IAAI,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEhD,MAAMC,UAAU,GAAGC,IAAA,IAKb;EAAA,IALc;IAClBC,KAAK;IACLC,UAAU;IACVC,UAAU;IACVC;EACF,CAAC,GAAAJ,IAAA;EACC,IAAIK,IAAI,GAAGJ,KAAK;EAChB,IAAIK,UAAU,GAAG,iBAAiB;;EAElC;EACA,IAAIH,UAAU,EAAE;IACdE,IAAI,gBAAAE,MAAA,CAAgBJ,UAAU,CAAE;IAChCG,UAAU,GAAG,UAAU;EACzB,CAAC,MAAM;IAAE;IACP,QAAQL,KAAK;MACX,KAAK,UAAU;QACbI,IAAI,GAAG,eAAe;QACtB;MACF,KAAK,UAAU;MACf,KAAK,SAAS;MACd,KAAK,cAAc;QACjBA,IAAI,GAAGH,UAAU,gBAAAK,MAAA,CAAgBL,UAAU,IAAK,QAAQ;QACxD;MACF,KAAK,UAAU;QACbG,IAAI,GAAG,uBAAuB;QAC9BC,UAAU,GAAG,UAAU;QACvB;MACF,KAAK,uBAAuB;QAC1BD,IAAI,GAAG,uBAAuB;QAC9BC,UAAU,GAAG,aAAa;QAC1B;MACF;QACE;IACJ;EACF;EAEA,oBACER,KAAA;IAAKU,SAAS,EAAC,MAAM;IAAAC,QAAA,GACjBL,aAAa,iBAEXR,IAAA,CAACF,IAAI;MACHc,SAAS,EAAEhB,EAAE,CAAC,wBAAwB,EAAEc,UAAU,CAAE;MACpDI,IAAI,EAAE,EAAG;MACTC,IAAI,EAAC;IAAQ,CACd,CACF,EACFN,IAAI;EAAA,CACF,CAAC;AAEV,CAAC;AAEDN,UAAU,CAACa,SAAS,GAAG;EACrBX,KAAK,EAAER,SAAS,CAACoB,MAAM,CAACC,UAAU;EAClCZ,UAAU,EAAET,SAAS,CAACoB,MAAM;EAC5BV,UAAU,EAAEV,SAAS,CAACoB,MAAM;EAC5BT,aAAa,EAAEX,SAAS,CAACsB;AAC3B,CAAC;AAEDhB,UAAU,CAACiB,YAAY,GAAG;EACxBd,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,aAAa,EAAE;AACjB,CAAC;AAED,eAAeL,UAAU","ignoreList":[]}

package/dist/components/spinners/OverlaySpinner/OverlaySpinner.scss CHANGED Viewed

@@ -6,7 +6,7 @@
   @include size(100%);
   align-items: center;
-  background: $white;
+  background: var(--color-white);
   display: flex;
   flex-direction: column;
   justify-content: center;

package/dist/components/spinners/Spinner/Spinner.scss CHANGED Viewed

@@ -4,8 +4,8 @@ $offset: 187;
 $duration: 1.4s;
 $spinner-color-1: $avocado-color;
-$spinner-color-2: $eggplant-color;
-$spinner-color-3: $deep-blue-color;
+$spinner-color-2: var(--color-purple);
+$spinner-color-3: var(--color-deep-blue);
 .spinner-container {
   text-align: center;

package/dist/pages/builder/components/AuthorizationSubform.js CHANGED Viewed

@@ -7,8 +7,7 @@ import { Field } from 'react-final-form';
 import pluralize from 'pluralize';
 import fspUtils from '@unite-us/client-utils/dist/utils/feeSchedulePrograms';
 import CapsInfo from '../../../components/service_authorization/CapsInfo';
-import { DurationField } from '@unite-us/ui';
-import { InputField } from '@unite-us/app-components';
+import { DurationField, InputField } from '@unite-us/app-components';
 import SearchableField from '../../../components/SearchableField';
 import CurrencyField from '../../../common/form/CurrencyField';
 import DollarAmount from '../../../components/DollarAmount';

package/dist/pages/builder/components/AuthorizationSubform.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AuthorizationSubform.js","names":["React","useState","PropTypes","Field","pluralize","fspUtils","CapsInfo","DurationField","InputField","SearchableField","CurrencyField","DollarAmount","useClinicalModificationOptions","LineItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AuthFormLineItem","props","_objectSpread","fieldClassName","valueClassName","AuthorizationSubform","_ref","_formValues$paymentAu","_formValues$paymentAu2","_formValues$amount_re","feeScheduleProgram","formValues","setReferralErrors","isCostBased","isCostPaymentType","payment_type","showUnits","unit","showRate","unit_rate","hasDatesSelected","paymentAuthForm","service_start","service_end","icdSearchQuery","setIcdSearchQuery","undefined","icdOptions","children","className","field","name","PAYMENT_TYPES","value","convertCents","cap_information","dangerouslySetInnerHTML","__html","params","id","label","required","type","amount_requested","startProps","endProps","startField","startFieldPath","endField","endFieldPath","style","container","width","cm_code_required_on_authorization","onSelectionChange","newVal","input","onChange","onInputChange","labelClassName","options","placeholder","clearable","propTypes","object","isRequired","func"],"sources":["../../../../src/pages/builder/components/AuthorizationSubform.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Field } from 'react-final-form';\nimport pluralize from 'pluralize';\nimport fspUtils from '@unite-us/client-utils/dist/utils/feeSchedulePrograms';\nimport CapsInfo from '../../../components/service_authorization/CapsInfo';\nimport {\n DurationField,\n} from '@unite-us/ui';\nimport { InputField } from '@unite-us/app-components';\nimport SearchableField from '../../../components/SearchableField';\nimport CurrencyField from '../../../common/form/CurrencyField';\nimport DollarAmount from '../../../components/DollarAmount';\nimport useClinicalModificationOptions from '../../../hooks/useClinicalModificationOptions';\nimport LineItem from '../../../components/LineItem';\n\nconst AuthFormLineItem = (props) => (\n <LineItem\n fieldClassName=\"col-span-1 p-0 text-dark-grey\"\n valueClassName=\"col-span-2 m-0 p-0 text-dark-blue\"\n {...props}\n />\n);\n\nconst AuthorizationSubform = ({ feeScheduleProgram, formValues, setReferralErrors }) => {\n const isCostBased = fspUtils.isCostPaymentType(feeScheduleProgram.payment_type);\n const showUnits = !isCostBased && feeScheduleProgram?.unit;\n const showRate = showUnits && feeScheduleProgram?.unit_rate > 0;\n const hasDatesSelected = !!(\n formValues?.paymentAuthForm?.service_start &&\n formValues?.paymentAuthForm?.service_end\n );\n const [icdSearchQuery, setIcdSearchQuery] = useState(undefined);\n const icdOptions = useClinicalModificationOptions(icdSearchQuery);\n\n return (\n <>\n <div className=\"space-y-6\">\n <h5 className=\"text-sm ui-form-field__label m-0\">\n AUTHORIZATION REQUEST\n </h5>\n <dl className=\"grid grid-cols-3 gap-x-6 gap-y-2\">\n <AuthFormLineItem field=\"Contracted Program\">\n {feeScheduleProgram.name}\n </AuthFormLineItem>\n <AuthFormLineItem field=\"Payment Approach\">\n {fspUtils.PAYMENT_TYPES[feeScheduleProgram.payment_type] \|\| 'N/A'}\n </AuthFormLineItem>\n {showUnits && (\n <AuthFormLineItem field=\"Unit\">\n {feeScheduleProgram.unit}\n </AuthFormLineItem>\n )}\n {showRate && (\n <AuthFormLineItem field=\"Rate\">\n <DollarAmount value={feeScheduleProgram.unit_rate} convertCents />\n {' per '}\n {feeScheduleProgram.unit}\n </AuthFormLineItem>\n )}\n <AuthFormLineItem field=\"Program Cap\">\n {feeScheduleProgram.cap_information ? (\n <div dangerouslySetInnerHTML={{ __html: feeScheduleProgram.cap_information }} />\n ) : (\n 'No cap'\n )}\n </AuthFormLineItem>\n </dl>\n <hr className=\"p-0\" />\n <div className=\"grid grid-cols-3 gap-x-6 gap-y-3\">\n <Field\n name=\"paymentAuthForm.amount_requested\"\n >\n {(params) => (isCostBased ? (\n <CurrencyField\n className=\"col-span-1 px-0\"\n id=\"authorization-request-amount-requested\"\n label=\"Amount Requested\"\n required\n {...params}\n />\n ) : (\n <InputField\n className=\"col-span-1 px-0\"\n id=\"authorization-request-amount-requested\"\n label=\"Amount Requested\"\n type=\"number\"\n required\n {...params}\n />\n ))}\n </Field>\n <div className=\"col-span-2 p-0 space-y-2\">\n <div className=\"font-heavy-font text-dark-grey\">Unit</div>\n <div className=\"capitalize\">\n {isCostBased ? 'Dollars' :\n pluralize(\n feeScheduleProgram.unit \|\| '',\n formValues?.amount_requested?.value \|\| 0,\n )}\n </div>\n </div>\n <div className=\"col-span-1 p-0 m-0\">\n <Field name=\"paymentAuthForm.service_start\">\n {(startProps) => (\n <Field name=\"paymentAuthForm.service_end\">\n {(endProps) => (\n <DurationField\n id=\"authorization-request-service-dates\"\n label=\"Service Delivery Date(s)\"\n startField={startProps}\n startFieldPath=\"startField\"\n endField={endProps}\n endFieldPath=\"endField\"\n required\n style={{ container: { width: 'unset' } }}\n />\n )}\n </Field>\n )}\n </Field>\n </div>\n {feeScheduleProgram.cm_code_required_on_authorization && (\n <>\n <div className=\"col-span-1 p-0 m-0 mb-8 row-start-4\" data-testid=\"icd10-dropdown\">\n <Field name=\"paymentAuthForm.icd10_code\">\n {(params) => {\n const onSelectionChange = (newVal) => {\n params.input.onChange(newVal);\n setIcdSearchQuery(newVal.label);\n\n };\n\n const onInputChange = (value) => {\n setIcdSearchQuery(value);\n params.input.onChange('');\n };\n\n return (\n <SearchableField\n className=\"\"\n id=\"authorization-request-icd10-code\"\n label=\"ICD-10 Code\"\n labelClassName=\"tracking-normal\"\n onChange={onSelectionChange}\n options={icdOptions}\n onInputChange={onInputChange}\n placeholder=\"Select an ICD-10 code\"\n clearable\n required\n {...params}\n />\n );\n }}\n </Field>\n </div>\n </>\n )}\n </div>\n </div>\n {\n hasDatesSelected &&\n <>\n <hr className=\"mb-6\"/>\n <CapsInfo\n feeScheduleProgram={feeScheduleProgram}\n formValues={formValues}\n isCostBased={isCostBased}\n setReferralErrors={setReferralErrors}\n />\n </>\n }\n </>\n );\n};\n\nAuthorizationSubform.propTypes = {\n feeScheduleProgram: PropTypes.object.isRequired,\n formValues: PropTypes.object.isRequired,\n setReferralErrors: PropTypes.func.isRequired,\n};\n\nexport default AuthorizationSubform;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"AuthorizationSubform.js","names":["React","useState","PropTypes","Field","pluralize","fspUtils","CapsInfo","DurationField","InputField","SearchableField","CurrencyField","DollarAmount","useClinicalModificationOptions","LineItem","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","AuthFormLineItem","props","_objectSpread","fieldClassName","valueClassName","AuthorizationSubform","_ref","_formValues$paymentAu","_formValues$paymentAu2","_formValues$amount_re","feeScheduleProgram","formValues","setReferralErrors","isCostBased","isCostPaymentType","payment_type","showUnits","unit","showRate","unit_rate","hasDatesSelected","paymentAuthForm","service_start","service_end","icdSearchQuery","setIcdSearchQuery","undefined","icdOptions","children","className","field","name","PAYMENT_TYPES","value","convertCents","cap_information","dangerouslySetInnerHTML","__html","params","id","label","required","type","amount_requested","startProps","endProps","startField","startFieldPath","endField","endFieldPath","style","container","width","cm_code_required_on_authorization","onSelectionChange","newVal","input","onChange","onInputChange","labelClassName","options","placeholder","clearable","propTypes","object","isRequired","func"],"sources":["../../../../src/pages/builder/components/AuthorizationSubform.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Field } from 'react-final-form';\nimport pluralize from 'pluralize';\nimport fspUtils from '@unite-us/client-utils/dist/utils/feeSchedulePrograms';\nimport CapsInfo from '../../../components/service_authorization/CapsInfo';\nimport {\n DurationField,\n InputField,\n} from '@unite-us/app-components';\nimport SearchableField from '../../../components/SearchableField';\nimport CurrencyField from '../../../common/form/CurrencyField';\nimport DollarAmount from '../../../components/DollarAmount';\nimport useClinicalModificationOptions from '../../../hooks/useClinicalModificationOptions';\nimport LineItem from '../../../components/LineItem';\n\nconst AuthFormLineItem = (props) => (\n <LineItem\n fieldClassName=\"col-span-1 p-0 text-dark-grey\"\n valueClassName=\"col-span-2 m-0 p-0 text-dark-blue\"\n {...props}\n />\n);\n\nconst AuthorizationSubform = ({ feeScheduleProgram, formValues, setReferralErrors }) => {\n const isCostBased = fspUtils.isCostPaymentType(feeScheduleProgram.payment_type);\n const showUnits = !isCostBased && feeScheduleProgram?.unit;\n const showRate = showUnits && feeScheduleProgram?.unit_rate > 0;\n const hasDatesSelected = !!(\n formValues?.paymentAuthForm?.service_start &&\n formValues?.paymentAuthForm?.service_end\n );\n const [icdSearchQuery, setIcdSearchQuery] = useState(undefined);\n const icdOptions = useClinicalModificationOptions(icdSearchQuery);\n\n return (\n <>\n <div className=\"space-y-6\">\n <h5 className=\"text-sm ui-form-field__label m-0\">\n AUTHORIZATION REQUEST\n </h5>\n <dl className=\"grid grid-cols-3 gap-x-6 gap-y-2\">\n <AuthFormLineItem field=\"Contracted Program\">\n {feeScheduleProgram.name}\n </AuthFormLineItem>\n <AuthFormLineItem field=\"Payment Approach\">\n {fspUtils.PAYMENT_TYPES[feeScheduleProgram.payment_type] \|\| 'N/A'}\n </AuthFormLineItem>\n {showUnits && (\n <AuthFormLineItem field=\"Unit\">\n {feeScheduleProgram.unit}\n </AuthFormLineItem>\n )}\n {showRate && (\n <AuthFormLineItem field=\"Rate\">\n <DollarAmount value={feeScheduleProgram.unit_rate} convertCents />\n {' per '}\n {feeScheduleProgram.unit}\n </AuthFormLineItem>\n )}\n <AuthFormLineItem field=\"Program Cap\">\n {feeScheduleProgram.cap_information ? (\n <div dangerouslySetInnerHTML={{ __html: feeScheduleProgram.cap_information }} />\n ) : (\n 'No cap'\n )}\n </AuthFormLineItem>\n </dl>\n <hr className=\"p-0\" />\n <div className=\"grid grid-cols-3 gap-x-6 gap-y-3\">\n <Field\n name=\"paymentAuthForm.amount_requested\"\n >\n {(params) => (isCostBased ? (\n <CurrencyField\n className=\"col-span-1 px-0\"\n id=\"authorization-request-amount-requested\"\n label=\"Amount Requested\"\n required\n {...params}\n />\n ) : (\n <InputField\n className=\"col-span-1 px-0\"\n id=\"authorization-request-amount-requested\"\n label=\"Amount Requested\"\n type=\"number\"\n required\n {...params}\n />\n ))}\n </Field>\n <div className=\"col-span-2 p-0 space-y-2\">\n <div className=\"font-heavy-font text-dark-grey\">Unit</div>\n <div className=\"capitalize\">\n {isCostBased ? 'Dollars' :\n pluralize(\n feeScheduleProgram.unit \|\| '',\n formValues?.amount_requested?.value \|\| 0,\n )}\n </div>\n </div>\n <div className=\"col-span-1 p-0 m-0\">\n <Field name=\"paymentAuthForm.service_start\">\n {(startProps) => (\n <Field name=\"paymentAuthForm.service_end\">\n {(endProps) => (\n <DurationField\n id=\"authorization-request-service-dates\"\n label=\"Service Delivery Date(s)\"\n startField={startProps}\n startFieldPath=\"startField\"\n endField={endProps}\n endFieldPath=\"endField\"\n required\n style={{ container: { width: 'unset' } }}\n />\n )}\n </Field>\n )}\n </Field>\n </div>\n {feeScheduleProgram.cm_code_required_on_authorization && (\n <>\n <div className=\"col-span-1 p-0 m-0 mb-8 row-start-4\" data-testid=\"icd10-dropdown\">\n <Field name=\"paymentAuthForm.icd10_code\">\n {(params) => {\n const onSelectionChange = (newVal) => {\n params.input.onChange(newVal);\n setIcdSearchQuery(newVal.label);\n\n };\n\n const onInputChange = (value) => {\n setIcdSearchQuery(value);\n params.input.onChange('');\n };\n\n return (\n <SearchableField\n className=\"\"\n id=\"authorization-request-icd10-code\"\n label=\"ICD-10 Code\"\n labelClassName=\"tracking-normal\"\n onChange={onSelectionChange}\n options={icdOptions}\n onInputChange={onInputChange}\n placeholder=\"Select an ICD-10 code\"\n clearable\n required\n {...params}\n />\n );\n }}\n </Field>\n </div>\n </>\n )}\n </div>\n </div>\n {\n hasDatesSelected &&\n <>\n <hr className=\"mb-6\"/>\n <CapsInfo\n feeScheduleProgram={feeScheduleProgram}\n formValues={formValues}\n isCostBased={isCostBased}\n setReferralErrors={setReferralErrors}\n />\n </>\n }\n </>\n );\n};\n\nAuthorizationSubform.propTypes = {\n feeScheduleProgram: PropTypes.object.isRequired,\n formValues: PropTypes.object.isRequired,\n setReferralErrors: PropTypes.func.isRequired,\n};\n\nexport default AuthorizationSubform;\n"],"mappings":"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","ignoreList":[]}

package/dist/pages/builder/components/ProgramHeader.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { Icon } from "@unite-us/ui";
+import { Icon } from "@unite-us/app-components";
 import { PropTypes } from "prop-types";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 function ProgramHeader(_ref) {

package/dist/pages/builder/components/ProgramHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgramHeader.js","names":["React","Icon","PropTypes","jsxs","_jsxs","jsx","_jsx","ProgramHeader","_ref","program","programStatus","name","programName","provider","providerName","icon","color","title","children","className","concat","propTypes","shape","string","isRequired","defaultProps"],"sources":["../../../../src/pages/builder/components/ProgramHeader.js"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@unite-us/ui\";\nimport { PropTypes } from \"prop-types\";\n\nfunction ProgramHeader({ program, programStatus }) {\n const { name: programName, provider = {} } = program;\n const { name: providerName } = provider;\n const { icon, color, title } = programStatus;\n\n return (\n <div>\n <h4 className=\"font-black text-dark-blue underline\">\n {programName} {providerName && `(${providerName})`}\n </h4>\n <div className=\"flex my-1\">\n <Icon\n icon={icon}\n color={color}\n className=\"mt-px\"\n />\n <p className=\"ml-2\">{title}</p>\n </div>\n </div>\n );\n}\n\nProgramHeader.propTypes = {\n program: PropTypes.shape({\n name: PropTypes.string.isRequired,\n provider: PropTypes.shape({\n name: PropTypes.string,\n }),\n }).isRequired,\n programStatus: PropTypes.shape({\n icon: PropTypes.string,\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n};\n\nProgramHeader.defaultProps = {\n programStatus: {\n icon: null,\n color: null,\n title: \"\",\n },\n};\n\nexport default ProgramHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,~~cAAc~~;~~AACnC~~,SAASC,SAAS,QAAQ,YAAY;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAEvC,SAASC,aAAaA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAAF,IAAA;EAC/C,MAAM;IAAEG,IAAI,EAAEC,WAAW;IAAEC,QAAQ,GAAG,CAAC;EAAE,CAAC,GAAGJ,OAAO;EACpD,MAAM;IAAEE,IAAI,EAAEG;EAAa,CAAC,GAAGD,QAAQ;EACvC,MAAM;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGP,aAAa;EAE5C,oBACEN,KAAA;IAAAc,QAAA,gBACEd,KAAA;MAAIe,SAAS,EAAC,qCAAqC;MAAAD,QAAA,GAChDN,WAAW,EAAC,GAAC,EAACE,YAAY,QAAAM,MAAA,CAAQN,YAAY,MAAG;IAAA,CAChD,CAAC,eACLV,KAAA;MAAKe,SAAS,EAAC,WAAW;MAAAD,QAAA,gBACxBZ,IAAA,CAACL,IAAI;QACHc,IAAI,EAAEA,IAAK;QACXC,KAAK,EAAEA,KAAM;QACbG,SAAS,EAAC;MAAO,CAClB,CAAC,eACFb,IAAA;QAAGa,SAAS,EAAC,MAAM;QAAAD,QAAA,EAAED;MAAK,CAAI,CAAC;IAAA,CAC5B,CAAC;EAAA,CACH,CAAC;AAEV;AAEAV,aAAa,CAACc,SAAS,GAAG;EACxBZ,OAAO,EAAEP,SAAS,CAACoB,KAAK,CAAC;IACvBX,IAAI,EAAET,SAAS,CAACqB,MAAM,CAACC,UAAU;IACjCX,QAAQ,EAAEX,SAAS,CAACoB,KAAK,CAAC;MACxBX,IAAI,EAAET,SAAS,CAACqB;IAClB,CAAC;EACH,CAAC,CAAC,CAACC,UAAU;EACbd,aAAa,EAAER,SAAS,CAACoB,KAAK,CAAC;IAC7BP,IAAI,EAAEb,SAAS,CAACqB,MAAM;IACtBP,KAAK,EAAEd,SAAS,CAACqB,MAAM;IACvBN,KAAK,EAAEf,SAAS,CAACqB;EACnB,CAAC;AACH,CAAC;AAEDhB,aAAa,CAACkB,YAAY,GAAG;EAC3Bf,aAAa,EAAE;IACbK,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,KAAK,EAAE;EACT;AACF,CAAC;AAED,eAAeV,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"ProgramHeader.js","names":["React","Icon","PropTypes","jsxs","_jsxs","jsx","_jsx","ProgramHeader","_ref","program","programStatus","name","programName","provider","providerName","icon","color","title","children","className","concat","propTypes","shape","string","isRequired","defaultProps"],"sources":["../../../../src/pages/builder/components/ProgramHeader.js"],"sourcesContent":["import React from \"react\";\nimport { Icon } from \"@unite-us/app-components\";\nimport { PropTypes } from \"prop-types\";\n\nfunction ProgramHeader({ program, programStatus }) {\n const { name: programName, provider = {} } = program;\n const { name: providerName } = provider;\n const { icon, color, title } = programStatus;\n\n return (\n <div>\n <h4 className=\"font-black text-dark-blue underline\">\n {programName} {providerName && `(${providerName})`}\n </h4>\n <div className=\"flex my-1\">\n <Icon\n icon={icon}\n color={color}\n className=\"mt-px\"\n />\n <p className=\"ml-2\">{title}</p>\n </div>\n </div>\n );\n}\n\nProgramHeader.propTypes = {\n program: PropTypes.shape({\n name: PropTypes.string.isRequired,\n provider: PropTypes.shape({\n name: PropTypes.string,\n }),\n }).isRequired,\n programStatus: PropTypes.shape({\n icon: PropTypes.string,\n color: PropTypes.string,\n title: PropTypes.string,\n }),\n};\n\nProgramHeader.defaultProps = {\n programStatus: {\n icon: null,\n color: null,\n title: \"\",\n },\n};\n\nexport default ProgramHeader;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,0BAA0B;AAC/C,SAASC,SAAS,QAAQ,YAAY;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAEvC,SAASC,aAAaA,CAAAC,IAAA,EAA6B;EAAA,IAA5B;IAAEC,OAAO;IAAEC;EAAc,CAAC,GAAAF,IAAA;EAC/C,MAAM;IAAEG,IAAI,EAAEC,WAAW;IAAEC,QAAQ,GAAG,CAAC;EAAE,CAAC,GAAGJ,OAAO;EACpD,MAAM;IAAEE,IAAI,EAAEG;EAAa,CAAC,GAAGD,QAAQ;EACvC,MAAM;IAAEE,IAAI;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGP,aAAa;EAE5C,oBACEN,KAAA;IAAAc,QAAA,gBACEd,KAAA;MAAIe,SAAS,EAAC,qCAAqC;MAAAD,QAAA,GAChDN,WAAW,EAAC,GAAC,EAACE,YAAY,QAAAM,MAAA,CAAQN,YAAY,MAAG;IAAA,CAChD,CAAC,eACLV,KAAA;MAAKe,SAAS,EAAC,WAAW;MAAAD,QAAA,gBACxBZ,IAAA,CAACL,IAAI;QACHc,IAAI,EAAEA,IAAK;QACXC,KAAK,EAAEA,KAAM;QACbG,SAAS,EAAC;MAAO,CAClB,CAAC,eACFb,IAAA;QAAGa,SAAS,EAAC,MAAM;QAAAD,QAAA,EAAED;MAAK,CAAI,CAAC;IAAA,CAC5B,CAAC;EAAA,CACH,CAAC;AAEV;AAEAV,aAAa,CAACc,SAAS,GAAG;EACxBZ,OAAO,EAAEP,SAAS,CAACoB,KAAK,CAAC;IACvBX,IAAI,EAAET,SAAS,CAACqB,MAAM,CAACC,UAAU;IACjCX,QAAQ,EAAEX,SAAS,CAACoB,KAAK,CAAC;MACxBX,IAAI,EAAET,SAAS,CAACqB;IAClB,CAAC;EACH,CAAC,CAAC,CAACC,UAAU;EACbd,aAAa,EAAER,SAAS,CAACoB,KAAK,CAAC;IAC7BP,IAAI,EAAEb,SAAS,CAACqB,MAAM;IACtBP,KAAK,EAAEd,SAAS,CAACqB,MAAM;IACvBN,KAAK,EAAEf,SAAS,CAACqB;EACnB,CAAC;AACH,CAAC;AAEDhB,aAAa,CAACkB,YAAY,GAAG;EAC3Bf,aAAa,EAAE;IACbK,IAAI,EAAE,IAAI;IACVC,KAAK,EAAE,IAAI;IACXC,KAAK,EAAE;EACT;AACF,CAAC;AAED,eAAeV,aAAa","ignoreList":[]}

package/dist/pages/builder/components/ReferralCard.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PropTypes } from 'prop-types';
 import pluralize from 'pluralize';
-import { Icon } from '@unite-us/ui';
+import { Icon } from '@unite-us/app-components';
 import { getReferralStatus, handleKeyPress } from '../utils';
 import { isEmpty } from 'lodash';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -49,7 +49,7 @@ export function ReferralCard(_ref) {
             children: !actionItemsCount ? /*#__PURE__*/_jsxs("div", {
               className: "flex flex-none",
               children: [/*#__PURE__*/_jsx(Icon, {
-                icon: "IconCheck",
+                icon: "Check",
                 color: "#4ECE3D",
                 className: "mr-1 mt-px"
               }), /*#__PURE__*/_jsx("h4", {
@@ -92,7 +92,7 @@ export function ReferralCard(_ref) {
           }), !actionItemsCount ? /*#__PURE__*/_jsxs("div", {
             className: "flex flex-none",
             children: [/*#__PURE__*/_jsx(Icon, {
-              icon: "IconCheck",
+              icon: "Check",
               color: "#4ECE3D",
               className: "mr-1 mt-px"
             }), /*#__PURE__*/_jsx("h4", {

package/dist/pages/builder/components/ReferralCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReferralCard.js","names":["React","PropTypes","pluralize","Icon","getReferralStatus","handleKeyPress","isEmpty","jsx","_jsx","jsxs","_jsxs","ReferralCard","_ref","referral","index","selectedIndex","onClick","errors","expandReferralsCard","programs","service","onCardClick","status","backgroundColor","actionItemsCount","Object","values","filter","Boolean","length","actionItems","className","concat","onKeyDown","e","tabIndex","children","icon","color","style","wordBreak","name","map","program","id","propTypes","shape","array","isRequired","object","number","func","defaultProps"],"sources":["../../../../src/pages/builder/components/ReferralCard.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport pluralize from 'pluralize';\nimport { Icon } from '@unite-us/ui';\nimport { getReferralStatus, handleKeyPress } from '../utils';\nimport { isEmpty } from 'lodash';\n\nexport function ReferralCard({\n referral,\n index,\n selectedIndex,\n onClick,\n errors,\n expandReferralsCard,\n}) {\n const { programs, service } = referral;\n\n const onCardClick = () => {\n onClick(index);\n };\n\n const status = getReferralStatus(referral);\n const backgroundColor = selectedIndex === index ? 'bg-dark-fill-blue' : '';\n const actionItemsCount = Object.values(errors).filter(Boolean).length;\n const actionItems = pluralize('Action Item', actionItemsCount, true);\n\n return (\n !isEmpty(programs) ? (\n <div className={`${backgroundColor} border border-solid border-blue-border rounded cursor-pointer`}\n onClick={onCardClick}\n onKeyDown={(e) => handleKeyPress(e, onCardClick)}\n tabIndex={0}\n >\n <div className=\"p-4\">\n <div className={expandReferralsCard ? \"hidden\" : \"block\"}>\n <div className=\"flex flex-wrap justify-between\">\n <div className={\"flex flex-wrap mb-2\"}>\n <h4 className='uppercase font-black text-dark-grey whitespace-pre'>\n {`Referral ${index + 1}: `}\n </h4>\n <p className=\"font-hairline text-dark-grey hidden lg:block\">{status}</p>\n </div>\n <div>\n {!actionItemsCount ? (\n <div className={`flex flex-none`}>\n <Icon icon=\"~~IconCheck~~\" color=\"#4ECE3D\" className=\"mr-1 mt-px\" />\n <h4 className=\"text-green font-extrabold mb-2\">Ready</h4>\n </div>\n ) : (\n <span style={{wordBreak: 'keep-all'}}>\n <h4 className={`text-red flex-none font-extrabold mb-2`}>{actionItems}</h4>\n </span>\n )}\n </div>\n </div>\n <h4 className=\"mb-2 text-purple font-black hidden lg:block\">{service?.name}</h4>\n <div className=\"pl-5 hidden lg:block\">\n {programs.map((program) => (\n <p className=\"mb-2\" key={`program-${program?.id}-name`}>\n {program?.name}\n </p>\n ))}\n </div>\n </div>\n\n <div className={expandReferralsCard ? \"block\" : \"hidden\"}>\n <div className=\"flex flex-wrap-reverse justify-between\">\n <div className=\"flex flex-wrap mb-2\">\n <h4 className=\"uppercase font-black text-dark-grey whitespace-pre\">{`Referral ${index + 1}: `}</h4>\n <p className={\"font-hairline text-dark-grey\"}>{status}</p>\n </div>\n {!actionItemsCount ? (\n <div className=\"flex flex-none\">\n <Icon icon=\"~~IconCheck~~\" color=\"#4ECE3D\" className=\"mr-1 mt-px\" />\n <h4 className=\"text-green font-extrabold mb-2\">Ready</h4>\n </div>\n ) : (\n <h4 className=\"text-red flex-none font-extrabold mb-2\">{actionItems}</h4>\n )}\n </div>\n <h4 className=\"mb-2 text-purple font-black\">{service?.name}</h4>\n <div className=\"pl-5\">\n {programs.map((program) => (\n <p className=\"mb-2\" key={`program-${program?.id}-name`}>\n {program?.name}\n </p>\n ))}\n </div>\n </div>\n </div>\n </div>\n ) : null\n );\n};\n\nReferralCard.propTypes = {\n referral: PropTypes.shape({\n programs: PropTypes.array.isRequired,\n service: PropTypes.object.isRequired,\n }).isRequired,\n index: PropTypes.number.isRequired,\n onClick: PropTypes.func.isRequired,\n selectedIndex: PropTypes.number,\n errors: PropTypes.object,\n};\n\nReferralCard.defaultProps = {\n selectedIndex: 0,\n errors: {},\n}\n\nexport default ReferralCard;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,YAAY;AACtC,OAAOC,SAAS,MAAM,WAAW;AACjC,SAASC,IAAI,QAAQ,~~cAAc~~;~~AACnC~~,SAASC,iBAAiB,EAAEC,cAAc,QAAQ,UAAU;AAC5D,SAASC,OAAO,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjC,OAAO,SAASC,YAAYA,CAAAC,IAAA,EAOzB;EAAA,IAP0B;IAC3BC,QAAQ;IACRC,KAAK;IACLC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC;EACF,CAAC,GAAAN,IAAA;EACC,MAAM;IAAEO,QAAQ;IAAEC;EAAQ,CAAC,GAAGP,QAAQ;EAEtC,MAAMQ,WAAW,GAAGA,CAAA,KAAM;IACxBL,OAAO,CAACF,KAAK,CAAC;EAChB,CAAC;EAED,MAAMQ,MAAM,GAAGlB,iBAAiB,CAACS,QAAQ,CAAC;EAC1C,MAAMU,eAAe,GAAGR,aAAa,KAAKD,KAAK,GAAG,mBAAmB,GAAG,EAAE;EAC1E,MAAMU,gBAAgB,GAAGC,MAAM,CAACC,MAAM,CAACT,MAAM,CAAC,CAACU,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;EACrE,MAAMC,WAAW,GAAG5B,SAAS,CAAC,aAAa,EAAEsB,gBAAgB,EAAE,IAAI,CAAC;EAEpE,OACE,CAAClB,OAAO,CAACa,QAAQ,CAAC,gBAChBX,IAAA;IAAKuB,SAAS,KAAAC,MAAA,CAAKT,eAAe,mEAAiE;IACjGP,OAAO,EAAEK,WAAY;IACrBY,SAAS,EAAGC,CAAC,IAAK7B,cAAc,CAAC6B,CAAC,EAAEb,WAAW,CAAE;IACjDc,QAAQ,EAAE,CAAE;IAAAC,QAAA,eAEZ1B,KAAA;MAAKqB,SAAS,EAAC,KAAK;MAAAK,QAAA,gBAClB1B,KAAA;QAAKqB,SAAS,EAAEb,mBAAmB,GAAG,QAAQ,GAAG,OAAQ;QAAAkB,QAAA,gBACvD1B,KAAA;UAAKqB,SAAS,EAAC,gCAAgC;UAAAK,QAAA,gBAC7C1B,KAAA;YAAKqB,SAAS,EAAE,qBAAsB;YAAAK,QAAA,gBACpC5B,IAAA;cAAIuB,SAAS,EAAC,oDAAoD;cAAAK,QAAA,cAAAJ,MAAA,CACnDlB,KAAK,GAAG,CAAC;YAAA,CACpB,CAAC,eACLN,IAAA;cAAGuB,SAAS,EAAC,8CAA8C;cAAAK,QAAA,EAAEd;YAAM,CAAI,CAAC;UAAA,CACrE,CAAC,eACNd,IAAA;YAAA4B,QAAA,EACG,CAACZ,gBAAgB,gBAChBd,KAAA;cAAKqB,SAAS,kBAAmB;cAAAK,QAAA,gBAC/B5B,IAAA,CAACL,IAAI;gBAACkC,IAAI,EAAC,~~WAAW~~;gBAACC,KAAK,EAAC,SAAS;gBAACP,SAAS,EAAC;cAAY,CAAE,CAAC,~~eAChEvB~~,IAAA;gBAAIuB,SAAS,EAAC,gCAAgC;gBAAAK,QAAA,EAAC;cAAK,CAAI,CAAC;YAAA,CACtD,CAAC,gBAEN5B,IAAA;cAAM+B,KAAK,EAAE;gBAACC,SAAS,EAAE;cAAU,CAAE;cAAAJ,QAAA,eACnC5B,IAAA;gBAAIuB,SAAS,0CAA2C;gBAAAK,QAAA,EAAEN;cAAW,CAAK;YAAC,CACvE;UACP,CACE,CAAC;QAAA,CACH,CAAC,eACNtB,IAAA;UAAIuB,SAAS,EAAC,6CAA6C;UAAAK,QAAA,EAAEhB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqB;QAAI,CAAK,CAAC,eAChFjC,IAAA;UAAKuB,SAAS,EAAC,sBAAsB;UAAAK,QAAA,EAClCjB,QAAQ,CAACuB,GAAG,CAAEC,OAAO,iBACpBnC,IAAA;YAAGuB,SAAS,EAAC,MAAM;YAAAK,QAAA,EAChBO,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF;UAAI,cAAAT,MAAA,CADoBW,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,EAAE,UAE5C,CACJ;QAAC,CACC,CAAC;MAAA,CACH,CAAC,eAENlC,KAAA;QAAKqB,SAAS,EAAEb,mBAAmB,GAAG,OAAO,GAAG,QAAS;QAAAkB,QAAA,gBACvD1B,KAAA;UAAKqB,SAAS,EAAC,wCAAwC;UAAAK,QAAA,gBACrD1B,KAAA;YAAKqB,SAAS,EAAC,qBAAqB;YAAAK,QAAA,gBAClC5B,IAAA;cAAIuB,SAAS,EAAC,oDAAoD;cAAAK,QAAA,cAAAJ,MAAA,CAAclB,KAAK,GAAG,CAAC;YAAA,CAAS,CAAC,eACnGN,IAAA;cAAGuB,SAAS,EAAE,8BAA+B;cAAAK,QAAA,EAAEd;YAAM,CAAI,CAAC;UAAA,CACvD,CAAC,EACL,CAACE,gBAAgB,gBAChBd,KAAA;YAAKqB,SAAS,EAAC,gBAAgB;YAAAK,QAAA,gBAC7B5B,IAAA,CAACL,IAAI;cAACkC,IAAI,EAAC,~~WAAW~~;cAACC,KAAK,EAAC,SAAS;cAACP,SAAS,EAAC;YAAY,CAAE,CAAC,~~eAChEvB~~,IAAA;cAAIuB,SAAS,EAAC,gCAAgC;cAAAK,QAAA,EAAC;YAAK,CAAI,CAAC;UAAA,CACtD,CAAC,gBAEN5B,IAAA;YAAIuB,SAAS,EAAC,wCAAwC;YAAAK,QAAA,EAAEN;UAAW,CAAK,CACzE;QAAA,CACE,CAAC,eACNtB,IAAA;UAAIuB,SAAS,EAAC,6BAA6B;UAAAK,QAAA,EAAEhB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEqB;QAAI,CAAK,CAAC,eAChEjC,IAAA;UAAKuB,SAAS,EAAC,MAAM;UAAAK,QAAA,EAClBjB,QAAQ,CAACuB,GAAG,CAAEC,OAAO,iBACpBnC,IAAA;YAAGuB,SAAS,EAAC,MAAM;YAAAK,QAAA,EAChBO,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEF;UAAI,cAAAT,MAAA,CADoBW,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,EAAE,UAE5C,CACJ;QAAC,CACC,CAAC;MAAA,CACH,CAAC;IAAA,CACH;EAAC,CACH,CAAC,GACJ,IAAI;AAEZ;AAAC;AAEDjC,YAAY,CAACkC,SAAS,GAAG;EACvBhC,QAAQ,EAAEZ,SAAS,CAAC6C,KAAK,CAAC;IACxB3B,QAAQ,EAAElB,SAAS,CAAC8C,KAAK,CAACC,UAAU;IACpC5B,OAAO,EAAEnB,SAAS,CAACgD,MAAM,CAACD;EAC5B,CAAC,CAAC,CAACA,UAAU;EACblC,KAAK,EAAEb,SAAS,CAACiD,MAAM,CAACF,UAAU;EAClChC,OAAO,EAAEf,SAAS,CAACkD,IAAI,CAACH,UAAU;EAClCjC,aAAa,EAAEd,SAAS,CAACiD,MAAM;EAC/BjC,MAAM,EAAEhB,SAAS,CAACgD;AACpB,CAAC;AAEDtC,YAAY,CAACyC,YAAY,GAAG;EAC1BrC,aAAa,EAAE,CAAC;EAChBE,MAAM,EAAE,CAAC;AACX,CAAC;AAED,eAAeN,YAAY","ignoreList":[]}
1	+ {"version":3,"file":"ReferralCard.js","names":["React","PropTypes","pluralize","Icon","getReferralStatus","handleKeyPress","isEmpty","jsx","_jsx","jsxs","_jsxs","ReferralCard","_ref","referral","index","selectedIndex","onClick","errors","expandReferralsCard","programs","service","onCardClick","status","backgroundColor","actionItemsCount","Object","values","filter","Boolean","length","actionItems","className","concat","onKeyDown","e","tabIndex","children","icon","color","style","wordBreak","name","map","program","id","propTypes","shape","array","isRequired","object","number","func","defaultProps"],"sources":["../../../../src/pages/builder/components/ReferralCard.js"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport pluralize from 'pluralize';\nimport { Icon } from '@unite-us/app-components';\nimport { getReferralStatus, handleKeyPress } from '../utils';\nimport { isEmpty } from 'lodash';\n\nexport function ReferralCard({\n referral,\n index,\n selectedIndex,\n onClick,\n errors,\n expandReferralsCard,\n}) {\n const { programs, service } = referral;\n\n const onCardClick = () => {\n onClick(index);\n };\n\n const status = getReferralStatus(referral);\n const backgroundColor = selectedIndex === index ? 'bg-dark-fill-blue' : '';\n const actionItemsCount = Object.values(errors).filter(Boolean).length;\n const actionItems = pluralize('Action Item', actionItemsCount, true);\n\n return (\n !isEmpty(programs) ? (\n <div className={`${backgroundColor} border border-solid border-blue-border rounded cursor-pointer`}\n onClick={onCardClick}\n onKeyDown={(e) => handleKeyPress(e, onCardClick)}\n tabIndex={0}\n >\n <div className=\"p-4\">\n <div className={expandReferralsCard ? \"hidden\" : \"block\"}>\n <div className=\"flex flex-wrap justify-between\">\n <div className={\"flex flex-wrap mb-2\"}>\n <h4 className='uppercase font-black text-dark-grey whitespace-pre'>\n {`Referral ${index + 1}: `}\n </h4>\n <p className=\"font-hairline text-dark-grey hidden lg:block\">{status}</p>\n </div>\n <div>\n {!actionItemsCount ? (\n <div className={`flex flex-none`}>\n <Icon icon=\"Check\" color=\"#4ECE3D\" className=\"mr-1 mt-px\" />\n <h4 className=\"text-green font-extrabold mb-2\">Ready</h4>\n </div>\n ) : (\n <span style={{wordBreak: 'keep-all'}}>\n <h4 className={`text-red flex-none font-extrabold mb-2`}>{actionItems}</h4>\n </span>\n )}\n </div>\n </div>\n <h4 className=\"mb-2 text-purple font-black hidden lg:block\">{service?.name}</h4>\n <div className=\"pl-5 hidden lg:block\">\n {programs.map((program) => (\n <p className=\"mb-2\" key={`program-${program?.id}-name`}>\n {program?.name}\n </p>\n ))}\n </div>\n </div>\n\n <div className={expandReferralsCard ? \"block\" : \"hidden\"}>\n <div className=\"flex flex-wrap-reverse justify-between\">\n <div className=\"flex flex-wrap mb-2\">\n <h4 className=\"uppercase font-black text-dark-grey whitespace-pre\">{`Referral ${index + 1}: `}</h4>\n <p className={\"font-hairline text-dark-grey\"}>{status}</p>\n </div>\n {!actionItemsCount ? (\n <div className=\"flex flex-none\">\n <Icon icon=\"Check\" color=\"#4ECE3D\" className=\"mr-1 mt-px\" />\n <h4 className=\"text-green font-extrabold mb-2\">Ready</h4>\n </div>\n ) : (\n <h4 className=\"text-red flex-none font-extrabold mb-2\">{actionItems}</h4>\n )}\n </div>\n <h4 className=\"mb-2 text-purple font-black\">{service?.name}</h4>\n <div className=\"pl-5\">\n {programs.map((program) => (\n <p className=\"mb-2\" key={`program-${program?.id}-name`}>\n {program?.name}\n </p>\n ))}\n </div>\n </div>\n </div>\n </div>\n ) : null\n );\n};\n\nReferralCard.propTypes = {\n referral: PropTypes.shape({\n programs: PropTypes.array.isRequired,\n service: PropTypes.object.isRequired,\n }).isRequired,\n index: PropTypes.number.isRequired,\n onClick: PropTypes.func.isRequired,\n selectedIndex: PropTypes.number,\n errors: PropTypes.object,\n};\n\nReferralCard.defaultProps = {\n selectedIndex: 0,\n errors: {},\n}\n\nexport default ReferralCard;\n"],"mappings":"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","ignoreList":[]}

package/dist/pages/builder/utils.js CHANGED Viewed

@@ -98,21 +98,21 @@ export const getProgramStatusDisplay = (isReceivingReferrals, isOON) => {
   if (isOON) {
     return {
       title: 'Receiving Off-Platform Referrals',
-      icon: 'IconElectronsArrow',
+      icon: 'OutOfNetwork',
       color: ''
     };
   }
   if (isReceivingReferrals) {
     return {
       title: 'Accepting Referrals',
-      icon: 'IconCheckCircle',
+      icon: 'CheckCircle',
       color: '#1CCA21'
     };
   }
   if (!isReceivingReferrals) {
     return {
       title: 'Not Accepting Referrals',
-      icon: 'IconCrossCircle',
+      icon: 'CrossCircle',
       color: '#E53E3E'
     };
   }