@bigbinary/neeto-commons-frontend 2.0.31 → 2.0.33

package/README.md

@@ -65,6 +65,7 @@ Category
   (register browser subscription for push notifications)
 - [destroyBrowserSubscription](./docs/react/utils.md#destroybrowsersubscription)
    (destroy browser subscription for push notifications)
+- [handleMetaClick](./docs/react/utils.md#handlemetaclick) (handle clicks to redirect to newtab)
 
 </td>
 <td  style="vertical-align: top;">
@@ -185,6 +186,7 @@ them to read more:
 3. [Pure utility functions](./docs/pure/README.md)
 4. [Web utility functions](./docs/utils/README.md)
 5. [Default configurations](./docs/configs/README.md)
+5. [Cypress Utils](./docs/cypress/README.md)
 
 ## Other references
 

package/cypress-commands.d.ts

@@ -11,6 +11,7 @@ declare namespace Cypress {
         | string
         | {
             title: string;
+            description: string;
             alias: string;
             requestCount: number;
             toastMessage: string;

package/cypress-utils.cjs.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var common = require('Support/utils/common');
 var dayjs = require('dayjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -111,15 +110,21 @@ var getTestTitle = function getTestTitle() {
   var ctx = Cypress.mocha.getRunner().suite.ctx;
   return ctx.currentTest.parent.title;
 };
+var joinHyphenCase = function joinHyphenCase() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return args.join(" ").replace(/\s+/g, "-").toLowerCase();
+};
 var initializeCredentials = function initializeCredentials(stagingData) {
   cy.task("getGlobalState").then(function (state) {
     var newState = {
       businessName: state.businessName || stagingData.businessName,
-      currentUserName: state.fullName || stagingData.fullName,
+      currentUserName: state.currentUserName || stagingData.currentUserName,
       email: state.email || stagingData.email,
       firstName: state.firstName || stagingData.firstName,
       lastName: state.lastName || stagingData.lastName,
-      subdomainName: state.subdomain || stagingData.subdomainName,
+      subdomainName: state.subdomainName || stagingData.subdomainName,
       skipSetup: state.skipSetup
     };
     if (isStagingEnv) {
@@ -134,9 +139,9 @@ var allPath = function allPath() {
   return "".concat(Cypress.config("baseUrl")).concat(getUrl("**"));
 };
 var requestApis = {
-  countries: "/api/v1/countries",
-  signUp: "api/v1/signups/**",
-  subdomainAvailablity: "/api/v1/subdomain_availability/**",
+  countries: getUrl("countries"),
+  signUp: getUrl("signups/**"),
+  subdomainAvailablity: getUrl("subdomain_availability/**"),
   teamMembers: {
     all: "/team_members*/**",
     bulkUpdate: "/team_members/teams/bulk_update",
@@ -144,7 +149,7 @@ var requestApis = {
   }
 };
 var urlPaths = {
-  members: "/desk/members"
+  members: "/members"
 };
 Object.defineProperty(requestApis, "allPath", {
   get: allPath
@@ -177,6 +182,7 @@ var tableSelectors = {
   spinner: ".ant-spin"
 };
 var profileSelectors = {
+  tab: dataCy("profile-section"),
   logoutLink: dataCy("profile-logout-button"),
   profileOptionsContainer: '[class="tippy-box sidebar-featured-tooltip__content"]'
 };
@@ -217,11 +223,13 @@ Cypress.Commands.add("continueOnAlert", function (args) {
   };
   var alias = props.alias,
     title = props.title,
+    description = props.description,
     _props$requestCount = props.requestCount,
     requestCount = _props$requestCount === void 0 ? 1 : _props$requestCount,
     toastMessage = props.toastMessage;
   var hasMoreThanOneRequest = requestCount > 1;
   title && cy.get(commonSelectors.alertTitle).should("have.text", title);
+  description && cy.get(commonSelectors.alertModalMessage).should("have.text", description);
   cy.interceptApi(alias, requestCount);
   cy.get(commonSelectors.alertModalSubmitButton).click();
   cy.wait("@".concat(alias));
@@ -306,20 +314,21 @@ var loginSelectors = {
 };
 
 var memberSelectors = {
-  membersTab: common.dataCy("agent-nav-tab"),
-  newButton: common.dataCy("ntm-add-member-button"),
-  continueButton: common.dataCy("ntm-manage-member-continue-button"),
-  submitButton: common.dataCy("ntm-manage-member-submit-button"),
-  searchTextField: common.dataCy("ntm-search-members-input"),
+  membersTab: dataCy("members-nav-tab"),
+  newButton: dataCy("ntm-add-member-button"),
+  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)",
   role: "td:nth-child(4)",
-  deactivatedAgentsButton: common.dataCy("ntm-members-menubar-deactivated-block"),
-  activatedMembersButton: common.dataCy("ntm-members-menubar-active-block"),
-  columnCheckBox: common.dataCy("neeto-ui-columns-checkbox"),
-  adminRoleLabel: common.dataCy("admin-radio-label"),
-  agentRoleLabel: common.dataCy("agent-radio-label"),
-  dropDownIcon: common.dataCy("ntm-members-table-row-dropdown-button"),
-  menuBarHeading: common.dataCy("ntm-members-menubar-heading")
+  deactivatedAgentsButton: dataCy("ntm-members-menubar-deactivated-block"),
+  activatedMembersButton: dataCy("ntm-members-menubar-active-block"),
+  columnCheckBox: dataCy("neeto-ui-columns-checkbox"),
+  roleLabel: function roleLabel(role) {
+    return dataCy("".concat(joinHyphenCase(role), "-radio-label"));
+  },
+  dropDownIcon: dataCy("ntm-members-table-row-dropdown-button"),
+  menuBarHeading: dataCy("ntm-members-menubar-heading")
 };
 var memberFormSelectors = {
   emailTextField: "input.neeto-ui-react-select__input:eq(0)"
@@ -344,8 +353,7 @@ var commonTexts = {
   copiedToClipboard: "Copied to clipboard!",
   crossSiteScript: "<script>alert('XSS')</script>",
   deactivate: "Deactivate",
-  "delete": "Delete ",
-  delete1: "Delete",
+  "delete": "Delete",
   edit: "Edit",
   invalidEmailMessage: "Please enter a valid email.",
   invalidSearchInput: "Invalid search input",
@@ -393,8 +401,6 @@ var memberTexts = {
   }
 };
 var memberTableTexts = {
-  assignedTickets: "Assigned Tickets",
-  availabilityForDesk: "Availability for Desk",
   created: "Created",
   email: "Email",
   name: "Name",
@@ -426,7 +432,7 @@ var verifySSOLoginPage = function verifySSOLoginPage() {
   cy.get(commonSelectors.emailInputError).should("have.text", commonTexts.invalidEmailMessage);
 };
 var logout = function logout(homeUrl) {
-  cy.get(profileSelectors.profileSidebar).click();
+  cy.get(profileSelectors.tab).click();
   cy.get(profileSelectors.logoutLink).should("have.text", commonTexts.logout).invoke("click");
   cy.url({
     timeout: 15000
@@ -442,14 +448,12 @@ var currentDate = function currentDate() {
 };
 var futureDate = function futureDate() {
   var numberOfDays = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  var now = dayjs__default["default"]().format("YYYY-MM-DD");
-  var date = now.add(numberOfDays, "day").format("YYYY-MM-DD");
+  var date = dayjs__default["default"]().add(numberOfDays, "day").format("YYYY-MM-DD");
   return date;
 };
 var pastDate = function pastDate() {
   var numberOfDays = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  var now = dayjs__default["default"]().format("YYYY-MM-DD");
-  var date = now.subtract(numberOfDays, "day").format("YYYY-MM-DD");
+  var date = dayjs__default["default"]().subtract(numberOfDays, "day").format("YYYY-MM-DD");
   return date;
 };
 var dateUtils = {
@@ -473,20 +477,13 @@ var navigateToMembersPage = function navigateToMembersPage() {
   waitForRequest && cy.waitForMultipleRequest("@fetchMembers", 2);
   cy.get(commonSelectors.heading).should("have.text", memberTexts.activeMembersHeading);
 };
-var navigateToNewMemberPanel = function navigateToNewMemberPanel() {
-  var waitForRequest = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  navigateToMembersPage(waitForRequest);
-  cy.get(commonSelectors.heading).should("have.text", memberTexts.activeMembersHeading);
-  cy.get(memberSelectors.newButton).should("have.text", memberTexts.addMember).click();
-  cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.newHeading);
-};
 var addMemberViaUI = function addMemberViaUI(email) {
   var role = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : memberTexts.agent;
-  cy.get(memberSelectors.newButton).should("be.visible").click();
+  cy.get(memberSelectors.newButton).should("have.text", memberTexts.addMember).click();
   cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.newHeading);
   cy.get(memberFormSelectors.emailTextField).should("be.focused");
   cy.typeAndEnter(memberFormSelectors.emailTextField, email);
-  role === memberTexts.agent ? cy.get(memberSelectors.agentRoleLabel).click() : cy.get(memberSelectors.adminRoleLabel).click();
+  cy.get(memberSelectors.roleLabel(role)).click();
   cy.get(memberSelectors.continueButton).click();
   if (isStagingEnv) {
     cy.get(commonSelectors.checkboxLabel).should("have.text", memberTexts.addMemberToProducts(email));
@@ -511,18 +508,31 @@ var addMemberViaUI = function addMemberViaUI(email) {
   cy.wait("@searchRequest");
   cy.contains(tableSelectors.tableRow, email).should("be.visible");
 };
-var editMember = function editMember(_ref) {
+var verifyMemberDetails = function verifyMemberDetails(_ref) {
   var email = _ref.email,
     role = _ref.role,
-    skipSearchRequest = _ref.skipSearchRequest;
+    _ref$skipSearchReques = _ref.skipSearchRequest,
+    skipSearchRequest = _ref$skipSearchReques === void 0 ? true : _ref$skipSearchReques;
+  !skipSearchRequest && interceptMemberApi("searchRequest");
+  cy.clearAndTypeFast(memberSelectors.searchTextField, email);
+  !skipSearchRequest && cy.wait("@searchRequest");
+  return cy.contains(commonSelectors.tableRow, email).within(function () {
+    cy.get(memberSelectors.email).should("have.text", email);
+    role && cy.get(memberSelectors.role).should("have.text", role);
+  });
+};
+var updateMemberRole = function updateMemberRole(_ref2) {
+  var email = _ref2.email,
+    role = _ref2.role,
+    skipSearchRequest = _ref2.skipSearchRequest;
   verifyMemberDetails({
     email: email,
     skipSearchRequest: skipSearchRequest
   }).within(function () {
     return cy.clickDropdownOption(commonTexts.edit);
   });
-  cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.editMember);
-  role === memberTexts.admin ? cy.get(memberSelectors.adminRoleLabel).click() : cy.get(memberSelectors.agentRoleLabel).click();
+  cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.updateMemberRole);
+  cy.get(memberSelectors.roleLabel(role)).click();
   interceptMemberApi("updateAndFetchMember", 2);
   cy.get(memberSelectors.submitButton).click();
   cy.wait("@updateAndFetchMember");
@@ -530,20 +540,7 @@ var editMember = function editMember(_ref) {
   cy.wait("@updateAndFetchMember");
   verifyMemberDetails({
     email: email,
-    role: memberTexts.admin
-  });
-};
-var verifyMemberDetails = function verifyMemberDetails(_ref2) {
-  var email = _ref2.email,
-    role = _ref2.role,
-    _ref2$skipSearchReque = _ref2.skipSearchRequest,
-    skipSearchRequest = _ref2$skipSearchReque === void 0 ? true : _ref2$skipSearchReque;
-  !skipSearchRequest && interceptMemberApi("searchRequest");
-  cy.clearAndTypeFast(memberSelectors.searchTextField, email);
-  !skipSearchRequest && cy.wait("@searchRequest");
-  return cy.contains(commonSelectors.tableRow, email).within(function () {
-    cy.get(memberSelectors.email).should("have.text", email);
-    role && cy.get(memberSelectors.role).should("have.text", role);
+    role: role
   });
 };
 var verifyActivatedMember = function verifyActivatedMember(_ref3) {
@@ -679,14 +676,10 @@ var memberUtils = {
   checkColumnCheckBox: checkColumnCheckBox,
   deactivateMember: deactivateMember,
   deactivateMemberViaRequest: deactivateMemberViaRequest,
-  editMember: editMember,
+  updateMemberRole: updateMemberRole,
   interceptMemberApi: interceptMemberApi,
   navigateToMembersPage: navigateToMembersPage,
-  navigateToNewMemberPanel: navigateToNewMemberPanel,
   unCheckColumnCheckBox: unCheckColumnCheckBox,
-  verifyActivatedMember: verifyActivatedMember,
-  verifyActivateAlert: verifyActivateAlert,
-  verifyDeactivatedMember: verifyDeactivatedMember,
   verifyMemberDetails: verifyMemberDetails
 };
 
@@ -762,6 +755,7 @@ exports.getTestTitle = getTestTitle;
 exports.getUrl = getUrl;
 exports.initializeCredentials = initializeCredentials;
 exports.isStagingEnv = isStagingEnv;
+exports.joinHyphenCase = joinHyphenCase;
 exports.loginSelectors = loginSelectors;
 exports.memberFormSelectors = memberFormSelectors;
 exports.memberSelectors = memberSelectors;

package/cypress-utils.d.ts

@@ -17,22 +17,19 @@ type CommonSelectors = {
 };
 
 type MemberSelectors = {
-  addMember: string;
-  admin: string;
-  agent: string;
-  agents: string;
-  activeMembersHeading: string;
-  accountActivatedToastMessage: string;
-  activateMember: string;
-  activateMemberAlertMessage: string;
-  deactivateAccountToastMessage: string;
-  deactivateMember: string;
-  deactivateMemberAlertMessage: string;
-  editMember: string;
-  memberAddedMessage: string;
-  members: string;
-  newHeading: string;
-  updatedMemberRole: string;
+  activatedMembersButton: string;
+  columnCheckBox: string;
+  continueButton: string;
+  deactivatedAgentsButton: string;
+  dropDownIcon: string;
+  email: string;
+  menuBarHeading: string;
+  membersTab: string;
+  newButton: string;
+  role: string;
+  roleLabel: (role: string) => string;
+  searchTextField: string;
+  submitButton: string;
 };
 
 type LoginSelectors = {
@@ -49,6 +46,7 @@ type LoginSelectors = {
 };
 
 type ProfileSelectors = {
+  tab: string;
   logoutLink: string;
   profileOptionsContainer: string;
 };
@@ -105,6 +103,14 @@ type MemberText = {
   updatedMemberRole: string;
 };
 
+type MemberTableTexts = {
+  created: string;
+  email: string;
+  name: string;
+  role: string;
+  teams: string;
+};
+
 type SignUpTexts = {
   email: string;
   profile: string;
@@ -135,14 +141,10 @@ function pastDate(numberOfDays: number = 1): String;
 // Utils: common
 export function dataCy(dataCyId: string): String;
 
-export function setListCount(countSelector: string, alias: string): Void;
-
-export function verifyListCount(countSelector: string, count: number): String;
+export function getTestTitle(): String;
 
 export function getUrl(path: string): String;
 
-export function getTestTitle(): String;
-
 export function initializeCredentials(props: {
   businessName: string;
   currentUserName: string;
@@ -154,8 +156,13 @@ export function initializeCredentials(props: {
   skipSetup: boolean;
 }): String;
 
-// Utils: organization
+export function joinHyphenCase(string: string | string[]): String;
 
+export function setListCount(countSelector: string, alias: string): Void;
+
+export function verifyListCount(countSelector: string, count: number): String;
+
+// Utils: organization
 export function createOrganization(props: {
   baseUrl: string;
   businessName: string;
@@ -167,7 +174,7 @@ export function createOrganization(props: {
 
 // Utils: validation
 
-function verifyCrossSiteScript(
+export function verifyCrossSiteScript(
   inputSelector: string,
   submitSelector: string
 ): Void;
@@ -199,7 +206,7 @@ function deactivateMember(props: {
 
 function deactivateMemberViaRequest(email: string, requestCount: number): Void;
 
-function editMember(props: {
+function updateMemberRole(props: {
   email: string;
   role: string;
   skipSearchRequest: boolean;
@@ -209,27 +216,8 @@ function interceptMemberApi(alias: string, times: number = 1): Void;
 
 function navigateToMembersPage(waitForRequest: boolean = true): Void;
 
-function navigateToNewMemberPanel(waitForRequest: boolean = true): Void;
-
 function unCheckColumnCheckBox(fieldSelector: string): Void;
 
-function verifyActivatedMember(props: {
-  email: string;
-  skipFetchRequest: boolean;
-  skipSearchRequest: boolean;
-}): Void;
-
-function verifyActivateAlert(props: {
-  email: string;
-  skipSearchRequest: boolean;
-}): Void;
-
-function verifyDeactivatedMember(props: {
-  email: string;
-  skipFetchRequest: boolean;
-  skipSearchRequest: boolean;
-}): Void;
-
 function verifyMemberDetails(props: {
   email: string;
   role: string;
@@ -247,14 +235,10 @@ export const memberUtils = {
   checkColumnCheckBox,
   deactivateMember,
   deactivateMemberViaRequest,
-  editMember,
+  updateMemberRole,
   interceptMemberApi,
   navigateToMembersPage,
-  navigateToNewMemberPanel,
   unCheckColumnCheckBox,
-  verifyActivatedMember,
-  verifyActivateAlert,
-  verifyDeactivatedMember,
   verifyMemberDetails,
 };
 
@@ -270,6 +254,7 @@ export declare const signUpSelectors: SignUpSelectors;
 
 export declare const commonTexts: CommonTexts;
 export declare const memberTexts: MemberText;
+export declare const memberTableTexts: MemberTableTexts;
 export declare const signUpTexts: SignUpTexts;
 export declare const environment: Environment;
 export declare const isStagingEnv: Boolean;

package/cypress-utils.js

@@ -1,4 +1,3 @@
-import { dataCy as dataCy$1 } from 'Support/utils/common';
 import dayjs from 'dayjs';
 
 function _typeof(obj) {
@@ -103,15 +102,21 @@ var getTestTitle = function getTestTitle() {
   var ctx = Cypress.mocha.getRunner().suite.ctx;
   return ctx.currentTest.parent.title;
 };
+var joinHyphenCase = function joinHyphenCase() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return args.join(" ").replace(/\s+/g, "-").toLowerCase();
+};
 var initializeCredentials = function initializeCredentials(stagingData) {
   cy.task("getGlobalState").then(function (state) {
     var newState = {
       businessName: state.businessName || stagingData.businessName,
-      currentUserName: state.fullName || stagingData.fullName,
+      currentUserName: state.currentUserName || stagingData.currentUserName,
       email: state.email || stagingData.email,
       firstName: state.firstName || stagingData.firstName,
       lastName: state.lastName || stagingData.lastName,
-      subdomainName: state.subdomain || stagingData.subdomainName,
+      subdomainName: state.subdomainName || stagingData.subdomainName,
       skipSetup: state.skipSetup
     };
     if (isStagingEnv) {
@@ -126,9 +131,9 @@ var allPath = function allPath() {
   return "".concat(Cypress.config("baseUrl")).concat(getUrl("**"));
 };
 var requestApis = {
-  countries: "/api/v1/countries",
-  signUp: "api/v1/signups/**",
-  subdomainAvailablity: "/api/v1/subdomain_availability/**",
+  countries: getUrl("countries"),
+  signUp: getUrl("signups/**"),
+  subdomainAvailablity: getUrl("subdomain_availability/**"),
   teamMembers: {
     all: "/team_members*/**",
     bulkUpdate: "/team_members/teams/bulk_update",
@@ -136,7 +141,7 @@ var requestApis = {
   }
 };
 var urlPaths = {
-  members: "/desk/members"
+  members: "/members"
 };
 Object.defineProperty(requestApis, "allPath", {
   get: allPath
@@ -169,6 +174,7 @@ var tableSelectors = {
   spinner: ".ant-spin"
 };
 var profileSelectors = {
+  tab: dataCy("profile-section"),
   logoutLink: dataCy("profile-logout-button"),
   profileOptionsContainer: '[class="tippy-box sidebar-featured-tooltip__content"]'
 };
@@ -209,11 +215,13 @@ Cypress.Commands.add("continueOnAlert", function (args) {
   };
   var alias = props.alias,
     title = props.title,
+    description = props.description,
     _props$requestCount = props.requestCount,
     requestCount = _props$requestCount === void 0 ? 1 : _props$requestCount,
     toastMessage = props.toastMessage;
   var hasMoreThanOneRequest = requestCount > 1;
   title && cy.get(commonSelectors.alertTitle).should("have.text", title);
+  description && cy.get(commonSelectors.alertModalMessage).should("have.text", description);
   cy.interceptApi(alias, requestCount);
   cy.get(commonSelectors.alertModalSubmitButton).click();
   cy.wait("@".concat(alias));
@@ -298,20 +306,21 @@ var loginSelectors = {
 };
 
 var memberSelectors = {
-  membersTab: dataCy$1("agent-nav-tab"),
-  newButton: dataCy$1("ntm-add-member-button"),
-  continueButton: dataCy$1("ntm-manage-member-continue-button"),
-  submitButton: dataCy$1("ntm-manage-member-submit-button"),
-  searchTextField: dataCy$1("ntm-search-members-input"),
+  membersTab: dataCy("members-nav-tab"),
+  newButton: dataCy("ntm-add-member-button"),
+  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)",
   role: "td:nth-child(4)",
-  deactivatedAgentsButton: dataCy$1("ntm-members-menubar-deactivated-block"),
-  activatedMembersButton: dataCy$1("ntm-members-menubar-active-block"),
-  columnCheckBox: dataCy$1("neeto-ui-columns-checkbox"),
-  adminRoleLabel: dataCy$1("admin-radio-label"),
-  agentRoleLabel: dataCy$1("agent-radio-label"),
-  dropDownIcon: dataCy$1("ntm-members-table-row-dropdown-button"),
-  menuBarHeading: dataCy$1("ntm-members-menubar-heading")
+  deactivatedAgentsButton: dataCy("ntm-members-menubar-deactivated-block"),
+  activatedMembersButton: dataCy("ntm-members-menubar-active-block"),
+  columnCheckBox: dataCy("neeto-ui-columns-checkbox"),
+  roleLabel: function roleLabel(role) {
+    return dataCy("".concat(joinHyphenCase(role), "-radio-label"));
+  },
+  dropDownIcon: dataCy("ntm-members-table-row-dropdown-button"),
+  menuBarHeading: dataCy("ntm-members-menubar-heading")
 };
 var memberFormSelectors = {
   emailTextField: "input.neeto-ui-react-select__input:eq(0)"
@@ -336,8 +345,7 @@ var commonTexts = {
   copiedToClipboard: "Copied to clipboard!",
   crossSiteScript: "<script>alert('XSS')</script>",
   deactivate: "Deactivate",
-  "delete": "Delete ",
-  delete1: "Delete",
+  "delete": "Delete",
   edit: "Edit",
   invalidEmailMessage: "Please enter a valid email.",
   invalidSearchInput: "Invalid search input",
@@ -385,8 +393,6 @@ var memberTexts = {
   }
 };
 var memberTableTexts = {
-  assignedTickets: "Assigned Tickets",
-  availabilityForDesk: "Availability for Desk",
   created: "Created",
   email: "Email",
   name: "Name",
@@ -418,7 +424,7 @@ var verifySSOLoginPage = function verifySSOLoginPage() {
   cy.get(commonSelectors.emailInputError).should("have.text", commonTexts.invalidEmailMessage);
 };
 var logout = function logout(homeUrl) {
-  cy.get(profileSelectors.profileSidebar).click();
+  cy.get(profileSelectors.tab).click();
   cy.get(profileSelectors.logoutLink).should("have.text", commonTexts.logout).invoke("click");
   cy.url({
     timeout: 15000
@@ -434,14 +440,12 @@ var currentDate = function currentDate() {
 };
 var futureDate = function futureDate() {
   var numberOfDays = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  var now = dayjs().format("YYYY-MM-DD");
-  var date = now.add(numberOfDays, "day").format("YYYY-MM-DD");
+  var date = dayjs().add(numberOfDays, "day").format("YYYY-MM-DD");
   return date;
 };
 var pastDate = function pastDate() {
   var numberOfDays = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  var now = dayjs().format("YYYY-MM-DD");
-  var date = now.subtract(numberOfDays, "day").format("YYYY-MM-DD");
+  var date = dayjs().subtract(numberOfDays, "day").format("YYYY-MM-DD");
   return date;
 };
 var dateUtils = {
@@ -465,20 +469,13 @@ var navigateToMembersPage = function navigateToMembersPage() {
   waitForRequest && cy.waitForMultipleRequest("@fetchMembers", 2);
   cy.get(commonSelectors.heading).should("have.text", memberTexts.activeMembersHeading);
 };
-var navigateToNewMemberPanel = function navigateToNewMemberPanel() {
-  var waitForRequest = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  navigateToMembersPage(waitForRequest);
-  cy.get(commonSelectors.heading).should("have.text", memberTexts.activeMembersHeading);
-  cy.get(memberSelectors.newButton).should("have.text", memberTexts.addMember).click();
-  cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.newHeading);
-};
 var addMemberViaUI = function addMemberViaUI(email) {
   var role = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : memberTexts.agent;
-  cy.get(memberSelectors.newButton).should("be.visible").click();
+  cy.get(memberSelectors.newButton).should("have.text", memberTexts.addMember).click();
   cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.newHeading);
   cy.get(memberFormSelectors.emailTextField).should("be.focused");
   cy.typeAndEnter(memberFormSelectors.emailTextField, email);
-  role === memberTexts.agent ? cy.get(memberSelectors.agentRoleLabel).click() : cy.get(memberSelectors.adminRoleLabel).click();
+  cy.get(memberSelectors.roleLabel(role)).click();
   cy.get(memberSelectors.continueButton).click();
   if (isStagingEnv) {
     cy.get(commonSelectors.checkboxLabel).should("have.text", memberTexts.addMemberToProducts(email));
@@ -503,18 +500,31 @@ var addMemberViaUI = function addMemberViaUI(email) {
   cy.wait("@searchRequest");
   cy.contains(tableSelectors.tableRow, email).should("be.visible");
 };
-var editMember = function editMember(_ref) {
+var verifyMemberDetails = function verifyMemberDetails(_ref) {
   var email = _ref.email,
     role = _ref.role,
-    skipSearchRequest = _ref.skipSearchRequest;
+    _ref$skipSearchReques = _ref.skipSearchRequest,
+    skipSearchRequest = _ref$skipSearchReques === void 0 ? true : _ref$skipSearchReques;
+  !skipSearchRequest && interceptMemberApi("searchRequest");
+  cy.clearAndTypeFast(memberSelectors.searchTextField, email);
+  !skipSearchRequest && cy.wait("@searchRequest");
+  return cy.contains(commonSelectors.tableRow, email).within(function () {
+    cy.get(memberSelectors.email).should("have.text", email);
+    role && cy.get(memberSelectors.role).should("have.text", role);
+  });
+};
+var updateMemberRole = function updateMemberRole(_ref2) {
+  var email = _ref2.email,
+    role = _ref2.role,
+    skipSearchRequest = _ref2.skipSearchRequest;
   verifyMemberDetails({
     email: email,
     skipSearchRequest: skipSearchRequest
   }).within(function () {
     return cy.clickDropdownOption(commonTexts.edit);
   });
-  cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.editMember);
-  role === memberTexts.admin ? cy.get(memberSelectors.adminRoleLabel).click() : cy.get(memberSelectors.agentRoleLabel).click();
+  cy.get(commonSelectors.paneHeader).should("have.text", memberTexts.updateMemberRole);
+  cy.get(memberSelectors.roleLabel(role)).click();
   interceptMemberApi("updateAndFetchMember", 2);
   cy.get(memberSelectors.submitButton).click();
   cy.wait("@updateAndFetchMember");
@@ -522,20 +532,7 @@ var editMember = function editMember(_ref) {
   cy.wait("@updateAndFetchMember");
   verifyMemberDetails({
     email: email,
-    role: memberTexts.admin
-  });
-};
-var verifyMemberDetails = function verifyMemberDetails(_ref2) {
-  var email = _ref2.email,
-    role = _ref2.role,
-    _ref2$skipSearchReque = _ref2.skipSearchRequest,
-    skipSearchRequest = _ref2$skipSearchReque === void 0 ? true : _ref2$skipSearchReque;
-  !skipSearchRequest && interceptMemberApi("searchRequest");
-  cy.clearAndTypeFast(memberSelectors.searchTextField, email);
-  !skipSearchRequest && cy.wait("@searchRequest");
-  return cy.contains(commonSelectors.tableRow, email).within(function () {
-    cy.get(memberSelectors.email).should("have.text", email);
-    role && cy.get(memberSelectors.role).should("have.text", role);
+    role: role
   });
 };
 var verifyActivatedMember = function verifyActivatedMember(_ref3) {
@@ -671,14 +668,10 @@ var memberUtils = {
   checkColumnCheckBox: checkColumnCheckBox,
   deactivateMember: deactivateMember,
   deactivateMemberViaRequest: deactivateMemberViaRequest,
-  editMember: editMember,
+  updateMemberRole: updateMemberRole,
   interceptMemberApi: interceptMemberApi,
   navigateToMembersPage: navigateToMembersPage,
-  navigateToNewMemberPanel: navigateToNewMemberPanel,
   unCheckColumnCheckBox: unCheckColumnCheckBox,
-  verifyActivatedMember: verifyActivatedMember,
-  verifyActivateAlert: verifyActivateAlert,
-  verifyDeactivatedMember: verifyDeactivatedMember,
   verifyMemberDetails: verifyMemberDetails
 };
 
@@ -743,4 +736,4 @@ var verifyCrossSiteScript = function verifyCrossSiteScript(inputSelector, submit
   cy.get(commonSelectors.windowAlert).should("not.exist");
 };
 
-export { authUtils, commonSelectors, commonTexts, createOrganization, dataCy, dateUtils, environment, getTestTitle, getUrl, initializeCredentials, isStagingEnv, loginSelectors, memberFormSelectors, memberSelectors, memberTableTexts, memberTexts, memberUtils, profileSelectors, setListCount, signUpSelectors, signUpTexts, tableSelectors, verifyCrossSiteScript, verifyListCount };
+export { authUtils, commonSelectors, commonTexts, createOrganization, dataCy, dateUtils, environment, getTestTitle, getUrl, initializeCredentials, isStagingEnv, joinHyphenCase, loginSelectors, memberFormSelectors, memberSelectors, memberTableTexts, memberTexts, memberUtils, profileSelectors, setListCount, signUpSelectors, signUpTexts, tableSelectors, verifyCrossSiteScript, verifyListCount };

package/initializers.cjs.js

@@ -164,6 +164,19 @@ nullSafe(snakeToCamelCase);
 nullSafe(camelToSnakeCase);
 nullSafe(capitalize);
 
+var matchesImpl = function matchesImpl(pattern, object) {
+  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+  if (object === pattern) return true;
+  if (typeof pattern === "function" && pattern(object, __parent)) return true;
+  if (ramda.isNil(pattern) || ramda.isNil(object)) return false;
+  if (_typeof(pattern) !== "object") return false;
+  return Object.entries(pattern).every(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return matchesImpl(value, object[key], __parent);
+  });
+};
 var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
   var objectPreProcessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   if (objectPreProcessor && typeof objectPreProcessor === "function") {
@@ -204,6 +217,9 @@ var deepFreezeObject = function deepFreezeObject(object) {
   }
   return object;
 };
+var matches = /*#__PURE__*/ramda.curry(function (pattern, object) {
+  return matchesImpl(pattern, object);
+});
 var filterNonNull = function filterNonNull(object) {
   return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2),
@@ -810,6 +826,7 @@ var shouldShowToastr = function shouldShowToastr(response) {
 };
 var setAuthHeaders = function setAuthHeaders() {
   var _document$querySelect, _axios$defaults$heade, _globalProps$user, _globalProps$user2;
+  // @ts-ignore
   axios__default["default"].defaults.headers = (_axios$defaults$heade = {}, _defineProperty(_axios$defaults$heade, HEADERS_KEYS.accept, "application/json"), _defineProperty(_axios$defaults$heade, HEADERS_KEYS.contentType, "application/json"), _defineProperty(_axios$defaults$heade, HEADERS_KEYS.xCsrfToken, (_document$querySelect = document.querySelector('[name="csrf-token"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute("content")), _axios$defaults$heade);
   var token = (_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.authenticationToken;
   var email = (_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.email;
@@ -849,7 +866,16 @@ var transformErrorKeysToCamelCase = function transformErrorKeysToCamelCase(error
 var showSuccessToastr = function showSuccessToastr(response) {
   var _response$config$show = response.config.showToastr,
     showToastr = _response$config$show === void 0 ? true : _response$config$show;
-  if (showToastr && shouldShowToastr(response.data)) {
+  if (!showToastr) return response;
+  if (matches({
+    showThumbsUpToastr: true
+  }, response.data)) {
+    // @ts-ignore
+    neetoui.Toastr.success("", {
+      icon: "👍",
+      className: "w-20"
+    });
+  } else if (shouldShowToastr(response.data)) {
     neetoui.Toastr.success(response.data);
   }
   return response;
@@ -888,8 +914,10 @@ var showErrorToastr = function showErrorToastr(error) {
     showToastr = _ref3$showToastr === void 0 ? true : _ref3$showToastr;
   if (!showToastr) return error;
   if (axios__default["default"].isCancel(error)) {
+    // @ts-ignore
     neetoui.Toastr.error(i18next__default["default"].t("neetoCommons.toastr.error.requestCanceled"));
   } else if (error.message === "Network Error") {
+    // @ts-ignore
     neetoui.Toastr.error(i18next__default["default"].t("neetoCommons.toastr.error.networkError"));
   } else {
     neetoui.Toastr.error(error);
@@ -977,14 +1005,20 @@ var resource = {
 	add_one: "{{entity}} has been added successfully.",
 	add_other: "{{entity}} have been added successfully.",
 	save: "{{entity}} has been saved successfully.",
+	save_one: "{{entity}} has been saved successfully.",
+	save_other: "{{entity}} have been saved successfully.",
 	update: "{{entity}} has been updated successfully.",
+	update_one: "{{entity}} has been updated successfully.",
+	update_other: "{{entity}} have been updated successfully.",
 	delete_one: "{{entity}} has been deleted successfully.",
 	delete_other: "{{entity}} have been deleted successfully.",
 	clone: "{{entity}} has been cloned successfully.",
 	notFound: "{{entity}} does not exist.",
-	remove_one: "{{entity}} successfully removed",
-	remove_other: "{{entity}}s successfully removed",
-	sent: "{{entity}} sent successfully."
+	remove_one: "{{entity}} has been removed successfully.",
+	remove_other: "{{entity}} have been removed successfully.",
+	sent: "{{entity}} sent successfully.",
+	merged: "{{entity}} have been successfully merged.",
+	disconnected: "{{entity}} has been successfully disconnected."
 };
 var otp = {
 	sent: "OTP has been sent successfully.",
@@ -992,7 +1026,7 @@ var otp = {
 	verified: "OTP has been verified successfully."
 };
 var upload = {
-	error: "An error occured while uploading the file"
+	error: "An error occurred while uploading the file"
 };
 var image = {
 	profile: {

package/initializers.js

@@ -1,7 +1,7 @@
 import { Toastr } from '@bigbinary/neetoui';
 import axios from 'axios';
 import i18next from 'i18next';
-import { curryN, isNil, values, prop, evolve, omit, mergeDeepLeft, either, isEmpty } from 'ramda';
+import { curryN, isNil, curry, values, prop, evolve, omit, mergeDeepLeft, either, isEmpty } from 'ramda';
 import require$$0, { useDebugValue } from 'react';
 import { initReactI18next } from 'react-i18next';
 import Logger from 'js-logger';
@@ -152,6 +152,19 @@ nullSafe(snakeToCamelCase);
 nullSafe(camelToSnakeCase);
 nullSafe(capitalize);
 
+var matchesImpl = function matchesImpl(pattern, object) {
+  var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
+  if (object === pattern) return true;
+  if (typeof pattern === "function" && pattern(object, __parent)) return true;
+  if (isNil(pattern) || isNil(object)) return false;
+  if (_typeof(pattern) !== "object") return false;
+  return Object.entries(pattern).every(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    return matchesImpl(value, object[key], __parent);
+  });
+};
 var transformObjectDeep = function transformObjectDeep(object, keyValueTransformer) {
   var objectPreProcessor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : undefined;
   if (objectPreProcessor && typeof objectPreProcessor === "function") {
@@ -192,6 +205,9 @@ var deepFreezeObject = function deepFreezeObject(object) {
   }
   return object;
 };
+var matches = /*#__PURE__*/curry(function (pattern, object) {
+  return matchesImpl(pattern, object);
+});
 var filterNonNull = function filterNonNull(object) {
   return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 2),
@@ -798,6 +814,7 @@ var shouldShowToastr = function shouldShowToastr(response) {
 };
 var setAuthHeaders = function setAuthHeaders() {
   var _document$querySelect, _axios$defaults$heade, _globalProps$user, _globalProps$user2;
+  // @ts-ignore
   axios.defaults.headers = (_axios$defaults$heade = {}, _defineProperty(_axios$defaults$heade, HEADERS_KEYS.accept, "application/json"), _defineProperty(_axios$defaults$heade, HEADERS_KEYS.contentType, "application/json"), _defineProperty(_axios$defaults$heade, HEADERS_KEYS.xCsrfToken, (_document$querySelect = document.querySelector('[name="csrf-token"]')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.getAttribute("content")), _axios$defaults$heade);
   var token = (_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.authenticationToken;
   var email = (_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.email;
@@ -837,7 +854,16 @@ var transformErrorKeysToCamelCase = function transformErrorKeysToCamelCase(error
 var showSuccessToastr = function showSuccessToastr(response) {
   var _response$config$show = response.config.showToastr,
     showToastr = _response$config$show === void 0 ? true : _response$config$show;
-  if (showToastr && shouldShowToastr(response.data)) {
+  if (!showToastr) return response;
+  if (matches({
+    showThumbsUpToastr: true
+  }, response.data)) {
+    // @ts-ignore
+    Toastr.success("", {
+      icon: "👍",
+      className: "w-20"
+    });
+  } else if (shouldShowToastr(response.data)) {
     Toastr.success(response.data);
   }
   return response;
@@ -876,8 +902,10 @@ var showErrorToastr = function showErrorToastr(error) {
     showToastr = _ref3$showToastr === void 0 ? true : _ref3$showToastr;
   if (!showToastr) return error;
   if (axios.isCancel(error)) {
+    // @ts-ignore
     Toastr.error(i18next.t("neetoCommons.toastr.error.requestCanceled"));
   } else if (error.message === "Network Error") {
+    // @ts-ignore
     Toastr.error(i18next.t("neetoCommons.toastr.error.networkError"));
   } else {
     Toastr.error(error);
@@ -965,14 +993,20 @@ var resource = {
 	add_one: "{{entity}} has been added successfully.",
 	add_other: "{{entity}} have been added successfully.",
 	save: "{{entity}} has been saved successfully.",
+	save_one: "{{entity}} has been saved successfully.",
+	save_other: "{{entity}} have been saved successfully.",
 	update: "{{entity}} has been updated successfully.",
+	update_one: "{{entity}} has been updated successfully.",
+	update_other: "{{entity}} have been updated successfully.",
 	delete_one: "{{entity}} has been deleted successfully.",
 	delete_other: "{{entity}} have been deleted successfully.",
 	clone: "{{entity}} has been cloned successfully.",
 	notFound: "{{entity}} does not exist.",
-	remove_one: "{{entity}} successfully removed",
-	remove_other: "{{entity}}s successfully removed",
-	sent: "{{entity}} sent successfully."
+	remove_one: "{{entity}} has been removed successfully.",
+	remove_other: "{{entity}} have been removed successfully.",
+	sent: "{{entity}} sent successfully.",
+	merged: "{{entity}} have been successfully merged.",
+	disconnected: "{{entity}} has been successfully disconnected."
 };
 var otp = {
 	sent: "OTP has been sent successfully.",
@@ -980,7 +1014,7 @@ var otp = {
 	verified: "OTP has been verified successfully."
 };
 var upload = {
-	error: "An error occured while uploading the file"
+	error: "An error occurred while uploading the file"
 };
 var image = {
 	profile: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "2.0.31",
+  "version": "2.0.33",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/react-utils.cjs.js

@@ -4185,7 +4185,7 @@ var FallbackComponent = function FallbackComponent() {
     }
   }))));
 };
-var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver)/;
+var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver|ChunkLoadError)/;
 var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   var children = _ref.children,
     _ref$ErrorComponent = _ref.ErrorComponent,
@@ -91897,6 +91897,10 @@ var registerBrowserNotifications = /*#__PURE__*/function () {
   };
 }();
 
+var handleMetaClick = ramda.curry(function (history, params, event) {
+  return event.ctrlKey || event.metaKey ? window.open(params.pathname || params, "_blank") : history.push(params);
+});
+
 var withTitle = function withTitle(Component) {
   var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   return function PageTitle(props) {
@@ -95412,6 +95416,7 @@ exports.Schedule = Schedule;
 exports.Sidebar = Sidebar;
 exports.TimeFormat = TimeFormat;
 exports.destroyBrowserSubscription = destroyBrowserSubscription;
+exports.handleMetaClick = handleMetaClick;
 exports.registerBrowserNotifications = registerBrowserNotifications;
 exports.useDebounce = useDebounce;
 exports.useDisplayErrorPage = useDisplayErrorPage;

package/react-utils.d.ts

@@ -13,6 +13,7 @@ import { RouteProps } from "react-router-dom";
 import { Notice } from "@honeybadger-io/js/dist/server/types/core/types";
 import { ObjectAndPrimitives } from "./pure";
 import { DateTimeType, timeFormat } from "./utils";
+import { History } from "history";
 
 export const HoneybadgerErrorBoundary: React.FC<{
   ErrorComponent?: React.ReactNode | React.ComponentType<any>;
@@ -187,3 +188,7 @@ export function withTitle(
 export async function registerBrowserNotifications(): Promise<void>;
 
 export async function destroyBrowserSubscription(): Promise<void>;
+
+export function handleMetaClick(history: History, params: string | object, event: React.MouseEvent<HTMLElement, MouseEvent>): void;
+export function handleMetaClick(history: History, params: string | object): (event: React.MouseEvent<HTMLElement, MouseEvent> ) => void;
+export function handleMetaClick(history: History): (params: string | object, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;

package/react-utils.js

@@ -4148,7 +4148,7 @@ var FallbackComponent = function FallbackComponent() {
     }
   }))));
 };
-var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver)/;
+var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver|ChunkLoadError)/;
 var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   var children = _ref.children,
     _ref$ErrorComponent = _ref.ErrorComponent,
@@ -91860,6 +91860,10 @@ var registerBrowserNotifications = /*#__PURE__*/function () {
   };
 }();
 
+var handleMetaClick = curry(function (history, params, event) {
+  return event.ctrlKey || event.metaKey ? window.open(params.pathname || params, "_blank") : history.push(params);
+});
+
 var withTitle = function withTitle(Component) {
   var title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   return function PageTitle(props) {
@@ -95361,4 +95365,4 @@ var zig = /*#__PURE__*/_mergeNamespaces({
 	'default': zigExports
 }, [zigExports]);
 
-export { BrowserSupport, Columns, CustomDomain, DateFormat, ErrorPage, HoneybadgerErrorBoundary, IpRestriction, SignIn as LoginPage, NeetoWidget, PrivateRoute, Schedule, Sidebar, TimeFormat, destroyBrowserSubscription, registerBrowserNotifications, useDebounce, useDisplayErrorPage, useFuncDebounce, useIsElementVisibleInDom, useLocalStorage, useOnClickOutside, usePrevious, useUpdateEffect, withImmutableActions, withTitle };
+export { BrowserSupport, Columns, CustomDomain, DateFormat, ErrorPage, HoneybadgerErrorBoundary, IpRestriction, SignIn as LoginPage, NeetoWidget, PrivateRoute, Schedule, Sidebar, TimeFormat, destroyBrowserSubscription, handleMetaClick, registerBrowserNotifications, useDebounce, useDisplayErrorPage, useFuncDebounce, useIsElementVisibleInDom, useLocalStorage, useOnClickOutside, usePrevious, useUpdateEffect, withImmutableActions, withTitle };