@bigbinary/neeto-playwright-commons 1.9.2 → 1.9.3

package/index.d.ts

@@ -222,6 +222,16 @@ declare class CustomCommands {
     countSelector,
     countText
   }: SearchAndVerifyProps) => Promise<void>;
+  /**
+   *
+   * Command to upload an image to image uploader and verify it.
+   *
+   * @example 
+   *
+   * await neetoPlaywrightUtilities.uploadImage("../assets/image.png");
+   * @endexample
+  */
+  uploadImage: (localImagePath: string) => Promise<void>;
 }
 interface EmailContentParams {
   email: string;
@@ -616,6 +626,214 @@ declare class ZapierPage extends IntegrationBase {
   }) => Promise<string>;
   disconnectAndVerify: () => Promise<void>;
 }
+interface CropImageProps {
+  toggleAspectRatioLock: boolean;
+  aspectRatioHeight: string;
+  aspectRatioWidth: string;
+  width: string;
+  height: string;
+}
+interface ImageLibraryProps extends Partial<CropImageProps> {
+  toggleOrginalImage?: boolean;
+  localImagePath: string;
+}
+interface SelectImage extends CropImageProps {
+  toggleOrginalImage: boolean;
+  searchTerm: string;
+  nthImage: number;
+}
+declare class ImageUploader {
+  page: Page;
+  neetoPlaywrightUtilities: CustomCommands;
+  constructor({
+    page,
+    neetoPlaywrightUtilities
+  }: {
+    page: Page;
+    neetoPlaywrightUtilities: CustomCommands;
+  });
+  private submitCroppedImage;
+  /**
+   *
+   * Used to remove an image already uploaded from the image uploader amd verify it.
+   *
+   * @example 
+   *
+   * await imageUploader.removeImage()
+   * @endexample
+  */
+  removeImage: () => Promise<void>;
+  /**
+   *
+   * Used to open the image library modal.
+   *
+   * @example 
+   *
+   * await imageUploader.openImageLibrary()
+   * @endexample
+  */
+  openImageLibrary: () => Promise<void>;
+  /**
+   *
+   * Used to crop the image. It takes the following parameters:
+   *
+   * toggleAspectRatioLock (optional): A boolean value to toggle the aspect ratio lock switch which is checked by default. Default is false.
+   *
+   * aspectRatioHeight (optional): The height of the aspect ratio. Default is 9.
+   *
+   * aspectRatioWidth (optional): The width of the aspect ratio. Default is 16.
+   *
+   * width (optional): The width of the cropped image. Default is 100.
+   *
+   * height (optional): The height of the cropped image. Default is 100.
+   *
+   * @example 
+   *
+   * await imageUploader.cropImage({
+   *     toggleAspectRatioLock: false
+   *     aspectRatioHeight: "9",
+   *     aspectRatioWidth: "16",
+   *     width: "100",
+   *     height: "100",
+   * })
+   * @endexample
+  */
+  cropImage: ({
+    toggleAspectRatioLock,
+    width,
+    height,
+    aspectRatioHeight,
+    aspectRatioWidth
+  }?: Partial<CropImageProps>) => Promise<void>;
+  /**
+   *
+   * Used to upload a new image from the library and crop it if required. It takes the following parameters:
+   *
+   * localImagePath: The path of the image to be uploaded.
+   *
+   * toggleOrginalImage (optional): A boolean value to toggle the original image switch which is not checked by default. Default is false.
+   *
+   * toggleAspectRatioLock (optional): A boolean value to toggle the aspect ratio lock switch which is checked by default. Default is false.
+   *
+   * aspectRatioHeight (optional): The height of the aspect ratio. Default is 9.
+   *
+   * aspectRatioWidth (optional): The width of the aspect ratio. Default is 16.
+   *
+   * width (optional): The width of the cropped image. Default is 100.
+   *
+   * height (optional): The height of the cropped image. Default is 100.
+   *
+   * @example 
+   *
+   * await imageUploader.uploadNewImageFromLibrary({
+   *     localImagePath,
+   *     toggleOrginalImage: false,
+   *     toggleAspectRatioLock: false,
+   *     aspectRatioHeight: "9",
+   *     aspectRatioWidth: "16",
+   *     width: "100",
+   *     height: "100",
+   * })
+   * @endexample
+  */
+  uploadNewImageFromLibrary: ({
+    localImagePath,
+    toggleOrginalImage,
+    toggleAspectRatioLock,
+    aspectRatioHeight,
+    aspectRatioWidth,
+    width,
+    height
+  }: ImageLibraryProps) => Promise<void>;
+  /**
+   *
+   * Used to select an image from the unsplash and crop it if required. It takes the following parameters:
+   *
+   * nthImage (optional): The index of the image to be selected. Default is 0.
+   *
+   * searchTerm (optional): The input for the search field.
+   *
+   * toggleOrginalImage (optional): A boolean value to toggle the original image switch which is not checked by default. Default is false.
+   *
+   * toggleAspectRatioLock (optional): A boolean value to toggle the aspect ratio lock switch which is checked by default. Default is false.
+   *
+   * aspectRatioHeight (optional): The height of the aspect ratio. Default is 9.
+   *
+   * aspectRatioWidth (optional): The width of the aspect ratio. Default is 16.
+   *
+   * width (optional): The width of the cropped image. Default is 100.
+   *
+   * height (optional): The height of the cropped image. Default is 100.
+   *
+   * @example 
+   *
+   * await imageUploader.selectImageFromWeb({
+   *     nthImage: 0,
+   *     searchTerm: "",
+   *     toggleOrginalImage: false,
+   *     toggleAspectRatioLock: false,
+   *     aspectRatioHeight: "9",
+   *     aspectRatioWidth: "16",
+   *     width: "100",
+   *     height: "100",
+   * })
+   * @endexample
+  */
+  selectImageFromWeb: ({
+    nthImage,
+    searchTerm,
+    toggleOrginalImage,
+    toggleAspectRatioLock,
+    aspectRatioHeight,
+    aspectRatioWidth,
+    width,
+    height
+  }?: Partial<SelectImage>) => Promise<void>;
+  /**
+   *
+   * Used to select an image from the library and crop it if required. It takes the following parameters
+   *
+   * nthImage (optional): The index of the image to be selected. Default is 0.
+   *
+   * searchTerm (optional): The input for the search field.
+   *
+   * toggleOrginalImage (optional): A boolean value to toggle the original image switch which is not checked by default. Default is false.
+   *
+   * toggleAspectRatioLock (optional): A boolean value to toggle the aspect ratio lock switch which is checked by default. Default is false.
+   *
+   * aspectRatioHeight (optional): The height of the aspect ratio. Default is 9.
+   *
+   * aspectRatioWidth (optional): The width of the aspect ratio. Default is 16.
+   *
+   * width (optional): The width of the cropped image. Default is 100.
+   *
+   * height (optional): The height of the cropped image. Default is 100.
+   *
+   * @example 
+   *
+   * await imageUploader.selectImageFromLibrary({
+   *     nthImage: 0,
+   *     searchTerm: "",
+   *     toggleOrginalImage: false,
+   *     toggleAspectRatioLock: false,
+   *     aspectRatioHeight: "9",
+   *     aspectRatioWidth: "16",
+   *     width: "100",
+   *     height: "100",
+   * })
+   * @endexample
+  */
+  selectImageFromLibrary: ({
+    nthImage,
+    searchTerm,
+    toggleOrginalImage,
+    toggleAspectRatioLock,
+    aspectRatioHeight,
+    aspectRatioWidth,
+    width,
+    height
+  }?: Partial<SelectImage>) => Promise<void>;
+}
 interface BasicUserInfo {
   firstName: string;
   lastName: string;
@@ -751,6 +969,7 @@ declare const ROUTES: {
   subdomainAvailability: string;
   countries: string;
   neetoApps: string;
+  directUploads: string;
   teamMembers: {
     all: string;
     bulkUpdate: string;
@@ -784,6 +1003,9 @@ declare const THIRD_PARTY_ROUTES: {
     zapEditor: (zapId: string) => string;
   };
 };
+declare const NEETO_ROUTES: {
+  imageUploader: string;
+};
 declare const networkConditions: Record<"Slow 3G" | "Fast 3G" | "No Throttling", Protocol.Network.emulateNetworkConditionsParameters>;
 /**
  *
@@ -1142,6 +1364,33 @@ declare const EMBED_SELECTORS: {
   elementIdInput: string;
   previewElementPopupButton: string;
 };
+declare const NEETO_IMAGE_UPLOADER_SELECTORS: {
+  imageUploaderWrapper: string;
+  browseText: string;
+  fileInput: string;
+  uploadedImage: string;
+  uploadNewAsset: string;
+  basicImageUploaderRemoveButton: string;
+  removeButton: string;
+  openImageLibraryButton: string;
+  openAssetLibraryButton: string;
+  imageEditorBackButton: string;
+  aspectRatioWidthInput: string;
+  aspectRatioHeightInput: string;
+  cropSubmitButton: string;
+  restrictionMessage: string;
+  progressBar: string;
+  myImagesTab: string;
+  unsplashTab: string;
+  nthLibraryImage: (index: number) => string;
+  nthUnsplashImage: (index: number) => string;
+  unsplashSearchInput: string;
+  imageEditorUploadedImage: string;
+  selectOriginalImageSwitch: string;
+  lockAspectRatioSwitch: string;
+  widthInputField: string;
+  heightInputField: string;
+};
 declare const CHAT_WIDGET_TEXTS: {
   newConversation: string;
   welcomeChatBubble: string;
@@ -1437,6 +1686,21 @@ declare const hexToRGB: (hex: string) => string;
 declare const filterUtils: {
   openFilterPane: (page: Page) => Promise<void>;
 };
+/**
+ *
+ * Function to get the image path and name from the image in a given path.
+ *
+ * @example 
+ *
+ * import { getImagePathAndName } from "@bigbinary/neeto-playwright-commons";
+ * 
+ * const { imagePath, imageName } = getImagePathAndName("../assets/images/image.png");
+ * @endexample
+*/
+declare const getImagePathAndName: (localImagePath: string) => {
+  imagePath: string;
+  imageName: string;
+};
 interface CurrentsOverrides {
   projectId: string;
 }
@@ -1465,4 +1729,4 @@ interface Overrides {
  * @endexample
 */
 declare const definePlaywrightConfig: (overrides: Overrides) => _playwright_test.PlaywrightTestConfig<{}, {}>;
-export { API_ROUTES, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, type CustomFixture, EMBED_SELECTORS, ENVIRONMENT, EmbedBase, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
+export { API_ROUTES, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, type CustomFixture, EMBED_SELECTORS, ENVIRONMENT, EmbedBase, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, _default as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };

package/index.js

@@ -4,12 +4,12 @@ import * as fs$d from 'fs';
 import fs__default, { writeFileSync as writeFileSync$1, unlinkSync, readFileSync } from 'fs';
 import { curry, not, isEmpty as isEmpty$1, isNil, isNotNil, mergeDeepLeft, mergeAll } from 'ramda';
 import require$$0$2 from 'util';
+import Path from 'path';
 import { faker } from '@faker-js/faker';
 import MailosaurClient from 'mailosaur';
 import dayjs from 'dayjs';
 import require$$1$1 from 'tty';
 import require$$0$3 from 'os';
-import Path from 'path';
 import Stream$4 from 'stream';
 import require$$0$4 from 'events';
 import { getI18nInstance, initI18n } from 'playwright-i18next-fixture';
@@ -26,6 +26,58 @@ import require$$1$2 from 'string_decoder';
 import require$$4$1 from 'timers';
 import require$$3$2 from 'crypto';
 
+const BASE_URL = "/api/v1";
+const NEETO_AUTH_BASE_URL = (subdomain = "app") => `https://${subdomain}.neetoauth.net`;
+const ROUTES = {
+    neetoAuthSignup: `${NEETO_AUTH_BASE_URL()}/signups/new`,
+    neetoAuth: NEETO_AUTH_BASE_URL(),
+    loginLink: "/login",
+    profile: "/profile",
+    admin: "/admin",
+    myProfile: "/my/profile",
+    authSettings: "/settings",
+    webhooks: "/webhooks",
+    login: `${BASE_URL}/login`,
+    signup: `${BASE_URL}/signups`,
+    subdomainAvailability: `${BASE_URL}/subdomain_availability`,
+    countries: `${BASE_URL}/countries`,
+    neetoApps: `${BASE_URL}/neeto_apps`,
+    directUploads: "/direct_uploads",
+    teamMembers: {
+        all: "/team_members*/**",
+        bulkUpdate: "/team_members/teams/bulk_update",
+        index: "/team_members/teams",
+        show: (id) => `/team_members/teams/${id}`,
+    },
+};
+const API_ROUTES = {
+    teamMembers: {
+        all: "/team_members*/**",
+        bulkUpdate: "/team_members/teams/bulk_update",
+        index: "/team_members/teams",
+        show: (id) => `/team_members/teams/${id}`,
+    },
+    integrations: {
+        zapier: {
+            api_keys: "/neeto_integrations/zapier/api_keys",
+        },
+    },
+};
+const THIRD_PARTY_ROUTES = {
+    webhooks: { site: "https://webhook.site/" },
+    slack: {
+        loginWithPassword: (workspace) => `https://${workspace}.slack.com/sign_in_with_password`,
+    },
+    zapier: {
+        login: "https://zapier.com/app/login",
+        logOut: "https://zapier.com/logout",
+        zapEditor: (zapId) => `https://zapier.com/editor/${zapId}`,
+    },
+};
+const NEETO_ROUTES = {
+    imageUploader: "/neeto_image_uploader_engine",
+};
+
 const NEETO_FILTERS_SELECTORS = {
     emailSelectContainer: "email-select-container-wrapper",
     filterPaneHeading: "neeto-filters-pane-header",
@@ -45,6 +97,34 @@ const NEETO_FILTERS_SELECTORS = {
     searchTermBlock: "neeto-filters-search-term-block",
 };
 
+const NEETO_IMAGE_UPLOADER_SELECTORS = {
+    imageUploaderWrapper: "image-uploader-wrapper",
+    browseText: "neeto-image-uploader-browse-text",
+    fileInput: "neeto-image-uploader-file-input",
+    uploadedImage: "uploaded-image",
+    uploadNewAsset: "upload-new-asset",
+    basicImageUploaderRemoveButton: "basic-image-uploader-remove-button",
+    removeButton: "image-uploader-remove-button",
+    openImageLibraryButton: "image-uploader-open-image-library-button",
+    openAssetLibraryButton: "open-asset-library-button",
+    imageEditorBackButton: "image-editor-back-button",
+    aspectRatioWidthInput: "aspect-ratio-width-input",
+    aspectRatioHeightInput: "aspect-ratio-height-input",
+    cropSubmitButton: "neeto-image-uploader-crop-submit-button",
+    restrictionMessage: "neeto-image-uploader-restriction-message",
+    progressBar: "neeto-image-uploader-progress-bar",
+    myImagesTab: "neeto-image-uploader-my-images-tab",
+    unsplashTab: "neeto-image-uploader-unsplash-tab",
+    nthLibraryImage: (index) => `niu-library-image-${index}`,
+    nthUnsplashImage: (index) => `niu-unsplash-image-${index}`,
+    unsplashSearchInput: "niu-unsplash-image-picker-search-input",
+    imageEditorUploadedImage: "image-editor-uploaded-image",
+    selectOriginalImageSwitch: "select-original-image-switch",
+    lockAspectRatioSwitch: "lock-aspect-ratio-switch",
+    widthInputField: "width-input-field",
+    heightInputField: "height-input-field",
+};
+
 const ENVIRONMENT = {
     development: "development",
     staging: "staging",
@@ -2504,6 +2584,12 @@ var lib$7 = {
 
 var qs$1 = /*@__PURE__*/getDefaultExportFromCjs(lib$7);
 
+const getImagePathAndName = (localImagePath) => {
+    const imagePath = Path.join(__dirname, localImagePath);
+    const imageName = Path.basename(localImagePath, Path.extname(localImagePath));
+    return { imagePath, imageName };
+};
+
 class CustomCommands {
     constructor(page, request, baseURL = process.env.BASE_URL) {
         this.interceptMultipleResponses = ({ responseUrl = "", responseStatus = 200, times = 1, baseUrl, customPageContext, timeout = 35000, } = {}) => {
@@ -2618,6 +2704,20 @@ class CustomCommands {
                 await expect(this.page.getByTestId(countSelector)).toContainText(countText);
             }).toPass({ timeout: 15000 });
         };
+        this.uploadImage = async (localImagePath) => {
+            const { imageName, imagePath } = getImagePathAndName(localImagePath);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.browseText)
+                .click();
+            const uploadFile = this.interceptMultipleResponses({
+                responseUrl: ROUTES.directUploads,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.fileInput)
+                .setInputFiles(imagePath);
+            await uploadFile;
+            await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
+        };
         this.page = page;
         this.responses = [];
         this.request = request;
@@ -12548,54 +12648,6 @@ class EmbedBase {
     }
 }
 
-const BASE_URL = "/api/v1";
-const NEETO_AUTH_BASE_URL = (subdomain = "app") => `https://${subdomain}.neetoauth.net`;
-const ROUTES = {
-    neetoAuthSignup: `${NEETO_AUTH_BASE_URL()}/signups/new`,
-    neetoAuth: NEETO_AUTH_BASE_URL(),
-    loginLink: "/login",
-    profile: "/profile",
-    admin: "/admin",
-    myProfile: "/my/profile",
-    authSettings: "/settings",
-    webhooks: "/webhooks",
-    login: `${BASE_URL}/login`,
-    signup: `${BASE_URL}/signups`,
-    subdomainAvailability: `${BASE_URL}/subdomain_availability`,
-    countries: `${BASE_URL}/countries`,
-    neetoApps: `${BASE_URL}/neeto_apps`,
-    teamMembers: {
-        all: "/team_members*/**",
-        bulkUpdate: "/team_members/teams/bulk_update",
-        index: "/team_members/teams",
-        show: (id) => `/team_members/teams/${id}`,
-    },
-};
-const API_ROUTES = {
-    teamMembers: {
-        all: "/team_members*/**",
-        bulkUpdate: "/team_members/teams/bulk_update",
-        index: "/team_members/teams",
-        show: (id) => `/team_members/teams/${id}`,
-    },
-    integrations: {
-        zapier: {
-            api_keys: "/neeto_integrations/zapier/api_keys",
-        },
-    },
-};
-const THIRD_PARTY_ROUTES = {
-    webhooks: { site: "https://webhook.site/" },
-    slack: {
-        loginWithPassword: (workspace) => `https://${workspace}.slack.com/sign_in_with_password`,
-    },
-    zapier: {
-        login: "https://zapier.com/app/login",
-        logOut: "https://zapier.com/logout",
-        zapEditor: (zapId) => `https://zapier.com/editor/${zapId}`,
-    },
-};
-
 const CHAT_WIDGET_TEXTS = {
     newConversation: "New Conversation",
     welcomeChatBubble: "Hi! I'm here to assist you with any questions you may have. What can I do for you?",
@@ -13480,6 +13532,147 @@ class ZapierPage extends IntegrationBase {
     }
 }
 
+class ImageUploader {
+    constructor({ page, neetoPlaywrightUtilities, }) {
+        this.submitCroppedImage = async () => {
+            const cropImage = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: ROUTES.directUploads,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.cropSubmitButton)
+                .click();
+            await cropImage;
+        };
+        this.removeImage = async () => {
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.imageUploaderWrapper)
+                .getByTestId(COMMON_SELECTORS.dropdownIcon)
+                .click();
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.removeButton)
+                .click();
+            await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadedImage)).toBeHidden();
+        };
+        this.openImageLibrary = async () => {
+            const fetchImages = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: NEETO_ROUTES.imageUploader,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.openAssetLibraryButton)
+                .click();
+            await fetchImages;
+        };
+        this.cropImage = async ({ toggleAspectRatioLock = false, width = "100", height = "100", aspectRatioHeight = "9", aspectRatioWidth = "16", } = {}) => {
+            toggleAspectRatioLock &&
+                (await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.lockAspectRatioSwitch)
+                    .click());
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.aspectRatioHeightInput)
+                .fill(aspectRatioHeight);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.aspectRatioWidthInput)
+                .fill(aspectRatioWidth);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.widthInputField)
+                .fill(width);
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.heightInputField)
+                .fill(height);
+        };
+        this.uploadNewImageFromLibrary = async ({ localImagePath, toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", }) => {
+            await this.openImageLibrary();
+            const fileUploaderPromise = this.page.waitForEvent("filechooser");
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.uploadNewAsset)
+                .click();
+            const fileUploader = await fileUploaderPromise;
+            const { imagePath, imageName } = getImagePathAndName(localImagePath);
+            await fileUploader.setFiles(imagePath);
+            await expect(this.page.getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.imageEditorUploadedImage)).toHaveAttribute("src", new RegExp(imageName), { timeout: 20000 });
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.selectImageFromWeb = async ({ nthImage = 0, searchTerm = "", toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", } = {}) => {
+            await this.openImageLibrary();
+            const switchImageTab = this.neetoPlaywrightUtilities.interceptMultipleResponses({
+                responseUrl: NEETO_ROUTES.imageUploader,
+            });
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashTab)
+                .click();
+            await switchImageTab;
+            if (isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                    timeout: 10000,
+                });
+            }
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.nthUnsplashImage(nthImage))
+                .click();
+            await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                timeout: 10000,
+            });
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.selectImageFromLibrary = async ({ nthImage = 0, searchTerm = "", toggleOrginalImage = false, toggleAspectRatioLock = false, aspectRatioHeight = "9", aspectRatioWidth = "16", width = "100", height = "100", } = {}) => {
+            await this.openImageLibrary();
+            await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                timeout: 10000,
+            });
+            if (isNotEmpty(searchTerm)) {
+                await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.unsplashSearchInput)
+                    .fill(searchTerm);
+                await expect(this.page.getByTestId(COMMON_SELECTORS.spinner)).toBeHidden({
+                    timeout: 10000,
+                });
+            }
+            await this.page
+                .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.nthLibraryImage(nthImage))
+                .click();
+            toggleOrginalImage
+                ? await this.page
+                    .getByTestId(NEETO_IMAGE_UPLOADER_SELECTORS.selectOriginalImageSwitch)
+                    .click()
+                : await this.cropImage({
+                    toggleAspectRatioLock,
+                    aspectRatioHeight,
+                    aspectRatioWidth,
+                    width,
+                    height,
+                });
+            await this.submitCroppedImage();
+        };
+        this.page = page;
+        this.neetoPlaywrightUtilities = neetoPlaywrightUtilities;
+    }
+}
+
 const LOGIN_SELECTORS = {
     appleAuthenticationButton: "apple-authentication-button",
     emailTextField: "login-email-text-field",
@@ -147485,5 +147678,5 @@ const definePlaywrightConfig = (overrides) => {
     });
 };
 
