@rh-support/components 2.5.214 → 2.5.223

package/lib/esm/ConfirmationModal/ConfirmationDialog.js

@@ -15,7 +15,7 @@ function ConfirmationDialog(props) {
         !isEmpty(props.title) && (React.createElement(ModalHeader, null,
             React.createElement("h2", null, props.title))),
         React.createElement(ModalBody, null,
-            React.createElement("div", { id: "se-confirm-dialog" }, props.description)),
+            React.createElement("p", { id: "se-confirm-dialog" }, props.description)),
         React.createElement(ModalFooter, null,
             React.createElement(Button, { key: "confirm", onClick: props.onConfirm, variant: props.confirmButtonVariant },
                 React.createElement(Trans, null, props.confirmText)),

package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts

@@ -28,8 +28,6 @@ interface IProps extends IDClassNameProps {
     onNew?: (query: string) => void;
     canAddNew?: (options: ITypeaheadDropdownGroupOrOption[], query: string) => boolean;
     getCreateNewText?: (query: string) => string;
-    onContactEnriched?: (contact: IContact) => void;
-    contactFilter?: (contact: IContact) => boolean;
 }
 export declare const CONTACTS_PAGE_SIZE = 10;
 export declare const DEFAULT_CONTACTS_OFFSET: number;

package/lib/esm/Functional/CaseContactsSelectorExternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAcxD,OAAO,KAA4D,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,IAAI,IAAI,0BAEzE,CAAC;AAMF,QAAA,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,KAAK,EAAE,MAAM,qBA4SlD;AAED,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"CaseContactsSelectorExternal.d.ts","sourceRoot":"","sources":["../../../src/Functional/CaseContactsSelectorExternal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yCAAyC,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,qCAAqC,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAuB,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAQxD,OAAO,KAA4D,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AAEzF,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,0BAA0B,CAAC;AACzE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,CAAC;IACpD,QAAQ,EAAE,CAAC,gBAAgB,EAAE,CAAC,QAAQ,GAAG,0BAA0B,CAAC,EAAE,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,KAAA,EAAE,KAAK,KAAA,EAAE,GAAG,KAAA,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,CAAC,EAAE,6BAA6B,EAAE,CAAC;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,+BAA+B,EAAE,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACnF,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAChD;AAED,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,IAAI,IAAI,0BAEzE,CAAC;AAMF,QAAA,MAAM,oBAAoB,GAAI,MAAM,oBAAoB,KAAG,MAa1D,CAAC;AAEF,iBAAS,4BAA4B,CAAC,KAAK,EAAE,MAAM,qBAwNlD;AAED,OAAO,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/Functional/CaseContactsSelectorExternal.js

@@ -7,9 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
-import { GET_ACCOUNT_CONTACTS, getApiResourceObject, isEmailValid, } from '@rh-support/utils';
-import debounce from 'lodash/debounce';
+import { accounts } from '@cee-eng/hydrajs';
+import { getApiResourceObject, isEmailValid, sortHydraContacts } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
 import isArray from 'lodash/isArray';
@@ -17,6 +16,7 @@ import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import sortBy from 'lodash/sortBy';
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { usePrevious } from '../hooks/usePrevious';
 import { OwnerTypeaheadDropdown } from '../OwnerTypeaheadDropdown';
 export const CONTACTS_PAGE_SIZE = 10;
 export const DEFAULT_CONTACTS_OFFSET = CONTACTS_PAGE_SIZE - 1;
@@ -42,152 +42,82 @@ const getHydraContactLabel = (user) => {
     return label ? label : '';
 };
 function CaseContactsSelectorExternal(props) {
-    const apolloClient = useApolloClient();
     const { customEmails, contactSsoUsername, isInvalid, groupContactsAndEmails, selected } = props;
+    const previousSelectedAccountNumber = usePrevious(props.selectedAccountNumber);
     const [filteredContacts, setFilteredContacts] = useState([]);
+    /**
+     * External owner selector related
+     */
+    /** Getting user list for selected account when logged in user is a external */
     const [contactList, setContactList] = useState(getApiResourceObject([]));
-    const [hasNextPage, setHasNextPage] = useState(false);
-    const [endCursor, setEndCursor] = useState(null);
-    const [isLoadingMore, setIsLoadingMore] = useState(false);
-    const mapContactEdges = (edges, accountNumber) => edges
-        .filter(({ node }) => { var _a; return (_a = node.SSOUserName__c) === null || _a === void 0 ? void 0 : _a.value; })
-        .map(({ node }) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-        return ({
-            id: node.Id,
-            ssoUsername: node.SSOUserName__c.value,
-            firstName: (_b = (_a = node.FirstName) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
-            lastName: (_d = (_c = node.LastName) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : '',
-            fullNameCustom: (_f = (_e = node.Name) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : '',
-            manageSupportCases: (_h = (_g = node.ManageSupportCases__c) === null || _g === void 0 ? void 0 : _g.value) !== null && _h !== void 0 ? _h : true,
-            isInternal: (_k = (_j = node.IsInternal__c) === null || _j === void 0 ? void 0 : _j.value) !== null && _k !== void 0 ? _k : false,
-            isOrgAdmin: (_m = (_l = node.IsOrgAdmin__c) === null || _l === void 0 ? void 0 : _l.value) !== null && _m !== void 0 ? _m : false,
-            phone: (_p = (_o = node.Phone) === null || _o === void 0 ? void 0 : _o.value) !== null && _p !== void 0 ? _p : '',
-            defaultCaseGroup: (_r = (_q = node.DefaultCaseGroup__c) === null || _q === void 0 ? void 0 : _q.value) !== null && _r !== void 0 ? _r : null,
-            accountNumber,
-        });
-    });
-    const buildContactsWhere = (searchQuery) => {
-        const base = { IsActive__c: { eq: true } };
-        if (!(searchQuery === null || searchQuery === void 0 ? void 0 : searchQuery.trim()))
-            return base;
-        const term = `%${searchQuery.trim()}%`;
-        return {
-            and: [
-                base,
-                {
-                    or: [{ Name: { like: term } }, { SSOUserName__c: { like: term } }],
-                },
-            ],
-        };
-    };
-    const fetchContactsPage = (after, searchQuery) => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const { data } = yield apolloClient.query({
-            query: GET_ACCOUNT_CONTACTS,
-            variables: Object.assign(Object.assign({ first: CONTACTS_PAGE_SIZE }, (after ? { after } : {})), { contactsWhere: buildContactsWhere(searchQuery) }),
-            fetchPolicy: after ? 'network-only' : 'network-only',
-        });
-        const response = data;
-        const accountNode = (_e = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportAccount) === null || _c === void 0 ? void 0 : _c.edges) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.node;
-        const contactEdges = (_g = (_f = accountNode === null || accountNode === void 0 ? void 0 : accountNode.Contacts) === null || _f === void 0 ? void 0 : _f.edges) !== null && _g !== void 0 ? _g : [];
-        const pageInfo = (_j = (_h = accountNode === null || accountNode === void 0 ? void 0 : accountNode.Contacts) === null || _h === void 0 ? void 0 : _h.pageInfo) !== null && _j !== void 0 ? _j : { hasNextPage: false, endCursor: null };
-        const accountNumber = (_l = (_k = accountNode === null || accountNode === void 0 ? void 0 : accountNode.AccountNumber) === null || _k === void 0 ? void 0 : _k.value) !== null && _l !== void 0 ? _l : props.selectedAccountNumber;
-        return { contacts: mapContactEdges(contactEdges, accountNumber), pageInfo };
-    });
-    const currentSearchQuery = useRef('');
-    const loadMoreContacts = () => __awaiter(this, void 0, void 0, function* () {
-        if (!hasNextPage || isLoadingMore)
-            return;
-        setIsLoadingMore(true);
-        try {
-            const { contacts: newContacts, pageInfo } = yield fetchContactsPage(endCursor, currentSearchQuery.current);
-            setContactList((prev) => getApiResourceObject([...(prev.data || []), ...newContacts]));
-            setHasNextPage(pageInfo.hasNextPage);
-            setEndCursor(pageInfo.endCursor);
-        }
-        catch (_a) {
-            // silently fail on load more
-        }
-        setIsLoadingMore(false);
-    });
-    const searchContacts = (query) => __awaiter(this, void 0, void 0, function* () {
-        currentSearchQuery.current = query;
-        setContactList(getApiResourceObject([], true));
-        setHasNextPage(false);
-        setEndCursor(null);
-        try {
-            const { contacts, pageInfo } = yield fetchContactsPage(null, query);
-            if (currentSearchQuery.current === query) {
-                setContactList(getApiResourceObject(contacts));
-                setHasNextPage(pageInfo.hasNextPage);
-                setEndCursor(pageInfo.endCursor);
-            }
-        }
-        catch (_a) {
-            setContactList(getApiResourceObject([]));
-        }
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    const debouncedSearch = useCallback(debounce(searchContacts, 400), [apolloClient]);
+    const controllerRef1 = useRef(new AbortController());
+    const controllerRef2 = useRef(new AbortController());
     useEffect(() => {
-        const { selectedAccountNumber, loggedInUserRights, isExportingPDF } = props;
-        const isNonOrgAdminSameAccount = loggedInUserRights.isExternal() && loggedInUserRights.isNonOrgAdminWithSameAccount(selectedAccountNumber);
-        if (isExportingPDF || !selectedAccountNumber || isNonOrgAdminSameAccount) {
+        if (props.isExportingPDF)
             return;
-        }
-        let cancelled = false;
-        const fetchAccountContacts = () => __awaiter(this, void 0, void 0, function* () {
-            setContactList(getApiResourceObject([], true));
+        // when component is unmonted and error happens after apis responses are ready, we use this variable to prevent state update.
+        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 {
-                const { contacts, pageInfo } = yield fetchContactsPage();
-                if (!cancelled) {
-                    setContactList(getApiResourceObject(contacts));
-                    setHasNextPage(pageInfo.hasNextPage);
-                    setEndCursor(pageInfo.endCursor);
+                setContactList(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 accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
+                        contactListTemp = contacts.concat(extraLoggedInContacts);
+                    }
+                    else {
+                        let promiseArray = [
+                            accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal),
+                            accounts.getAccountContacts(props.loggedInUserRights.getAccountNumber(), controllerRef2.current.signal),
+                        ];
+                        const loggedInContactsResponse = yield Promise.all(promiseArray);
+                        const selectedAccountsContacts = loggedInContactsResponse[0];
+                        const currentAccountsContacts = loggedInContactsResponse[1];
+                        contactListTemp = [...selectedAccountsContacts, ...currentAccountsContacts];
+                    }
+                }
+                else {
+                    contactListTemp = yield accounts.getAccountContacts(props.selectedAccountNumber, controllerRef1.current.signal);
+                }
+                if (props.contactsToExclude && props.contactsToExclude.length > 0) {
+                    contactListTemp = differenceBy(contactListTemp, props.contactsToExclude, 'ssoUsername');
                 }
+                setContactList(getApiResourceObject(sortHydraContacts(contactListTemp)));
             }
             catch (e) {
-                if (!cancelled) {
-                    setContactList(getApiResourceObject([], false, true, e.message));
-                }
+                isSubscribed && setContactList(getApiResourceObject([], false, true, e.message));
             }
         });
-        fetchAccountContacts();
+        const isOldAccountNumber = props.selectedAccountNumber && props.selectedAccountNumber === previousSelectedAccountNumber;
+        if (isOldAccountNumber ||
+            (props.loggedInUserRights.isExternal() &&
+                props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)))
+            return;
+        fetchStrataAccountUsers();
         return () => {
-            cancelled = true;
+            isSubscribed = false;
         };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [apolloClient, props.selectedAccountNumber, props.isExportingPDF]);
-    useEffect(() => {
-        if (contactList.isFetching || isEmpty(contactList.data) || isEmpty(selected))
-            return;
-        const currentOwner = selected[0];
-        if (!(currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.ssoUsername))
-            return;
-        const matchedContact = contactList.data.find((c) => {
-            var _a, _b;
-            return c.id === (currentOwner === null || currentOwner === void 0 ? void 0 : currentOwner.id) ||
-                ((_a = c.ssoUsername) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = currentOwner.ssoUsername) === null || _b === void 0 ? void 0 : _b.toLowerCase());
-        });
-        if (matchedContact === null || matchedContact === void 0 ? void 0 : matchedContact.id) {
-            props.onContactEnriched
-                ? props.onContactEnriched(matchedContact)
-                : props.onChange && props.onChange([matchedContact]);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [contactList.data, contactList.isFetching]);
-    const displayedContacts = useMemo(() => {
-        var _a;
-        let contacts = (_a = contactList.data) !== null && _a !== void 0 ? _a : [];
-        if (props.contactsToExclude && props.contactsToExclude.length > 0) {
-            contacts = differenceBy(contacts, props.contactsToExclude, 'ssoUsername');
-        }
-        if (props.contactFilter) {
-            contacts = contacts.filter(props.contactFilter);
-        }
-        return contacts;
-    }, [contactList.data, props.contactsToExclude, props.contactFilter]);
+    }, [
+        previousSelectedAccountNumber,
+        props.contactsToExclude,
+        props.loggedInUserRights,
+        props.selectedAccountNumber,
+        props.isExportingPDF,
+    ]);
     const onCustomerContactSelect = (contacts) => {
         if (!isArray(contacts))
             return;
@@ -204,10 +134,11 @@ function CaseContactsSelectorExternal(props) {
             ];
         props.onChange && props.onChange(customerContacts);
     };
-    const isNonOrgAdminSameAccountDisabled = props.loggedInUserRights.isExternal() &&
-        props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber);
-    const isDisabled = isNonOrgAdminSameAccountDisabled || props.isUpdating || contactList.isFetching || props.isDisabled;
-    const isLoading = props.isUpdating || contactList.isFetching;
+    const isDisabled = (props.loggedInUserRights.isExternal() &&
+        props.loggedInUserRights.isNonOrgAdminWithSameAccount(props.selectedAccountNumber)) ||
+        props.isUpdating ||
+        contactList.isFetching ||
+        props.isDisabled;
     const getCustomEmails = useCallback(() => {
         return sortBy((customEmails || []).map((item) => (Object.assign(Object.assign({}, item), { ssoUsername: item.emailAddress, firstName: item.emailAddress, lastName: item.emailAddress }))), 'emailAddress');
     }, [customEmails]);
@@ -216,39 +147,34 @@ function CaseContactsSelectorExternal(props) {
      */
     const allOptions = useMemo(() => {
         return [
-            ...map(displayedContacts, (contact) => ({ contact, isCustomEmail: false })),
+            ...map(contactList.data, (contact) => ({ contact, isCustomEmail: false })),
             ...map(getCustomEmails(), (email) => ({
                 isCustomEmail: true,
                 contact: Object.assign(Object.assign({}, email), { ssoUsername: email.emailAddress, firstName: email.emailAddress, lastName: email.emailAddress }),
             })),
         ];
-    }, [displayedContacts, getCustomEmails]);
+    }, [contactList.data, getCustomEmails]);
     /**
      * update the shown options in the dropdown and reset the amount of options show to the default.
      * @param query The user search term
      */
     const onQueryUpdated = (query) => {
-        setHasNextPage(false);
         if (isEmpty(query)) {
-            currentSearchQuery.current = '';
-            debouncedSearch.cancel();
-            searchContacts('');
+            setFilteredContacts(allOptions);
         }
         else {
-            const localFiltered = filter(allOptions, (option) => getHydraContactLabel(option.contact).toLowerCase().includes(query.toLowerCase()));
-            setFilteredContacts(localFiltered);
-            debouncedSearch(query);
+            const filteredContacts = filter(allOptions, (option) => getHydraContactLabel(option.contact).toLowerCase().includes(query.toLowerCase()));
+            setFilteredContacts(filteredContacts);
         }
     };
     /**
      * Reset the filtered contacts and the current offset.
      */
     const onClearQuery = () => {
-        if (currentSearchQuery.current) {
-            currentSearchQuery.current = '';
-            debouncedSearch.cancel();
-            searchContacts('');
-        }
+        var _a;
+        const numOfCustomEmails = (_a = customEmails === null || customEmails === void 0 ? void 0 : customEmails.length) !== null && _a !== void 0 ? _a : 0;
+        if (filteredContacts.length === contactList.data.length + numOfCustomEmails)
+            return;
         setFilteredContacts(allOptions);
     };
     /**
@@ -269,7 +195,7 @@ function CaseContactsSelectorExternal(props) {
      */
     useEffect(() => {
         setFilteredContacts(allOptions);
-    }, [displayedContacts, customEmails, allOptions, selected]);
-    return (React.createElement(OwnerTypeaheadDropdown, { id: props.id || '', hasClearButton: true, multiple: !!props.multiple, contactSsoUsername: contactSsoUsername, groupContactsAndEmails: groupContactsAndEmails, selected: !isEmpty(props.selected) ? props.selected : [], options: filteredContacts, placeholder: props.placeholder || 'Search by name or username', "data-tracking-id": "external-case-contact-selector", isDisabled: isDisabled, status: isInvalid ? 'danger' : undefined, onChipRemoved: onChipRemoved, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, onSelect: onCustomerContactSelect, canAddNew: canAddNew, getCreateNewText: props === null || props === void 0 ? void 0 : props.getCreateNewText, isLoading: isLoading || isLoadingMore, onHandleLoadMore: loadMoreContacts, isShowMoreOptionVisible: hasNextPage }));
+    }, [contactList.data, customEmails, allOptions, selected]);
+    return (React.createElement(OwnerTypeaheadDropdown, { id: props.id || '', hasClearButton: true, multiple: !!props.multiple, contactSsoUsername: contactSsoUsername, groupContactsAndEmails: groupContactsAndEmails, selected: !isEmpty(props.selected) ? props.selected : [], options: filteredContacts, placeholder: props.placeholder || 'Search by name or username', "data-tracking-id": "external-case-contact-selector", isDisabled: isDisabled, status: isInvalid ? 'danger' : undefined, onChipRemoved: onChipRemoved, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, onSelect: onCustomerContactSelect, canAddNew: canAddNew, getCreateNewText: props === null || props === void 0 ? void 0 : props.getCreateNewText, isLoading: props.isUpdating || contactList.isFetching }));
 }
 export { CaseContactsSelectorExternal, getHydraContactLabel };

