@rh-support/components 2.0.5 → 2.0.8

package/lib/cjs/FeedbackForm/FeedbackForm.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -29,79 +18,62 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedbackForm = void 0;
-var hydrajs_1 = require("@cee-eng/hydrajs");
-var react_core_1 = require("@patternfly/react-core");
-var utils_1 = require("@rh-support/utils");
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-var react_1 = __importStar(require("react"));
-var react_i18next_1 = require("react-i18next");
-var react_router_dom_1 = require("react-router-dom");
-var TextAreaAutosize_1 = require("../TextAreaAutosize");
-var required = {
+const hydrajs_1 = require("@cee-eng/hydrajs");
+const react_core_1 = require("@patternfly/react-core");
+const utils_1 = require("@rh-support/utils");
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const react_1 = __importStar(require("react"));
+const react_i18next_1 = require("react-i18next");
+const react_router_dom_1 = require("react-router-dom");
+const TextAreaAutosize_1 = require("../TextAreaAutosize");
+const required = {
     isSolutionFound: true,
     levelOfSatisfied: true,
     isTimeSaved: true,
     moreInfo: false,
 };
-var defaultProps = { buttonLabel: 'Provide feedback', additionalBtnClass: '', isInline: false };
+const defaultProps = { buttonLabel: 'Provide feedback', additionalBtnClass: '', isInline: false };
 function FeedbackForm(props) {
     var _a, _b;
-    var t = react_i18next_1.useTranslation().t;
-    var _c = __read(react_1.useState(false), 2), isModalOpen = _c[0], toggleModal = _c[1];
-    var seSessionId = (_b = (_a = utils_1.getUrlParsedParams(react_router_dom_1.useLocation().search)) === null || _a === void 0 ? void 0 : _a.seSessionId) !== null && _b !== void 0 ? _b : '';
-    var formInitState = {
+    const { t } = react_i18next_1.useTranslation();
+    const [isModalOpen, toggleModal] = react_1.useState(false);
+    const seSessionId = (_b = (_a = utils_1.getUrlParsedParams(react_router_dom_1.useLocation().search)) === null || _a === void 0 ? void 0 : _a.seSessionId) !== null && _b !== void 0 ? _b : '';
+    const formInitState = {
         isSolutionFound: null,
         levelOfSatisfied: null,
         isTimeSaved: null,
         moreInfo: '',
     };
-    var _d = __read(react_1.useState(formInitState), 2), values = _d[0], setValues = _d[1];
-    var _e = __read(react_1.useState(true), 2), isSubmitDisabled = _e[0], setSubmitDisabled = _e[1];
-    react_1.useEffect(function () {
-        var valid = true;
-        Object.keys(values).forEach(function (key) {
+    const [values, setValues] = react_1.useState(formInitState);
+    const [isSubmitDisabled, setSubmitDisabled] = react_1.useState(true);
+    react_1.useEffect(() => {
+        let valid = true;
+        Object.keys(values).forEach((key) => {
             if (required[key]) {
                 valid = valid && !isEmpty_1.default(values[key]);
             }
         });
         setSubmitDisabled(!valid);
     }, [values]);
-    var handleChange = function (event) {
-        var _a;
-        setValues(__assign(__assign({}, values), (_a = {}, _a[event.currentTarget.name] = event.currentTarget.value, _a)));
+    const handleChange = (event) => {
+        setValues(Object.assign(Object.assign({}, values), { [event.currentTarget.name]: event.currentTarget.value }));
     };
-    var handleSubmit = function (event) {
+    const handleSubmit = (event) => {
         event.preventDefault();
         hydrajs_1.pcm.sendFeedbackForm(values, window.sessionjs, window.location.href, seSessionId !== null && seSessionId !== void 0 ? seSessionId : '');
         setValues(formInitState);
         toggleModal(!isModalOpen);
     };
-    var handleModalToggle = function () {
+    const handleModalToggle = () => {
         toggleModal(!isModalOpen);
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: handleModalToggle, variant: "link", "data-tracking-id": "se-feedback-trigger", className: "" + props.additionalBtnClass, isInline: props.isInline ? true : null },
+        react_1.default.createElement(react_core_1.Button, { key: "confirm", onClick: handleModalToggle, variant: "link", "data-tracking-id": "se-feedback-trigger", className: `${props.additionalBtnClass}`, isInline: props.isInline ? true : null },
             react_1.default.createElement(react_i18next_1.Trans, null, props.isInline ? props.buttonLabel.toLowerCase() : props.buttonLabel)),
         react_1.default.createElement(react_core_1.Modal, { className: "feedback-modal", title: t('Thank you for providing feedback'), "aria-describedby": "Feedback Form", isOpen: isModalOpen, variant: react_core_1.ModalVariant.large, onClose: handleModalToggle, actions: [
                 react_1.default.createElement("button", { key: "confirm", onClick: handleSubmit, disabled: isSubmitDisabled, className: "btn btn-app btn-primary", "data-tracking-id": "se-feedback-submit" },

package/lib/cjs/Functional/CaseContactsSelectorExternal.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -38,33 +27,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -76,154 +38,119 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHydraContactLabel = exports.renderMenuItemChildren = exports.CaseContactsSelectorExternal = void 0;
-var hydrajs_1 = require("@cee-eng/hydrajs");
-var utils_1 = require("@rh-support/utils");
-var differenceBy_1 = __importDefault(require("lodash/differenceBy"));
-var isArray_1 = __importDefault(require("lodash/isArray"));
-var isEmpty_1 = __importDefault(require("lodash/isEmpty"));
-var sortBy_1 = __importDefault(require("lodash/sortBy"));
-var react_1 = __importStar(require("react"));
-var react_bootstrap_typeahead_1 = require("react-bootstrap-typeahead");
-var react_i18next_1 = require("react-i18next");
-var usePrevious_1 = require("../hooks/usePrevious");
-var renderMenuItemChildren = function (option, p) { return (react_1.default.createElement(react_bootstrap_typeahead_1.Highlighter, { key: getKey(option), search: p.text }, getHydraContactLabel(option))); };
+const hydrajs_1 = require("@cee-eng/hydrajs");
+const utils_1 = require("@rh-support/utils");
+const differenceBy_1 = __importDefault(require("lodash/differenceBy"));
+const isArray_1 = __importDefault(require("lodash/isArray"));
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
+const sortBy_1 = __importDefault(require("lodash/sortBy"));
+const react_1 = __importStar(require("react"));
+const react_bootstrap_typeahead_1 = require("react-bootstrap-typeahead");
+const react_i18next_1 = require("react-i18next");
+const usePrevious_1 = require("../hooks/usePrevious");
+const renderMenuItemChildren = (option, p) => (react_1.default.createElement(react_bootstrap_typeahead_1.Highlighter, { key: getKey(option), search: p.text }, getHydraContactLabel(option)));
 exports.renderMenuItemChildren = renderMenuItemChildren;
-var isCustomEmailAddress = function (user) {
+const isCustomEmailAddress = (user) => {
     var _a;
     return !!((_a = user) === null || _a === void 0 ? void 0 : _a.emailAddress);
 };
-var isContact = function (user) {
+const isContact = (user) => {
     var _a, _b;
     return !!((_a = user) === null || _a === void 0 ? void 0 : _a.ssoUsername) && !((_b = user) === null || _b === void 0 ? void 0 : _b.emailAddress);
 };
-var getKey = function (option) {
+const getKey = (option) => {
     if (isCustomEmailAddress(option))
         return option.emailAddress;
     if (isContact(option))
         return option.ssoUsername;
 };
-var getHydraContactLabel = function (user) {
+const getHydraContactLabel = (user) => {
     if (isEmpty_1.default(user) || typeof user !== 'object')
         return '';
-    var label = '';
+    let label = '';
     if (isCustomEmailAddress(user)) {
         label = user.emailAddress;
     }
     else if (isContact(user)) {
-        var fullname = !isEmpty_1.default(user.fullNameCustom)
-            ? "" + user.fullNameCustom
-            : user.firstName + " " + user.lastName;
-        label = fullname + " (" + user.ssoUsername + ")";
+        const fullname = !isEmpty_1.default(user.fullNameCustom)
+            ? `${user.fullNameCustom}`
+            : `${user.firstName} ${user.lastName}`;
+        label = `${fullname} (${user.ssoUsername})`;
     }
     return label ? label : '';
 };
 exports.getHydraContactLabel = getHydraContactLabel;
 function CaseContactsSelectorExternal(props) {
-    var _this = this;
-    var previousSelectedAccountNumber = usePrevious_1.usePrevious(props.selectedAccountNumber);
+    const previousSelectedAccountNumber = usePrevious_1.usePrevious(props.selectedAccountNumber);
     /**
      * External owner selector related
      */
     /** Getting user list for selected account when logged in user is a external */
-    var _a = __read(react_1.useState(utils_1.getApiResourceObject([])), 2), contactList = _a[0], setContactList = _a[1];
-    var controllerRef1 = react_1.useRef(new AbortController());
-    var controllerRef2 = react_1.useRef(new AbortController());
-    react_1.useEffect(function () {
+    const [contactList, setContactList] = react_1.useState(utils_1.getApiResourceObject([]));
+    const controllerRef1 = react_1.useRef(new AbortController());
+    const controllerRef2 = react_1.useRef(new AbortController());
+    react_1.useEffect(() => {
         if (props.isExportingPDF)
             return;
         // when component is unmonted and error happens after apis responses are ready, we use this variable to prevent state update.
-        var isSubscribed = true;
-        var fetchStrataAccountUsers = function () { return __awaiter(_this, void 0, void 0, function () {
-            var contactListTemp, extraLoggedInContacts, contacts, promiseArray, loggedInContactsResponse, selectedAccountsContacts, currentAccountsContacts, e_1;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (controllerRef1.current) {
-                            controllerRef1.current.abort();
-                        }
-                        controllerRef1.current = new AbortController();
-                        if (controllerRef2.current) {
-                            controllerRef2.current.abort();
-                        }
-                        controllerRef2.current = new AbortController();
-                        _a.label = 1;
-                    case 1:
-                        _a.trys.push([1, 9, , 10]);
-                        setContactList(utils_1.getApiResourceObject([], true));
-                        contactListTemp = [];
-                        if (!(props.loggedInUserRights.isPartner() &&
-                            props.loggedInUserRights.isAccountDifferentFromLoggedInAccount(props.selectedAccountNumber))) return [3 /*break*/, 6];
-                        if (!props.loggedInUserRights.isNonOrgAdmin()) return [3 /*break*/, 3];
-                        extraLoggedInContacts = props.loggedInUserRights.getHydraContactFromLoggedInUser();
-                        return [4 /*yield*/, hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal)];
-                    case 2:
-                        contacts = _a.sent();
+        let isSubscribed = true;
+        const fetchStrataAccountUsers = () => __awaiter(this, void 0, void 0, function* () {
+            if (controllerRef1.current) {
+                controllerRef1.current.abort();
+            }
+            controllerRef1.current = new AbortController();
+            if (controllerRef2.current) {
+                controllerRef2.current.abort();
+            }
+            controllerRef2.current = new AbortController();
+            try {
+                setContactList(utils_1.getApiResourceObject([], true));
+                let contactListTemp = [];
+                if (props.loggedInUserRights.isPartner() &&
+                    props.loggedInUserRights.isAccountDifferentFromLoggedInAccount(props.selectedAccountNumber)) {
+                    /** Show Partner contacts even when customer account is selected
+                        - Non Org-Admin partners => Only logged in contact + All Customer contacts
+                        - Org-Admin partners => All partner contacts + All Customer contacts  */
+                    if (props.loggedInUserRights.isNonOrgAdmin()) {
+                        const extraLoggedInContacts = props.loggedInUserRights.getHydraContactFromLoggedInUser();
+                        const contacts = yield hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
                         contactListTemp = contacts.concat(extraLoggedInContacts);
-                        return [3 /*break*/, 5];
-                    case 3:
-                        promiseArray = [
+                    }
+                    else {
+                        let promiseArray = [
                             hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal),
                             hydrajs_1.accounts.getAccountContacts(props.loggedInUserRights.getAccountNumber(), controllerRef2.current.signal),
                         ];
-                        return [4 /*yield*/, Promise.all(promiseArray)];
-                    case 4:
-                        loggedInContactsResponse = _a.sent();
-                        selectedAccountsContacts = loggedInContactsResponse[0];
-                        currentAccountsContacts = loggedInContactsResponse[1];
-                        contactListTemp = __spreadArray(__spreadArray([], __read(selectedAccountsContacts)), __read(currentAccountsContacts));
-                        _a.label = 5;
-                    case 5: return [3 /*break*/, 8];
-                    case 6: return [4 /*yield*/, hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal)];
-                    case 7:
-                        contactListTemp = _a.sent();
-                        _a.label = 8;
-                    case 8:
-                        if (props.contactsToExclude && props.contactsToExclude.length > 0) {
-                            contactListTemp = differenceBy_1.default(contactListTemp, props.contactsToExclude, 'ssoUsername');
-                        }
-                        setContactList(utils_1.getApiResourceObject(utils_1.sortHydraContacts(contactListTemp)));
-                        return [3 /*break*/, 10];
-                    case 9:
-                        e_1 = _a.sent();
-                        isSubscribed && setContactList(utils_1.getApiResourceObject([], false, true, e_1.message));
-                        return [3 /*break*/, 10];
-                    case 10: return [2 /*return*/];
+                        const loggedInContactsResponse = yield Promise.all(promiseArray);
+                        const selectedAccountsContacts = loggedInContactsResponse[0];
+                        const currentAccountsContacts = loggedInContactsResponse[1];
+                        contactListTemp = [...selectedAccountsContacts, ...currentAccountsContacts];
+                    }
+                }
+                else {
+                    contactListTemp = yield hydrajs_1.accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
                 }
-            });
-        }); };
-        var isOldAccountNumber = props.selectedAccountNumber && props.selectedAccountNumber === previousSelectedAccountNumber;
+                if (props.contactsToExclude && props.contactsToExclude.length > 0) {
+                    contactListTemp = differenceBy_1.default(contactListTemp, props.contactsToExclude, 'ssoUsername');
+                }
+                setContactList(utils_1.getApiResourceObject(utils_1.sortHydraContacts(contactListTemp)));
+            }
+            catch (e) {
+                isSubscribed && setContactList(utils_1.getApiResourceObject([], false, true, e.message));
+            }
+        });
+        const isOldAccountNumber = props.selectedAccountNumber && props.selectedAccountNumber === previousSelectedAccountNumber;
         if (isOldAccountNumber ||
             (props.loggedInUserRights.isExternal() &&
                 props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)))
             return;
         fetchStrataAccountUsers();
-        return function () {
+        return () => {
             isSubscribed = false;
         };
     }, [
@@ -233,10 +160,10 @@ function CaseContactsSelectorExternal(props) {
         props.selectedAccountNumber,
         props.isExportingPDF,
     ]);
-    var onCustomerContactSelect = function (contacts) {
+    const onCustomerContactSelect = (contacts) => {
         if (!isArray_1.default(contacts))
             return;
-        var customerContacts = contacts.length === 0 || !isEmpty_1.default(contacts[0])
+        const customerContacts = contacts.length === 0 || !isEmpty_1.default(contacts[0])
             ? contacts
             : [
                 {
@@ -249,15 +176,15 @@ function CaseContactsSelectorExternal(props) {
             ];
         props.onChange && props.onChange(customerContacts);
     };
-    var onCustomerContactSelectBlur = function (event) {
+    const onCustomerContactSelectBlur = (event) => {
         props.onChange && props.onChange(props.selected);
     };
-    var isDisabled = (props.loggedInUserRights.isExternal() &&
+    const isDisabled = (props.loggedInUserRights.isExternal() &&
         props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)) ||
         props.isUpdating ||
         contactList.isFetching;
-    var renderMenu = function (results, menuProps, state) {
-        var contacts = results.map(function (item, index) {
+    const renderMenu = (results, menuProps, state) => {
+        const contacts = results.map((item, index) => {
             if (item.customOption) {
                 return (react_1.default.createElement(react_bootstrap_typeahead_1.MenuItem, { className: "rbt-menu-custom-option", key: index, option: item, position: index },
                     menuProps.newSelectionPrefix,
@@ -282,15 +209,15 @@ function CaseContactsSelectorExternal(props) {
                     react_1.default.createElement(react_bootstrap_typeahead_1.MenuItem, { key: index, option: item, position: index }, renderMenuItemChildren(item, state))));
             }
         });
-        return react_1.default.createElement(react_bootstrap_typeahead_1.Menu, __assign({}, menuProps), contacts);
+        return react_1.default.createElement(react_bootstrap_typeahead_1.Menu, Object.assign({}, menuProps), contacts);
     };
-    var customEmails = props.customEmails, restProps = __rest(props, ["customEmails"]);
-    var conditionalProps = __assign(__assign({}, (props.renderToken ? { renderToken: props.renderToken } : undefined)), ((customEmails || []).length > 0 ? { renderMenu: renderMenu } : undefined));
-    var getCustomEmails = function () {
-        return sortBy_1.default((customEmails || []).map(function (item) { return (__assign(__assign({}, item), { ssoUsername: item.emailAddress, firstName: item.emailAddress, lastName: item.emailAddress })); }), 'emailAddress');
+    const { customEmails } = props, restProps = __rest(props, ["customEmails"]);
+    const conditionalProps = Object.assign(Object.assign({}, (props.renderToken ? { renderToken: props.renderToken } : undefined)), ((customEmails || []).length > 0 ? { renderMenu } : undefined));
+    const getCustomEmails = () => {
+        return sortBy_1.default((customEmails || []).map((item) => (Object.assign(Object.assign({}, item), { ssoUsername: item.emailAddress, firstName: item.emailAddress, lastName: item.emailAddress }))), 'emailAddress');
     };
-    return (react_1.default.createElement(react_bootstrap_typeahead_1.Typeahead, __assign({}, restProps, { id: props.id || '', 
+    return (react_1.default.createElement(react_bootstrap_typeahead_1.Typeahead, Object.assign({}, restProps, { id: props.id || '', 
         // @ts-expect-error
-        className: props.className || '', filterBy: ['firstName', 'lastName', 'ssoUsername'], clearButton: !!props.clearButton, multiple: !!props.multiple, isLoading: contactList.isFetching || props.isUpdating, options: __spreadArray(__spreadArray([], __read(contactList.data)), __read(getCustomEmails())), selected: !isEmpty_1.default(props.selected) ? props.selected : [], onChange: onCustomerContactSelect, labelKey: props.multiple ? 'ssoUsername' : getHydraContactLabel, placeholder: props.placeholder || 'Search by name or username', renderMenuItemChildren: renderMenuItemChildren, onBlur: onCustomerContactSelectBlur, minLength: props.minLength || 0, disabled: isDisabled }, conditionalProps)));
+        className: props.className || '', filterBy: ['firstName', 'lastName', 'ssoUsername'], clearButton: !!props.clearButton, multiple: !!props.multiple, isLoading: contactList.isFetching || props.isUpdating, options: [...contactList.data, ...getCustomEmails()], selected: !isEmpty_1.default(props.selected) ? props.selected : [], onChange: onCustomerContactSelect, labelKey: props.multiple ? 'ssoUsername' : getHydraContactLabel, placeholder: props.placeholder || 'Search by name or username', renderMenuItemChildren: renderMenuItemChildren, onBlur: onCustomerContactSelectBlur, minLength: props.minLength || 0, disabled: isDisabled }, conditionalProps)));
 }
 exports.CaseContactsSelectorExternal = CaseContactsSelectorExternal;