@bigbinary/neeto-commons-frontend 2.1.36 → 2.1.38

package/README.md

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

package/cypress-utils.cjs.js

@@ -133,6 +133,14 @@ var joinHyphenCase = function joinHyphenCase() {
   }
   return args.join(" ").replace(/\s+/g, "-").toLowerCase();
 };
+var hyphenize = function hyphenize(input) {
+  var fallbackString = "";
+  if (typeof input === "number") return String(input);
+  if (input && typeof input === "string" && input.replace) {
+    return input.replace(/[\s_]/g, "-").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/-+/g, "-").toLowerCase();
+  }
+  return fallbackString;
+};
 var initializeCredentials = function initializeCredentials(stagingData) {
   cy.task("getGlobalState").then(function (state) {
     var newState = _objectSpread$2(_objectSpread$2({}, state), {}, {
@@ -183,31 +191,43 @@ Object.defineProperty(requestApis, "allPath", {
   get: allPath
 });
 
+function _taggedTemplateLiteral(strings, raw) {
+  if (!raw) {
+    raw = strings.slice(0);
+  }
+  return Object.freeze(Object.defineProperties(strings, {
+    raw: {
+      value: Object.freeze(raw)
+    }
+  }));
+}
+
+var _templateObject;
 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(joinHyphenCase(label), "-select-option"));
+    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"),
@@ -217,17 +237,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"(_templateObject || (_templateObject = _taggedTemplateLiteral([":eq(", ")"])), index));
+  },
+  ticketFieldTextInput: function ticketFieldTextInput(label) {
+    return dataCy("".concat(hyphenize(label), "-text-input"));
+  }
 };
 var tableSelectors = {
   nthColumn: function nthColumn(n) {
@@ -244,10 +288,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 = {
@@ -274,7 +320,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; }
@@ -366,7 +418,7 @@ var initCustomCommands = function initCustomCommands() {
   });
   Cypress.Commands.add("selectOption", function (containerSelector, optionText) {
     cy.get(containerSelector).click().type(optionText);
-    cy.get(commonSelectors.selectOption(optionText.split("_").join("-").toLowerCase())).invoke("click");
+    cy.get(commonSelectors.selectOption(optionText)).invoke("click");
   });
   Cypress.Commands.add("clickDropdownOption", function (optionText) {
     var dropdownSelector = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : commonSelectors.dropdownIcon;
@@ -558,9 +610,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"),
@@ -571,7 +620,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"),
@@ -586,13 +634,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"),
@@ -617,13 +682,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",
+  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"
 };
@@ -1243,11 +1308,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);
   });
 };
@@ -1442,7 +1507,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();
   });
 };
@@ -1739,6 +1804,7 @@ exports.getTestTitle = getTestTitle;
 exports.getUrl = getUrl;
 exports.helpIconSelectors = helpIconSelectors;
 exports.helpIconTexts = helpIconTexts;
+exports.hyphenize = hyphenize;
 exports.initCustomCommands = initCustomCommands;
 exports.initializeCredentials = initializeCredentials;
 exports.isStagingEnv = isStagingEnv;
@@ -1751,6 +1817,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;