package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts

@@ -0,0 +1,49 @@
+import './markdownEditor.css';
+import { IAttachment } from '@cee-eng/hydrajs/@types/models/attachment';
+import { IMarkdownOptions } from '@cee-eng/ui-toolkit';
+import React, { HTMLProps } from 'react';
+export declare enum EditorMode {
+    PLAIN = "plaintext",
+    MARKDOWN = "markdown"
+}
+interface IFileSelectorProps {
+    showFileSelectorInToolbar: boolean;
+    filesList: Partial<IAttachment>[];
+    onFileSelect: (file: Partial<IAttachment>) => void;
+    onFileDelete: (file: Partial<IAttachment>) => void;
+    onClipboardPaste: (file: any) => void;
+    isSupportedFile: (extension: string) => boolean;
+    attachFileBtn: React.ReactNode;
+    isUploadingFile: boolean;
+}
+export interface IMDEditorProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'onChange' | 'value' | 'ref'> {
+    value: string;
+    onChange: (value: string, mode?: EditorMode) => void;
+    className?: string;
+    id?: string;
+    hidePreviewText?: string;
+    showPreviewText?: string;
+    bindTextArea?: (ref: HTMLTextAreaElement) => void;
+    textAreaClassName?: string;
+    mdPlaceholder?: string;
+    plainTextPlaceholder?: string;
+    allowEmoji?: boolean;
+    hideHeadingOptions?: boolean;
+    markedownOptions?: IMarkdownOptions;
+    showMarkdownPlainTextToggle?: boolean;
+    editorMode?: EditorMode;
+    charLimit?: number;
+    minCharsForCounter?: number;
+    onCommentExceedCharsLimit: (val: boolean) => void;
+    fileSelectorProps?: Partial<IFileSelectorProps>;
+}
+export declare const validateFile: (file: Partial<IAttachment>) => {
+    isValid: boolean;
+    errorMsg: string;
+};
+declare function MarkdownEditor(props: IMDEditorProps): React.JSX.Element;
+declare namespace MarkdownEditor {
+    var defaultProps: Partial<IMDEditorProps>;
+}
+export { MarkdownEditor };
+//# sourceMappingURL=MarkdownEditor.d.ts.map

package/lib/esm/MarkdownEditor/MarkdownEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../src/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,OAAO,EAAE,gBAAgB,EAAwB,MAAM,qBAAqB,CAAC;AAiC7E,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAMtE,oBAAY,UAAU;IAClB,KAAK,cAAc;IACnB,QAAQ,aAAa;CACxB;AAED,UAAU,kBAAkB;IACxB,yBAAyB,EAAE,OAAO,CAAC;IACnC,SAAS,EAAE,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,gBAAgB,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC;IAChD,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,KAAK,CAAC;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yBAAyB,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAClD,iBAAiB,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACnD;AA2BD,eAAO,MAAM,YAAY,GAAI,MAAM,OAAO,CAAC,WAAW,CAAC,KAAG;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAiB7F,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,cAAc,qBAk8B5C;kBAl8BQ,cAAc;;;AAs8BvB,OAAO,EAAE,cAAc,EAAE,CAAC"}