@ironsource/shared-ui-e2e 2.1.12-test.53 → 2.1.12-test.54

package/shared-e2e-commands.js

@@ -1,39 +1,39 @@
-var j = Object.defineProperty;
-var q = (a, t, e) => t in a ? j(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
-var r = (a, t, e) => (q(a, typeof t != "symbol" ? t + "" : t, e), e);
-var T = /* @__PURE__ */ ((a) => (a.TRIGGER = "ie-trigger", a.CONTENT = "ie-content", a.SEARCH = "ie-search", a.LIST = "ie-list", a.LIST_SELECTED = "ie-list-selected", a.ACTION_CANCEL = "ie-action-cancel", a.ACTION_APPLY = "ie-action-apply", a.SELECT_ALL = "ie-select-all", a.CLEAR_ALL = "ie-clear-all", a))(T || {}), i = /* @__PURE__ */ ((a) => (a.TRIGGER = "dd-trigger", a.WRAPPER = "dd-wrapper", a.BUTTON = "dd-button", a.BUTTON_WRAPPER = "dd-button-wrapper", a.BUTTON_CONTENT = "dd-button-content", a.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", a.BUTTON_CLEAR = "dd-button-clear", a.LABEL = "dd-label", a.LIST_CONTAINER = "dd-list-container", a.SEARCH = "dd-search", a.TITLE = "dd-title", a.ACTION_CANCEL = "dd-action-cancel", a.ACTION_APPLY = "dd-action-apply", a.ACTION_CLEAR_ALL = "dd-action-clear-all", a.HELPER_TEXT = "dd-helper-text", a.HELPER_TEXT_ERROR = "dd-helper-text-error", a.SELECT_ALL = "dd-select-all", a.NO_RESULT = "dd-no-result", a))(i || {}), S = /* @__PURE__ */ ((a) => (a.WRAPPER = "banner-wrapper", a.CONTENT = "banner-content", a))(S || {}), d = /* @__PURE__ */ ((a) => (a.WRAPPER = "alert-wrapper", a.TITLE = "alert-title", a.MESSAGE = "alert-message", a.ACTION_BUTTON = "alert-action-button", a.CLOSE_BUTTON = "alert-close-button", a))(d || {}), u = /* @__PURE__ */ ((a) => (a.WRAPPER = "dialog-wrapper", a.HEADER = "dialog-header", a.ACTION_CLOSE = "dialog-action-close", a.HEADER_SECONDARY = "dialog-header-secondary", a.CONTENT = "dialog-content", a.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", a.BACKDROP = "dialog-backdrop", a.SAVE_BUTTON = "dialog-save-button", a.CANCEL_BUTTON = "dialog-cancel-button", a))(u || {}), l = /* @__PURE__ */ ((a) => (a.WRAPPER = "input-wrapper", a.TOOLTIP = "input-tooltip", a.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", a.MANDATORY = "input-mandatory", a.LABEL_CONTAINER = "input-label-container", a.LABEL_TEXT = "input-label-text", a.FIELD = "input-field", a.EXTRA_TEXT = "input-extra-text", a.TOGGLE_PASSWORD = "input-toggle-password-icon", a.CLEAR_BUTTON = "input-clear-button", a.LOADING = "input-loading", a))(l || {}), G = /* @__PURE__ */ ((a) => (a.WRAPPER = "swicth-wrapper", a.BUTTON = "swicth-button", a.TEXT = "swicth-text", a))(G || {}), C = /* @__PURE__ */ ((a) => (a.WRAPPER = "ta-wrapper", a.LABEL = "ta-label", a.FIELD = "ta-field", a.TEXT = "ta-text", a))(C || {}), D = /* @__PURE__ */ ((a) => (a.CONTAINER = "search-container", a.FIELD = "search-field", a.CLOSE = "search-close", a.CLEAR = "search-clear", a))(D || {}), g = /* @__PURE__ */ ((a) => (a.CONTAINER = "tbl-container", a.TABLE = "tbl-table", a.HEADER = "tbl-header", a.TITLE = "tbl-title", a.HEADER_RIGHT = "tbl-header-right", a.ACTIONS = "tbl-actions", a.SECTIONS = "tbl-sections", a.BODY_WRAPPER = "tbl-body-wrapper", a.EMPTY_STATE = "tbl-empty-state", a.PRE_SEARCH_HEADER = "tbl-pre-search-header", a))(g || {}), P = /* @__PURE__ */ ((a) => (a.TEXT = "tt-text", a.TRIGGER = "tt-trigger", a.HEADER = "tt-header", a))(P || {}), m = /* @__PURE__ */ ((a) => (a.WRAPPER = "dr-wrapper", a.FIELD = "dr-field", a.TRIGGER = "dr-trigger", a.CONTAINER = "dr-container", a.MENU = "dr-menu", a.MESSAGE = "dr-message", a.ACTION_APPLY = "dr-action-apply", a.ACTION_CANCEL = "dr-action-cancel", a))(m || {}), A = /* @__PURE__ */ ((a) => (a.WRAPPER = "tabs-wrapper", a.TAB = "tabs-tab", a))(A || {}), R = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-label-container", a.TEXT = "field-label-text", a.MANDATORY = "field-label-mandatory", a.TOOLTIP = "field-label-help-tooltip", a))(R || {}), E = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-help-text-container", a.TEXT = "field-help-text-text", a.ICON = "field-help-text-icon", a))(E || {}), w = /* @__PURE__ */ ((a) => (a.CONTAINER = "sb-container", a.TITLE = "sb-title", a.MESSAGE = "sb-message", a.CLOSE = "sb-close", a.ICON = "sb-icon", a.ACTION_BUTTON = "sb-action-button", a))(w || {}), I = /* @__PURE__ */ ((a) => (a.TITLE = "form-card-title", a.CONTENT = "form-card-content", a.ACTIONS = "form-card-actions", a.SAVE_BUTTON = "form-card-save-btn", a.CANCEL_BUTTON = "form-card-cancel-btn", a))(I || {}), _ = /* @__PURE__ */ ((a) => (a.TITLE = "ah-title", a.APP_KEY = "ah-app-key", a.APP_PLATFORM = "ah-app-platform", a.AB_ICON = "ah-ab-icon", a))(_ || {}), v = /* @__PURE__ */ ((a) => (a.TEXT = "ic-text", a.COPY_BTN = "ic-copy-btn", a))(v || {}), L = /* @__PURE__ */ ((a) => (a.WRAPPER = "multibar-wrapper", a.CLOSE_BTN = "multibar-close-button", a.MENU = "multibar-menu", a.ACTION = "multibar-action", a))(L || {}), h = /* @__PURE__ */ ((a) => (a.CONTAINER = "sortable-list-container", a.DRAGGABLE_LIST = "sortable-list-draggable-list", a.LOCKED_LIST = "sortable-list-locked-list", a))(h || {});
-const z = (a, t) => {
+var ot = Object.defineProperty;
+var st = (a, t, e) => t in a ? ot(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var r = (a, t, e) => (st(a, typeof t != "symbol" ? t + "" : t, e), e);
+var T = /* @__PURE__ */ ((a) => (a.TRIGGER = "ie-trigger", a.CONTENT = "ie-content", a.SEARCH = "ie-search", a.LIST = "ie-list", a.LIST_SELECTED = "ie-list-selected", a.ACTION_CANCEL = "ie-action-cancel", a.ACTION_APPLY = "ie-action-apply", a.SELECT_ALL = "ie-select-all", a.CLEAR_ALL = "ie-clear-all", a))(T || {}), c = /* @__PURE__ */ ((a) => (a.TRIGGER = "dd-trigger", a.WRAPPER = "dd-wrapper", a.BUTTON = "dd-button", a.BUTTON_WRAPPER = "dd-button-wrapper", a.BUTTON_CONTENT = "dd-button-content", a.BUTTON_CONTENT_SUFFIX = "dd-button-content-suffix", a.BUTTON_CLEAR = "dd-button-clear", a.LABEL = "dd-label", a.LIST_CONTAINER = "dd-list-container", a.SEARCH = "dd-search", a.TITLE = "dd-title", a.ACTION_CANCEL = "dd-action-cancel", a.ACTION_APPLY = "dd-action-apply", a.ACTION_CLEAR_ALL = "dd-action-clear-all", a.HELPER_TEXT = "dd-helper-text", a.HELPER_TEXT_ERROR = "dd-helper-text-error", a.SELECT_ALL = "dd-select-all", a.NO_RESULT = "dd-no-result", a))(c || {}), F = /* @__PURE__ */ ((a) => (a.WRAPPER = "banner-wrapper", a.CONTENT = "banner-content", a))(F || {}), w = /* @__PURE__ */ ((a) => (a.WRAPPER = "alert-wrapper", a.TITLE = "alert-title", a.MESSAGE = "alert-message", a.ACTION_BUTTON = "alert-action-button", a.CLOSE_BUTTON = "alert-close-button", a))(w || {}), E = /* @__PURE__ */ ((a) => (a.WRAPPER = "dialog-wrapper", a.HEADER = "dialog-header", a.ACTION_CLOSE = "dialog-action-close", a.HEADER_SECONDARY = "dialog-header-secondary", a.CONTENT = "dialog-content", a.ACTION_BUTTONS_WRAPPER = "dialog-action-buttons-wrapper", a.BACKDROP = "dialog-backdrop", a.SAVE_BUTTON = "dialog-save-button", a.CANCEL_BUTTON = "dialog-cancel-button", a))(E || {}), l = /* @__PURE__ */ ((a) => (a.WRAPPER = "input-wrapper", a.TOOLTIP = "input-tooltip", a.TOOLTIP_WITHOUT_ICON = "input-tooltip-without-icon", a.MANDATORY = "input-mandatory", a.LABEL_CONTAINER = "input-label-container", a.LABEL_TEXT = "input-label-text", a.FIELD = "input-field", a.EXTRA_TEXT = "input-extra-text", a.TOGGLE_PASSWORD = "input-toggle-password-icon", a.CLEAR_BUTTON = "input-clear-button", a.LOADING = "input-loading", a))(l || {}), V = /* @__PURE__ */ ((a) => (a.WRAPPER = "swicth-wrapper", a.BUTTON = "swicth-button", a.TEXT = "swicth-text", a))(V || {}), B = /* @__PURE__ */ ((a) => (a.WRAPPER = "ta-wrapper", a.LABEL = "ta-label", a.FIELD = "ta-field", a.TEXT = "ta-text", a))(B || {}), G = /* @__PURE__ */ ((a) => (a.CONTAINER = "search-container", a.FIELD = "search-field", a.CLOSE = "search-close", a.CLEAR = "search-clear", a))(G || {}), g = /* @__PURE__ */ ((a) => (a.CONTAINER = "tbl-container", a.TABLE = "tbl-table", a.HEADER = "tbl-header", a.TITLE = "tbl-title", a.HEADER_RIGHT = "tbl-header-right", a.ACTIONS = "tbl-actions", a.SECTIONS = "tbl-sections", a.BODY_WRAPPER = "tbl-body-wrapper", a.EMPTY_STATE = "tbl-empty-state", a.PRE_SEARCH_HEADER = "tbl-pre-search-header", a))(g || {}), $ = /* @__PURE__ */ ((a) => (a.TEXT = "tt-text", a.TRIGGER = "tt-trigger", a.HEADER = "tt-header", a))($ || {}), L = /* @__PURE__ */ ((a) => (a.WRAPPER = "dr-wrapper", a.FIELD = "dr-field", a.TRIGGER = "dr-trigger", a.CONTAINER = "dr-container", a.MENU = "dr-menu", a.MESSAGE = "dr-message", a.ACTION_APPLY = "dr-action-apply", a.ACTION_CANCEL = "dr-action-cancel", a))(L || {}), R = /* @__PURE__ */ ((a) => (a.WRAPPER = "tabs-wrapper", a.TAB = "tabs-tab", a))(R || {}), b = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-label-container", a.TEXT = "field-label-text", a.MANDATORY = "field-label-mandatory", a.TOOLTIP = "field-label-help-tooltip", a))(b || {}), I = /* @__PURE__ */ ((a) => (a.CONTAINER = "field-help-text-container", a.TEXT = "field-help-text-text", a.ICON = "field-help-text-icon", a))(I || {}), m = /* @__PURE__ */ ((a) => (a.CONTAINER = "sb-container", a.TITLE = "sb-title", a.MESSAGE = "sb-message", a.CLOSE = "sb-close", a.ICON = "sb-icon", a.ACTION_BUTTON = "sb-action-button", a))(m || {}), A = /* @__PURE__ */ ((a) => (a.TITLE = "form-card-title", a.CONTENT = "form-card-content", a.ACTIONS = "form-card-actions", a.SAVE_BUTTON = "form-card-save-btn", a.CANCEL_BUTTON = "form-card-cancel-btn", a))(A || {}), f = /* @__PURE__ */ ((a) => (a.TITLE = "ah-title", a.APP_KEY = "ah-app-key", a.APP_PLATFORM = "ah-app-platform", a.AB_ICON = "ah-ab-icon", a))(f || {}), X = /* @__PURE__ */ ((a) => (a.TEXT = "ic-text", a.COPY_BTN = "ic-copy-btn", a))(X || {}), O = /* @__PURE__ */ ((a) => (a.WRAPPER = "multibar-wrapper", a.CLOSE_BTN = "multibar-close-button", a.MENU = "multibar-menu", a.ACTION = "multibar-action", a))(O || {}), h = /* @__PURE__ */ ((a) => (a.CONTAINER = "sortable-list-container", a.DRAGGABLE_LIST = "sortable-list-draggable-list", a.LOCKED_LIST = "sortable-list-locked-list", a))(h || {}), d = /* @__PURE__ */ ((a) => (a.CONTAINER = "chart-container", a.HEADER = "chart-header", a.TREND = "chart-trend", a.TYPE_SWITCHER = "chart-type-switcher", a.LEGEND = "chart-legend", a.LEGEND_CONTAINER = "chart-legend-container", a.LEGEND_SORT = "chart-legend-sort", a.EXTRA_CHART = "chart-extra-chart", a.LOADER = "chart-loader", a))(d || {});
+const it = (a, t) => {
   const e = new URLSearchParams(a).toString();
   return t.includes("?") ? `${t}${e}` : `${t}?${e}`;
-}, Q = (a, t = {}) => {
+}, ct = (a, t = {}) => {
   const e = [];
-  Object.entries(t).forEach(([c, p]) => {
-    e.push(`${c}:${p}`);
+  Object.entries(t).forEach(([i, p]) => {
+    e.push(`${i}:${p}`);
   });
   const o = {
     id: a,
     viewMode: "story",
     args: e.join(";")
   };
-  return z(o, "iframe.html");
+  return it(o, "iframe.html");
 }, n = (a, t) => `${a}-${t}`;
-class it {
+class Et {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${S.WRAPPER}']`;
+    const e = `[data-testid='${t}-${F.WRAPPER}']`;
     await this.page.waitForSelector(e);
   }
   getBannerText({ testId: t }) {
-    return this.page.getByTestId(n(t, S.CONTENT)).textContent();
+    return this.page.getByTestId(n(t, F.CONTENT)).textContent();
   }
   hasBannerType({ testId: t, type: e }) {
-    return this.page.getByTestId(n(t, S.WRAPPER)).locator(`.icon.icon-name--${e}`) !== null;
+    return this.page.getByTestId(n(t, F.WRAPPER)).locator(`.icon.icon-name--${e}`) !== null;
   }
 }
-class ct {
+class wt {
   constructor(t) {
     r(this, "page");
     r(this, "testId");
@@ -47,94 +47,101 @@ class ct {
       ...t.additionalComponentParams
     };
     await this.page.goto(
-      Q(
+      ct(
         t.storyId || this.componentId,
         e
       )
     ), await this.page.waitForSelector(this.loadedPageSelector);
   }
 }
-class rt {
+class Ct {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${u.WRAPPER}']`;
+    const e = `[data-testid='${t}-${E.WRAPPER}']`;
     await this.page.waitForSelector(e);
   }
   getDialogTitle({ testId: t }) {
-    return this.page.getByTestId(n(t, u.HEADER)).textContent();
+    return this.page.getByTestId(n(t, E.HEADER)).textContent();
   }
   getDialogText({ testId: t }) {
-    return this.page.getByTestId(n(t, u.CONTENT)).textContent();
+    return this.page.getByTestId(n(t, E.CONTENT)).textContent();
   }
   async closeDialog({ testId: t }) {
     await (await this.page.getByTestId(
-      n(t, u.ACTION_CLOSE)
+      n(t, E.ACTION_CLOSE)
     )).click();
   }
   async clickOnPrimaryButton({ testId: t }) {
     await this.page.getByTestId(
-      n(t, u.SAVE_BUTTON)
+      n(t, E.SAVE_BUTTON)
     ).click();
   }
   async clickOnDefaultButton({ testId: t }) {
     await this.page.getByTestId(
-      n(t, u.CANCEL_BUTTON)
+      n(t, E.CANCEL_BUTTON)
     ).click();
   }
   async clickOnDeleteButton({ testId: t }) {
     await (await this.page.getByTestId(
-      n(t, u.ACTION_BUTTONS_WRAPPER)
+      n(t, E.ACTION_BUTTONS_WRAPPER)
     ).locator(".danger")).click();
   }
   getDialogSubtitle({ testId: t }) {
-    return this.page.getByTestId(n(t, u.HEADER_SECONDARY)).locator(".subtitle").textContent();
+    return this.page.getByTestId(n(t, E.HEADER_SECONDARY)).locator(".subtitle").textContent();
   }
   async isDialogVisible({ testId: t }) {
     return await this.page.waitForTimeout(1e3), (await this.page.getByTestId(
-      n(t, u.WRAPPER)
+      n(t, E.WRAPPER)
     )).isVisible();
   }
   async waitForDialogToClose(t) {
     await this.page.waitForSelector(
-      n(t, u.WRAPPER),
+      n(t, E.WRAPPER),
       { state: "hidden" }
     );
   }
 }
-class Y {
+class Q {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
     await this.page.getByTestId(
-      n(t, i.WRAPPER)
+      n(t, c.WRAPPER)
     );
   }
   async selectDropdownOptionByIndex({
     testId: t,
     index: e
   }) {
-    await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator("ul > li").nth(e).click();
+    await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li").nth(e).click();
   }
   getDropdownButtonContent(t) {
-    return this.page.getByTestId(n(t, i.BUTTON_CONTENT)).textContent();
+    return this.page.getByTestId(n(t, c.BUTTON_CONTENT)).textContent();
   }
   async openDropdownComponent({ testId: t }) {
-    await this.page.getByTestId(n(t, i.TRIGGER)).click({ position: { x: 15, y: 15 } });
+    await this.page.getByTestId(n(t, c.TRIGGER)).click({ position: { x: 15, y: 15 } });
   }
   async selectDropdownOptionByName({
     testId: t,
     name: e,
     shouldOpen: o = !0
   }) {
-    o && await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator("ul > li div.text-container", { hasText: e }).click();
+    o && await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li div.text-container", { hasText: e }).click();
+  }
+  async selectDropdownOptionByNameV2({
+    testId: t,
+    name: e,
+    shouldOpen: o = !0
+  }) {
+    o && await this.openDropdownComponent({ testId: t }), await (await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator(`li div.option-content:has-text("${e}")`)).click();
   }
   async clearAllOptions({ testId: t }) {
-    await this.page.getByTestId(n(t, i.ACTION_CLEAR_ALL)).click();
+    await this.page.getByTestId(n(t, c.ACTION_CLEAR_ALL)).click();
   }
   async selectMultipleItemsByIndex({
     testId: t,
@@ -143,7 +150,7 @@ class Y {
   }) {
     o && await this.openDropdownComponent({ testId: t }), await this.clearAllOptions({ testId: t });
     for (const s of e)
-      await this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator("ul > li").nth(s).click();
+      await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li").nth(s).click();
   }
   async selectMultipleItemsByName({
     testId: t,
@@ -154,57 +161,57 @@ class Y {
       testId: t
     });
     for (const s of e)
-      await this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator("ul > li span", { hasText: s }).first().click();
+      await this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span", { hasText: s }).first().click();
   }
   async clickOnApply({ testId: t }) {
-    await this.page.getByTestId(n(t, i.ACTION_APPLY)).click();
+    await this.page.getByTestId(n(t, c.ACTION_APPLY)).click();
   }
   async clickOnCancel({ testId: t }) {
-    await this.page.getByTestId(n(t, i.ACTION_CANCEL)).click();
+    await this.page.getByTestId(n(t, c.ACTION_CANCEL)).click();
   }
   async isValidationAppear({ testId: t }) {
-    return (await this.page.getByTestId(n(t, i.BUTTON_WRAPPER)).getAttribute("class")).includes("state-error");
+    return (await this.page.getByTestId(n(t, c.BUTTON_WRAPPER)).getAttribute("class")).includes("state-error");
   }
 }
-class b {
+class D {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   getLabelText({ testId: t }) {
-    return this.page.getByTestId(n(t, R.TEXT)).textContent();
+    return this.page.getByTestId(n(t, b.TEXT)).textContent();
   }
   isMandatory({ testId: t }) {
-    return this.page.getByTestId(n(t, R.MANDATORY)).isVisible();
+    return this.page.getByTestId(n(t, b.MANDATORY)).isVisible();
   }
   async getHelpIconText({ testId: t }) {
     const e = await this.page.getByTestId(
-      n(t, R.TOOLTIP)
+      n(t, b.TOOLTIP)
     );
     return await e.hover(), e.getAttribute("text");
   }
 }
-class H {
+class Y {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   hasExtraText({ testId: t }) {
-    return this.page.getByTestId(n(t, E.TEXT)).isVisible();
+    return this.page.getByTestId(n(t, I.TEXT)).isVisible();
   }
   getExtraText({ testId: t }) {
-    return this.page.getByTestId(n(t, E.TEXT)).textContent();
+    return this.page.getByTestId(n(t, I.TEXT)).textContent();
   }
   async hasExtraTextIconType({ testId: t, type: e }) {
-    return await (await this.page.getByTestId(n(t, E.CONTAINER)).locator(`.icon.icon-name--${e}`)).count() !== 0;
+    return await (await this.page.getByTestId(n(t, I.CONTAINER)).locator(`.icon.icon-name--${e}`)).count() !== 0;
   }
 }
-class Z extends Y {
+class Z extends Q {
   constructor(e) {
     super(e);
     r(this, "fieldLabelComponent");
     r(this, "fieldHelpTextComponent");
-    this.fieldLabelComponent = new b(e), this.fieldHelpTextComponent = new H(e);
+    this.fieldLabelComponent = new D(e), this.fieldHelpTextComponent = new Y(e);
   }
   getDropdownTitle({ testId: e }) {
     return this.fieldLabelComponent.getLabelText({ testId: e });
@@ -225,54 +232,62 @@ class Z extends Y {
     return this.fieldHelpTextComponent.hasExtraTextIconType({ testId: e, type: o });
   }
   async getSelectedLabel({ testId: e }) {
-    let s = await this.page.getByTestId(n(e, i.BUTTON_CONTENT)).textContent();
+    let s = await this.page.getByTestId(n(e, c.BUTTON_CONTENT)).textContent();
     if (await this.page.getByTestId(
-      n(e, i.BUTTON_CONTENT_SUFFIX)
+      n(e, c.BUTTON_CONTENT_SUFFIX)
     ).isVisible({ timeout: 1e3 })) {
       const p = await this.page.getByTestId(
-        n(e, i.BUTTON_CONTENT_SUFFIX)
+        n(e, c.BUTTON_CONTENT_SUFFIX)
       ).textContent();
       s = `${s}${p}`;
     }
     return s;
   }
   async searchForItem({ testId: e, searchTerm: o }) {
-    return await this.openDropdownComponent({ testId: e }), await this.page.getByTestId(n(e, l.FIELD)).fill(o), this.page.getByTestId(n(e, i.LIST_CONTAINER)).locator("ul > li span").first().textContent();
+    return await this.openDropdownComponent({ testId: e }), await this.page.getByTestId(n(e, l.FIELD)).fill(o), this.page.getByTestId(n(e, c.LIST_CONTAINER)).locator("ul > li span").first().textContent();
   }
   async isErrorText({ testId: e }) {
-    return await this.page.getByTestId(n(e, E.TEXT)).count() > 0;
+    return await this.page.getByTestId(n(e, I.TEXT)).count() > 0;
   }
   async isDisabled({ testId: e }) {
-    return (await this.page.getByTestId(n(e, i.TRIGGER)).locator(".button__container--disabled")).isVisible();
+    return (await this.page.getByTestId(n(e, c.TRIGGER)).locator(".button__container--disabled")).isVisible();
   }
   isSelectAllChecked({ testId: e }) {
-    return this.page.getByTestId(n(e, i.SELECT_ALL)).locator(".checkbox.input").isChecked();
+    return this.page.getByTestId(n(e, c.SELECT_ALL)).locator(".checkbox.input").isChecked();
   }
   isSelectAllIndeterminate({ testId: e }) {
-    return this.page.getByTestId(n(e, i.SELECT_ALL)).locator(".icon.indeterminate").isVisible();
+    return this.page.getByTestId(n(e, c.SELECT_ALL)).locator(".icon.indeterminate").isVisible();
   }
   async removeChipSelection({ testId: e }) {
-    await this.page.getByTestId(n(e, i.BUTTON_CLEAR)).click();
+    await this.page.getByTestId(n(e, c.BUTTON_CLEAR)).click();
   }
   getDropdownOptions({ testId: e }) {
-    return this.page.getByTestId(n(e, i.LIST_CONTAINER)).locator(".list").allTextContents();
+    return this.page.getByTestId(n(e, c.LIST_CONTAINER)).locator(".list").allTextContents();
+  }
+  async getDropdownOptionsV2({ testId: e }) {
+    const o = [], s = await this.page.getByTestId(n(e, c.LIST_CONTAINER)).locator(".list li").all();
+    for (const i of s) {
+      const p = await i.textContent();
+      o.push(p);
+    }
+    return o;
   }
 }
-class lt extends Y {
+class mt extends Q {
   constructor(t) {
     super(t);
   }
   getDropdownTitle({ testId: t }) {
-    return this.page.getByTestId(n(t, i.WRAPPER)).locator("label > span").textContent();
+    return this.page.getByTestId(n(t, c.WRAPPER)).locator("label > span").textContent();
   }
   getSelectedItem({ testId: t }) {
-    return this.page.getByTestId(n(t, i.TRIGGER)).locator("button > span").textContent();
+    return this.page.getByTestId(n(t, c.TRIGGER)).locator("button > span").textContent();
   }
   async searchForItem({ testId: t, searchTerm: e }) {
-    return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, D.FIELD)).fill(e), this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator("ul > li span").first().textContent();
+    return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, G.FIELD)).fill(e), this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span").first().textContent();
   }
 }
-class pt {
+class It {
   constructor(t) {
     r(this, "page");
     this.page = t;
@@ -338,7 +353,7 @@ class pt {
     await this.openIncludeExcludeComponent(t), await this.page.getByTestId(n(t, T.SELECT_ALL)).click(), await this.clickOnApply(t);
   }
 }
-class J {
+class M {
   constructor(t) {
     r(this, "page");
     this.page = t;
@@ -362,12 +377,12 @@ class J {
     return this.page.getByTestId(n(t, l.FIELD)).isDisabled();
   }
 }
-class gt extends J {
+class Bt extends M {
   constructor(e) {
     super(e);
     r(this, "fieldLabelComponent");
     r(this, "fieldHelpTextComponent");
-    this.fieldLabelComponent = new b(e), this.fieldHelpTextComponent = new H(e);
+    this.fieldLabelComponent = new D(e), this.fieldHelpTextComponent = new Y(e);
   }
   getInputsLabelText({ testId: e }) {
     return this.fieldLabelComponent.getLabelText({ testId: e });
@@ -447,50 +462,50 @@ class gt extends J {
     return (await this.page.getByTestId(n(e, l.WRAPPER)).getAttribute("class")).includes("variant-error");
   }
 }
-class Tt {
+class Lt {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${A.WRAPPER}']`;
+    const e = `[data-testid='${t}-${R.WRAPPER}']`;
     await this.page.waitForSelector(e);
   }
   getSelectedTabText({ testId: t }) {
-    return this.page.getByTestId(n(t, A.WRAPPER)).locator(".tab-item--active").textContent();
+    return this.page.getByTestId(n(t, R.WRAPPER)).locator(".tab-item--active").textContent();
   }
   async selectTab({ testId: t, tabName: e }) {
     const o = await this.getTabIndex({ testId: t, tabName: e });
     await this.page.getByTestId(
-      n(t, `${A.TAB}-${o + 1}`)
+      n(t, `${R.TAB}-${o + 1}`)
     ).click();
   }
   async getTabIndex({ testId: t, tabName: e }) {
-    return (await this.page.getByTestId(n(t, A.WRAPPER)).locator(".tab-item").allTextContents()).indexOf(e);
+    return (await this.page.getByTestId(n(t, R.WRAPPER)).locator(".tab-item").allTextContents()).indexOf(e);
   }
   async isTabDisabled({ testId: t, tabName: e }) {
     const o = await this.getTabIndex({ testId: t, tabName: e });
-    return this.page.getByTestId(n(t, `${A.TAB}-${o}`)).locator(".tab-item--disabled").isVisible();
+    return this.page.getByTestId(n(t, `${R.TAB}-${o}`)).locator(".tab-item--disabled").isVisible();
   }
 }
-class ht {
+class At {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${P.TRIGGER}']`;
+    const e = `[data-testid='${t}-${$.TRIGGER}']`;
     await this.page.waitForSelector(e);
   }
   getTooltipText({ testId: t }) {
-    return this.page.getByTestId(`${t}-${P.TRIGGER}`).getAttribute("text");
+    return this.page.getByTestId(`${t}-${$.TRIGGER}`).getAttribute("text");
   }
   getTooltipHeaderText({ testId: t }) {
-    return this.page.getByTestId(`${t}-${P.TRIGGER}`).getAttribute("header");
+    return this.page.getByTestId(`${t}-${$.TRIGGER}`).getAttribute("header");
   }
 }
-const x = ".table-row", $ = ".icon-wrapper", V = ".states", f = ".table-head-container", X = ".table-row.loading", M = 1e3;
-class ut {
+const x = ".table-row", W = ".icon-wrapper", K = ".states", U = ".table-head-container", j = ".table-row.loading", rt = 1e3;
+class xt {
   constructor(t) {
     r(this, "page");
     this.page = t;
@@ -503,7 +518,7 @@ class ut {
     return this.page.getByTestId(n(t, g.BODY_WRAPPER)).locator(x).count();
   }
   async getColumnHeaders({ testId: t }) {
-    return this.page.getByTestId(n(t, g.TABLE)).locator(f).allTextContents();
+    return this.page.getByTestId(n(t, g.TABLE)).locator(U).allTextContents();
   }
   getTableLabel({ testId: t }) {
     return this.page.getByTestId(n(t, g.HEADER)).innerText();
@@ -512,7 +527,7 @@ class ut {
     return this.page.getByTestId(n(t, g.CONTAINER)).locator(".table-footer").innerText();
   }
   async clickOnHeaderByName(t) {
-    await this.page.locator(f, {
+    await this.page.locator(U, {
       hasText: t
     }).click();
   }
@@ -523,7 +538,7 @@ class ut {
     await this.page.getByTestId(n(t, l.FIELD)).clear(), await this.waitForTableToLoad();
   }
   isArrowVisible({ testId: t, headerName: e }) {
-    return this.page.getByTestId(n(t, g.TABLE)).locator(f, { hasText: e }).locator(".table-sort-icon").isVisible();
+    return this.page.getByTestId(n(t, g.TABLE)).locator(U, { hasText: e }).locator(".table-sort-icon").isVisible();
   }
   async scrollDownTableRows({ testId: t }) {
     const e = `[data-testid=${n(
@@ -533,27 +548,27 @@ class ut {
     await this.page.focus(e), await this.page.evaluate((o) => {
       const s = document.querySelector(o);
       s && (s.scrollTop = s.scrollHeight);
-    }, e), await this.page.waitForTimeout(M);
+    }, e), await this.page.waitForTimeout(rt);
   }
   async waitForTableToLoad() {
-    await this.page.waitForSelector(X, {
+    await this.page.waitForSelector(j, {
       state: "hidden"
     });
   }
   async waitingForTableLoadingToAppear() {
-    await this.page.waitForSelector(X);
+    await this.page.waitForSelector(j);
   }
   async expandRow({ testId: t, rowValue: e }) {
-    await this.page.getByTestId(n(t, g.BODY_WRAPPER)).locator(x, { hasText: e }).locator($).click();
+    await this.page.getByTestId(n(t, g.BODY_WRAPPER)).locator(x, { hasText: e }).locator(W).click();
   }
   isRowExpanded({ testId: t, rowValue: e }) {
-    return this.page.getByTestId(n(t, g.BODY_WRAPPER)).locator(x, { hasText: e }).locator($).isVisible();
+    return this.page.getByTestId(n(t, g.BODY_WRAPPER)).locator(x, { hasText: e }).locator(W).isVisible();
   }
   async getExpandedRowContent({ testId: t, rowValue: e }) {
     return await this.isRowExpanded({
       testId: t,
       rowValue: e
-    }) || await this.expandRow({ testId: t, rowValue: e }), this.page.getByTestId(n(t, g.BODY_WRAPPER)).locator(x, { hasText: e }).locator($).textContent();
+    }) || await this.expandRow({ testId: t, rowValue: e }), this.page.getByTestId(n(t, g.BODY_WRAPPER)).locator(x, { hasText: e }).locator(W).textContent();
   }
   isEmptyStateVisible({ testId: t }) {
     return this.page.getByTestId(n(t, g.TABLE)).locator(".empty-state").isVisible();
@@ -567,13 +582,13 @@ class ut {
   async clickOnRowCheckboxByRowValue({ testId: t, rowValue: e }) {
     await this.page.getByTestId(n(t, g.TABLE)).locator(x, {
       hasText: e
-    }).locator(V).click();
+    }).locator(K).click();
   }
   getCheckedRowsNumber({ testId: t }) {
     return this.page.getByTestId(n(t, g.TABLE)).locator(x).locator(".icon.checked").count();
   }
   async clickOnSelectAllCheckbox({ testId: t }) {
-    await this.page.getByTestId(n(t, g.TABLE)).locator(V).nth(0).click();
+    await this.page.getByTestId(n(t, g.TABLE)).locator(K).nth(0).click();
   }
   getTableLocator({ testId: t }) {
     return this.page.getByTestId(
@@ -584,7 +599,7 @@ class ut {
     return this.getTableLocator({ testId: t }).locator(e).allTextContents();
   }
 }
-class tt {
+class lt {
   constructor(t) {
     r(this, "page");
     this.page = t;
@@ -606,125 +621,125 @@ class tt {
     return this.page.getByTestId(t).isDisabled();
   }
 }
-class dt {
+class Rt {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${w.CONTAINER}']`;
+    const e = `[data-testid='${t}-${m.CONTAINER}']`;
     await this.page.waitForSelector(e);
   }
   getSnackbarTitle({ testId: t }) {
-    return this.page.getByTestId(n(t, w.TITLE)).textContent();
+    return this.page.getByTestId(n(t, m.TITLE)).textContent();
   }
   async closeSnackbar({ testId: t }) {
-    await this.page.getByTestId(n(t, w.CLOSE)).locator(".icon-name--x").click();
+    await this.page.getByTestId(n(t, m.CLOSE)).locator(".icon-name--x").click();
   }
   async waitForSnackbarToBeClosed({ testId: t }) {
-    const e = `[data-testid='${t}-${w.CONTAINER}']`;
+    const e = `[data-testid='${t}-${m.CONTAINER}']`;
     await this.page.waitForSelector(e, { state: "detached" });
   }
   getSnackbarDescription({ testId: t }) {
-    return this.page.getByTestId(n(t, w.MESSAGE)).textContent();
+    return this.page.getByTestId(n(t, m.MESSAGE)).textContent();
   }
   async clickOnActionButton({ testId: t, buttonName: e }) {
     const o = await this.getActionButtonIndex({
       testId: t,
       buttonName: e
-    }), s = `[data-testid='${t}-${w.ACTION_BUTTON}-${o}']`;
+    }), s = `[data-testid='${t}-${m.ACTION_BUTTON}-${o}']`;
     await this.page.click(s);
   }
   async getActionButtonIndex({
     testId: t,
     buttonName: e
   }) {
-    return (await this.page.getByTestId(n(t, w.CONTAINER)).locator(".font-button").allTextContents()).indexOf(e);
+    return (await this.page.getByTestId(n(t, m.CONTAINER)).locator(".font-button").allTextContents()).indexOf(e);
   }
 }
-class yt {
+class Ot {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${L.WRAPPER}']`;
+    const e = `[data-testid='${t}-${O.WRAPPER}']`;
     await this.page.waitForSelector(e);
   }
   async closeMultiBar({ testId: t }) {
-    await this.page.getByTestId(n(t, L.CLOSE_BTN)).locator(".icon-wrapper").click();
+    await this.page.getByTestId(n(t, O.CLOSE_BTN)).locator(".icon-wrapper").click();
   }
   getMultiBarCountText({ testId: t }) {
-    return this.page.getByTestId(n(t, L.WRAPPER)).locator(".count-text").textContent();
+    return this.page.getByTestId(n(t, O.WRAPPER)).locator(".count-text").textContent();
   }
   async isMultiBarVisible({ testId: t }) {
-    return await this.page.waitForTimeout(1e3), this.page.getByTestId(n(t, L.WRAPPER)).locator(".multi-bar-panel").isVisible();
+    return await this.page.waitForTimeout(1e3), this.page.getByTestId(n(t, O.WRAPPER)).locator(".multi-bar-panel").isVisible();
   }
   async clickOnActionButton({ testId: t, actionButtonId: e }) {
     await this.page.getByTestId(
       n(
         t,
-        `${L.ACTION}-${e}`
+        `${O.ACTION}-${e}`
       )
     ).locator(".start-icon").click();
   }
 }
-class wt {
+class Nt {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${R.TEXT}']`;
+    const e = `[data-testid='${t}-${b.TEXT}']`;
     await this.page.waitForSelector(e);
   }
   getFormRowTitle({ testId: t }) {
-    return new b(this.page).getLabelText({ testId: t });
+    return new D(this.page).getLabelText({ testId: t });
   }
   isFormRowMandatory({ testId: t }) {
-    return new b(this.page).isMandatory({ testId: t });
+    return new D(this.page).isMandatory({ testId: t });
   }
   getIconText({ testId: t }) {
-    return new H(this.page).getExtraText({ testId: t });
+    return new Y(this.page).getExtraText({ testId: t });
   }
 }
-class Et {
+class bt {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${I.CONTENT}']`;
+    const e = `[data-testid='${t}-${A.CONTENT}']`;
     await this.page.waitForSelector(e);
   }
   getCardTitle({ testId: t }) {
-    return this.page.getByTestId(n(t, I.TITLE)).textContent();
+    return this.page.getByTestId(n(t, A.TITLE)).textContent();
   }
   getCardContentText({ testId: t }) {
-    return this.page.getByTestId(n(t, I.CONTENT)).textContent();
+    return this.page.getByTestId(n(t, A.CONTENT)).textContent();
   }
   getCardLabelText({ testId: t }) {
-    return new b(this.page).getLabelText({ testId: t });
+    return new D(this.page).getLabelText({ testId: t });
   }
   async clickOnSaveButton({ testId: t }) {
-    await this.page.getByTestId(n(t, I.SAVE_BUTTON)).click();
+    await this.page.getByTestId(n(t, A.SAVE_BUTTON)).click();
   }
   async clickOnCancelButton({ testId: t }) {
-    await this.page.getByTestId(n(t, I.CANCEL_BUTTON)).click();
+    await this.page.getByTestId(n(t, A.CANCEL_BUTTON)).click();
   }
   isSaveButtonLoading({ testId: t }) {
-    return new tt(this.page).isButtonLoading({ testId: t });
+    return new lt(this.page).isButtonLoading({ testId: t });
   }
   async clearForm({
     testId: t,
     inputType: e
   }) {
-    (await this.page.getByTestId(n(t, I.CONTENT)).locator(
+    (await this.page.getByTestId(n(t, A.CONTENT)).locator(
       `[data-testid='ad-units-form-card-form-card-content'] input[type='${e}']`
     ).all()).forEach((s) => s.clear());
   }
 }
-class O extends J {
+class N extends M {
   constructor(t) {
     super(t);
   }
@@ -764,61 +779,61 @@ class O extends J {
     await (await this.page.getByTestId(n(t, l.WRAPPER)).locator(".password-visibility")).click();
   }
 }
-class Ct {
+class St {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${D.CONTAINER}']`;
+    const e = `[data-testid='${t}-${G.CONTAINER}']`;
     await this.page.waitForSelector(e);
   }
   async searchInput({ testId: t, searchTerm: e }) {
-    await new O(this.page).addInput({ testId: t, text: e });
+    await new N(this.page).addInput({ testId: t, text: e });
   }
   async clearInput({ testId: t }) {
-    await new O(this.page).clearInput({ testId: t });
+    await new N(this.page).clearInput({ testId: t });
   }
   async clickOnXButton({ testId: t }) {
-    await this.page.getByTestId(n(t, D.CLEAR)).locator(".icon-name--x-circle").click();
+    await this.page.getByTestId(n(t, G.CLEAR)).locator(".icon-name--x-circle").click();
   }
   isDisabled({ testId: t }) {
-    return new O(this.page).isDisabled({ testId: t });
+    return new N(this.page).isDisabled({ testId: t });
   }
   getSearchPlaceholder({ testId: t }) {
-    return new O(this.page).getPlaceholderText({ testId: t });
+    return new N(this.page).getPlaceholderText({ testId: t });
   }
   getSearchInputValue({ testId: t }) {
-    return new O(this.page).getInputsFieldText({ testId: t });
+    return new N(this.page).getInputsFieldText({ testId: t });
   }
 }
-class et {
+class pt {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${v.TEXT}']`;
+    const e = `[data-testid='${t}-${X.TEXT}']`;
     await this.page.waitForSelector(e);
   }
   getInlineCopyText({ testId: t }) {
-    return this.page.getByTestId(`${t}-${v.TEXT}`).textContent();
+    return this.page.getByTestId(`${t}-${X.TEXT}`).textContent();
   }
 }
-class mt {
+class Pt {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${_.TITLE}']`;
+    const e = `[data-testid='${t}-${f.TITLE}']`;
     await this.page.waitForSelector(e);
   }
   getHeaderTitle({ testId: t }) {
-    return this.page.getByTestId(`${t}-${_.TITLE}`).textContent();
+    return this.page.getByTestId(`${t}-${f.TITLE}`).textContent();
   }
   getInlineCopyText({ testId: t }) {
-    return new et(this.page).getInlineCopyText({
+    return new pt(this.page).getInlineCopyText({
       testId: t
     });
   }
@@ -826,79 +841,79 @@ class mt {
     testId: t,
     iconName: e
   }) {
-    return await this.page.getByTestId(`${t}-${_.APP_PLATFORM}`).getAttribute("data-platform") === e;
+    return await this.page.getByTestId(`${t}-${f.APP_PLATFORM}`).getAttribute("data-platform") === e;
   }
 }
-class It {
+class _t {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${d.WRAPPER}']`;
+    const e = `[data-testid='${t}-${w.WRAPPER}']`;
     await this.page.waitForSelector(e);
   }
   getAlertText({ testId: t }) {
-    return this.page.getByTestId(n(t, d.MESSAGE)).textContent();
+    return this.page.getByTestId(n(t, w.MESSAGE)).textContent();
   }
   getAlertTitle({ testId: t }) {
-    return this.page.getByTestId(n(t, d.TITLE)).textContent();
+    return this.page.getByTestId(n(t, w.TITLE)).textContent();
   }
   async clickOnActionButton({ testId: t }) {
     await this.page.click(
-      n(t, d.ACTION_BUTTON)
+      n(t, w.ACTION_BUTTON)
     );
   }
   getActionButtonText({ testId: t }) {
-    return this.page.getByTestId(n(t, d.ACTION_BUTTON)).textContent();
+    return this.page.getByTestId(n(t, w.ACTION_BUTTON)).textContent();
   }
   async closeAlert({ testId: t }) {
-    await this.page.getByTestId(n(t, d.CLOSE_BUTTON)).click();
+    await this.page.getByTestId(n(t, w.CLOSE_BUTTON)).click();
   }
   async isAlertVisible({ testId: t }) {
-    return await this.page.getByTestId(n(t, d.WRAPPER)).count() > 0;
+    return await this.page.getByTestId(n(t, w.WRAPPER)).count() > 0;
   }
   getAlertIconType({ testId: t }) {
-    return this.page.getByTestId(n(t, d.WRAPPER)).getAttribute("class");
+    return this.page.getByTestId(n(t, w.WRAPPER)).getAttribute("class");
   }
 }
-class at {
+class gt {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = `[data-testid='${t}-${C.FIELD}']`;
+    const e = `[data-testid='${t}-${B.FIELD}']`;
     await this.page.waitForSelector(e);
   }
   async addInput({ testId: t, text: e }) {
-    await this.page.getByTestId(n(t, C.FIELD)).type(e);
+    await this.page.getByTestId(n(t, B.FIELD)).type(e);
   }
   async clearInput({ testId: t }) {
-    await this.page.getByTestId(n(t, C.FIELD)).clear();
+    await this.page.getByTestId(n(t, B.FIELD)).clear();
   }
   getInput({ testId: t }) {
-    return this.page.getByTestId(n(t, C.FIELD)).inputValue();
+    return this.page.getByTestId(n(t, B.FIELD)).inputValue();
   }
   getPlaceholderText({ testId: t }) {
-    return this.page.getByTestId(n(t, C.FIELD)).getAttribute("placeholder");
+    return this.page.getByTestId(n(t, B.FIELD)).getAttribute("placeholder");
   }
   isDisabled({ testId: t }) {
-    return this.page.getByTestId(n(t, C.FIELD)).isDisabled();
+    return this.page.getByTestId(n(t, B.FIELD)).isDisabled();
   }
 }
-class Bt extends at {
+class Dt extends gt {
   getLabelText({ testId: t }) {
-    return this.page.getByTestId(n(t, R.TEXT)).textContent();
+    return this.page.getByTestId(n(t, b.TEXT)).textContent();
   }
   hasFieldHelpText({ testId: t }) {
-    return this.page.getByTestId(n(t, E.CONTAINER)).isVisible();
+    return this.page.getByTestId(n(t, I.CONTAINER)).isVisible();
   }
   getFieldHelpText({ testId: t }) {
-    return this.page.getByTestId(n(t, E.CONTAINER)).textContent();
+    return this.page.getByTestId(n(t, I.CONTAINER)).textContent();
   }
 }
-class xt extends Z {
+class kt extends Z {
   constructor(t) {
     super(t);
   }
@@ -921,37 +936,37 @@ class xt extends Z {
     return this.fieldHelpTextComponent.hasExtraTextIconType({ testId: t, type: e });
   }
   getSelectedLabel({ testId: t }) {
-    return this.page.getByTestId(n(t, i.BUTTON_CONTENT)).textContent();
+    return this.page.getByTestId(n(t, c.BUTTON_CONTENT)).textContent();
   }
   async searchForItem({ testId: t, searchTerm: e }) {
-    return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, l.FIELD)).fill(e), this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator("ul > li span").first().textContent();
+    return await this.openDropdownComponent({ testId: t }), await this.page.getByTestId(n(t, l.FIELD)).fill(e), this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator("ul > li span").first().textContent();
   }
   async isErrorText({ testId: t }) {
-    return await this.page.getByTestId(n(t, E.TEXT)).count() > 0;
+    return await this.page.getByTestId(n(t, I.TEXT)).count() > 0;
   }
   async isDisabled({ testId: t }) {
-    return (await this.page.getByTestId(n(t, i.TRIGGER)).locator(".button__container--disabled")).isVisible();
+    return (await this.page.getByTestId(n(t, c.TRIGGER)).locator(".button__container--disabled")).isVisible();
   }
   async clearAllOptions({ testId: t }) {
-    await this.page.getByTestId(n(t, i.ACTION_CLEAR_ALL)).click();
+    await this.page.getByTestId(n(t, c.ACTION_CLEAR_ALL)).click();
   }
   isSelectAllChecked({ testId: t }) {
-    return this.page.getByTestId(n(t, i.SELECT_ALL)).locator(".checkbox.input").isChecked();
+    return this.page.getByTestId(n(t, c.SELECT_ALL)).locator(".checkbox.input").isChecked();
   }
   isSelectAllIndeterminate({ testId: t }) {
-    return this.page.getByTestId(n(t, i.SELECT_ALL)).locator(".icon.indeterminate").isVisible();
+    return this.page.getByTestId(n(t, c.SELECT_ALL)).locator(".icon.indeterminate").isVisible();
   }
   async removeChipSelection({ testId: t }) {
-    await this.page.getByTestId(n(t, i.BUTTON_CLEAR)).click();
+    await this.page.getByTestId(n(t, c.BUTTON_CLEAR)).click();
   }
   getDropdownOptions({ testId: t }) {
-    return this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator(".list").allTextContents();
+    return this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator(".list").allTextContents();
   }
   async expandTreeNode({
     testId: t,
     nodeName: e
   }) {
-    const o = this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator(".item--multi", { hasText: e }).locator(".tree-main-arrow-wrapper");
+    const o = this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator(".item--multi", { hasText: e }).locator(".tree-main-arrow-wrapper");
     if (await o.isVisible())
       await o.click();
     else
@@ -964,9 +979,9 @@ class xt extends Z {
     shouldExpand: s = !1
   }) {
     await this.openDropdownComponent({ testId: t }), s && await this.expandTreeNode({ testId: t, nodeName: e });
-    const c = this.page.getByTestId(n(t, i.LIST_CONTAINER)).locator(`text=${o}`);
-    if (await c.isVisible())
-      await c.click();
+    const i = this.page.getByTestId(n(t, c.LIST_CONTAINER)).locator(`text=${o}`);
+    if (await i.isVisible())
+      await i.click();
     else
       throw new Error(`Option with text "${o}" not found in the dropdown.`);
   }
@@ -986,8 +1001,8 @@ class xt extends Z {
     await this.clickOnApply({ testId: t });
   }
 }
-const nt = ".sortable-item";
-class At {
+const Tt = ".sortable-item";
+class Ft {
   constructor(t) {
     r(this, "page");
     this.page = t;
@@ -1006,14 +1021,14 @@ class At {
   async sortItem(t, e, o) {
     const s = await this.page.getByTestId(
       n(t, "sortable-list-item")
-    ), c = s.nth(e), p = s.nth(o);
-    await c.dragTo(p);
+    ), i = s.nth(e), p = s.nth(o);
+    await i.dragTo(p);
   }
   async verifyOrder(t, e) {
-    return (await this.getItems(t)).every((s, c) => s === e[c]);
+    return (await this.getItems(t)).every((s, i) => s === e[i]);
   }
   async getListItemLocator({ testId: t, item: e, modifier: o }) {
-    return this.page.getByTestId(n(t, o)).locator(nt, {
+    return this.page.getByTestId(n(t, o)).locator(Tt, {
       hasText: e
     });
   }
@@ -1080,8 +1095,8 @@ class At {
       item: e,
       isLockedItem: o
     });
-    const c = this.page.locator(".dropdown-list-wrapper");
-    await c.locator("ul.list li", { hasText: s }).click(), await c.waitFor({ state: "detached" });
+    const i = this.page.locator(".dropdown-list-wrapper");
+    await i.locator("ul.list li", { hasText: s }).click(), await i.waitFor({ state: "detached" });
   }
   async isMenuOpened() {
     return await this.page.locator(".dropdown-list-wrapper").count() > 0;
@@ -1093,8 +1108,8 @@ class At {
       modifier: s
     })).locator(".item.drag-allowed").first().boundingBox();
     if (p) {
-      const B = p.x, y = p.y;
-      await this.page.mouse.move(B, y), await this.page.mouse.down(), await this.page.mouse.move(B + 20, y - 20), await this.page.mouse.up();
+      const u = p.x, y = p.y;
+      await this.page.mouse.move(u, y), await this.page.mouse.down(), await this.page.mouse.move(u + 20, y - 20), await this.page.mouse.up();
     }
   }
   async getListOrder() {
@@ -1106,42 +1121,40 @@ class At {
   // returns array of booleans according to the search results in each group
   async verifySearchResultDisplayed({ testId: t, item: e }) {
     const o = [], s = await this.page.getByTestId(n(t, h.CONTAINER)).all();
-    let c;
+    let i;
     for (const p of s)
-      c = await p.locator(".child-list span", { hasText: e }).count(), o.push(c > 0);
+      i = await p.locator(".child-list span", { hasText: e }).count(), o.push(i > 0);
     return o;
   }
   async getSelectedItem(t) {
     return this.page.getByTestId(n(t, h.CONTAINER)).locator(".sortable-item--selected").textContent();
   }
 }
-class Lt {
+class $t {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = n(t, G.WRAPPER);
+    const e = n(t, V.WRAPPER);
     await this.page.getByTestId(e).waitFor({ state: "visible" });
   }
   async selectView({ view: t, testId: e }) {
-    const o = `[text="${t}"]`;
-    console.log(o);
-    const s = n(e, G.WRAPPER);
+    const o = `[text="${t}"]`, s = n(e, V.WRAPPER);
     await (await this.page.getByTestId(s).locator(o)).click();
   }
 }
-class Rt {
+class ft {
   constructor(t) {
     r(this, "page");
     this.page = t;
   }
   async waitForComponent({ testId: t }) {
-    const e = n(t, m.WRAPPER);
+    const e = n(t, L.WRAPPER);
     await this.page.getByTestId(e).waitFor({ state: "visible" });
   }
   async openDateRangeComponent(t) {
-    const e = n(t, m.TRIGGER);
+    const e = n(t, L.TRIGGER);
     await (await this.page.getByTestId(e)).click();
   }
   async selectDateRangeMenu({
@@ -1149,7 +1162,7 @@ class Rt {
     option: e
   }) {
     await this.openDateRangeComponent(t);
-    const o = n(t, m.MENU);
+    const o = n(t, L.MENU);
     await (await this.page.getByTestId(
       `${o}-${e}`
     )).click();
@@ -1160,7 +1173,7 @@ class Rt {
     startMonthYear: e,
     startDate: o,
     endMonthYear: s,
-    endDate: c
+    endDate: i
   }) {
     await this.openDateRangeComponent(t);
     const p = await this.goToStartMonthYear(e);
@@ -1169,7 +1182,7 @@ class Rt {
       o
     )).click();
     const y = await this.goToEndMonthYear(s);
-    await (await this.getDayElement(y, c)).click();
+    await (await this.getDayElement(y, i)).click();
   }
   async getDayElement(t, e) {
     const o = await t.locator(".date-wrapper").all();
@@ -1209,19 +1222,19 @@ class Rt {
   async clickOnApply(t) {
     const e = n(
       t,
-      m.ACTION_APPLY
+      L.ACTION_APPLY
     );
     await (await this.page.getByTestId(e)).click();
   }
   async clickOnCancel(t) {
     const e = n(
       t,
-      m.ACTION_CANCEL
+      L.ACTION_CANCEL
     );
     await (await this.page.getByTestId(e)).click();
   }
   async getDateRangeLabel(t) {
-    const e = n(t, m.TRIGGER);
+    const e = n(t, L.TRIGGER);
     return (await this.page.getByTestId(e)).textContent();
   }
   createRangeLabel({
@@ -1230,7 +1243,7 @@ class Rt {
     endMonthYear: o,
     endDate: s
   }) {
-    const c = {
+    const i = {
       January: "Jan",
       February: "Feb",
       March: "Mar",
@@ -1243,13 +1256,13 @@ class Rt {
       October: "Oct",
       November: "Nov",
       December: "Dec"
-    }, [p, B] = t.split(" "), y = c[p], [N, F] = o.split(" "), k = c[N];
-    return `${y} ${e}, ${B} - ${k} ${s}, ${F}`;
+    }, [p, u] = t.split(" "), y = i[p], [C, S] = o.split(" "), P = i[C];
+    return `${y} ${e}, ${u} - ${P} ${s}, ${S}`;
   }
   calculateDaysBetweenDates(t) {
     const [e, o] = t.split(" - ");
-    function s(N) {
-      const [F, k] = N.split(", "), [W, K] = F.split(" "), U = {
+    function s(C) {
+      const [S, P] = C.split(", "), [_, v] = S.split(" "), k = {
         Jan: 0,
         Feb: 1,
         Mar: 2,
@@ -1262,40 +1275,158 @@ class Rt {
         Oct: 9,
         Nov: 10,
         Dec: 11
-      }[W];
-      if (U === void 0)
-        throw new Error(`Invalid month: ${W}`);
-      return new Date(parseInt(k), U, parseInt(K));
+      }[_];
+      if (k === void 0)
+        throw new Error(`Invalid month: ${_}`);
+      return new Date(parseInt(P), k, parseInt(v));
     }
-    const c = s(e), y = (s(o).getTime() - c.getTime()) / (1e3 * 60 * 60 * 24);
+    const i = s(e), y = (s(o).getTime() - i.getTime()) / (1e3 * 60 * 60 * 24);
     return Math.floor(y + 1);
   }
 }
+const q = ".header-texts .header-row", tt = ".container .font-body-2", ht = ".font-caption", et = ".legend__list li", z = `${et} ${tt}`, dt = "chart-legend-search-clear", ut = ".checkboxes svg.checked";
+class Gt {
+  constructor(t) {
+    r(this, "page");
+    r(this, "inputComponent");
+    r(this, "dropdownComponent");
+    this.page = t, this.inputComponent = new N(t), this.dropdownComponent = new Z(t);
+  }
+  async waitForComponent(t) {
+    const e = n(t, d.CONTAINER);
+    await this.page.getByTestId(e).waitFor({ state: "visible" });
+  }
+  async getChartHeaderData({
+    testId: t,
+    chartTitle: e,
+    extraChartIndex: o
+  }) {
+    var s, i, p;
+    try {
+      const u = o !== "" ? `${n(
+        t,
+        d.EXTRA_CHART
+      )}-${o}-${d.HEADER}` : n(t, d.HEADER), y = o !== "" ? `${n(
+        t,
+        d.EXTRA_CHART
+      )}-${o}-${d.TREND}` : n(t, d.TREND), C = await this.page.getByTestId(u), S = C.locator(q, {
+        hasText: e
+      }), P = C.locator(q).nth(1), _ = C.getByTestId(y), v = ((s = await S.textContent()) == null ? void 0 : s.trim().replace(":", "")) || null, J = ((i = await P.textContent()) == null ? void 0 : i.trim()) || null, k = ((p = await _.textContent()) == null ? void 0 : p.trim()) || null, at = await _.evaluate((nt) => {
+        const H = nt.className;
+        return H.includes("up") ? "up" : H.includes("down") ? "down" : H.includes("neutral") ? "neutral" : "unknown";
+      });
+      return {
+        title: v,
+        value: J,
+        trend: k,
+        trendDirection: at
+      };
+    } catch (u) {
+      return console.error(
+        `Failed to retrieve chart header data for testId: ${t}, chartTitle: ${e}`,
+        u
+      ), null;
+    }
+  }
+  async getLegend(t) {
+    return this.page.getByTestId(
+      `${n(t, d.LEGEND)}-${d.LEGEND_CONTAINER}`
+    );
+  }
+  async selectLegendItem({
+    testId: t,
+    itemToSelect: e
+  }) {
+    const s = await (await this.getLegend(t)).locator(z).all();
+    for (const i of s)
+      await i.textContent() === e && await i.click();
+  }
+  async clearLegendSearch(t) {
+    const e = n(t, dt);
+    await this.page.getByTestId(e).click();
+  }
+  async searchAndSelectLegendItems({
+    testId: t,
+    itemsToSelect: e
+  }) {
+    const o = n(t, d.LEGEND);
+    for (const s of e)
+      await this.inputComponent.addInput({
+        testId: o,
+        text: s
+      }), await this.selectLegendItem({
+        testId: t,
+        itemToSelect: s
+      }), await this.clearLegendSearch(t);
+  }
+  async getLegendItems(t) {
+    const e = [], s = await (await this.getLegend(t)).locator(z).all();
+    for (const i of s) {
+      const p = await i.textContent();
+      e.push(p);
+    }
+    return e;
+  }
+  async getSelectedItems(t) {
+    const e = [], s = await (await this.getLegend(t)).locator(et).all();
+    for (const i of s)
+      if (await i.locator(ut).count() > 0) {
+        const u = await i.locator(tt).textContent(), y = await i.locator(ht).textContent();
+        e.push({ itemLabel: u, subLabel: y });
+      }
+    return e;
+  }
+  async sortBy({ testId: t, sortType: e }) {
+    const o = `${n(
+      t,
+      d.LEGEND
+    )}-chart-legend-sort`;
+    await this.page.getByTestId(o).click(), await this.dropdownComponent.selectDropdownOptionByName({
+      testId: o,
+      name: e,
+      shouldOpen: !1
+    });
+  }
+  async getSortOptions(t) {
+    const e = `${n(
+      t,
+      d.LEGEND
+    )}-chart-legend-sort`, o = {
+      testId: e
+    };
+    await this.page.getByTestId(e).click();
+    const s = await this.dropdownComponent.getDropdownOptionsV2(
+      o
+    );
+    return await this.page.getByTestId(e).click(), s;
+  }
+}
 export {
-  It as AlertComponent,
-  mt as AppHeaderComponent,
-  it as BannerComponent,
-  tt as ButtonComponent,
-  ct as ComponentBasePage,
-  Rt as DateRangeComponent,
-  rt as DialogComponent,
+  _t as AlertComponent,
+  Pt as AppHeaderComponent,
+  Et as BannerComponent,
+  lt as ButtonComponent,
+  wt as ComponentBasePage,
+  ft as DateRangeComponent,
+  Ct as DialogComponent,
   Z as DropdownComponent,
-  lt as DropdownComponentV3,
-  H as FieldHelpTextComponent,
-  b as FieldLabelComponent,
-  Et as FormCardComponent,
-  wt as FormRowComponent,
-  pt as IncludeExcludeComponent,
-  et as InlineCopyComponent,
-  gt as InputsComponent,
-  yt as MultiBarComponent,
-  Ct as SearchComponent,
-  dt as SnackbarComponent,
-  At as SortableListComponent,
-  Lt as SwitchComponent,
-  ut as TableComponent,
-  Tt as TabsComponent,
-  Bt as TextAreaComponent,
-  ht as TooltipComponent,
-  xt as TreeDropdownComponent
+  mt as DropdownComponentV3,
+  Y as FieldHelpTextComponent,
+  D as FieldLabelComponent,
+  bt as FormCardComponent,
+  Nt as FormRowComponent,
+  It as IncludeExcludeComponent,
+  pt as InlineCopyComponent,
+  Bt as InputsComponent,
+  Ot as MultiBarComponent,
+  Gt as MultiChartComponent,
+  St as SearchComponent,
+  Rt as SnackbarComponent,
+  Ft as SortableListComponent,
+  $t as SwitchComponent,
+  xt as TableComponent,
+  Lt as TabsComponent,
+  Dt as TextAreaComponent,
+  At as TooltipComponent,
+  kt as TreeDropdownComponent
 };