-export { API_ROUTES, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, EMBED_SELECTORS, ENVIRONMENT, EmbedBase, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
+export { API_ROUTES, BASE_URL, CHANGELOG_WIDGET_SELECTORS, CHAT_WIDGET_SELECTORS, CHAT_WIDGET_TEXTS, COMMON_SELECTORS, CREDENTIALS, CustomCommands, EMBED_SELECTORS, ENVIRONMENT, EmbedBase, GLOBAL_TRANSLATIONS_PATTERN, HELP_CENTER_SELECTORS, HelpAndProfilePage, INTEGRATIONS_TEXTS, INTEGRATION_SELECTORS, IS_STAGING_ENV, ImageUploader, IntegrationBase, KEYBOARD_SHORTCUTS_SELECTORS, LOGIN_SELECTORS, MEMBER_FORM_SELECTORS, MEMBER_SELECTORS, MEMBER_TEXTS, MERGE_TAGS_SELECTORS, MailosaurUtils, NEETO_AUTH_BASE_URL, NEETO_EDITOR_SELECTORS, NEETO_FILTERS_SELECTORS, NEETO_IMAGE_UPLOADER_SELECTORS, NEETO_ROUTES, OTP_EMAIL_PATTERN, OrganizationPage, PROFILE_SECTION_SELECTORS, PROJECT_TRANSLATIONS_PATH, ROLES_SELECTORS, ROUTES, SIGNUP_SELECTORS, SLACK_DATA_QA_SELECTORS, SLACK_DEFAULT_CHANNEL, SLACK_SELECTORS, SLACK_WEB_TEXTS, STORAGE_STATE, SidebarSection, SlackPage, TAGS_SELECTORS, THIRD_PARTY_ROUTES, TOASTR_MESSAGES, USER_AGENTS, WebhooksPage, ZAPIER_LIMIT_EXHAUSTED_MESSAGE, ZAPIER_SELECTORS, ZAPIER_TEST_EMAIL, ZAPIER_WEB_TEXTS, ZapierPage, basicHTMLContent, clearCredentials, commands, cpuThrottlingUsingCDP, decodeQRCodeFromFile, definePlaywrightConfig, executeWithThrottledResources, extractSubdomainFromError, filterUtils, generateRandomBypassEmail, generateStagingData, getByDataQA, getGlobalUserState, getImagePathAndName, headerUtils, hexToRGB, hyphenize, i18nFixture, initializeCredentials, initializeTotp, joinHyphenCase, joinString, login, loginWithoutSSO, memberUtils, networkConditions, networkThrottlingUsingCDP, readFileSyncIfExists, removeCredentialFile, shouldSkipSetupAndTeardown, skipTest, squish, stealth as stealthTest, tableUtils, toCamelCase, updateCredentials, writeDataToFile };
 //# sourceMappingURL=index.js.map