@bigbinary/neeto-commons-frontend 2.1.37 → 2.1.39

package/README.md

@@ -1,7 +1,7 @@
 # neeto-commons-frontend
 
 A library that packages common boilerplate frontend code necessary for all neeto
-products. Try out the utility functions live at [neetoCommons REPL](https://neeto-cist.neeto.com/).
+products.
 
 <table>
 <thead>

package/cypress-utils.cjs.js

@@ -195,27 +195,27 @@ var commonSelectors = {
   alertTitle: dataCy("alert-title"),
   alertModalMessage: dataCy("alert-message"),
   alertModalSubmitButton: dataCy("alert-submit-button"),
-  checkbox: ".neeto-ui-checkbox",
+  checkbox: dataCy("nui-checkbox-input"),
   checkboxLabel: dataCy("nui-checkbox-label"),
   dropdownContainer: dataCy("nui-dropdown-container"),
   dropdownIcon: dataCy("nui-dropdown-icon"),
   heading: dataCy("main-header"),
-  paneBody: ".neeto-ui-pane__body",
-  paneHeader: ".neeto-ui-pane__header",
-  profileSidebar: ".neeto-ui-profile-sidebar",
+  paneBody: dataCy("pane-body"),
+  paneHeader: dataCy("pane-header"),
+  profileSidebar: dataCy("profile-section"),
   selectOption: function selectOption(label) {
     return dataCy("".concat(hyphenize(label), "-select-option"));
   },
   toastMessage: dataCy("toastr-message-container"),
-  toastCloseButton: ".neeto-ui-toastr__close-button",
+  toastCloseButton: dataCy("toastr-close-button"),
   windowAlert: "#alert-box",
   body: "body",
   toastIcon: ".Toastify__toast-icon",
-  paneModalCrossIcon: ".neeto-ui-pane__close",
+  paneModalCrossIcon: dataCy("pane-close-button"),
   inputField: dataCy("nui-input-field"),
   alertConfirmationText: dataCy("alert-confirmation-text"),
   alertCancelButton: dataCy("alert-cancel-button"),
-  alertModalCrossIcon: ".neeto-ui-modal__close",
+  alertModalCrossIcon: dataCy("modal-close-button"),
   saveChangesButton: dataCy("save-changes-button"),
   cancelButton: dataCy("cancel-button"),
   inputFieldError: dataCy("nui-input-error"),
@@ -225,17 +225,41 @@ var commonSelectors = {
   },
   noDataTitle: dataCy("no-data-title"),
   noDataDescription: dataCy("no-data-description"),
-  backDrop: "[data-testid='backdrop']",
+  backdrop: dataCy("neeto-backdrop"),
   menuBarHeading: dataCy("menubar-heading"),
-  tabItem: function tabItem(index) {
+  nthTabItem: function nthTabItem(index) {
     return dataCy("tab-item", ":eq(".concat(index, ")"));
   },
   dropdownWrapper: function dropdownWrapper(index) {
     return dataCy("nui-select-container-wrapper", ":eq(".concat(index, ")"));
   },
   toggleButton: dataCy("menubar-toggle-button"),
-  tooltip: ".tippy-box",
-  articlePageTitle: ".serene-article__title"
+  tooltip: dataCy("tooltip-box"),
+  articlePageTitle: ".serene-article__title",
+  tabItem: dataCy("tab-item"),
+  labelInputError: dataCy("label-input-error"),
+  urlInputError: dataCy("url-input-error"),
+  noDataPrimaryButton: dataCy("no-data-primary-button"),
+  modalHeader: dataCy("modal-header"),
+  nameInputError: dataCy("name-input-error"),
+  selectContainer: dataCy("nui-select-container"),
+  dropdownMenu: dataCy("nui-select-menu"),
+  nthDropdownIcon: function nthDropdownIcon(index) {
+    return dataCy("nui-dropdown-icon", ":eq(".concat(index, ")"));
+  },
+  sidebarToggle: dataCy("neeto-molecules-sidebar-toggler"),
+  customDataCy: function customDataCy(name) {
+    return dataCy(name);
+  },
+  leftSubHeader: dataCy("subheader-left"),
+  subheader: dataCy("subheader"),
+  settingsLink: dataCy("Settings"),
+  nthInputField: function nthInputField(index) {
+    return dataCy("nui-input-field", ":eq(".concat(index, ")"));
+  },
+  ticketFieldTextInput: function ticketFieldTextInput(label) {
+    return dataCy("".concat(hyphenize(label), "-text-input"));
+  }
 };
 var tableSelectors = {
   nthColumn: function nthColumn(n) {
@@ -252,10 +276,12 @@ var tableSelectors = {
 var profileSelectors = {
   tab: dataCy("profile-section"),
   logoutLink: dataCy("profile-logout-button"),
-  profileOptionsContainer: '[class="tippy-box sidebar-featured-tooltip__content"]',
   myProfileButton: dataCy("my-profile-button"),
   organizationSettingsButton: dataCy("profile-organization-settings-button"),
-  loader: dataTestId("spinner")
+  loader: dataTestId("spinner"),
+  appSwitcherBody: dataCy("app-switcher-body-wrapper"),
+  sidebarInfo: dataCy("sidebar-info"),
+  appSwitcherBackButton: dataCy("app-switcher-back-button")
 };
 
 var commonTexts = {
@@ -282,7 +308,13 @@ var commonTexts = {
   unsavedChangesAlertTitle: "You have unsaved changes!",
   unsavedChangesAlertMessage: "Are you sure you want to continue? All of your unsaved changes will be lost.",
   clearFilters: "Clear filters",
-  filters: "Filters"
+  filters: "Filters",
+  descriptionRequiredMessage: "Description is required.",
+  active: "active",
+  deactivated: "deactivated",
+  nameExistsMsg: "Name already exists",
+  cancel: "Cancel",
+  "continue": "Continue"
 };
 
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -566,9 +598,6 @@ var memberSelectors = {
   continueButton: dataCy("ntm-manage-member-continue-button"),
   submitButton: dataCy("ntm-manage-member-submit-button"),
   searchTextField: dataCy("ntm-search-members-input"),
-  email: "td:nth-child(3)",
-  name: "td:nth-child(2)",
-  role: "td:nth-child(4)",
   deactivatedAgentsButton: dataCy("ntm-members-menubar-deactivated-block"),
   activatedMembersButton: dataCy("ntm-members-menubar-active-block"),
   columnCheckBox: dataCy("neeto-ui-columns-checkbox"),
@@ -579,7 +608,6 @@ var memberSelectors = {
   editButton: dataCy("ntm-edit-member-button"),
   menuBarHeading: dataCy("ntm-members-menubar-heading"),
   activateOrDeactivateMember: dataCy("ntm-deactivate-member-button"),
-  subHeader: "[data-testid='subheader']",
   columnsButton: dataCy("columns-dropdown-button"),
   columnsDropdownContainer: dataCy("columns-dropdown-container"),
   emailDropdownItemLabel: dataCy("email-checkbox-label"),
@@ -594,13 +622,30 @@ var memberSelectors = {
   statusTag: dataCy("ntm-member-status-tag")
 };
 var memberFormSelectors = {
-  emailTextField: "input.neeto-ui-react-select__input:eq(0)",
+  emailTextField: dataCy("email-select-input-field"),
   firstNameTextField: dataCy("ntm-edit-member-first-name-text-field"),
   lastNameTextField: dataCy("ntm-edit-member-last-name-text-field"),
   emailInput: dataCy("ntm-manage-member-email-input"),
   emailErrorField: dataCy("emails-input-error"),
   cancelButton: dataCy("ntm-manage-member-cancel-button")
 };
+var neetoFiltersSelectors = {
+  emailSelectContainer: dataCy("email-select-container-wrapper"),
+  filterPaneHeading: dataCy("neeto-filters-pane-header"),
+  neetoFiltersEmailBlock: dataCy("neeto-filters-email-block"),
+  neetoFiltersRoleBlock: dataCy("neeto-filters-role-block"),
+  neetoFiltersBarClearButton: dataCy("neeto-filters-bar-clear-btn"),
+  neetoFiltersNameFilterField: dataCy("neeto-filters-name-filter"),
+  neetoFilterNameBlock: dataCy("neeto-filters-name-block"),
+  roleSelectContainer: dataCy("role-select-container-wrapper"),
+  filterButton: dataCy("neeto-filters-toggle-btn"),
+  filtersClearButton: dataCy("neeto-filters-clear-btn"),
+  filterDoneButton: dataCy("neeto-filters-done-btn"),
+  filteredMembersCount: dataCy("ntm-filtered-members-count"),
+  allMenubarBlock: dataCy("ntm-members-menubar-all-block"),
+  filtersEmailFilter: dataCy("neeto-filters-email-filter"),
+  paneModalCrossIcon: dataCy("neeto-filters-close-button")
+};
 
 var signUpSelectors = {
   emailTextField: dataCy("signup-email-text-field"),
@@ -625,13 +670,13 @@ var helpIconSelectors = {
   whatsNewButton: dataCy("help-link-changelog-button"),
   whatsNewWidgetInfo: "h1",
   whatsNewWidgetCloseButton: ".nc-widget-header__btn",
-  keyboardShortcutPaneHeading: ".h-full > .neeto-ui-border-gray-300",
-  keyboardShortcutPaneCrossIcon: ".neeto-ui-border-gray-300 > .neeto-ui-btn"
+  keyboardShortcutPaneHeading: dataCy("keyboard-shortcuts-pane-title"),
+  keyboardShortcutPaneCrossIcon: dataCy("keyboard-shortcuts-pane-close-button")
 };
 var chatWidgetSelectors = {
-  chatWidgetHomeCard: ".neeto-chat-widget-home__card-content",
-  widgetSubmitButton: ".neeto-chat-widget-button",
-  chatBubbleMessage: ".neeto-chat-widget-chat-bubble__message",
+  chatWidgetHomeCard: dataCy("neeto-chat-widget-cta-title"),
+  widgetSubmitButton: dataCy("neeto-chat-widget-pre-chat-submit-btn"),
+  chatBubbleMessage: dataCy("neeto-chat-widget-chat-message-bubble"),
   chatCloseButton: ".neeto-chat-widget-icon--close",
   widgetIframe: "#neetochat-iframe"
 };
@@ -707,8 +752,6 @@ var helpIconTexts = {
   welcome: "Welcome",
   keyboardShortcuts: "Keyboard shortcuts",
   liveChat: "Live chat",
-  newConversation: "New Conversation",
-  chatMessage: "Hello. Go ahead and ask us anything.",
   whatsNew: "What's new"
 };
 var profileTexts = {
@@ -889,6 +932,7 @@ Object.defineProperty(fake, "streetAddress", {
 });
 fake.phoneNumber = phoneNumber;
 
+/* eslint-disable xss/no-location-href-assign */
 var verifyTabMenu = function verifyTabMenu(_ref) {
   var tabSelector = _ref.tabSelector,
     _ref$alias = _ref.alias,
@@ -980,7 +1024,9 @@ var verifyChatWithUsTab = function verifyChatWithUsTab(_ref3) {
     });
     cy.get(chatWidgetSelectors.chatWidgetHomeCard, {
       timeout: 10000
-    }).eq(0).should("have.text", helpIconTexts.newConversation).click();
+    }).click({
+      force: true
+    });
     requestCount && cy.wait("@".concat(alias), requestCount);
     requestCount && cy.interceptNonVersionedApi({
       url: requestApis.allChatPath,
@@ -989,7 +1035,7 @@ var verifyChatWithUsTab = function verifyChatWithUsTab(_ref3) {
     });
     cy.get(chatWidgetSelectors.widgetSubmitButton).click();
     requestCount && cy.waitForMultipleRequest("@".concat(alias), requestCount);
-    cy.get(chatWidgetSelectors.chatBubbleMessage).should("have.text", helpIconTexts.chatMessage);
+    cy.get(chatWidgetSelectors.chatBubbleMessage).should("be.visible");
   });
   cy.get(chatWidgetSelectors.chatCloseButton).click();
   cy.get(chatWidgetSelectors.widgetIframe).should("not.exist");
@@ -1251,11 +1297,11 @@ var verifyMemberDetails = function verifyMemberDetails(_ref3) {
   });
   !skipSearchRequest && cy.wait("@searchMember");
   return cy.contains(tableSelectors.tableRow, email).within(function () {
-    cy.get(memberSelectors.email).should("have.text", email);
-    cy.get(memberSelectors.name).within(function () {
+    cy.get(tableSelectors.nthColumn(3)).should("have.text", email);
+    cy.get(tableSelectors.nthColumn(2)).within(function () {
       name && cy.get("p").should("have.text", name);
     });
-    role && cy.get(memberSelectors.role).should("have.text", role);
+    role && cy.get(tableSelectors.nthColumn(4)).should("have.text", role);
     statusTag && cy.get(memberSelectors.statusTag).should("have.text", statusTag);
   });
 };
@@ -1450,7 +1496,7 @@ var deactivateMemberViaRequest = function deactivateMemberViaRequest(email) {
   cy.reloadAndWait(requestCount);
 };
 var clickOnColumnIcon = function clickOnColumnIcon() {
-  cy.get(memberSelectors.subHeader).should("exist").within(function () {
+  cy.get(commonSelectors.subheader).should("exist").within(function () {
     cy.get(memberSelectors.columnsButton).click();
   });
 };
@@ -1760,6 +1806,7 @@ exports.memberTableTexts = memberTableTexts;
 exports.memberTexts = memberTexts;
 exports.memberUtils = memberUtils;
 exports.navigationUtils = navigationUtils;
+exports.neetoFiltersSelectors = neetoFiltersSelectors;
 exports.profileSelectors = profileSelectors;
 exports.profileTexts = profileTexts;
 exports.sendEmail = sendEmail;